@watermarkinsights/ripple 3.25.0-2 → 3.25.0

package/dist/ripple/{p-1be55579.system.entry.js → p-fb67c39e.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-7b2fc615.system.js","./p-bc28c815.system.js"],(function(e){"use strict";var t,i,o,r,n,a,l,s,c,d;return{setters:[function(e){t=e.r;i=e.c;o=e.f;r=e.h;n=e.H;a=e.g},function(e){l=e.d;s=e.i;c=e.s;d=e.j}],execute:function(){var p=':host,wm-file{display:block;width:100%}.file-wrapper{font-size:0.875rem;position:relative;list-style:none}.file-wrapper .file{min-width:300px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;height:3.5rem;padding:0 1.25rem;position:relative;background:#f4f4f4;border:1px solid #6b6b6b;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.file-wrapper .file .filename{white-space:nowrap}.file-wrapper .file .left-group{overflow:hidden}.file-wrapper .file .right-group{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-left:5rem;gap:1rem}.file-wrapper .file .right-group.condensed{padding-left:2.5rem}.file-wrapper .file .right-group .file-controls{display:-ms-flexbox;display:flex;gap:1rem}.file-wrapper .file .right-group .file-info{white-space:nowrap}.file-wrapper .file.--error{border:1px solid #c0392b;background-color:#f5ebea;height:3.75rem}.file-wrapper.checked .file:after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f133";position:absolute;right:-44px;color:#088000;font-size:28px;line-height:1}.name-wrapper{overflow:hidden}.progress{position:absolute;left:0;top:0;right:0;height:8px}.error-message{display:block;font-style:italic;color:#c0392b;font-size:0.875rem;margin-top:0.25rem}.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}.ch-measure{width:1ch !important;visibility:hidden}';var f=e("wm_file",function(){function e(e){var r=this;t(this,e);this.wmIntFilePreviewed=i(this,"wmIntFilePreviewed",7);this.wmIntFileDownloaded=i(this,"wmIntFileDownloaded",7);this.wmIntFileDeleted=i(this,"wmIntFileDeleted",7);this.wmFileClearErrorClicked=i(this,"wmFileClearErrorClicked",7);this.isWithinLegacyUploader=false;this.debouncedResize=l((function(){r.isCondensed=r.el.clientWidth<500;o(r.el)}),50);this.file=undefined;this.showInfo="time";this.errorMessage=undefined;this.isCondensed=false}Object.defineProperty(e.prototype,"fileData",{get:function(){var e=this.file?JSON.parse(this.file):null;if(e&&e.progress&&typeof e.progress==="string"&&e.progress.match(/^[0-9]+$/)){e.progress=parseInt(e.progress.toString())}return e},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isUploading",{get:function(){return this.fileData&&this.fileData.hasOwnProperty("progress")&&this.fileData.progress<100},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"singleCharacterWidth",{get:function(){return this.el.shadowRoot.querySelector(".ch-measure").clientWidth},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"previewButtonTooltip",{get:function(){return s.formatMessage({id:"file.previewButtonTooltip",defaultMessage:"Preview",description:"Tooltip of a button that triggers a file to be previewed"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"downloadButtonTooltip",{get:function(){return s.formatMessage({id:"file.downloadButtonTooltip",defaultMessage:"Download",description:"Tooltip of a button that triggers a file to be downloaded"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"deleteButtonTooltip",{get:function(){return s.formatMessage({id:"file.deleteButtonTooltip",defaultMessage:"Delete",description:"Tooltip of a button that triggers a file to be deleted"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"previewActionMessage",{get:function(){return s.formatMessage({id:"file.previewAction",defaultMessage:"Preview File",description:"Label of a button that triggers a file to be previewed"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"downloadActionMessage",{get:function(){return s.formatMessage({id:"file.downloadAction",defaultMessage:"Download File",description:"Label of a button that triggers a file to be downloaded"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"deleteActionMessage",{get:function(){return s.formatMessage({id:"file.deleteAction",defaultMessage:"Delete File",description:"Label of a button that triggers a file to be delete"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"actionMenuLabel",{get:function(){return s.formatMessage({id:"file.actionMenuLabel",defaultMessage:"Actions",description:"Label of a button that opens a menu of file actions"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"clearButtonText",{get:function(){return s.formatMessage({id:"file.clearErrorText",defaultMessage:"Clear",description:"Text for a button used to clear an error"})},enumerable:false,configurable:true});e.prototype.generateClearButtonLabel=function(e){return s.formatMessage({id:"file.clearErrorLabel",defaultMessage:"Clear {fileName} error",description:"Label for a button used to clear an error, including filename"},{fileName:e})};e.prototype.componentWillLoad=function(){var e=this;var t=this.el.getRootNode().host;if(t&&t.nodeName==="WM-UPLOADER"){if(t.type||t.uploaderType){this.isWithinLegacyUploader=true}}var i=new ResizeObserver((function(){return e.debouncedResize()}));i.observe(this.el)};e.prototype.componentDidRender=function(){this.truncateFileName(this.el.shadowRoot.querySelector(".file"))};e.prototype.previewFile=function(e){this.wmIntFilePreviewed.emit(e.id)};e.prototype.downloadFile=function(e){this.wmIntFileDownloaded.emit(e.id)};e.prototype.deleteFile=function(e){this.wmIntFileDeleted.emit(e.id)};e.prototype.truncateFileName=function(e){var t=e.querySelector(".left-group");var i=t.getBoundingClientRect().left;var o=e.querySelector(".right-group");var r=o?o.getBoundingClientRect().left:e.getBoundingClientRect().right-20;var n=e.querySelector(".filename");var a=r-i;var l=n.dataset.filename;var s=a>l.length*this.singleCharacterWidth;if(!s){var c=l.slice(l.lastIndexOf("."));var d=Math.floor(a/this.singleCharacterWidth);var p=3+3+c.length;var f=Math.max(2,d-p);var u=l.slice(0,f);var g=l.slice(l.indexOf(c)-3,l.length);l="".concat(u.trim(),"...").concat(g.trim())}n.textContent=l};e.prototype.handleFilenameMouseEnter=function(e,t){if(e.target.textContent.includes("...")){c("bottom",e.target,t)}};e.prototype.renderFileName=function(e,t){var i=this;return r("div",{class:"left-group"},r("div",{class:"name-wrapper"},r("span",{class:"sr-only"},e),r("span",{"aria-hidden":"true",class:"filename","data-filename":e,onMouseEnter:function(t){return i.handleFilenameMouseEnter(t,e)},onMouseLeave:function(){return d()}}),t&&r("span",{class:"sr-only"},"uploading"),r("div",{class:"ch-measure"})))};e.prototype.renderFileInfo=function(e,t){var i="";if(t==="time"&&e.lastUpdated){i=e.lastUpdated}else if(t==="size"&&e.size){i=e.size}return r("div",{class:"file-info"},i)};e.prototype.renderActionMenu=function(e){var t=this;var i="download delete";var o=e.fileActions||i;var n=r("wm-menuitem",{icon:"f208",onClick:function(){return t.previewFile(e)}},this.previewActionMessage);var a=r("wm-menuitem",{icon:"f1da",onClick:function(){return t.downloadFile(e)}},this.downloadActionMessage);var l=r("wm-menuitem",{icon:"f1c0",onClick:function(){return t.deleteFile(e)}},this.deleteActionMessage);return r("wm-action-menu",{"action-menu-type":"icon",tooltip:this.actionMenuLabel,"tooltip-position":"bottom","label-for-identical-buttons":"".concat(e.name," ").concat(this.actionMenuLabel)},o.includes("preview")&&n,o.includes("download")&&a,o.includes("delete")&&l)};e.prototype.renderFileActionButtons=function(e){var t=this;var i="download delete";var o=e.fileActions||i;var n=r("wm-button",{class:"preview-button","button-type":"icononly",tooltip:this.previewButtonTooltip,"tooltip-position":"bottom","label-for-identical-buttons":"preview ".concat(e.name),icon:"f208",onClick:function(){return t.previewFile(e)}});var a=r("wm-button",{class:"download-button","button-type":"icononly",tooltip:this.downloadButtonTooltip,"tooltip-position":"bottom","label-for-identical-buttons":"download ".concat(e.name),icon:"f1da",onClick:function(){return t.downloadFile(e)}});var l=r("wm-button",{class:"delete-button","button-type":"icononly",tooltip:this.deleteButtonTooltip,"tooltip-position":"bottom","label-for-identical-buttons":"delete ".concat(e.name),icon:"f1c0",onClick:function(){return t.deleteFile(e)}});return r("div",{class:"file-controls"},o.includes("preview")&&n,o.includes("download")&&a,o.includes("delete")&&l)};e.prototype.renderFileInProgress=function(e){var t=e.type?"".concat(e.name,".").concat(e.type):e.name;return r("div",{class:"file-wrapper"},r("div",{class:"file --progress"},r("div",{class:"progress",style:{background:"linear-gradient(to right, rgba(67, 126, 142, 1) ".concat(e.progress,"%, transparent ").concat(e.progress,"%)")}}),this.renderFileName(t,this.isUploading)))};e.prototype.renderFileControls=function(e){var t=e.fileActions&&e.fileActions.split(" ").length===1;var i=this.isCondensed&&!t;return i?this.renderActionMenu(e):this.renderFileActionButtons(e)};e.prototype.renderFile=function(e){var t=this;var i=e.type?"".concat(e.name,".").concat(e.type):e.name;var o=!this.isWithinLegacyUploader&&e.progress===100;return r("div",{class:"file-wrapper ".concat(o?"checked":"")},r("div",{class:"file ".concat(this.errorMessage?"--error":"")},this.renderFileName(i,this.isUploading),!this.errorMessage&&r("div",{class:"right-group ".concat(this.isCondensed?"condensed":"")},this.showInfo!=="none"&&this.renderFileInfo(e,this.showInfo),e.fileActions!==""&&this.renderFileControls(e)),this.errorMessage&&r("wm-button",{"permanently-delete":true,"button-type":"textonly","label-for-identical-buttons":this.generateClearButtonLabel(e.name),onClick:function(){return t.wmFileClearErrorClicked.emit({name:e.name})}},this.clearButtonText)),this.errorMessage&&r("div",{class:"error-message"},this.errorMessage))};e.prototype.render=function(){return r(n,{role:"listitem"},this.isUploading?this.renderFileInProgress(this.fileData):this.renderFile(this.fileData))};Object.defineProperty(e,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());f.style=p}}}));
-//# sourceMappingURL=p-1be55579.system.entry.js.map
+System.register(["./p-7b2fc615.system.js","./p-f0fd8695.system.js"],(function(e){"use strict";var t,i,o,r,n,a,l,s,d,c;return{setters:[function(e){t=e.r;i=e.c;o=e.f;r=e.h;n=e.H;a=e.g},function(e){l=e.d;s=e.i;d=e.s;c=e.j}],execute:function(){var p=':host,wm-file{display:block;width:100%}.file-wrapper{font-size:0.875rem;position:relative;list-style:none}.file-wrapper .file{min-width:300px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;height:3.5rem;padding:0 1.25rem;position:relative;background:#f4f4f4;border:1px solid #6b6b6b;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.file-wrapper .file .filename{white-space:nowrap}.file-wrapper .file .left-group{overflow:hidden}.file-wrapper .file .right-group{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-left:5rem;gap:1rem}.file-wrapper .file .right-group.condensed{padding-left:2.5rem}.file-wrapper .file .right-group .file-controls{display:-ms-flexbox;display:flex;gap:1rem}.file-wrapper .file .right-group .file-info{white-space:nowrap}.file-wrapper .file.--error{border:1px solid #c0392b;background-color:#f5ebea;height:3.75rem}.file-wrapper.checked .file:after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f133";position:absolute;right:-44px;color:#088000;font-size:28px;line-height:1}.name-wrapper{overflow:hidden}.progress{position:absolute;left:0;top:0;right:0;height:8px}.error-message{display:block;font-style:italic;color:#c0392b;font-size:0.875rem;margin-top:0.25rem}.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}.ch-measure{width:1ch !important;visibility:hidden}';var f=e("wm_file",function(){function e(e){var r=this;t(this,e);this.wmIntFilePreviewed=i(this,"wmIntFilePreviewed",7);this.wmIntFileDownloaded=i(this,"wmIntFileDownloaded",7);this.wmIntFileDeleted=i(this,"wmIntFileDeleted",7);this.wmFileClearErrorClicked=i(this,"wmFileClearErrorClicked",7);this.isWithinLegacyUploader=false;this.debouncedResize=l((function(){r.isCondensed=r.el.clientWidth<500;o(r.el)}),50);this.file=undefined;this.showInfo="time";this.errorMessage=undefined;this.isCondensed=false}Object.defineProperty(e.prototype,"fileData",{get:function(){var e=this.file?JSON.parse(this.file):null;if(e&&e.progress&&typeof e.progress==="string"&&e.progress.match(/^[0-9]+$/)){e.progress=parseInt(e.progress.toString())}return e},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isUploading",{get:function(){return this.fileData&&this.fileData.hasOwnProperty("progress")&&this.fileData.progress<100},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"singleCharacterWidth",{get:function(){return this.el.shadowRoot.querySelector(".ch-measure").clientWidth},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"previewButtonTooltip",{get:function(){return s.formatMessage({id:"file.previewButtonTooltip",defaultMessage:"Preview",description:"Tooltip of a button that triggers a file to be previewed"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"downloadButtonTooltip",{get:function(){return s.formatMessage({id:"file.downloadButtonTooltip",defaultMessage:"Download",description:"Tooltip of a button that triggers a file to be downloaded"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"deleteButtonTooltip",{get:function(){return s.formatMessage({id:"file.deleteButtonTooltip",defaultMessage:"Delete",description:"Tooltip of a button that triggers a file to be deleted"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"previewActionMessage",{get:function(){return s.formatMessage({id:"file.previewAction",defaultMessage:"Preview File",description:"Label of a button that triggers a file to be previewed"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"downloadActionMessage",{get:function(){return s.formatMessage({id:"file.downloadAction",defaultMessage:"Download File",description:"Label of a button that triggers a file to be downloaded"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"deleteActionMessage",{get:function(){return s.formatMessage({id:"file.deleteAction",defaultMessage:"Delete File",description:"Label of a button that triggers a file to be delete"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"actionMenuLabel",{get:function(){return s.formatMessage({id:"file.actionMenuLabel",defaultMessage:"Actions",description:"Label of a button that opens a menu of file actions"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"clearButtonText",{get:function(){return s.formatMessage({id:"file.clearErrorText",defaultMessage:"Clear",description:"Text for a button used to clear an error"})},enumerable:false,configurable:true});e.prototype.generateClearButtonLabel=function(e){return s.formatMessage({id:"file.clearErrorLabel",defaultMessage:"Clear {fileName} error",description:"Label for a button used to clear an error, including filename"},{fileName:e})};e.prototype.componentWillLoad=function(){var e=this;var t=this.el.getRootNode().host;if(t&&t.nodeName==="WM-UPLOADER"){if(t.type||t.uploaderType){this.isWithinLegacyUploader=true}}var i=new ResizeObserver((function(){return e.debouncedResize()}));i.observe(this.el)};e.prototype.componentDidRender=function(){this.truncateFileName(this.el.shadowRoot.querySelector(".file"))};e.prototype.previewFile=function(e){this.wmIntFilePreviewed.emit(e.id)};e.prototype.downloadFile=function(e){this.wmIntFileDownloaded.emit(e.id)};e.prototype.deleteFile=function(e){this.wmIntFileDeleted.emit(e.id)};e.prototype.truncateFileName=function(e){var t=e.querySelector(".left-group");var i=t.getBoundingClientRect().left;var o=e.querySelector(".right-group");var r=o?o.getBoundingClientRect().left:e.getBoundingClientRect().right-20;var n=e.querySelector(".filename");var a=r-i;var l=n.dataset.filename;var s=a>l.length*this.singleCharacterWidth;if(!s){var d=l.slice(l.lastIndexOf("."));var c=Math.floor(a/this.singleCharacterWidth);var p=3+3+d.length;var f=Math.max(2,c-p);var u=l.slice(0,f);var g=l.slice(l.indexOf(d)-3,l.length);l="".concat(u.trim(),"...").concat(g.trim())}n.textContent=l};e.prototype.handleFilenameMouseEnter=function(e,t){if(e.target.textContent.includes("...")){d("bottom",e.target,t)}};e.prototype.renderFileName=function(e,t){var i=this;return r("div",{class:"left-group"},r("div",{class:"name-wrapper"},r("span",{class:"sr-only"},e),r("span",{"aria-hidden":"true",class:"filename","data-filename":e,onMouseEnter:function(t){return i.handleFilenameMouseEnter(t,e)},onMouseLeave:function(){return c()}}),t&&r("span",{class:"sr-only"},"uploading"),r("div",{class:"ch-measure"})))};e.prototype.renderFileInfo=function(e,t){var i="";if(t==="time"&&e.lastUpdated){i=e.lastUpdated}else if(t==="size"&&e.size){i=e.size}return r("div",{class:"file-info"},i)};e.prototype.renderActionMenu=function(e){var t=this;var i="download delete";var o=e.fileActions||i;var n=r("wm-menuitem",{icon:"f208",onClick:function(){return t.previewFile(e)}},this.previewActionMessage);var a=r("wm-menuitem",{icon:"f1da",onClick:function(){return t.downloadFile(e)}},this.downloadActionMessage);var l=r("wm-menuitem",{icon:"f1c0",onClick:function(){return t.deleteFile(e)}},this.deleteActionMessage);return r("wm-action-menu",{"action-menu-type":"icon",tooltip:this.actionMenuLabel,"tooltip-position":"bottom","label-for-identical-buttons":"".concat(e.name," ").concat(this.actionMenuLabel)},o.includes("preview")&&n,o.includes("download")&&a,o.includes("delete")&&l)};e.prototype.renderFileActionButtons=function(e){var t=this;var i="download delete";var o=e.fileActions||i;var n=r("wm-button",{class:"preview-button","button-type":"icononly",tooltip:this.previewButtonTooltip,"tooltip-position":"bottom","label-for-identical-buttons":"preview ".concat(e.name),icon:"f208",onClick:function(){return t.previewFile(e)}});var a=r("wm-button",{class:"download-button","button-type":"icononly",tooltip:this.downloadButtonTooltip,"tooltip-position":"bottom","label-for-identical-buttons":"download ".concat(e.name),icon:"f1da",onClick:function(){return t.downloadFile(e)}});var l=r("wm-button",{class:"delete-button","button-type":"icononly",tooltip:this.deleteButtonTooltip,"tooltip-position":"bottom","label-for-identical-buttons":"delete ".concat(e.name),icon:"f1c0",onClick:function(){return t.deleteFile(e)}});return r("div",{class:"file-controls"},o.includes("preview")&&n,o.includes("download")&&a,o.includes("delete")&&l)};e.prototype.renderFileInProgress=function(e){var t=e.type?"".concat(e.name,".").concat(e.type):e.name;return r("div",{class:"file-wrapper"},r("div",{class:"file --progress"},r("div",{class:"progress",style:{background:"linear-gradient(to right, rgba(67, 126, 142, 1) ".concat(e.progress,"%, transparent ").concat(e.progress,"%)")}}),this.renderFileName(t,this.isUploading)))};e.prototype.renderFileControls=function(e){var t=e.fileActions&&e.fileActions.split(" ").length===1;var i=this.isCondensed&&!t;return i?this.renderActionMenu(e):this.renderFileActionButtons(e)};e.prototype.renderFile=function(e){var t=this;var i=e.type?"".concat(e.name,".").concat(e.type):e.name;var o=!this.isWithinLegacyUploader&&e.progress===100;return r("div",{class:"file-wrapper ".concat(o?"checked":"")},r("div",{class:"file ".concat(this.errorMessage?"--error":"")},this.renderFileName(i,this.isUploading),!this.errorMessage&&r("div",{class:"right-group ".concat(this.isCondensed?"condensed":"")},this.showInfo!=="none"&&this.renderFileInfo(e,this.showInfo),e.fileActions!==""&&this.renderFileControls(e)),this.errorMessage&&r("wm-button",{"permanently-delete":true,"button-type":"textonly","label-for-identical-buttons":this.generateClearButtonLabel(e.name),onClick:function(){return t.wmFileClearErrorClicked.emit({name:e.name})}},this.clearButtonText)),this.errorMessage&&r("div",{class:"error-message"},this.errorMessage))};e.prototype.render=function(){return r(n,{role:"listitem"},this.isUploading?this.renderFileInProgress(this.fileData):this.renderFile(this.fileData))};Object.defineProperty(e,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());f.style=p}}}));
+//# sourceMappingURL=p-fb67c39e.system.entry.js.map

package/dist/ripple/p-fb67c39e.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["wmFileCss","File","exports","this","isWithinLegacyUploader","debouncedResize","debounce","_this","isCondensed","el","clientWidth","forceUpdate","Object","defineProperty","class_1","prototype","data","file","JSON","parse","progress","match","parseInt","toString","fileData","hasOwnProperty","shadowRoot","querySelector","intl","formatMessage","id","defaultMessage","description","generateClearButtonLabel","filename","fileName","componentWillLoad","shadowRootHost","getRootNode","host","nodeName","type","uploaderType","resizeObserver","ResizeObserver","observe","componentDidRender","truncateFileName","previewFile","wmIntFilePreviewed","emit","downloadFile","wmIntFileDownloaded","deleteFile","wmIntFileDeleted","leftGroup","leftBoundary","getBoundingClientRect","left","rightGroup","rightBoundary","right","filenameEl","availableSpace","dataset","canFitText","length","singleCharacterWidth","extension","slice","lastIndexOf","numFittingCharacters","Math","floor","postEllipsesLength","preEllipsesLength","max","preEllipsesText","postEllipsesText","indexOf","concat","trim","textContent","handleFilenameMouseEnter","ev","target","includes","showTooltip","renderFileName","isUploading","h","class","onMouseEnter","onMouseLeave","hideTooltip","renderFileInfo","item","showInfo","displayedInfo","lastUpdated","size","renderActionMenu","defaultFileActions","availableActions","fileActions","previewItem","icon","onClick","previewActionMessage","downloadItem","downloadActionMessage","deleteItem","deleteActionMessage","tooltip","actionMenuLabel","name","renderFileActionButtons","previewButton","previewButtonTooltip","downloadButton","downloadButtonTooltip","deleteButton","deleteButtonTooltip","renderFileInProgress","style","background","renderFileControls","hasSingleFileAction","split","showActionMenu","renderFile","showCheckmark","errorMessage","wmFileClearErrorClicked","clearButtonText","render","Host","role"],"sources":["src/components/wm-file/wm-file.scss?tag=wm-file&encapsulation=shadow","src/components/wm-file/wm-file.tsx"],"sourcesContent":[":host,\nwm-file {\n  display: block;\n  width: 100%;\n}\n.file-wrapper {\n  font-size: rem-calc(14);\n  position: relative;\n  list-style: none;\n\n  .file {\n    min-width: 300px;\n    @include border-radius(3px);\n    height: rem-calc(56);\n    padding: 0 rem-calc(20);\n    position: relative; // for progress bar\n    background: $background;\n    border: 1px solid rgb(107, 107, 107);\n\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n\n    .filename {\n      white-space: nowrap;\n    }\n\n    .left-group {\n      overflow: hidden;\n    }\n\n    .right-group {\n      display: flex;\n      align-items: center;\n      padding-left: rem-calc(80);\n      gap: rem-calc(16);\n\n      &.condensed {\n        padding-left: rem-calc(40);\n      }\n\n      .file-controls {\n        display: flex;\n        gap: rem-calc(16);\n      }\n      .file-info {\n        white-space: nowrap;\n      }\n    }\n\n    &.--error {\n      border: 1px solid $error-color;\n      background-color: #f5ebea;\n      height: rem-calc(60);\n    }\n  }\n\n  &.checked {\n    .file:after {\n      @include mdi-icon;\n      content: \"\\f133\";\n      position: absolute;\n      right: calc(-16px + -28px);\n      color: $uploader-checkmark-background;\n      font-size: 28px;\n      line-height: 1;\n    }\n  }\n}\n\n.name-wrapper {\n  overflow: hidden;\n}\n\n.progress {\n  position: absolute;\n  left: 0;\n  top: 0;\n  right: 0;\n  height: 8px;\n}\n\n.error-message {\n  @include errorMessage;\n}\n\n.sr-only {\n  @include srOnly;\n}\n\n.ch-measure {\n  // used to get the measurement of a single character, for truncation calculations\n  width: 1ch !important;\n  visibility: hidden;\n}\n","import { h, Component, Element, Event, EventEmitter, Prop, State, Host, forceUpdate } from \"@stencil/core\";\nimport { debounce, hideTooltip, intl, showTooltip } from \"../../global/functions\";\nimport { UploadedFile } from \"../../global/interfaces\";\n\n@Component({\n  tag: \"wm-file\",\n  styleUrl: \"wm-file.scss\",\n  shadow: { delegatesFocus: true },\n})\nexport class File {\n  @Element() el!: HTMLWmFileElement;\n  @Prop() file?: string;\n  @Prop() showInfo: \"time\" | \"size\" | \"none\" = \"time\";\n  @Prop() errorMessage?: string;\n  @State() isCondensed: boolean = false;\n  @Event() wmIntFilePreviewed!: EventEmitter<string>;\n  @Event() wmIntFileDownloaded!: EventEmitter<string>;\n  @Event() wmIntFileDeleted!: EventEmitter<string>;\n  @Event() wmFileClearErrorClicked!: EventEmitter; // undocumented event, for communication with wm-uploader\n  // the file component is used within wm-uploader, which still includes legacy types 1 and 2\n  // some new features are not included in these legacy types, and must use the below in conditions\n  private isWithinLegacyUploader: boolean = false;\n\n  get fileData(): UploadedFile {\n    let data = this.file ? JSON.parse(this.file) : null;\n\n    // sometimes JSON numbers can be received as strings, make sure progress is always a number\n    if (data && data.progress && typeof data.progress === \"string\" && data.progress.match(/^[0-9]+$/)) {\n      data.progress = parseInt(data.progress.toString());\n    }\n    return data;\n  }\n\n  get isUploading(): boolean {\n    return this.fileData && this.fileData.hasOwnProperty(\"progress\") && this.fileData.progress! < 100;\n  }\n\n  get singleCharacterWidth() {\n    return this.el.shadowRoot!.querySelector(\".ch-measure\")!.clientWidth;\n  }\n\n  get previewButtonTooltip() {\n    return intl.formatMessage({\n      id: \"file.previewButtonTooltip\",\n      defaultMessage: \"Preview\",\n      description: \"Tooltip of a button that triggers a file to be previewed\",\n    });\n  }\n\n  get downloadButtonTooltip() {\n    return intl.formatMessage({\n      id: \"file.downloadButtonTooltip\",\n      defaultMessage: \"Download\",\n      description: \"Tooltip of a button that triggers a file to be downloaded\",\n    });\n  }\n\n  get deleteButtonTooltip() {\n    return intl.formatMessage({\n      id: \"file.deleteButtonTooltip\",\n      defaultMessage: \"Delete\",\n      description: \"Tooltip of a button that triggers a file to be deleted\",\n    });\n  }\n\n  get previewActionMessage() {\n    return intl.formatMessage({\n      id: \"file.previewAction\",\n      defaultMessage: \"Preview File\",\n      description: \"Label of a button that triggers a file to be previewed\",\n    });\n  }\n\n  get downloadActionMessage() {\n    return intl.formatMessage({\n      id: \"file.downloadAction\",\n      defaultMessage: \"Download File\",\n      description: \"Label of a button that triggers a file to be downloaded\",\n    });\n  }\n\n  get deleteActionMessage() {\n    return intl.formatMessage({\n      id: \"file.deleteAction\",\n      defaultMessage: \"Delete File\",\n      description: \"Label of a button that triggers a file to be delete\",\n    });\n  }\n\n  get actionMenuLabel() {\n    return intl.formatMessage({\n      id: \"file.actionMenuLabel\",\n      defaultMessage: \"Actions\",\n      description: \"Label of a button that opens a menu of file actions\",\n    });\n  }\n\n  get clearButtonText() {\n    return intl.formatMessage({\n      id: \"file.clearErrorText\",\n      defaultMessage: \"Clear\",\n      description: \"Text for a button used to clear an error\",\n    });\n  }\n\n  generateClearButtonLabel(filename: string) {\n    return intl.formatMessage(\n      {\n        id: \"file.clearErrorLabel\",\n        defaultMessage: \"Clear {fileName} error\",\n        description: \"Label for a button used to clear an error, including filename\",\n      },\n      { fileName: filename }\n    );\n  }\n\n  componentWillLoad() {\n    const shadowRootHost = (this.el.getRootNode() as ShadowRoot).host;\n\n    if (shadowRootHost && shadowRootHost.nodeName === \"WM-UPLOADER\") {\n      if ((shadowRootHost as HTMLWmUploaderElement).type || (shadowRootHost as HTMLWmUploaderElement).uploaderType) {\n        this.isWithinLegacyUploader = true;\n      }\n    }\n\n    // rerender on resize in case layout needs to change\n    const resizeObserver = new ResizeObserver(() => this.debouncedResize());\n    resizeObserver.observe(this.el);\n  }\n\n  componentDidRender() {\n    this.truncateFileName(this.el.shadowRoot!.querySelector(\".file\")!);\n  }\n\n  debouncedResize = debounce(() => {\n    this.isCondensed = this.el.clientWidth < 500;\n    // rerender to show filename truncation changes\n    forceUpdate(this.el);\n  }, 50);\n\n  previewFile(file: UploadedFile) {\n    this.wmIntFilePreviewed.emit(file.id);\n  }\n\n  downloadFile(file: UploadedFile) {\n    this.wmIntFileDownloaded.emit(file.id);\n  }\n\n  deleteFile(file: UploadedFile) {\n    this.wmIntFileDeleted.emit(file.id);\n  }\n\n  truncateFileName(file: Element) {\n    const leftGroup = file.querySelector(\".left-group\");\n    const leftBoundary = leftGroup!.getBoundingClientRect().left;\n    const rightGroup = file.querySelector(\".right-group\");\n    const rightBoundary = rightGroup\n      ? rightGroup.getBoundingClientRect().left\n      : file.getBoundingClientRect().right - 20;\n    const filenameEl = file.querySelector(\".filename\") as HTMLElement;\n    const availableSpace = rightBoundary - leftBoundary;\n\n    let filename = filenameEl.dataset.filename!;\n    const canFitText = availableSpace > filename.length * this.singleCharacterWidth;\n\n    if (!canFitText) {\n      const extension = filename.slice(filename.lastIndexOf(\".\"));\n      const numFittingCharacters = Math.floor(availableSpace / this.singleCharacterWidth);\n\n      // three ellipses, three constant characters, extension\n      const postEllipsesLength = 3 + 3 + extension.length;\n      let preEllipsesLength = Math.max(2, numFittingCharacters - postEllipsesLength);\n      const preEllipsesText = filename.slice(0, preEllipsesLength);\n      const postEllipsesText = filename.slice(filename.indexOf(extension) - 3, filename.length);\n      filename = `${preEllipsesText.trim()}...${postEllipsesText.trim()}`;\n    }\n\n    filenameEl.textContent = filename;\n  }\n\n  handleFilenameMouseEnter(ev: MouseEvent, filename: string) {\n    // only show tooltip if file name is being truncated (has ellipses)\n    if ((ev.target as HTMLElement).textContent!.includes(\"...\")) {\n      showTooltip(\"bottom\", ev.target as HTMLElement, filename);\n    }\n  }\n\n  renderFileName(filename: string, isUploading: boolean) {\n    return (\n      <div class=\"left-group\">\n        <div class=\"name-wrapper\">\n          <span class=\"sr-only\">{filename}</span>\n          <span\n            aria-hidden=\"true\"\n            class=\"filename\"\n            data-filename={filename}\n            onMouseEnter={(ev) => this.handleFilenameMouseEnter(ev, filename)}\n            onMouseLeave={() => hideTooltip()}\n          ></span>\n          {isUploading && <span class=\"sr-only\">uploading</span>}\n          <div class=\"ch-measure\"></div>\n        </div>\n      </div>\n    );\n  }\n\n  renderFileInfo(item: UploadedFile, showInfo: string) {\n    let displayedInfo = \"\";\n    if (showInfo === \"time\" && item.lastUpdated) {\n      displayedInfo = item.lastUpdated;\n    } else if (showInfo === \"size\" && item.size) {\n      displayedInfo = item.size;\n    }\n\n    return <div class=\"file-info\">{displayedInfo}</div>;\n  }\n\n  renderActionMenu(item: UploadedFile) {\n    const defaultFileActions = \"download delete\";\n    const availableActions = item.fileActions || defaultFileActions;\n    const previewItem = (\n      <wm-menuitem icon=\"f208\" onClick={() => this.previewFile(item)}>\n        {this.previewActionMessage}\n      </wm-menuitem>\n    );\n    const downloadItem = (\n      <wm-menuitem icon=\"f1da\" onClick={() => this.downloadFile(item)}>\n        {this.downloadActionMessage}\n      </wm-menuitem>\n    );\n    const deleteItem = (\n      <wm-menuitem icon=\"f1c0\" onClick={() => this.deleteFile(item)}>\n        {this.deleteActionMessage}\n      </wm-menuitem>\n    );\n    return (\n      <wm-action-menu\n        action-menu-type=\"icon\"\n        tooltip={this.actionMenuLabel}\n        tooltip-position=\"bottom\"\n        label-for-identical-buttons={`${item.name} ${this.actionMenuLabel}`}\n      >\n        {availableActions.includes(\"preview\") && previewItem}\n        {availableActions.includes(\"download\") && downloadItem}\n        {availableActions.includes(\"delete\") && deleteItem}\n      </wm-action-menu>\n    );\n  }\n\n  renderFileActionButtons(item: UploadedFile) {\n    const defaultFileActions = \"download delete\";\n    const availableActions = item.fileActions || defaultFileActions;\n\n    const previewButton = (\n      <wm-button\n        class=\"preview-button\"\n        button-type=\"icononly\"\n        tooltip={this.previewButtonTooltip}\n        tooltip-position=\"bottom\"\n        label-for-identical-buttons={`preview ${item.name}`}\n        icon=\"f208\"\n        onClick={() => this.previewFile(item)}\n      ></wm-button>\n    );\n    const downloadButton = (\n      <wm-button\n        class=\"download-button\"\n        button-type=\"icononly\"\n        tooltip={this.downloadButtonTooltip}\n        tooltip-position=\"bottom\"\n        label-for-identical-buttons={`download ${item.name}`}\n        icon=\"f1da\"\n        onClick={() => this.downloadFile(item)}\n      ></wm-button>\n    );\n    const deleteButton = (\n      <wm-button\n        class=\"delete-button\"\n        button-type=\"icononly\"\n        tooltip={this.deleteButtonTooltip}\n        tooltip-position=\"bottom\"\n        label-for-identical-buttons={`delete ${item.name}`}\n        icon=\"f1c0\"\n        onClick={() => this.deleteFile(item)}\n      ></wm-button>\n    );\n\n    return (\n      <div class=\"file-controls\">\n        {availableActions.includes(\"preview\") && previewButton}\n        {availableActions.includes(\"download\") && downloadButton}\n        {availableActions.includes(\"delete\") && deleteButton}\n      </div>\n    );\n  }\n\n  renderFileInProgress(item: UploadedFile) {\n    const filename = item.type ? `${item.name}.${item.type}` : item.name;\n    return (\n      <div class=\"file-wrapper\">\n        <div class=\"file --progress\">\n          <div\n            class=\"progress\"\n            style={{\n              background: `linear-gradient(to right, rgba(67, 126, 142, 1) ${item.progress}%, transparent ${item.progress}%)`,\n            }}\n          ></div>\n          {this.renderFileName(filename, this.isUploading)}\n        </div>\n      </div>\n    );\n  }\n\n  renderFileControls(item: UploadedFile) {\n    const hasSingleFileAction = item.fileActions && item.fileActions.split(\" \").length === 1;\n    const showActionMenu = this.isCondensed && !hasSingleFileAction;\n\n    return showActionMenu ? this.renderActionMenu(item) : this.renderFileActionButtons(item);\n  }\n\n  renderFile(item: UploadedFile) {\n    const filename = item.type ? `${item.name}.${item.type}` : item.name;\n    const showCheckmark = !this.isWithinLegacyUploader && item.progress === 100;\n\n    return (\n      <div class={`file-wrapper ${showCheckmark ? \"checked\" : \"\"}`}>\n        <div class={`file ${this.errorMessage ? \"--error\" : \"\"}`}>\n          {this.renderFileName(filename, this.isUploading)}\n          {!this.errorMessage && (\n            <div class={`right-group ${this.isCondensed ? \"condensed\" : \"\"}`}>\n              {this.showInfo !== \"none\" && this.renderFileInfo(item, this.showInfo)}\n              {item.fileActions !== \"\" && this.renderFileControls(item)}\n            </div>\n          )}\n          {this.errorMessage && (\n            <wm-button\n              permanently-delete\n              button-type=\"textonly\"\n              label-for-identical-buttons={this.generateClearButtonLabel(item.name)}\n              onClick={() => this.wmFileClearErrorClicked.emit({ name: item.name })}\n            >\n              {this.clearButtonText}\n            </wm-button>\n          )}\n        </div>\n        {this.errorMessage && <div class=\"error-message\">{this.errorMessage}</div>}\n      </div>\n    );\n  }\n\n  render() {\n    return (\n      <Host role=\"listitem\">\n        {this.isUploading ? this.renderFileInProgress(this.fileData) : this.renderFile(this.fileData)}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/ripple/{p-20d0d019.entry.js → p-fc08d5e1.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as a,g as n}from"./p-1c23de4a.js";import{d as i}from"./p-05e0f901.js";const s='nav .largescreen,nav .smallscreen{margin-bottom:0.625rem;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;-webkit-box-pack:flex-end;-ms-flex-pack:flex-end;-webkit-justify-content:flex-end;justify-content:flex-end;font-size:0.875rem}nav .largescreen .pageview,nav .smallscreen .pageview{font-size:0.875rem;margin:0 0.625rem}nav .largescreen .paginationbtn,nav .smallscreen .paginationbtn{position:relative;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-ms-transition:none;-webkit-transition:none;-moz-transition:none;transition:none;border:none;color:#575195;background-color:transparent;margin:0;padding:0;height:2.5rem;width:2.5rem;font-family:inherit;letter-spacing:0.3px;font-size:0.875rem;font-weight:500;cursor:pointer;text-transform:none}nav .largescreen .paginationbtn svg *,nav .smallscreen .paginationbtn svg *{fill:#565397}nav .largescreen .paginationbtn:hover:not([aria-current=page]):not([disabled]),nav .smallscreen .paginationbtn:hover:not([aria-current=page]):not([disabled]){text-decoration:underline}nav .largescreen .paginationbtn:focus,nav .smallscreen .paginationbtn:focus{outline:none}nav .largescreen .paginationbtn::-moz-focus-inner,nav .smallscreen .paginationbtn::-moz-focus-inner{border:0;outline:none}nav .largescreen .paginationbtn[disabled],nav .smallscreen .paginationbtn[disabled]{color:#9f9f9f;pointer-events:none}nav .largescreen .paginationbtn[disabled] svg *,nav .smallscreen .paginationbtn[disabled] svg *{fill:#9f9f9f}nav .largescreen .previousbtn,nav .smallscreen .previousbtn{margin-right:0.625rem;width:auto !important}nav .largescreen .nextbtn,nav .smallscreen .nextbtn{margin-left:0.625rem;margin-right:0;width:auto !important}nav .largescreen .previousbtn,nav .largescreen .nextbtn,nav .smallscreen .previousbtn,nav .smallscreen .nextbtn{-ms-transition:none;-webkit-transition:none;-moz-transition:none;transition:none}nav .largescreen .ellipsis,nav .smallscreen .ellipsis{display:inline-block;width:2.5rem;text-align:center}nav .largescreen .pagebtncontainer.user-is-tabbing :focus:not(.-disabled):not([aria-current=page]),nav .smallscreen .pagebtncontainer.user-is-tabbing :focus:not(.-disabled):not([aria-current=page]){-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}nav .largescreen .pagebtncontainer.user-is-tabbing :focus:not(.-disabled):not([aria-current=page]):before,nav .smallscreen .pagebtncontainer.user-is-tabbing :focus:not(.-disabled):not([aria-current=page]):before{position:absolute;content:"";height:auto;width:16px;top:0;bottom:0;left:12px;right:0;background:-webkit-gradient(linear, left top, right top, color-stop(66%, #3862e9), color-stop(0, transparent)) repeat-x;background:linear-gradient(90deg, #3862e9 66%, transparent 0) repeat-x;background-size:6px 2px;background-position:0 2em;border-radius:0;line-height:normal}nav .largescreen .pagebtncontainer.user-is-tabbing :focus:not(.-disabled):not([aria-current=page]).previousbtn:focus:before,nav .smallscreen .pagebtncontainer.user-is-tabbing :focus:not(.-disabled):not([aria-current=page]).previousbtn:focus:before{left:0 !important}nav .largescreen .pagebtncontainer.user-is-tabbing :focus:not(.-disabled):not([aria-current=page]).nextbtn:focus:before,nav .smallscreen .pagebtncontainer.user-is-tabbing :focus:not(.-disabled):not([aria-current=page]).nextbtn:focus:before{left:0 !important}nav .largescreen .pagebtncontainer.user-is-tabbing [aria-current=page]:focus,nav .smallscreen .pagebtncontainer.user-is-tabbing [aria-current=page]:focus{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e}nav .largescreen .pagebtncontainer.user-is-tabbing [aria-current=page]:focus::-moz-focus-inner,nav .smallscreen .pagebtncontainer.user-is-tabbing [aria-current=page]:focus::-moz-focus-inner{border:0}nav .largescreen .user-is-tabbing :focus:not(.-disabled):not([aria-current=page]).previousbtn:focus:before{width:56px !important}nav .largescreen .user-is-tabbing :focus:not(.-disabled):not([aria-current=page]).nextbtn:focus:before{width:32px !important}nav .largescreen .paginationbtn[aria-current=page]{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 2px 2px 0 rgba(87, 81, 149, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 2px 2px 0 rgba(87, 81, 149, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.2);box-shadow:0 2px 2px 0 rgba(87, 81, 149, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.2);background-color:#575195;color:#fff}nav .largescreen .paginationbtn[aria-current=page]:hover{-webkit-box-shadow:0 4px 2px 0 rgba(87, 81, 149, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 4px 2px 0 rgba(87, 81, 149, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);box-shadow:0 4px 2px 0 rgba(87, 81, 149, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);background:#4e4986}.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}';const r=class{constructor(a){t(this,a);this.wmPaginationPageClicked=e(this,"wmPaginationPageClicked",7);this.pageClicked=e(this,"pageClicked",7);this.focusCurrentPage=e(this,"focusCurrentPage",7);this.totalPages=0;this.debouncedResize=i((()=>{this.isLargeViewport=window.innerWidth>600}),250);this.getMiddlePageNums=()=>{let t;if(this.currentPage<4){t=[2,3,4]}else if(this.currentPage>this.totalPages-3){t=[this.totalPages-3,this.totalPages-2,this.totalPages-1]}else{t=[this.currentPage-1,this.currentPage,this.currentPage+1]}return t};this.currentPage=1;this.totalItems=undefined;this.itemsPerPage=undefined;this.value=1;this.isLargeViewport=window.innerWidth>600;this.isTabbing=false;this.srAnnouncement=""}toggleTabbingOn(){this.isTabbing=true}toggleTabbingOff(){this.isTabbing=false}maintainFocusOnNumberChange(t){window.requestAnimationFrame((()=>{switch(t){case"previous":this.currentPage===1&&this.el.shadowRoot.querySelector(`button#wm-1`).focus();break;case"next":this.currentPage===this.totalPages&&this.el.shadowRoot.querySelector(`button#wm-${this.totalPages}`).focus();break;case"prev-arrow":this.currentPage===1&&this.el.shadowRoot.querySelector("#next-arw").focus();break;case"next-arrow":this.currentPage===this.totalPages&&this.el.shadowRoot.querySelector("#previous-arw").focus();break;case"page":this.el.shadowRoot.querySelector(`button#wm-${this.currentPage}`).focus();default:return}}))}handleResize(){this.debouncedResize()}calculateTotalPages(){this.totalPages=Math.ceil(this.totalItems/this.itemsPerPage)}componentWillLoad(){if(!this.totalItems||!this.itemsPerPage||!this.currentPage){throw new Error("Please check the required attributes")}this.calculateTotalPages();if(document.body.classList.contains("wmcl-user-is-tabbing")){this.toggleTabbingOn()}this.el.focus=()=>{if(this.isLargeViewport){this.el.shadowRoot.getElementById(`wm-${this.currentPage}`).focus()}else{this.currentPage===1?this.el.shadowRoot.getElementById("next-arw").focus():this.el.shadowRoot.getElementById("wm-1-arw").focus()}}}updatePageDisplayed(t){this.value=t;this.wmPaginationPageClicked.emit();this.pageClicked.emit();this.srAnnouncement=`Current page, ${this.currentPage}. ${this.getCurrentPagesInView()}`}displayShortPagination(){let t=[];for(let e=1;e<=this.totalPages;e++){t.push(this.displayPageNumber(e))}return t}displayLongPagination(){let t=[this.displayPageNumber(1),this.currentPage>3&&this.displayEllipsis(),...this.getMiddlePageNums().map((t=>this.displayPageNumber(t))),this.currentPage+2<this.totalPages&&this.displayEllipsis(),this.displayPageNumber(this.totalPages)];return t}displayPageNumber(t){return a("button",{id:`wm-${t}`,class:"paginationbtn",onClick:()=>{this.currentPage=t;this.updatePageDisplayed(t);this.maintainFocusOnNumberChange("page")},value:t,"aria-label":this.currentPage!==t?`Go to page ${t}`:"","aria-current":this.currentPage===t?"page":undefined},t)}displayEllipsis(){return a("span",{class:"ellipsis"},"...")}getCurrentPagesInView(){let t=this.itemsPerPage*this.currentPage;const e=t-this.itemsPerPage+1;if(t>this.totalItems){t=this.totalItems}return"Viewing "+(e===t?`${e}`:`${e}–${t} of ${this.totalItems}`)}renderLarge(){return a("div",{class:"largescreen"},a("div",{class:"pageview"},this.getCurrentPagesInView()),a("div",{class:`pagebtncontainer ${this.isTabbing?"user-is-tabbing":""}`},a("button",{id:"previous",class:"paginationbtn previousbtn",onClick:()=>{this.currentPage=this.currentPage-1;this.updatePageDisplayed(this.currentPage);this.maintainFocusOnNumberChange("previous")},disabled:this.currentPage===1,"aria-label":"Go to previous page","aria-controls":"status"},"Previous"),this.totalPages<6?this.displayShortPagination():this.displayLongPagination(),a("button",{id:"next",class:"paginationbtn nextbtn",onClick:()=>{this.currentPage=this.currentPage+1;this.updatePageDisplayed(this.currentPage);this.maintainFocusOnNumberChange("next")},disabled:this.currentPage===this.totalPages,"aria-label":"Go to next page","aria-controls":"status"},"Next")))}renderSmall(){return a("div",{class:"smallscreen"},a("div",{class:`pagebtncontainer ${this.isTabbing?"user-is-tabbing":""}`},a("button",{id:`wm-1-arw`,class:"paginationbtn",onClick:()=>{this.currentPage=1;this.updatePageDisplayed(1);this.maintainFocusOnNumberChange("prev-arrow")},value:1,"aria-current":this.currentPage===1?"page":undefined,"aria-label":`Go to page 1`,"aria-controls":"status",disabled:this.currentPage===1},a("svg",{width:"16",height:"12",xmlns:"http://www.w3.org/2000/svg"},a("path",{d:"M7.41 10.59L2.83 6l4.58-4.59L6 0 0 6l6 6zM15.41 10.59L10.83 6l4.58-4.59L14 0 8 6l6 6z"}))),a("button",{id:"previous-arw",class:"paginationbtn previousbtn",onClick:()=>{this.currentPage-=1;this.updatePageDisplayed(this.currentPage);this.maintainFocusOnNumberChange("prev-arrow")},disabled:this.currentPage===1,"aria-label":"Go to previous page"},a("svg",{width:"8",height:"12",xmlns:"http://www.w3.org/2000/svg"},a("path",{d:"M7.41 10.59L2.83 6l4.58-4.59L6 0 0 6l6 6z"}))),"Page ",this.currentPage," of ",this.totalPages,a("button",{id:"next-arw",class:"paginationbtn nextbtn",onClick:()=>{this.currentPage+=1;this.updatePageDisplayed(this.currentPage);this.maintainFocusOnNumberChange("next-arrow")},disabled:this.currentPage===this.totalPages,"aria-label":"Go to next page"},a("svg",{width:"8",height:"12",xmlns:"http://www.w3.org/2000/svg"},a("path",{d:"M.59 10.59L5.17 6 .59 1.41 2 0l6 6-6 6z"}))),a("button",{id:`wm-${this.totalPages}-arw`,class:"paginationbtn",onClick:()=>{this.currentPage=this.totalPages;this.updatePageDisplayed(this.totalPages);this.maintainFocusOnNumberChange("next-arrow")},value:this.totalPages,"aria-current":this.currentPage===this.totalPages?"page":undefined,"aria-label":`Go to last page, page ${this.totalPages}`,"aria-controls":"status",disabled:this.currentPage===this.totalPages},a("svg",{width:"17",height:"12",xmlns:"http://www.w3.org/2000/svg"},a("path",{d:"M.59 10.59L5.17 6 .59 1.41 2 0l6 6-6 6zM9.59 10.59L14.17 6 9.59 1.41 11 0l6 6-6 6z"})))))}render(){return this.totalItems>this.itemsPerPage&&a("nav",{"aria-label":`Pagination Navigation. ${this.getCurrentPagesInView()}. Current page, ${this.currentPage}.`},this.isLargeViewport?this.renderLarge():this.renderSmall(),a("div",{id:"status",class:"sr-only","aria-live":"polite","aria-relevant":"text","aria-atomic":"true"},this.srAnnouncement))}static get delegatesFocus(){return true}get el(){return n(this)}static get watchers(){return{totalItems:["calculateTotalPages"],itemsPerPage:["calculateTotalPages"]}}};r.style=s;export{r as wm_pagination};
-//# sourceMappingURL=p-20d0d019.entry.js.map
+import{r as t,c as e,h as a,g as n}from"./p-1c23de4a.js";import{d as i}from"./p-c6a0f7e5.js";const s='nav .largescreen,nav .smallscreen{margin-bottom:0.625rem;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;-webkit-box-pack:flex-end;-ms-flex-pack:flex-end;-webkit-justify-content:flex-end;justify-content:flex-end;font-size:0.875rem}nav .largescreen .pageview,nav .smallscreen .pageview{font-size:0.875rem;margin:0 0.625rem}nav .largescreen .paginationbtn,nav .smallscreen .paginationbtn{position:relative;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-ms-transition:none;-webkit-transition:none;-moz-transition:none;transition:none;border:none;color:#575195;background-color:transparent;margin:0;padding:0;height:2.5rem;width:2.5rem;font-family:inherit;letter-spacing:0.3px;font-size:0.875rem;font-weight:500;cursor:pointer;text-transform:none}nav .largescreen .paginationbtn svg *,nav .smallscreen .paginationbtn svg *{fill:#565397}nav .largescreen .paginationbtn:hover:not([aria-current=page]):not([disabled]),nav .smallscreen .paginationbtn:hover:not([aria-current=page]):not([disabled]){text-decoration:underline}nav .largescreen .paginationbtn:focus,nav .smallscreen .paginationbtn:focus{outline:none}nav .largescreen .paginationbtn::-moz-focus-inner,nav .smallscreen .paginationbtn::-moz-focus-inner{border:0;outline:none}nav .largescreen .paginationbtn[disabled],nav .smallscreen .paginationbtn[disabled]{color:#9f9f9f;pointer-events:none}nav .largescreen .paginationbtn[disabled] svg *,nav .smallscreen .paginationbtn[disabled] svg *{fill:#9f9f9f}nav .largescreen .previousbtn,nav .smallscreen .previousbtn{margin-right:0.625rem;width:auto !important}nav .largescreen .nextbtn,nav .smallscreen .nextbtn{margin-left:0.625rem;margin-right:0;width:auto !important}nav .largescreen .previousbtn,nav .largescreen .nextbtn,nav .smallscreen .previousbtn,nav .smallscreen .nextbtn{-ms-transition:none;-webkit-transition:none;-moz-transition:none;transition:none}nav .largescreen .ellipsis,nav .smallscreen .ellipsis{display:inline-block;width:2.5rem;text-align:center}nav .largescreen .pagebtncontainer.user-is-tabbing :focus:not(.-disabled):not([aria-current=page]),nav .smallscreen .pagebtncontainer.user-is-tabbing :focus:not(.-disabled):not([aria-current=page]){-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}nav .largescreen .pagebtncontainer.user-is-tabbing :focus:not(.-disabled):not([aria-current=page]):before,nav .smallscreen .pagebtncontainer.user-is-tabbing :focus:not(.-disabled):not([aria-current=page]):before{position:absolute;content:"";height:auto;width:16px;top:0;bottom:0;left:12px;right:0;background:-webkit-gradient(linear, left top, right top, color-stop(66%, #3862e9), color-stop(0, transparent)) repeat-x;background:linear-gradient(90deg, #3862e9 66%, transparent 0) repeat-x;background-size:6px 2px;background-position:0 2em;border-radius:0;line-height:normal}nav .largescreen .pagebtncontainer.user-is-tabbing :focus:not(.-disabled):not([aria-current=page]).previousbtn:focus:before,nav .smallscreen .pagebtncontainer.user-is-tabbing :focus:not(.-disabled):not([aria-current=page]).previousbtn:focus:before{left:0 !important}nav .largescreen .pagebtncontainer.user-is-tabbing :focus:not(.-disabled):not([aria-current=page]).nextbtn:focus:before,nav .smallscreen .pagebtncontainer.user-is-tabbing :focus:not(.-disabled):not([aria-current=page]).nextbtn:focus:before{left:0 !important}nav .largescreen .pagebtncontainer.user-is-tabbing [aria-current=page]:focus,nav .smallscreen .pagebtncontainer.user-is-tabbing [aria-current=page]:focus{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e}nav .largescreen .pagebtncontainer.user-is-tabbing [aria-current=page]:focus::-moz-focus-inner,nav .smallscreen .pagebtncontainer.user-is-tabbing [aria-current=page]:focus::-moz-focus-inner{border:0}nav .largescreen .user-is-tabbing :focus:not(.-disabled):not([aria-current=page]).previousbtn:focus:before{width:56px !important}nav .largescreen .user-is-tabbing :focus:not(.-disabled):not([aria-current=page]).nextbtn:focus:before{width:32px !important}nav .largescreen .paginationbtn[aria-current=page]{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 2px 2px 0 rgba(87, 81, 149, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 2px 2px 0 rgba(87, 81, 149, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.2);box-shadow:0 2px 2px 0 rgba(87, 81, 149, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.2);background-color:#575195;color:#fff}nav .largescreen .paginationbtn[aria-current=page]:hover{-webkit-box-shadow:0 4px 2px 0 rgba(87, 81, 149, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 4px 2px 0 rgba(87, 81, 149, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);box-shadow:0 4px 2px 0 rgba(87, 81, 149, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2);background:#4e4986}.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}';const r=class{constructor(a){t(this,a);this.wmPaginationPageClicked=e(this,"wmPaginationPageClicked",7);this.pageClicked=e(this,"pageClicked",7);this.focusCurrentPage=e(this,"focusCurrentPage",7);this.totalPages=0;this.debouncedResize=i((()=>{this.isLargeViewport=window.innerWidth>600}),250);this.getMiddlePageNums=()=>{let t;if(this.currentPage<4){t=[2,3,4]}else if(this.currentPage>this.totalPages-3){t=[this.totalPages-3,this.totalPages-2,this.totalPages-1]}else{t=[this.currentPage-1,this.currentPage,this.currentPage+1]}return t};this.currentPage=1;this.totalItems=undefined;this.itemsPerPage=undefined;this.value=1;this.isLargeViewport=window.innerWidth>600;this.isTabbing=false;this.srAnnouncement=""}toggleTabbingOn(){this.isTabbing=true}toggleTabbingOff(){this.isTabbing=false}maintainFocusOnNumberChange(t){window.requestAnimationFrame((()=>{switch(t){case"previous":this.currentPage===1&&this.el.shadowRoot.querySelector(`button#wm-1`).focus();break;case"next":this.currentPage===this.totalPages&&this.el.shadowRoot.querySelector(`button#wm-${this.totalPages}`).focus();break;case"prev-arrow":this.currentPage===1&&this.el.shadowRoot.querySelector("#next-arw").focus();break;case"next-arrow":this.currentPage===this.totalPages&&this.el.shadowRoot.querySelector("#previous-arw").focus();break;case"page":this.el.shadowRoot.querySelector(`button#wm-${this.currentPage}`).focus();default:return}}))}handleResize(){this.debouncedResize()}calculateTotalPages(){this.totalPages=Math.ceil(this.totalItems/this.itemsPerPage)}componentWillLoad(){if(!this.totalItems||!this.itemsPerPage||!this.currentPage){throw new Error("Please check the required attributes")}this.calculateTotalPages();if(document.body.classList.contains("wmcl-user-is-tabbing")){this.toggleTabbingOn()}this.el.focus=()=>{if(this.isLargeViewport){this.el.shadowRoot.getElementById(`wm-${this.currentPage}`).focus()}else{this.currentPage===1?this.el.shadowRoot.getElementById("next-arw").focus():this.el.shadowRoot.getElementById("wm-1-arw").focus()}}}updatePageDisplayed(t){this.value=t;this.wmPaginationPageClicked.emit();this.pageClicked.emit();this.srAnnouncement=`Current page, ${this.currentPage}. ${this.getCurrentPagesInView()}`}displayShortPagination(){let t=[];for(let e=1;e<=this.totalPages;e++){t.push(this.displayPageNumber(e))}return t}displayLongPagination(){let t=[this.displayPageNumber(1),this.currentPage>3&&this.displayEllipsis(),...this.getMiddlePageNums().map((t=>this.displayPageNumber(t))),this.currentPage+2<this.totalPages&&this.displayEllipsis(),this.displayPageNumber(this.totalPages)];return t}displayPageNumber(t){return a("button",{id:`wm-${t}`,class:"paginationbtn",onClick:()=>{this.currentPage=t;this.updatePageDisplayed(t);this.maintainFocusOnNumberChange("page")},value:t,"aria-label":this.currentPage!==t?`Go to page ${t}`:"","aria-current":this.currentPage===t?"page":undefined},t)}displayEllipsis(){return a("span",{class:"ellipsis"},"...")}getCurrentPagesInView(){let t=this.itemsPerPage*this.currentPage;const e=t-this.itemsPerPage+1;if(t>this.totalItems){t=this.totalItems}return"Viewing "+(e===t?`${e}`:`${e}–${t} of ${this.totalItems}`)}renderLarge(){return a("div",{class:"largescreen"},a("div",{class:"pageview"},this.getCurrentPagesInView()),a("div",{class:`pagebtncontainer ${this.isTabbing?"user-is-tabbing":""}`},a("button",{id:"previous",class:"paginationbtn previousbtn",onClick:()=>{this.currentPage=this.currentPage-1;this.updatePageDisplayed(this.currentPage);this.maintainFocusOnNumberChange("previous")},disabled:this.currentPage===1,"aria-label":"Go to previous page","aria-controls":"status"},"Previous"),this.totalPages<6?this.displayShortPagination():this.displayLongPagination(),a("button",{id:"next",class:"paginationbtn nextbtn",onClick:()=>{this.currentPage=this.currentPage+1;this.updatePageDisplayed(this.currentPage);this.maintainFocusOnNumberChange("next")},disabled:this.currentPage===this.totalPages,"aria-label":"Go to next page","aria-controls":"status"},"Next")))}renderSmall(){return a("div",{class:"smallscreen"},a("div",{class:`pagebtncontainer ${this.isTabbing?"user-is-tabbing":""}`},a("button",{id:`wm-1-arw`,class:"paginationbtn",onClick:()=>{this.currentPage=1;this.updatePageDisplayed(1);this.maintainFocusOnNumberChange("prev-arrow")},value:1,"aria-current":this.currentPage===1?"page":undefined,"aria-label":`Go to page 1`,"aria-controls":"status",disabled:this.currentPage===1},a("svg",{width:"16",height:"12",xmlns:"http://www.w3.org/2000/svg"},a("path",{d:"M7.41 10.59L2.83 6l4.58-4.59L6 0 0 6l6 6zM15.41 10.59L10.83 6l4.58-4.59L14 0 8 6l6 6z"}))),a("button",{id:"previous-arw",class:"paginationbtn previousbtn",onClick:()=>{this.currentPage-=1;this.updatePageDisplayed(this.currentPage);this.maintainFocusOnNumberChange("prev-arrow")},disabled:this.currentPage===1,"aria-label":"Go to previous page"},a("svg",{width:"8",height:"12",xmlns:"http://www.w3.org/2000/svg"},a("path",{d:"M7.41 10.59L2.83 6l4.58-4.59L6 0 0 6l6 6z"}))),"Page ",this.currentPage," of ",this.totalPages,a("button",{id:"next-arw",class:"paginationbtn nextbtn",onClick:()=>{this.currentPage+=1;this.updatePageDisplayed(this.currentPage);this.maintainFocusOnNumberChange("next-arrow")},disabled:this.currentPage===this.totalPages,"aria-label":"Go to next page"},a("svg",{width:"8",height:"12",xmlns:"http://www.w3.org/2000/svg"},a("path",{d:"M.59 10.59L5.17 6 .59 1.41 2 0l6 6-6 6z"}))),a("button",{id:`wm-${this.totalPages}-arw`,class:"paginationbtn",onClick:()=>{this.currentPage=this.totalPages;this.updatePageDisplayed(this.totalPages);this.maintainFocusOnNumberChange("next-arrow")},value:this.totalPages,"aria-current":this.currentPage===this.totalPages?"page":undefined,"aria-label":`Go to last page, page ${this.totalPages}`,"aria-controls":"status",disabled:this.currentPage===this.totalPages},a("svg",{width:"17",height:"12",xmlns:"http://www.w3.org/2000/svg"},a("path",{d:"M.59 10.59L5.17 6 .59 1.41 2 0l6 6-6 6zM9.59 10.59L14.17 6 9.59 1.41 11 0l6 6-6 6z"})))))}render(){return this.totalItems>this.itemsPerPage&&a("nav",{"aria-label":`Pagination Navigation. ${this.getCurrentPagesInView()}. Current page, ${this.currentPage}.`},this.isLargeViewport?this.renderLarge():this.renderSmall(),a("div",{id:"status",class:"sr-only","aria-live":"polite","aria-relevant":"text","aria-atomic":"true"},this.srAnnouncement))}static get delegatesFocus(){return true}get el(){return n(this)}static get watchers(){return{totalItems:["calculateTotalPages"],itemsPerPage:["calculateTotalPages"]}}};r.style=s;export{r as wm_pagination};
+//# sourceMappingURL=p-fc08d5e1.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["wmPaginationCss","Pagination","this","totalPages","debouncedResize","debounce","isLargeViewport","window","innerWidth","getMiddlePageNums","coreBtns","currentPage","undefined","toggleTabbingOn","isTabbing","toggleTabbingOff","maintainFocusOnNumberChange","el","requestAnimationFrame","shadowRoot","querySelector","focus","handleResize","calculateTotalPages","Math","ceil","totalItems","itemsPerPage","componentWillLoad","Error","document","body","classList","contains","getElementById","updatePageDisplayed","pageNum","value","wmPaginationPageClicked","emit","pageClicked","srAnnouncement","getCurrentPagesInView","displayShortPagination","pages","i","push","displayPageNumber","displayLongPagination","view","displayEllipsis","map","page","h","id","class","onClick","end","begin","renderLarge","disabled","renderSmall","width","height","xmlns","d","render"],"sources":["./src/components/wm-pagination/wm-pagination.scss?tag=wm-pagination&encapsulation=shadow","./src/components/wm-pagination/wm-pagination.tsx"],"sourcesContent":["nav .largescreen,\nnav .smallscreen {\n  margin-bottom: rem-calc(10);\n  @include displayFlex();\n  @include alignItems(center);\n  @include justifyContent(flex-end);\n  @include type-level-4;\n\n  .pageview {\n    @include type-level-4;\n    margin: rem-calc(0 10);\n  }\n\n  .paginationbtn {\n    position: relative;\n    @include box-shadow(none); // fix for Edge\n    @include transition(none);\n    border: none;\n    color: $button-default-text;\n    background-color: transparent;\n    margin: 0;\n    padding: 0;\n    height: rem-calc(40);\n    width: rem-calc(40);\n    font-family: inherit;\n    letter-spacing: 0.3px;\n    font-size: rem-calc(14);\n    font-weight: 500;\n    cursor: pointer;\n    text-transform: none; //For Edge\n\n    svg * {\n      fill: #565397;\n    }\n\n    &:hover:not([aria-current=\"page\"]):not([disabled]) {\n      text-decoration: underline;\n    }\n\n    &:focus {\n      outline: none;\n    }\n\n    &::-moz-focus-inner {\n      border: 0;\n      outline: none;\n    }\n\n    &[disabled] {\n      color: #9f9f9f;\n      pointer-events: none;\n      svg * {\n        fill: #9f9f9f;\n      }\n    }\n  }\n\n  .previousbtn {\n    margin-right: rem-calc(10);\n    width: auto !important;\n  }\n\n  .nextbtn {\n    margin-left: rem-calc(10);\n    margin-right: 0;\n    width: auto !important;\n  }\n\n  .previousbtn,\n  .nextbtn {\n    @include transition(none);\n  }\n\n  .ellipsis {\n    display: inline-block;\n    width: rem-calc(40);\n    text-align: center;\n  }\n\n  .pagebtncontainer {\n    &.user-is-tabbing {\n      :focus:not(.-disabled):not([aria-current=\"page\"]) {\n        @include box-shadow(none); // fix for Edge\n\n        &:before {\n          position: absolute;\n          content: \"\";\n          height: auto;\n          width: 16px;\n          top: 0;\n          bottom: 0;\n          left: 12px;\n          right: 0;\n          background: linear-gradient(90deg, #3862e9 66%, transparent 0) repeat-x;\n          background-size: 6px 2px;\n          background-position: 0 2em;\n          border-radius: 0;\n          line-height: normal;\n        }\n\n        &.previousbtn:focus:before {\n          left: 0 !important;\n        }\n\n        &.nextbtn:focus:before {\n          left: 0 !important;\n        }\n      }\n\n      [aria-current=\"page\"]:focus {\n        @include focus-style;\n      }\n    }\n  }\n}\n\nnav .largescreen {\n  & .user-is-tabbing {\n    :focus:not(.-disabled):not([aria-current=\"page\"]) {\n      // to make focus indicator as wide as text \"previous\" and \"next\"\n      &.previousbtn:focus:before {\n        width: 56px !important;\n      }\n      &.nextbtn:focus:before {\n        width: 32px !important;\n      }\n    }\n  }\n  .paginationbtn {\n    &[aria-current=\"page\"] {\n      @include border-radius(50%);\n      @include box-shadow(0 2px 2px 0 rgba(87, 81, 149, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.2));\n      background-color: $button-primary-background;\n      color: $button-primary-text;\n\n      &:hover {\n        @include box-shadow(0 4px 2px 0 rgba(87, 81, 149, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2));\n        background: mix(black, $button-primary-background, 10%);\n      }\n    }\n  }\n}\n\n.sr-only {\n  @include srOnly;\n}\n","import { h, Component, EventEmitter, Prop, Watch, Event, Element, Listen, State } from \"@stencil/core\";\nimport { debounce } from \"../../global/functions\";\n\n@Component({\n  tag: \"wm-pagination\",\n  styleUrl: \"wm-pagination.scss\",\n  shadow: { delegatesFocus: true },\n})\nexport class Pagination {\n  @Element() el!: any;\n\n  @Prop() currentPage: number = 1;\n  @Prop() totalItems?: number = undefined;\n  @Prop() itemsPerPage?: number = undefined;\n  @Prop() value = 1;\n  @Prop() isLargeViewport: boolean = window.innerWidth > 600;\n  @State() isTabbing: boolean = false;\n  @State() srAnnouncement: string = \"\";\n\n  private totalPages: number = 0;\n\n  @Event() wmPaginationPageClicked!: EventEmitter<String>;\n  @Event() pageClicked!: EventEmitter<String>; // deprecated in favor of wmPaginationPageClicked\n  @Event() focusCurrentPage!: EventEmitter;\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  maintainFocusOnNumberChange(el: \"previous\" | \"next\" | \"prev-arrow\" | \"next-arrow\" | \"page\") {\n    window.requestAnimationFrame(() => {\n      switch (el) {\n        case \"previous\":\n          this.currentPage === 1 && this.el.shadowRoot.querySelector(`button#wm-1`).focus(); //Only shift focus from previous button to page 1 if page 1 is reached, which disables previous button. Otherwise, maintain focus on previous button.\n          break;\n        case \"next\":\n          this.currentPage === this.totalPages &&\n            this.el.shadowRoot.querySelector(`button#wm-${this.totalPages}`).focus(); //Only shift focus from next button if last page is reached, disabling next button. Otherwise, maintain focus on next button.\n          break;\n        case \"prev-arrow\":\n          this.currentPage === 1 && this.el.shadowRoot.querySelector(\"#next-arw\").focus(); //Only shift focus if page 1 is reached, disabling previous buttons. Otherwise, maintain focus on previous buttons.\n          break;\n        case \"next-arrow\":\n          this.currentPage === this.totalPages && this.el.shadowRoot.querySelector(\"#previous-arw\").focus(); //Only shift focus if last page is reached, disabling next buttons. Otherwise, maintain focus on next buttons.\n          break;\n        case \"page\":\n          this.el.shadowRoot.querySelector(`button#wm-${this.currentPage}`).focus();\n        default:\n          return;\n      }\n    });\n  }\n\n  debouncedResize = debounce(() => {\n    this.isLargeViewport = window.innerWidth > 600;\n  }, 250);\n\n  @Listen(\"resize\", { target: \"window\" })\n  handleResize() {\n    this.debouncedResize();\n  }\n\n  @Watch(\"totalItems\")\n  @Watch(\"itemsPerPage\")\n  calculateTotalPages() {\n    this.totalPages = Math.ceil(this.totalItems! / this.itemsPerPage!);\n  }\n\n  componentWillLoad() {\n    if (!this.totalItems || !this.itemsPerPage || !this.currentPage) {\n      throw new Error(\"Please check the required attributes\");\n    }\n\n    this.calculateTotalPages();\n\n    if (document.body.classList.contains(\"wmcl-user-is-tabbing\")) {\n      this.toggleTabbingOn();\n    }\n\n    this.el.focus = () => {\n      // in addition to delegatesFocus, we need to highjack the focus method to send focus to the appropriate element based on the components's state\n      if (this.isLargeViewport) {\n        this.el.shadowRoot.getElementById(`wm-${this.currentPage}`).focus();\n      } else {\n        this.currentPage === 1\n          ? this.el.shadowRoot.getElementById(\"next-arw\").focus()\n          : this.el.shadowRoot.getElementById(\"wm-1-arw\").focus();\n      }\n    };\n  }\n\n  updatePageDisplayed(pageNum: any) {\n    this.value = pageNum;\n    this.wmPaginationPageClicked.emit();\n    this.pageClicked.emit(); // deprecated\n    this.srAnnouncement = `Current page, ${this.currentPage}. ${this.getCurrentPagesInView()}`;\n  }\n\n  displayShortPagination() {\n    let pages = [];\n    for (let i = 1; i <= this.totalPages; i++) {\n      pages.push(this.displayPageNumber(i));\n    }\n    return pages;\n  }\n\n  displayLongPagination() {\n    let view = [\n      this.displayPageNumber(1),\n      this.currentPage > 3 && this.displayEllipsis(),\n      ...this.getMiddlePageNums().map((page) => this.displayPageNumber(page)),\n      this.currentPage + 2 < this.totalPages && this.displayEllipsis(),\n      this.displayPageNumber(this.totalPages),\n    ];\n    return view;\n  }\n\n  displayPageNumber(pageNum: number) {\n    return (\n      <button\n        id={`wm-${pageNum}`}\n        class=\"paginationbtn\"\n        onClick={() => {\n          this.currentPage = pageNum;\n          this.updatePageDisplayed(pageNum);\n          this.maintainFocusOnNumberChange(\"page\");\n        }}\n        value={pageNum}\n        aria-label={this.currentPage !== pageNum ? `Go to page ${pageNum}` : \"\"}\n        aria-current={this.currentPage === pageNum ? \"page\" : undefined}\n      >\n        {pageNum}\n      </button>\n    );\n  }\n\n  displayEllipsis() {\n    return <span class=\"ellipsis\">...</span>;\n  }\n\n  getMiddlePageNums = () => {\n    let coreBtns;\n    // if pg is 1, 2 or 3\n    if (this.currentPage < 4) {\n      coreBtns = [2, 3, 4];\n    } else if (this.currentPage > this.totalPages - 3) {\n      coreBtns = [this.totalPages - 3, this.totalPages - 2, this.totalPages - 1];\n    } else {\n      coreBtns = [this.currentPage - 1, this.currentPage, this.currentPage + 1];\n    }\n    return coreBtns;\n  };\n\n  // displayPageView = () => {\n  //   // let end = this.itemsPerPage! * this.currentPage;\n  //   // const begin = end - this.itemsPerPage! + 1;\n  //   // if (end > this.totalItems!) {\n  //   //   end = this.totalItems!;\n  //   // }\n  //   return <div class=\"pageview\">{this.getCurrentView()}</div>;\n  // };\n\n  getCurrentPagesInView() {\n    let end = this.itemsPerPage! * this.currentPage;\n    const begin = end - this.itemsPerPage! + 1;\n    if (end > this.totalItems!) {\n      end = this.totalItems!;\n    }\n    return \"Viewing \" + (begin === end ? `${begin}` : `${begin}–${end} of ${this.totalItems}`);\n  }\n\n  renderLarge() {\n    return (\n      <div class=\"largescreen\">\n        <div class=\"pageview\">{this.getCurrentPagesInView()}</div>\n        <div class={`pagebtncontainer ${this.isTabbing ? \"user-is-tabbing\" : \"\"}`}>\n          <button\n            id=\"previous\"\n            class=\"paginationbtn previousbtn\"\n            onClick={() => {\n              this.currentPage = this.currentPage - 1;\n              this.updatePageDisplayed(this.currentPage);\n              this.maintainFocusOnNumberChange(\"previous\");\n            }}\n            disabled={this.currentPage === 1}\n            aria-label=\"Go to previous page\"\n            aria-controls=\"status\"\n          >\n            Previous\n          </button>\n          {this.totalPages < 6 ? this.displayShortPagination() : this.displayLongPagination()}\n          <button\n            id=\"next\"\n            class=\"paginationbtn nextbtn\"\n            onClick={() => {\n              this.currentPage = this.currentPage + 1;\n              this.updatePageDisplayed(this.currentPage);\n              this.maintainFocusOnNumberChange(\"next\");\n            }}\n            disabled={this.currentPage === this.totalPages}\n            aria-label=\"Go to next page\"\n            aria-controls=\"status\"\n          >\n            Next\n          </button>\n        </div>\n      </div>\n    );\n  }\n\n  renderSmall() {\n    return (\n      <div class=\"smallscreen\">\n        <div class={`pagebtncontainer ${this.isTabbing ? \"user-is-tabbing\" : \"\"}`}>\n          <button\n            id={`wm-1-arw`}\n            class=\"paginationbtn\"\n            onClick={() => {\n              this.currentPage = 1;\n              this.updatePageDisplayed(1);\n              this.maintainFocusOnNumberChange(\"prev-arrow\");\n            }}\n            value={1}\n            aria-current={this.currentPage === 1 ? \"page\" : undefined}\n            aria-label={`Go to page 1`}\n            aria-controls=\"status\"\n            disabled={this.currentPage === 1}\n          >\n            <svg width=\"16\" height=\"12\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M7.41 10.59L2.83 6l4.58-4.59L6 0 0 6l6 6zM15.41 10.59L10.83 6l4.58-4.59L14 0 8 6l6 6z\" />\n            </svg>\n          </button>\n          <button\n            id=\"previous-arw\"\n            class=\"paginationbtn previousbtn\"\n            onClick={() => {\n              this.currentPage -= 1;\n              this.updatePageDisplayed(this.currentPage);\n              this.maintainFocusOnNumberChange(\"prev-arrow\");\n            }}\n            disabled={this.currentPage === 1}\n            aria-label=\"Go to previous page\"\n          >\n            <svg width=\"8\" height=\"12\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M7.41 10.59L2.83 6l4.58-4.59L6 0 0 6l6 6z\" />\n            </svg>\n          </button>\n          Page {this.currentPage} of {this.totalPages}\n          <button\n            id=\"next-arw\"\n            class=\"paginationbtn nextbtn\"\n            onClick={() => {\n              this.currentPage += 1;\n              this.updatePageDisplayed(this.currentPage);\n              this.maintainFocusOnNumberChange(\"next-arrow\");\n            }}\n            disabled={this.currentPage === this.totalPages}\n            aria-label=\"Go to next page\"\n          >\n            <svg width=\"8\" height=\"12\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M.59 10.59L5.17 6 .59 1.41 2 0l6 6-6 6z\" />\n            </svg>\n          </button>\n          <button\n            id={`wm-${this.totalPages}-arw`}\n            class=\"paginationbtn\"\n            onClick={() => {\n              this.currentPage = this.totalPages;\n              this.updatePageDisplayed(this.totalPages);\n              this.maintainFocusOnNumberChange(\"next-arrow\");\n            }}\n            value={this.totalPages}\n            aria-current={this.currentPage === this.totalPages ? \"page\" : undefined}\n            aria-label={`Go to last page, page ${this.totalPages}`}\n            aria-controls=\"status\"\n            disabled={this.currentPage === this.totalPages}\n          >\n            <svg width=\"17\" height=\"12\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M.59 10.59L5.17 6 .59 1.41 2 0l6 6-6 6zM9.59 10.59L14.17 6 9.59 1.41 11 0l6 6-6 6z\" />\n            </svg>\n          </button>\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    return (\n      // do not render the component if there's only one page\n      this.totalItems! > this.itemsPerPage! && (\n        <nav aria-label={`Pagination Navigation. ${this.getCurrentPagesInView()}. Current page, ${this.currentPage}.`}>\n          {/* both \"desktop\" and \"mobile\" versions are renderered. media queries hide the unnecessary stuff */}\n          {this.isLargeViewport ? this.renderLarge() : this.renderSmall()}\n          {/* The below is for screenreader purposes, ensuring it announces the new current page.*/}\n          <div id=\"status\" class=\"sr-only\" aria-live=\"polite\" aria-relevant=\"text\" aria-atomic=\"true\">\n            {this.srAnnouncement}\n          </div>\n        </nav>\n      )\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/ripple/{p-d7b946ed.entry.js → p-fe7da854.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as s,H as e,g as n}from"./p-1c23de4a.js";import{o,g as r,m as h,w as a}from"./p-05e0f901.js";import{g as m}from"./p-43f1298b.js";const l=":host{position:relative;display:inline-block;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;color:#575195;font-family:inherit}:host .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}:host(:focus){outline:none}wm-action-menu:focus{outline:none}.dropdown{position:absolute;padding:0;margin:0.25rem 0;border-radius:3px 3px 3px 3px;min-width:11.4375rem;-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0);-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;visibility:hidden;-webkit-box-shadow:0 3px 14px 3px rgba(5, 3, 3, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 3px 14px 3px rgba(5, 3, 3, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 3px 14px 3px rgba(5, 3, 3, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);background:#fff;z-index:10;text-align:left;white-space:nowrap}.dropdown:focus{outline:none}.dropdown.open{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1);visibility:visible}.dropdown.open-up{bottom:2.5rem;top:auto;-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom}.dropdown.right{left:0}.dropdown.left{right:0}";const d=class{constructor(s){t(this,s);this.wmActionMenuLoaded=i(this,"wmActionMenuLoaded",7);this.menuLoaded=i(this,"menuLoaded",7);this.openUp=false;this.keysSoFar="";this.searchIndex=0;this.keyClear=null;this.isExpanded=false;this.tooltipPosition=undefined;this.actionMenuType=null;this.buttonType=null;this.buttonText=undefined;this.disabled=false;this.tooltip=undefined;this.labelForIdenticalButtons=undefined;this.darkMode=undefined}get horizontalPosition(){return!!this.el&&!!this.itemsEl&&o(this.el,this.itemsEl)?"right":"left"}get childItems(){return Array.from(this.el.querySelectorAll("wm-menuitem"))}get internalButtonType(){return this.tempActionMenuType==="icon"||this.tempActionMenuType==="text"?this.tempActionMenuType+"only":this.tempActionMenuType}get tempActionMenuType(){return this.actionMenuType||this.buttonType||"icon"}handleClickedItem(){this.close()}handleKeyUp(t){this.moveUp(t.target)}handleKeyDown(t){this.moveDown(t.detail)}handleHomeKey(){this.focusFirstItem()}handleEndKey(){this.focusLastItem()}handleTabKey(){if(this.isExpanded){this.close()}}handleEscKey(){this.close();this.wmButtonEl.focus()}handleKey(t){switch(t.key){case"ArrowDown":if(!this.isExpanded){t.preventDefault();this.open();window.requestAnimationFrame((()=>this.focusFirstItem()))}break;case"ArrowUp":if(!this.isExpanded){t.preventDefault();this.open();window.requestAnimationFrame((()=>this.focusLastItem()))}break}}handleMenuitemBlur(t){const i=t.detail.relatedTarget===this.el||this.el.contains(t.detail.relatedTarget);if(!i){const i=new CustomEvent("blur");i.relatedTarget=t.detail.relatedTarget;this.el.dispatchEvent(i)}}handleButtonBlur(t){const i=t.relatedTarget===this.el||this.el.contains(t.relatedTarget);if(i){t.stopPropagation()}}componentWillLoad(){this.uid=this.el.id?this.el.id:r();if(this.buttonType){console.warn("wm-action-menu: button-type has been deprecated as of v3.1.0. Please use action-menu-type instead.")}}componentDidLoad(){if(this.tempActionMenuType!=="icon"&&!this.buttonText){console.error("wm-action-menu should have a valid button-text property when action-menu-type is set to 'text' or 'selector'")}if(this.tempActionMenuType==="icon"&&!this.tooltip){console.error("wm-action-menu should have a valid tooltip when action-menu-type is set to 'icon'")}this.wmActionMenuLoaded.emit();this.menuLoaded.emit()}moveUp(t){const i=this.childItems.indexOf(t);if(i===0){this.focusLastItem()}else{this.focusItem(this.childItems[i-1])}}moveDown(t){const i=this.childItems.indexOf(t);if(i===this.childItems.length-1){this.focusFirstItem()}else{this.focusItem(this.childItems[i+1])}}open(){if(!this.disabled){this.openUp=h(this.el,this.itemsEl);this.isExpanded=true;this.itemsEl.classList.remove("hidden");window.requestAnimationFrame((()=>this.focusFirstItem()))}}close(t=true){this.isExpanded=false;this.childItems.forEach((t=>t.focused=false));window.setTimeout((()=>{this.itemsEl.classList.add("hidden")}),150);window.setTimeout((()=>{if(t&&(document.activeElement.tagName==="BODY"||document.activeElement.tagName==="WM-MENUITEM")){this.wmButtonEl.focus()}}),250)}focusItem(t){this.childItems.map((i=>i.focused=i===t));t.focus&&t.focus()}focusFirstItem(){this.focusItem(this.childItems[0])}focusLastItem(){this.focusItem(this.childItems[this.childItems.length-1])}findAndFocusItem(t){const i=t.detail.toUpperCase();this.focusFirstItem();if(!this.keysSoFar){for(var s=0;s<this.childItems.length;s++){if(this.childItems[s]===document.activeElement){this.searchIndex=s}}}this.keysSoFar+=i;this.clearKeysSoFarAfterDelay();var e=this.findMatchInRange(this.childItems,this.searchIndex+1,this.childItems.length);if(!e){e=this.findMatchInRange(this.childItems,0,this.searchIndex)}if(e){this.focusItem(e)}}clearKeysSoFarAfterDelay(){if(this.keyClear){window.clearTimeout(this.keyClear);this.keyClear=null}this.keyClear=window.setTimeout(function(){this.keysSoFar="";this.keyClear=null}.bind(this),500)}findMatchInRange(t,i,s){for(var e=i;e<s;e++){var n=t[e].innerText;if(n&&n.toUpperCase().indexOf(this.keysSoFar)===0){return t[e]}}return null}render(){return s(e,{onBlur:()=>this.close(false)},s("div",{class:a()},s("wm-button",{"button-type":this.internalButtonType,tooltip:this.tooltip,"custom-background":this.darkMode?"dark":undefined,"label-for-identical-buttons":this.labelForIdenticalButtons,icon:this.tempActionMenuType==="icon"?"f1d9":"",id:`menubtn-${this.uid}`,onClick:()=>this.isExpanded?this.close():this.open(),onBlur:t=>this.handleButtonBlur(t),disabled:this.disabled,ref:t=>this.wmButtonEl=t,"tooltip-position":this.tooltipPosition||this.horizontalPosition,"aria-haspopup":"true","aria-expanded":this.isExpanded?"true":"false","aria-controls":`menu-${this.uid}`},this.buttonText),s("div",{class:`dropdown ${this.openUp?"open-up":""} ${this.horizontalPosition} ${this.isExpanded?"open":""} hidden`,id:`menu-${this.uid}`,tabindex:-1,role:"menu",ref:t=>this.itemsEl=t},s("slot",null))))}static get delegatesFocus(){return true}get el(){return n(this)}};d.style=l;const p=':host,wm-menuitem{contain:content;font-family:inherit}:host .wrapper,wm-menuitem .wrapper{display:block;min-width:8.75rem;cursor:pointer;padding:1.25rem;border-radius:0px 0px 0px 0px;background:#fff;font-family:inherit;font-weight:500;list-style:none;border-bottom:2px solid rgba(46, 27, 70, 0.05);color:#575195;font-weight:700}:host .wrapper:focus,:host .wrapper.focus,wm-menuitem .wrapper:focus,wm-menuitem .wrapper.focus{outline:none;background:#f4f3f6}:host .wrapper:hover,wm-menuitem .wrapper:hover{background:#f4f3f6;outline:none}:host .wrapper .description,wm-menuitem .wrapper .description{color:#4a4a4a;font-size:0.875rem;padding-top:0.5rem;white-space:normal;font-weight:400}:host .wrapper[aria-disabled=true],wm-menuitem .wrapper[aria-disabled=true]{font-style:italic;color:#6b6b6b}:host .wrapper:not(:last-child),wm-menuitem .wrapper:not(:last-child){border-bottom:2px solid rgba(46, 27, 70, 0.05)}:host ::slotted,wm-menuitem ::slotted{font-family:inherit}:host .mdi,wm-menuitem .mdi{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;margin-right:0.625rem;pointer-events:none}:host(:focus),wm-menuitem:focus{outline:none;background:#f4f3f6}:host([aria-disabled=true]),wm-menuitem[aria-disabled=true]{pointer-events:none}';const c=class{constructor(s){t(this,s);this.wmMenuitemClicked=i(this,"wmMenuitemClicked",7);this.wmKeyUpPressed=i(this,"wmKeyUpPressed",7);this.wmKeyDownPressed=i(this,"wmKeyDownPressed",7);this.wmEscKeyPressed=i(this,"wmEscKeyPressed",7);this.wmHomeKeyPressed=i(this,"wmHomeKeyPressed",7);this.wmEndKeyPressed=i(this,"wmEndKeyPressed",7);this.wmPageDownItems=i(this,"wmPageDownItems",7);this.wmPageUpItems=i(this,"wmPageUpItems",7);this.wmTabKeyPressed=i(this,"wmTabKeyPressed",7);this.wmLetterPressed=i(this,"wmLetterPressed",7);this.wmMenuitemBlurred=i(this,"wmMenuitemBlurred",7);this.descriptionCharLimit=100;this.disabled=false;this.focused=false;this.icon=undefined;this.description=undefined;this.isKeying=false}toggleKeyingOn(){this.isKeying=true}toggleKeyingOff(){this.isKeying=false}handleKeydown(t){const i=t.altKey||t.ctrlKey||t.metaKey;const s=/^.$/.test(t.key);const e=s&&!i;switch(t.key){case"ArrowUp":t.preventDefault();this.wmKeyUpPressed.emit(this.el);break;case"ArrowDown":t.preventDefault();this.wmKeyDownPressed.emit(this.el);break;case"Enter":t.preventDefault();if(!this.disabled){this.el.click()}break;case"Escape":t.preventDefault();t.stopPropagation();this.wmEscKeyPressed.emit();break;case"Home":t.preventDefault();this.wmHomeKeyPressed.emit();break;case"End":t.preventDefault();this.wmEndKeyPressed.emit();break;case"Tab":this.wmTabKeyPressed.emit();break;default:if(e){t.preventDefault();this.wmLetterPressed.emit(t.key)}}}handleClick(){if(!this.disabled){this.wmMenuitemClicked.emit()}}handleBlur(t){this.wmMenuitemBlurred.emit({relatedTarget:t.relatedTarget})}setOnClick(){if(this.disabled&&this.el.onclick){this.onClickFunc=this.el.onclick;this.el.onclick=null}else if(!this.disabled&&this.onClickFunc){this.el.onclick=this.onClickFunc}}componentWillLoad(){if(this.icon){this.icon=m(this.icon)}if(this.description){if(this.description.length>this.descriptionCharLimit){console.error(`wm-menuitem description is above the character limit of ${this.descriptionCharLimit}`)}if(this.icon){console.error("wm-menuitems with descriptions do not support the use of icons")}}this.setOnClick()}componentDidLoad(){if(this.icon){this.iconEl.classList.add("mdi");this.iconEl.innerHTML=`&#x${this.icon};`}}render(){return s(e,{tabindex:-1,role:"menuitem","aria-disabled":this.disabled?"true":null},s("div",{class:`wrapper ${this.focused&&this.isKeying?"focus":""}`,"aria-disabled":this.disabled?"true":null},s("span",{ref:t=>this.iconEl=t}),s("slot",null),this.description?s("div",{class:"description"},this.description):""))}get el(){return n(this)}static get watchers(){return{disabled:["setOnClick"]}}};c.style=p;export{d as wm_action_menu,c as wm_menuitem};
-//# sourceMappingURL=p-d7b946ed.entry.js.map
+import{r as t,c as i,h as s,H as e,g as n}from"./p-1c23de4a.js";import{o,g as r,m as h,w as a}from"./p-c6a0f7e5.js";import{g as m}from"./p-888bec42.js";const l=":host{position:relative;display:inline-block;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;color:#575195;font-family:inherit}:host .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}:host(:focus){outline:none}wm-action-menu:focus{outline:none}.dropdown{position:absolute;padding:0;margin:0.25rem 0;border-radius:3px 3px 3px 3px;min-width:11.4375rem;-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0);-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;visibility:hidden;-webkit-box-shadow:0 3px 14px 3px rgba(5, 3, 3, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 3px 14px 3px rgba(5, 3, 3, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 3px 14px 3px rgba(5, 3, 3, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);background:#fff;z-index:10;text-align:left;white-space:nowrap}.dropdown:focus{outline:none}.dropdown.open{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1);visibility:visible}.dropdown.open-up{bottom:2.5rem;top:auto;-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom}.dropdown.right{left:0}.dropdown.left{right:0}";const d=class{constructor(s){t(this,s);this.wmActionMenuLoaded=i(this,"wmActionMenuLoaded",7);this.menuLoaded=i(this,"menuLoaded",7);this.openUp=false;this.keysSoFar="";this.searchIndex=0;this.keyClear=null;this.isExpanded=false;this.tooltipPosition=undefined;this.actionMenuType=null;this.buttonType=null;this.buttonText=undefined;this.disabled=false;this.tooltip=undefined;this.labelForIdenticalButtons=undefined;this.darkMode=undefined}get horizontalPosition(){return!!this.el&&!!this.itemsEl&&o(this.el,this.itemsEl)?"right":"left"}get childItems(){return Array.from(this.el.querySelectorAll("wm-menuitem"))}get internalButtonType(){return this.tempActionMenuType==="icon"||this.tempActionMenuType==="text"?this.tempActionMenuType+"only":this.tempActionMenuType}get tempActionMenuType(){return this.actionMenuType||this.buttonType||"icon"}handleClickedItem(){this.close()}handleKeyUp(t){this.moveUp(t.target)}handleKeyDown(t){this.moveDown(t.detail)}handleHomeKey(){this.focusFirstItem()}handleEndKey(){this.focusLastItem()}handleTabKey(){if(this.isExpanded){this.close()}}handleEscKey(){this.close();this.wmButtonEl.focus()}handleKey(t){switch(t.key){case"ArrowDown":if(!this.isExpanded){t.preventDefault();this.open();window.requestAnimationFrame((()=>this.focusFirstItem()))}break;case"ArrowUp":if(!this.isExpanded){t.preventDefault();this.open();window.requestAnimationFrame((()=>this.focusLastItem()))}break}}handleMenuitemBlur(t){const i=t.detail.relatedTarget===this.el||this.el.contains(t.detail.relatedTarget);if(!i){const i=new CustomEvent("blur");i.relatedTarget=t.detail.relatedTarget;this.el.dispatchEvent(i)}}handleButtonBlur(t){const i=t.relatedTarget===this.el||this.el.contains(t.relatedTarget);if(i){t.stopPropagation()}}componentWillLoad(){this.uid=this.el.id?this.el.id:r();if(this.buttonType){console.warn("wm-action-menu: button-type has been deprecated as of v3.1.0. Please use action-menu-type instead.")}}componentDidLoad(){if(this.tempActionMenuType!=="icon"&&!this.buttonText){console.error("wm-action-menu should have a valid button-text property when action-menu-type is set to 'text' or 'selector'")}if(this.tempActionMenuType==="icon"&&!this.tooltip){console.error("wm-action-menu should have a valid tooltip when action-menu-type is set to 'icon'")}this.wmActionMenuLoaded.emit();this.menuLoaded.emit()}moveUp(t){const i=this.childItems.indexOf(t);if(i===0){this.focusLastItem()}else{this.focusItem(this.childItems[i-1])}}moveDown(t){const i=this.childItems.indexOf(t);if(i===this.childItems.length-1){this.focusFirstItem()}else{this.focusItem(this.childItems[i+1])}}open(){if(!this.disabled){this.openUp=h(this.el,this.itemsEl);this.isExpanded=true;this.itemsEl.classList.remove("hidden");window.requestAnimationFrame((()=>this.focusFirstItem()))}}close(t=true){this.isExpanded=false;this.childItems.forEach((t=>t.focused=false));window.setTimeout((()=>{this.itemsEl.classList.add("hidden")}),150);window.setTimeout((()=>{if(t&&(document.activeElement.tagName==="BODY"||document.activeElement.tagName==="WM-MENUITEM")){this.wmButtonEl.focus()}}),250)}focusItem(t){this.childItems.map((i=>i.focused=i===t));t.focus&&t.focus()}focusFirstItem(){this.focusItem(this.childItems[0])}focusLastItem(){this.focusItem(this.childItems[this.childItems.length-1])}findAndFocusItem(t){const i=t.detail.toUpperCase();this.focusFirstItem();if(!this.keysSoFar){for(var s=0;s<this.childItems.length;s++){if(this.childItems[s]===document.activeElement){this.searchIndex=s}}}this.keysSoFar+=i;this.clearKeysSoFarAfterDelay();var e=this.findMatchInRange(this.childItems,this.searchIndex+1,this.childItems.length);if(!e){e=this.findMatchInRange(this.childItems,0,this.searchIndex)}if(e){this.focusItem(e)}}clearKeysSoFarAfterDelay(){if(this.keyClear){window.clearTimeout(this.keyClear);this.keyClear=null}this.keyClear=window.setTimeout(function(){this.keysSoFar="";this.keyClear=null}.bind(this),500)}findMatchInRange(t,i,s){for(var e=i;e<s;e++){var n=t[e].innerText;if(n&&n.toUpperCase().indexOf(this.keysSoFar)===0){return t[e]}}return null}render(){return s(e,{onBlur:()=>this.close(false)},s("div",{class:a()},s("wm-button",{"button-type":this.internalButtonType,tooltip:this.tooltip,"custom-background":this.darkMode?"dark":undefined,"label-for-identical-buttons":this.labelForIdenticalButtons,icon:this.tempActionMenuType==="icon"?"f1d9":"",id:`menubtn-${this.uid}`,onClick:()=>this.isExpanded?this.close():this.open(),onBlur:t=>this.handleButtonBlur(t),disabled:this.disabled,ref:t=>this.wmButtonEl=t,"tooltip-position":this.tooltipPosition||this.horizontalPosition,"aria-haspopup":"true","aria-expanded":this.isExpanded?"true":"false","aria-controls":`menu-${this.uid}`},this.buttonText),s("div",{class:`dropdown ${this.openUp?"open-up":""} ${this.horizontalPosition} ${this.isExpanded?"open":""} hidden`,id:`menu-${this.uid}`,tabindex:-1,role:"menu",ref:t=>this.itemsEl=t},s("slot",null))))}static get delegatesFocus(){return true}get el(){return n(this)}};d.style=l;const c=':host,wm-menuitem{contain:content;font-family:inherit}:host .wrapper,wm-menuitem .wrapper{display:block;min-width:8.75rem;cursor:pointer;padding:1.25rem;border-radius:0px 0px 0px 0px;background:#fff;font-family:inherit;font-weight:500;list-style:none;border-bottom:2px solid rgba(46, 27, 70, 0.05);color:#575195;font-weight:700}:host .wrapper:focus,:host .wrapper.focus,wm-menuitem .wrapper:focus,wm-menuitem .wrapper.focus{outline:none;background:#f4f3f6}:host .wrapper:hover,wm-menuitem .wrapper:hover{background:#f4f3f6;outline:none}:host .wrapper .description,wm-menuitem .wrapper .description{color:#4a4a4a;font-size:0.875rem;padding-top:0.5rem;white-space:normal;font-weight:400}:host .wrapper[aria-disabled=true],wm-menuitem .wrapper[aria-disabled=true]{font-style:italic;color:#6b6b6b}:host .wrapper:not(:last-child),wm-menuitem .wrapper:not(:last-child){border-bottom:2px solid rgba(46, 27, 70, 0.05)}:host ::slotted,wm-menuitem ::slotted{font-family:inherit}:host .mdi,wm-menuitem .mdi{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;margin-right:0.625rem;pointer-events:none}:host(:focus),wm-menuitem:focus{outline:none;background:#f4f3f6}:host([aria-disabled=true]),wm-menuitem[aria-disabled=true]{pointer-events:none}';const p=class{constructor(s){t(this,s);this.wmMenuitemClicked=i(this,"wmMenuitemClicked",7);this.wmKeyUpPressed=i(this,"wmKeyUpPressed",7);this.wmKeyDownPressed=i(this,"wmKeyDownPressed",7);this.wmEscKeyPressed=i(this,"wmEscKeyPressed",7);this.wmHomeKeyPressed=i(this,"wmHomeKeyPressed",7);this.wmEndKeyPressed=i(this,"wmEndKeyPressed",7);this.wmPageDownItems=i(this,"wmPageDownItems",7);this.wmPageUpItems=i(this,"wmPageUpItems",7);this.wmTabKeyPressed=i(this,"wmTabKeyPressed",7);this.wmLetterPressed=i(this,"wmLetterPressed",7);this.wmMenuitemBlurred=i(this,"wmMenuitemBlurred",7);this.descriptionCharLimit=100;this.disabled=false;this.focused=false;this.icon=undefined;this.description=undefined;this.isKeying=false}toggleKeyingOn(){this.isKeying=true}toggleKeyingOff(){this.isKeying=false}handleKeydown(t){const i=t.altKey||t.ctrlKey||t.metaKey;const s=/^.$/.test(t.key);const e=s&&!i;switch(t.key){case"ArrowUp":t.preventDefault();this.wmKeyUpPressed.emit(this.el);break;case"ArrowDown":t.preventDefault();this.wmKeyDownPressed.emit(this.el);break;case"Enter":t.preventDefault();if(!this.disabled){this.el.click()}break;case"Escape":t.preventDefault();t.stopPropagation();this.wmEscKeyPressed.emit();break;case"Home":t.preventDefault();this.wmHomeKeyPressed.emit();break;case"End":t.preventDefault();this.wmEndKeyPressed.emit();break;case"Tab":this.wmTabKeyPressed.emit();break;default:if(e){t.preventDefault();this.wmLetterPressed.emit(t.key)}}}handleClick(){if(!this.disabled){this.wmMenuitemClicked.emit()}}handleBlur(t){this.wmMenuitemBlurred.emit({relatedTarget:t.relatedTarget})}setOnClick(){if(this.disabled&&this.el.onclick){this.onClickFunc=this.el.onclick;this.el.onclick=null}else if(!this.disabled&&this.onClickFunc){this.el.onclick=this.onClickFunc}}componentWillLoad(){if(this.icon){this.icon=m(this.icon)}if(this.description){if(this.description.length>this.descriptionCharLimit){console.error(`wm-menuitem description is above the character limit of ${this.descriptionCharLimit}`)}if(this.icon){console.error("wm-menuitems with descriptions do not support the use of icons")}}this.setOnClick()}componentDidLoad(){if(this.icon){this.iconEl.classList.add("mdi");this.iconEl.innerHTML=`&#x${this.icon};`}}render(){return s(e,{tabindex:-1,role:"menuitem","aria-disabled":this.disabled?"true":null},s("div",{class:`wrapper ${this.focused&&this.isKeying?"focus":""}`,"aria-disabled":this.disabled?"true":null},s("span",{ref:t=>this.iconEl=t}),s("slot",null),this.description?s("div",{class:"description"},this.description):""))}get el(){return n(this)}static get watchers(){return{disabled:["setOnClick"]}}};p.style=c;export{d as wm_action_menu,p as wm_menuitem};
+//# sourceMappingURL=p-fe7da854.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["wmActionMenuCss","ActionMenu","this","openUp","keysSoFar","searchIndex","keyClear","horizontalPosition","el","itemsEl","shouldShiftRight","childItems","Array","from","querySelectorAll","internalButtonType","tempActionMenuType","actionMenuType","buttonType","handleClickedItem","close","handleKeyUp","ev","moveUp","target","handleKeyDown","moveDown","detail","handleHomeKey","focusFirstItem","handleEndKey","focusLastItem","handleTabKey","isExpanded","handleEscKey","wmButtonEl","focus","handleKey","key","preventDefault","open","window","requestAnimationFrame","handleMenuitemBlur","toElOrChild","relatedTarget","contains","event","CustomEvent","dispatchEvent","handleButtonBlur","stopPropagation","componentWillLoad","uid","id","generateId","console","warn","componentDidLoad","buttonText","error","tooltip","wmActionMenuLoaded","emit","menuLoaded","index","indexOf","focusItem","length","disabled","shouldOpenUp","classList","remove","returnFocus","forEach","i","focused","setTimeout","add","document","activeElement","tagName","item","map","findAndFocusItem","character","toUpperCase","clearKeysSoFarAfterDelay","nextMatch","findMatchInRange","clearTimeout","bind","list","startIndex","endIndex","n","label","innerText","render","h","Host","onBlur","class","getTextDir","darkMode","undefined","labelForIdenticalButtons","icon","onClick","ref","tooltipPosition","tabindex","role","wmMenuitemCss","Menuitem","descriptionCharLimit","toggleKeyingOn","isKeying","toggleKeyingOff","handleKeydown","modifierKeyUsed","altKey","ctrlKey","metaKey","isSingleCharacter","test","isCharacterEntry","wmKeyUpPressed","wmKeyDownPressed","click","wmEscKeyPressed","wmHomeKeyPressed","wmEndKeyPressed","wmTabKeyPressed","wmLetterPressed","handleClick","wmMenuitemClicked","handleBlur","wmMenuitemBlurred","setOnClick","onclick","onClickFunc","getIconCodeFromName","description","iconEl","innerHTML"],"sources":["./src/components/wm-action-menu/wm-action-menu.scss?tag=wm-action-menu&encapsulation=shadow","./src/components/wm-action-menu/wm-action-menu.tsx","./src/components/wm-menuitem/wm-menuitem.scss?tag=wm-menuitem&encapsulation=shadow","./src/components/wm-menuitem/wm-menuitem.tsx"],"sourcesContent":[":host {\n  position: relative;\n  display: inline-block;\n  width: -moz-fit-content;\n  width: fit-content;\n  color: #575195;\n  font-family: inherit;\n\n  .sr-only {\n    @include srOnly;\n  }\n}\n\n:host(:focus) {\n  outline: none;\n}\n\nwm-action-menu:focus {\n  outline: none;\n}\n\n.dropdown {\n  position: absolute;\n  padding: 0;\n  margin: rem-calc(4) 0;\n  border-radius: 3px 3px 3px 3px;\n  min-width: rem-calc(183);\n  @include scale($xVal: 1, $yVal: 0);\n  @include transition(transform 0.25s ease);\n  @include transformOrigin(center top);\n  visibility: hidden;\n\n  &:focus {\n    outline: none;\n  }\n\n  @include box-shadow(0 3px 14px 3px rgba(5, 3, 3, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2));\n  background: #fff;\n  z-index: 10;\n  text-align: left;\n\n  &.open {\n    @include scale($xVal: 1, $yVal: 1);\n    visibility: visible;\n  }\n\n  &.open-up {\n    bottom: 2.5rem;\n    top: auto;\n    @include transformOrigin(center bottom);\n  }\n\n  &.right {\n    // anchoring to left corner means it opens on the right side\n    left: 0;\n  }\n\n  &.left {\n    right: 0;\n  }\n\n  white-space: nowrap;\n}\n","import { h, Component, Element, Listen, Prop, State, Event, EventEmitter, Host } from \"@stencil/core\";\nimport { generateId, getTextDir, shouldOpenUp, shouldShiftRight } from \"../../global/functions\";\n\n@Component({\n  tag: \"wm-action-menu\",\n  styleUrl: \"wm-action-menu.scss\",\n  shadow: { delegatesFocus: true },\n})\nexport class ActionMenu {\n  @Element() el!: HTMLWmActionMenuElement;\n  private wmButtonEl!: HTMLWmButtonElement;\n  private itemsEl?: HTMLDivElement;\n  private uid!: string;\n  private openUp: boolean = false;\n  get horizontalPosition(): \"right\" | \"left\" {\n    return !!this.el && !!this.itemsEl && shouldShiftRight(this.el, this.itemsEl!) ? \"right\" : \"left\";\n  }\n  get childItems(): HTMLWmMenuitemElement[] {\n    return Array.from(this.el.querySelectorAll(\"wm-menuitem\"));\n  }\n  get internalButtonType(): string {\n    return this.tempActionMenuType === \"icon\" || this.tempActionMenuType === \"text\"\n      ? this.tempActionMenuType + \"only\"\n      : this.tempActionMenuType;\n  }\n\n  @State() isExpanded = false;\n  @Prop() tooltipPosition?:\n    | \"top\"\n    | \"bottom\"\n    | \"left\"\n    | \"right\"\n    | \"bottom-left\"\n    | \"bottom-right\"\n    | \"top-right\"\n    | \"top-left\";\n  @Prop() actionMenuType: \"icon\" | \"text\" | \"selector\" | \"selector-primary\" | null = null;\n  @Prop() buttonType: \"icon\" | \"text\" | \"selector\" | null = null; // deprecated in favor of actionMenuType\n  get tempActionMenuType(): \"icon\" | \"text\" | \"selector\" | \"selector-primary\" {\n    // uses of this getter should be replaced with this.actionMenuType when buttonType is fully phased out\n    // don't forget to reset this.actionMenuTypes's default value to icon\n    return this.actionMenuType || this.buttonType || \"icon\";\n  }\n  @Prop() buttonText?: string;\n  @Prop({ reflect: true }) disabled: boolean = false;\n  @Prop() tooltip?: string;\n  @Prop() labelForIdenticalButtons?: string;\n  @Prop() darkMode?: boolean;\n  @Event({ composed: true, bubbles: true }) wmActionMenuLoaded!: EventEmitter;\n  @Event({ composed: true, bubbles: true }) menuLoaded!: EventEmitter; // deprecated in favor of wmActionMenuLoaded\n\n  private keysSoFar: string = \"\";\n  private searchIndex: number = 0;\n  private keyClear: number | null = null;\n\n  @Listen(\"wmMenuitemClicked\")\n  handleClickedItem() {\n    this.close();\n  }\n\n  @Listen(\"wmKeyUpPressed\")\n  handleKeyUp(ev: CustomEvent) {\n    this.moveUp(ev.target as HTMLWmMenuitemElement);\n  }\n\n  @Listen(\"wmKeyDownPressed\")\n  handleKeyDown(ev: CustomEvent) {\n    this.moveDown(ev.detail);\n  }\n\n  @Listen(\"wmHomeKeyPressed\")\n  handleHomeKey() {\n    this.focusFirstItem();\n  }\n\n  @Listen(\"wmEndKeyPressed\")\n  handleEndKey() {\n    this.focusLastItem();\n  }\n\n  @Listen(\"wmTabKeyPressed\")\n  handleTabKey() {\n    if (this.isExpanded) {\n      this.close();\n    }\n  }\n\n  @Listen(\"wmEscKeyPressed\")\n  handleEscKey() {\n    this.close();\n    this.wmButtonEl.focus();\n  }\n\n  @Listen(\"keydown\")\n  handleKey(ev: KeyboardEvent) {\n    switch (ev.key) {\n      case \"ArrowDown\":\n        if (!this.isExpanded) {\n          ev.preventDefault();\n          this.open();\n          window.requestAnimationFrame(() => this.focusFirstItem());\n        }\n        break;\n      case \"ArrowUp\":\n        if (!this.isExpanded) {\n          ev.preventDefault();\n          this.open();\n          window.requestAnimationFrame(() => this.focusLastItem());\n        }\n        break;\n    }\n  }\n\n  @Listen(\"wmMenuitemBlurred\")\n  handleMenuitemBlur(ev: CustomEvent): void {\n    const toElOrChild = ev.detail.relatedTarget === this.el || this.el.contains(ev.detail.relatedTarget as Node);\n    // if the Menuitem is blurred to something other than the component, emit a blur event with the appropriate relatedTarget\n    // keeps our component's blur events accurate, and closes when focusing browser address bar\n    if (!toElOrChild) {\n      const event = new CustomEvent(\"blur\");\n      // @ts-ignore\n      event.relatedTarget = ev.detail.relatedTarget;\n      this.el.dispatchEvent(event);\n    }\n  }\n\n  handleButtonBlur(ev: FocusEvent) {\n    const toElOrChild = ev.relatedTarget === this.el || this.el.contains(ev.relatedTarget as Node);\n    if (toElOrChild) {\n      // do not emit a blur event when opening the dropdown and focusing the Menuitems\n      ev.stopPropagation();\n    }\n  }\n\n  componentWillLoad() {\n    this.uid = this.el.id ? this.el.id : generateId();\n\n    if (this.buttonType) {\n      console.warn(\n        \"wm-action-menu: button-type has been deprecated as of v3.1.0. Please use action-menu-type instead.\"\n      );\n    }\n  }\n\n  componentDidLoad() {\n    if (this.tempActionMenuType !== \"icon\" && !this.buttonText) {\n      console.error(\n        \"wm-action-menu should have a valid button-text property when action-menu-type is set to 'text' or 'selector'\"\n      );\n    }\n\n    if (this.tempActionMenuType === \"icon\" && !this.tooltip) {\n      console.error(\"wm-action-menu should have a valid tooltip when action-menu-type is set to 'icon'\");\n    }\n\n    this.wmActionMenuLoaded.emit();\n    this.menuLoaded.emit(); // deprecated\n  }\n\n  moveUp(el: HTMLWmMenuitemElement) {\n    const index = this.childItems.indexOf(el);\n    if (index === 0) {\n      this.focusLastItem();\n    } else {\n      this.focusItem(this.childItems[index - 1]);\n    }\n  }\n\n  moveDown(el: HTMLWmMenuitemElement) {\n    const index = this.childItems.indexOf(el);\n    if (index === this.childItems.length - 1) {\n      this.focusFirstItem();\n    } else {\n      this.focusItem(this.childItems[index + 1]);\n    }\n  }\n\n  open() {\n    if (!this.disabled) {\n      this.openUp = shouldOpenUp(this.el, this.itemsEl!);\n      // action menu usually is on the right side of the screen,\n      // so dropdown opens to the left (is anchored on the right corner)\n      // if there is not enough space on the left and enough on the right though,\n      // it will open on the right side\n\n      this.isExpanded = true;\n      this.itemsEl!.classList.remove(\"hidden\");\n      window.requestAnimationFrame(() => this.focusFirstItem());\n    }\n  }\n\n  close(returnFocus: boolean = true) {\n    this.isExpanded = false;\n    this.childItems.forEach((i) => (i.focused = false));\n\n    window.setTimeout(() => {\n      this.itemsEl!.classList.add(\"hidden\");\n    }, 150);\n\n    window.setTimeout(() => {\n      // if dev omits to assign focus after an action is triggered,\n      // the component brings the focus back on the button\n      // Focus will only be lost (and go to the body) once the menuitem\n      // is not visible anymore, so we need to wait for the transition to\n      // finish and the hidden class to be applied.\n      // also checking if focus stayed on the menuitem\n      if (\n        returnFocus &&\n        (document.activeElement!.tagName === \"BODY\" || document.activeElement!.tagName === \"WM-MENUITEM\")\n      ) {\n        this.wmButtonEl.focus();\n      }\n    }, 250);\n  }\n\n  focusItem(item: HTMLWmMenuitemElement) {\n    this.childItems.map((i: HTMLWmMenuitemElement) => (i.focused = i === item));\n    item.focus && item.focus();\n  }\n\n  focusFirstItem() {\n    this.focusItem(this.childItems[0]);\n  }\n\n  focusLastItem() {\n    this.focusItem(this.childItems[this.childItems.length - 1]);\n  }\n\n  @Listen(\"wmLetterPressed\")\n  findAndFocusItem(ev: CustomEvent) {\n    const character = ev.detail.toUpperCase();\n    this.focusFirstItem();\n    if (!this.keysSoFar) {\n      for (var i = 0; i < this.childItems.length; i++) {\n        if (this.childItems[i] === document.activeElement) {\n          this.searchIndex = i;\n        }\n      }\n    }\n\n    this.keysSoFar += character;\n    this.clearKeysSoFarAfterDelay();\n\n    var nextMatch = this.findMatchInRange(this.childItems, this.searchIndex + 1, this.childItems.length);\n    if (!nextMatch) {\n      nextMatch = this.findMatchInRange(this.childItems, 0, this.searchIndex);\n    }\n    if (nextMatch) {\n      this.focusItem(nextMatch as HTMLWmMenuitemElement);\n    }\n  }\n\n  clearKeysSoFarAfterDelay() {\n    if (this.keyClear) {\n      window.clearTimeout(this.keyClear);\n      this.keyClear = null;\n    }\n    this.keyClear = window.setTimeout(\n      function (this: ActionMenu) {\n        this.keysSoFar = \"\";\n        this.keyClear = null;\n      }.bind(this),\n      500\n    );\n  }\n\n  findMatchInRange(list: HTMLWmMenuitemElement[], startIndex: number, endIndex: number) {\n    // Find the first item starting with the keysSoFar substring, searching in\n    // the specified range of items\n    for (var n = startIndex; n < endIndex; n++) {\n      var label = list[n].innerText;\n      if (label && label.toUpperCase().indexOf(this.keysSoFar) === 0) {\n        return list[n];\n      }\n    }\n    return null;\n  }\n\n  render() {\n    return (\n      <Host onBlur={() => this.close(false)}>\n        <div class={getTextDir()}>\n          <wm-button\n            button-type={this.internalButtonType}\n            tooltip={this.tooltip}\n            custom-background={this.darkMode ? \"dark\" : undefined}\n            label-for-identical-buttons={this.labelForIdenticalButtons}\n            icon={this.tempActionMenuType === \"icon\" ? \"f1d9\" : \"\"}\n            id={`menubtn-${this.uid}`}\n            onClick={() => (this.isExpanded ? this.close() : this.open())}\n            onBlur={(ev) => this.handleButtonBlur(ev)}\n            disabled={this.disabled}\n            ref={(el) => (this.wmButtonEl = el as HTMLWmButtonElement)}\n            tooltip-position={this.tooltipPosition || this.horizontalPosition}\n            aria-haspopup=\"true\"\n            aria-expanded={this.isExpanded ? \"true\" : \"false\"}\n            aria-controls={`menu-${this.uid}`}\n          >\n            {this.buttonText}\n          </wm-button>\n          <div\n            class={`dropdown ${this.openUp ? \"open-up\" : \"\"} ${this.horizontalPosition} ${\n              this.isExpanded ? \"open\" : \"\"\n            } hidden`}\n            id={`menu-${this.uid}`}\n            tabindex={-1}\n            role=\"menu\"\n            ref={(el) => (this.itemsEl = el)}\n          >\n            <slot />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n",":host,\nwm-menuitem {\n  contain: content;\n  font-family: inherit;\n\n  .wrapper {\n    display: block;\n    min-width: rem-calc(140);\n    cursor: pointer;\n    padding: rem-calc(20);\n    border-radius: 0px 0px 0px 0px;\n    background: #fff;\n    font-family: inherit;\n    font-weight: 500;\n    list-style: none;\n    border-bottom: 2px solid rgba(#2e1b46, 0.05);\n    color: $button-default-text;\n    font-weight: 700;\n\n    &:focus,\n    &.focus {\n      outline: none;\n      background: #f4f3f6;\n    }\n\n    &:hover {\n      background: #f4f3f6;\n      outline: none;\n    }\n\n    .description {\n      color: $charcoal;\n      font-size: rem-calc(14);\n      padding-top: rem-calc(8);\n      white-space: normal;\n      font-weight: 400;\n    }\n\n    &[aria-disabled=\"true\"] {\n      font-style: italic;\n      color: #6b6b6b;\n    }\n\n    &:not(:last-child) {\n      border-bottom: 2px solid rgba(#2e1b46, 0.05);\n    }\n  }\n\n  ::slotted {\n    font-family: inherit;\n  }\n\n  .mdi {\n    @include mdi-icon;\n    display: inline-block;\n    margin-right: rem-calc(10);\n    pointer-events: none;\n  }\n}\n\n:host(:focus),\nwm-menuitem:focus {\n  outline: none;\n  background: #f4f3f6;\n}\n\n//Set pointer events to none on host and element in shadow dom to disable menuitem\n:host([aria-disabled=\"true\"]),\nwm-menuitem[aria-disabled=\"true\"] {\n  pointer-events: none;\n}\n","import { h, Component, Element, Event, EventEmitter, Listen, Prop, State, Host, Watch } from \"@stencil/core\";\nimport { getIconCodeFromName } from \"../../global/interfaces\";\n\n@Component({\n  tag: \"wm-menuitem\",\n  styleUrl: \"wm-menuitem.scss\",\n  shadow: true,\n})\nexport class Menuitem {\n  @Element() el!: HTMLWmMenuitemElement;\n  private iconEl?: HTMLSpanElement;\n\n  @Prop() disabled = false;\n  @Prop() focused = false;\n  @Prop({ mutable: true }) icon?: string = undefined;\n  @Prop() description?: string = undefined;\n\n  @Event() wmMenuitemClicked!: EventEmitter<HTMLWmMenuitemElement>;\n  @Event() wmKeyUpPressed!: EventEmitter<HTMLWmMenuitemElement>;\n  @Event() wmKeyDownPressed!: EventEmitter<HTMLWmMenuitemElement>;\n  @Event() wmEscKeyPressed!: EventEmitter<HTMLWmMenuitemElement>;\n  @Event() wmHomeKeyPressed!: EventEmitter<HTMLWmMenuitemElement>;\n  @Event() wmEndKeyPressed!: EventEmitter<HTMLWmMenuitemElement>;\n  @Event() wmPageDownItems!: EventEmitter<HTMLWmMenuitemElement>;\n  @Event() wmPageUpItems!: EventEmitter<HTMLWmMenuitemElement>;\n  @Event() wmTabKeyPressed!: EventEmitter<HTMLWmMenuitemElement>;\n  @Event() wmLetterPressed!: EventEmitter;\n  @Event() wmMenuitemBlurred!: EventEmitter<{ relatedTarget: EventTarget | null }>;\n  private onClickFunc!: (this: GlobalEventHandlers, ev: MouseEvent) => any;\n  private descriptionCharLimit = 100;\n\n  @State() isKeying: boolean = false;\n\n  @Listen(\"wmUserIsKeying\", { target: \"window\" })\n  @Listen(\"wmUserIsTabbing\", { target: \"window\" })\n  toggleKeyingOn() {\n    this.isKeying = true;\n  }\n\n  @Listen(\"wmUserIsNotKeying\", { target: \"window\" })\n  @Listen(\"wmUserIsNotTabbing\", { target: \"window\" })\n  toggleKeyingOff() {\n    this.isKeying = false;\n  }\n\n  @Listen(\"keydown\")\n  handleKeydown(ev: KeyboardEvent) {\n    const modifierKeyUsed = ev.altKey || ev.ctrlKey || ev.metaKey;\n    const isSingleCharacter = /^.$/.test(ev.key);\n    const isCharacterEntry = isSingleCharacter && !modifierKeyUsed;\n    switch (ev.key) {\n      case \"ArrowUp\":\n        ev.preventDefault();\n        this.wmKeyUpPressed.emit(this.el as HTMLWmMenuitemElement);\n        break;\n      case \"ArrowDown\":\n        ev.preventDefault();\n        this.wmKeyDownPressed.emit(this.el as HTMLWmMenuitemElement);\n        break;\n      case \"Enter\":\n        ev.preventDefault();\n        if (!this.disabled) {\n          this.el.click();\n        }\n        break;\n      case \"Escape\":\n        ev.preventDefault();\n        ev.stopPropagation(); // prevents closing of parent modal\n        this.wmEscKeyPressed.emit();\n        break;\n      case \"Home\":\n        ev.preventDefault();\n        this.wmHomeKeyPressed.emit();\n        break;\n      case \"End\":\n        ev.preventDefault();\n        this.wmEndKeyPressed.emit();\n        break;\n      case \"Tab\":\n        this.wmTabKeyPressed.emit();\n        break;\n      default:\n        if (isCharacterEntry) {\n          ev.preventDefault();\n          this.wmLetterPressed.emit(ev.key);\n        }\n    }\n  }\n\n  @Listen(\"click\")\n  handleClick() {\n    if (!this.disabled) {\n      this.wmMenuitemClicked.emit();\n    }\n  }\n\n  @Listen(\"blur\")\n  handleBlur(ev: FocusEvent) {\n    this.wmMenuitemBlurred.emit({ relatedTarget: ev.relatedTarget });\n  }\n\n  @Watch(\"disabled\")\n  setOnClick() {\n    if (this.disabled && this.el.onclick) {\n      this.onClickFunc = this.el.onclick;\n      this.el.onclick = null;\n    } else if (!this.disabled && this.onClickFunc) {\n      this.el.onclick = this.onClickFunc;\n    }\n  }\n\n  componentWillLoad() {\n    if (this.icon) {\n      // in case a name was passed instead of a code, convert it to code (for backwards compatibility)\n      this.icon = getIconCodeFromName(this.icon);\n    }\n\n    if (this.description) {\n      if (this.description.length > this.descriptionCharLimit) {\n        console.error(`wm-menuitem description is above the character limit of ${this.descriptionCharLimit}`);\n      }\n      if (this.icon) {\n        console.error(\"wm-menuitems with descriptions do not support the use of icons\");\n      }\n    }\n\n    this.setOnClick();\n  }\n\n  componentDidLoad() {\n    if (this.icon) {\n      this.iconEl!.classList.add(\"mdi\");\n      this.iconEl!.innerHTML = `&#x${this.icon};`;\n    }\n  }\n\n  render() {\n    return (\n      <Host tabindex={-1} role=\"menuitem\" aria-disabled={this.disabled ? \"true\" : null}>\n        <div\n          class={`wrapper ${this.focused && this.isKeying ? \"focus\" : \"\"}`}\n          aria-disabled={this.disabled ? \"true\" : null}\n        >\n          <span ref={(el) => (this.iconEl = el)} />\n          <slot />\n          {this.description ? <div class=\"description\">{this.description}</div> : \"\"}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/ripple/ripple.esm.js

@@ -1,2 +1,2 @@
-import{p as e,b as t}from"./p-1c23de4a.js";export{s as setNonce}from"./p-1c23de4a.js";import"./p-ce52357e.js";const a=()=>{const t=import.meta.url;const a={};if(t!==""){a.resourcesUrl=new URL(".",t).href}return e(a)};a().then((e=>t(JSON.parse('[["p-e1b812ed",[[17,"wm-uploader",{"uploaderType":[1025,"uploader-type"],"type":[1],"label":[1],"buttonText":[1,"button-text"],"info":[1],"emptyStateText":[1,"empty-state-text"],"icon":[1],"fileTypes":[1,"file-types"],"maxSize":[2,"max-size"],"maxFiles":[2,"max-files"],"sortBy":[1,"sort-by"],"showInfo":[1,"show-info"],"errorMessage":[1,"error-message"],"requiredField":[4,"required-field"],"files":[1],"filesToUpload":[1040],"rejectedFiles":[1,"rejected-files"],"fileList":[32],"isTabbing":[32],"errorList":[32],"notif":[32],"internalErrorMessage":[32],"announcement":[32],"numFilesInProgress":[32],"isCondensed":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"wmUploadProgress","handleUploadProgress"],[0,"wmFileClearErrorClicked","handleFileErrorCleared"],[0,"wmIntFileDeleted","handleFileDeleted"],[0,"wmIntFilePreviewed","handleFilePreviewed"],[0,"wmIntFileDownloaded","handleFileDownloaded"]]]]],["p-262713b9",[[17,"wm-tab-list",{"customBackground":[1,"custom-background"],"customPadding":[1,"custom-padding"],"selectedTab":[1,"selected-tab"],"controllerEnabled":[4,"controller-enabled"]},[[0,"tabItemLoaded","tabItemLoaded"],[0,"wmTabSelected","handleTabSelected"],[0,"keydownOnTabItem","handleKeydown"],[9,"resize","setLayout"]]],[17,"wm-tab-item",{"selected":[4],"show":[4],"tabId":[1,"tab-id"]},[[4,"keydown","toggleTabbingOn"],[4,"click","toggleTabbingOff"]]],[0,"wm-tab-panel",{"active":[1028],"tabId":[1025,"tab-id"]},[[4,"keydown","toggleTabbingOn"],[4,"click","toggleTabbingOff"]]]]],["p-42158d44",[[17,"wm-navigator",{"userName":[1,"user-name"],"email":[1],"authType":[2,"auth-type"],"connectionName":[1,"connection-name"],"logoutUrl":[1,"logout-url"],"products":[1],"loadFromUserinfo":[4,"load-from-userinfo"],"isOpen":[32],"isTabbing":[32],"itemIndexToFocus":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"keydown","handleKeys"],[0,"keydownOnNavItem","handleKeydown"],[4,"click","handleClick"],[0,"buttonActivated","handleButtonClick"]]]]],["p-124da634",[[1,"wm-network-uploader",{"getPath":[1,"get-path"],"requestUploadPath":[1,"request-upload-path"],"uploadPath":[1,"upload-path"],"requestDownloadPath":[1,"request-download-path"],"deletePath":[1,"delete-path"],"associatedData":[1,"associated-data"],"buttonText":[1,"button-text"],"emptyStateText":[1,"empty-state-text"],"icon":[1],"fileTypes":[1,"file-types"],"maxSize":[1026,"max-size"],"maxFiles":[2,"max-files"],"sortBy":[1,"sort-by"],"isTabbing":[32],"fileList":[32],"inProgressList":[32],"errorList":[32],"notif":[32],"snackbar":[32],"numFilesInProgress":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"wmUploadProgress","handleUploadProgress"],[0,"userFinishedSnack","handleFinishedSnack"]]]]],["p-08d17d5a",[[17,"wm-navigation",{"open":[1540],"isTabbing":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"keydown","closeOnEscape"],[9,"resize","handleWindowResize"],[8,"wmNavigationHamburgerClicked","handleHamburgerClicked"],[0,"wmNavigationItemClicked","handleClickOnItem"]]],[17,"wm-navigation-hamburger",{"navId":[1,"nav-id"],"tooltipVisible":[1028,"tooltip-visible"],"isTabbing":[32],"open":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[4,"wmNavigationStateChanged","handleNavigationStateChanged"]]],[17,"wm-navigation-item",{"href":[1],"text":[1],"active":[4],"isTabbing":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"]]]]],["p-d7c55ce1",[[17,"wm-progress-indicator",{"label":[1],"subinfo":[1],"completionMessage":[1,"completion-message"],"showLegend":[4,"show-legend"],"isTabbing":[32],"mode":[32],"userIsNavigating":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"keydown","handleKeydown"],[0,"wmProgressSliceUpdated","handleSliceUpdate"]]],[17,"wm-progress-monitor",{"breakpoint":[8],"groupLegend":[1,"group-legend"],"barLabelsWidth":[1,"bar-labels-width"]}],[1,"wm-progress-slice",{"legend":[1],"amount":[1],"popoverTitle":[1,"popover-title"],"popoverText":[1,"popover-text"],"popoverButtonText":[1,"popover-button-text"]}]]],["p-8eebf787",[[17,"wm-chart",{"chartType":[1,"chart-type"],"label":[1],"labelWidth":[1,"label-width"],"subinfo":[1],"completionMessage":[1,"completion-message"],"valueFormat":[1,"value-format"],"showValues":[1,"show-values"],"showGrid":[4,"show-grid"],"showLegend":[4,"show-legend"],"showBarLegend":[4,"show-bar-legend"],"notStartedColor":[4,"not-started-color"],"labelPosition":[1,"label-position"],"isTabbing":[32],"userIsNavigating":[32],"hasHiddenBarValue":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"keydown","handleKeydown"],[0,"wmChartSliceUpdated","handleSliceUpdate"]]]]],["p-3f6c7e6c",[[17,"wm-datepicker",{"value":[1025],"disabled":[4],"dateFormat":[1025,"date-format"],"errorMessage":[513,"error-message"],"labelPosition":[1025,"label-position"],"label":[1025],"requiredField":[4,"required-field"],"requiredFieldMessage":[1,"required-field-message"],"preventValidation":[1,"prevent-validation"],"displayError":[32]},[[0,"keydown","handleTabbingOn"],[0,"click","handleTabbingOff"],[0,"popupBlurred","handlePopupBlurred"],[0,"cellTriggered","handleCellTriggered"]]]]],["p-4a014591",[[0,"wm-modal-footer",{"secondaryText":[1,"secondary-text"],"primaryText":[1,"primary-text"],"infoText":[1,"info-text"],"primaryActionDisabled":[4,"primary-action-disabled"],"deleteStyle":[4,"delete-style"]}]]],["p-70768add",[[0,"wm-modal-header",{"heading":[1],"subheading":[1]}]]],["p-4d30004f",[[17,"wm-search",{"searchType":[1025,"search-type"],"disabled":[516],"placeholder":[1],"label":[1],"numResults":[1026,"num-results"],"value":[1537],"highlightedId":[1,"highlighted-id"],"highlightedName":[1,"highlighted-name"],"isTabbing":[32],"highlightedNum":[32],"previousBlurredValue":[32],"parentModal":[32],"announcement":[32],"updateValue":[64]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"]]]]],["p-9b9eb944",[[0,"wm-chart-slice",{"legend":[1],"amount":[1],"popoverTitle":[1,"popover-title"],"popoverText":[1,"popover-text"],"popoverButtonText":[1,"popover-button-text"]}]]],["p-d0f5773a",[[17,"wm-input",{"label":[1],"labelPosition":[1,"label-position"],"value":[1537],"disabled":[516],"info":[1],"placeholder":[1],"requiredField":[4,"required-field"],"requiredFieldMessage":[1,"required-field-message"],"errorMessage":[1,"error-message"],"characterLimit":[2,"character-limit"],"preventValidation":[1,"prevent-validation"],"type":[1],"step":[2],"min":[2],"max":[2],"announcement":[32],"displayedErrorMessage":[32]}]]],["p-d5b0809e",[[0,"wm-modal",{"open":[1540],"isOpen":[1540,"is-open"],"elementToFocus":[1025,"element-to-focus"],"modalType":[513,"modal-type"],"isTypeDialog":[516,"is-type-dialog"],"uid":[1537],"emitCloseEvent":[64],"emitPrimaryEvent":[64],"emitSecondaryEvent":[64]},[[0,"click","handleClick"],[0,"keydown","closeModalOnEscape"]]]]],["p-20d0d019",[[17,"wm-pagination",{"currentPage":[2,"current-page"],"totalItems":[2,"total-items"],"itemsPerPage":[2,"items-per-page"],"value":[2],"isLargeViewport":[4,"is-large-viewport"],"isTabbing":[32],"srAnnouncement":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[9,"resize","handleResize"]]]]],["p-f3130941",[[17,"wm-tag-input",{"label":[1],"labelPosition":[1,"label-position"],"options":[1025],"selectedTags":[1537,"selected-tags"],"info":[1],"errorMessage":[1,"error-message"],"addNew":[4,"add-new"],"placeholder":[1025],"requiredField":[4,"required-field"],"characterLimit":[2,"character-limit"],"maxTags":[2,"max-tags"],"tagInputType":[1,"tag-input-type"],"colHeaders":[1,"col-headers"],"colWidths":[1,"col-widths"],"colWrap":[1,"col-wrap"],"messageConfig":[1,"message-config"],"focusedListItem":[32],"focusedTag":[32],"tablePosition":[32],"isExpanded":[32],"tagsList":[32],"optionsList":[32],"charCount":[32],"liveRegionMessage":[32]},[[0,"wmTagInputRowUpdated","handleRowUpdate"],[4,"click","closeIfNotElOrChild"],[11,"scroll","dismissTooltip"]]]]],["p-0d7bccf7",[[0,"wm-tag-input-row",{"col1":[1],"col2":[1],"col3":[1],"col4":[1],"locked":[4]}]]],["p-bcba3ce8",[[17,"wm-timepicker",{"disabled":[4],"value":[1537],"errorMessage":[1,"error-message"],"label":[1],"labelPosition":[1,"label-position"],"requiredField":[4,"required-field"],"requiredFieldMessage":[1,"required-field-message"],"preventValidation":[1,"prevent-validation"],"selectedOption":[32],"isExpanded":[32],"isTabbing":[32],"displayedErrorMessage":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"keydown","handleKey"]]]]],["p-d7ffac2f",[[17,"wm-toggletip",{"label":[1],"tooltip":[1025],"tooltipText":[1,"tooltip-text"],"tooltipPosition":[1537,"tooltip-position"],"isOpen":[32],"isTabbing":[32]},[[0,"keydown","handleKeydown"],[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[4,"click","handleClick"]]]]],["p-59654f8e",[[0,"wm-wrapper"]]],["p-7d0f3abe",[[0,"priv-datepicker",{"disabled":[4],"isExpanded":[1540,"is-expanded"],"view":[1537],"date":[1040],"selectedYear":[1026,"selected-year"],"selectedMonth":[1026,"selected-month"],"selectedDay":[1026,"selected-day"],"monthInFocus":[1026,"month-in-focus"],"yearInFocus":[1026,"year-in-focus"],"dayInFocus":[1026,"day-in-focus"],"parentId":[1537,"parent-id"],"monthNumInFocus":[32],"isTabbing":[32]},[[0,"keydown","handleKey"],[0,"keydown","toggleTabbingOn"],[9,"mousedown","toggleTabbingOff"],[4,"click","blurHandler"],[8,"blur","handleBlurOnWindow"]]]]],["p-4391166c",[[17,"priv-navigator-button",{"expanded":[1028],"altText":[1,"alt-text"],"isTabbing":[1028,"is-tabbing"]}]]],["p-bf569af0",[[1,"priv-navigator-item",{"selected":[1028],"focused":[1028],"link":[1025]},[[0,"keydown","handleKeyDown"]]]]],["p-075607ac",[[1,"wm-snackbar",{"notifications":[1537]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"]]]]],["p-e99a7f36",[[0,"priv-chart-popover",{"sliceRef":[8,"slice-ref"],"popoverTitle":[1,"popover-title"],"popoverText":[1,"popover-text"],"buttonText":[1,"button-text"],"open":[1028],"coords":[16]},[[4,"click","handleClickOnDocument"],[0,"click","handleClick"]]]]],["p-bf808ec4",[[17,"wm-select",{"disabled":[516],"invalid":[1028],"maxHeight":[1,"max-height"],"label":[1025],"labelPosition":[1,"label-position"],"requiredField":[4,"required-field"],"errorMessage":[1025,"error-message"],"multiple":[4],"search":[4],"selectAll":[4,"select-all"],"placeholder":[1],"searchPlaceholder":[1,"search-placeholder"],"allSelectedMessage":[1,"all-selected-message"],"isTabbing":[32],"isExpanded":[32],"announcement":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"wmOptionSelected","handleOptionSelection"],[0,"wmEnterKeyPressed","handleChildEnter"],[0,"wmKeyUpPressed","handleChildUp"],[0,"wmKeyDownPressed","handleChildDown"],[0,"wmHomeKeyPressed","moveToFirstOption"],[0,"wmEndKeyPressed","moveToLastOption"],[0,"wmEscKeyPressed","closePopupOnEscape"],[0,"wmOptionBlurred","handleOptionBlur"],[6,"click","handleClick"],[0,"keydown","handleKey"],[0,"wmLetterPressed","findAndFocusOption"]]],[1,"wm-option",{"value":[1],"subinfo":[1025],"disabled":[516],"selected":[516],"focused":[4],"searchTerm":[32]},[[0,"keydown","handleKeydown"],[0,"click","handleSelection"],[0,"blur","handleBlur"]]]]],["p-ee97c3f6",[[17,"wm-button",{"disabled":[516],"buttonType":[1025,"button-type"],"buttonStyle":[1025,"button-style"],"icon":[1537],"iconSize":[1,"icon-size"],"iconRotate":[2,"icon-rotate"],"iconFlip":[1,"icon-flip"],"tooltip":[1537],"labelForIdenticalButtons":[1,"label-for-identical-buttons"],"tooltipPosition":[1,"tooltip-position"],"permanentlyDelete":[4,"permanently-delete"],"textWrap":[4,"text-wrap"],"customBackground":[1,"custom-background"],"tooltipVisible":[1028,"tooltip-visible"],"isTabbing":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[11,"scroll","handleScroll"],[0,"keydown","handleKeydown"]]]]],["p-d7b946ed",[[17,"wm-action-menu",{"tooltipPosition":[1,"tooltip-position"],"actionMenuType":[1,"action-menu-type"],"buttonType":[1,"button-type"],"buttonText":[1,"button-text"],"disabled":[516],"tooltip":[1],"labelForIdenticalButtons":[1,"label-for-identical-buttons"],"darkMode":[4,"dark-mode"],"isExpanded":[32]},[[0,"wmMenuitemClicked","handleClickedItem"],[0,"wmKeyUpPressed","handleKeyUp"],[0,"wmKeyDownPressed","handleKeyDown"],[0,"wmHomeKeyPressed","handleHomeKey"],[0,"wmEndKeyPressed","handleEndKey"],[0,"wmTabKeyPressed","handleTabKey"],[0,"wmEscKeyPressed","handleEscKey"],[0,"keydown","handleKey"],[0,"wmMenuitemBlurred","handleMenuitemBlur"],[0,"wmLetterPressed","findAndFocusItem"]]],[1,"wm-menuitem",{"disabled":[4],"focused":[4],"icon":[1025],"description":[1],"isKeying":[32]},[[8,"wmUserIsKeying","toggleKeyingOn"],[8,"wmUserIsTabbing","toggleKeyingOn"],[8,"wmUserIsNotKeying","toggleKeyingOff"],[8,"wmUserIsNotTabbing","toggleKeyingOff"],[0,"keydown","handleKeydown"],[0,"click","handleClick"],[0,"blur","handleBlur"]]]]],["p-e6e7cb2d",[[17,"wm-file",{"file":[1],"showInfo":[1,"show-info"],"errorMessage":[1,"error-message"],"isCondensed":[32]}]]],["p-d939cb54",[[17,"wm-file-list",{"files":[1],"showInfo":[1,"show-info"]},[[0,"wmIntFileDownloaded","handleFileDownloaded"],[0,"wmIntFilePreviewed","handleFilePreviewed"],[0,"wmIntFileDeleted","handleFileDeleted"]]]]]]'),e)));
+import{p as e,b as t}from"./p-1c23de4a.js";export{s as setNonce}from"./p-1c23de4a.js";import"./p-e70bb79f.js";const a=()=>{const t=import.meta.url;const a={};if(t!==""){a.resourcesUrl=new URL(".",t).href}return e(a)};a().then((e=>t(JSON.parse('[["p-5cc287d2",[[17,"wm-uploader",{"uploaderType":[1025,"uploader-type"],"type":[1],"label":[1],"buttonText":[1,"button-text"],"info":[1],"emptyStateText":[1,"empty-state-text"],"icon":[1],"fileTypes":[1,"file-types"],"maxSize":[2,"max-size"],"maxFiles":[2,"max-files"],"sortBy":[1,"sort-by"],"showInfo":[1,"show-info"],"errorMessage":[1,"error-message"],"requiredField":[4,"required-field"],"files":[1],"filesToUpload":[1040],"rejectedFiles":[1,"rejected-files"],"fileList":[32],"isTabbing":[32],"errorList":[32],"notif":[32],"internalErrorMessage":[32],"announcement":[32],"numFilesInProgress":[32],"isCondensed":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"wmUploadProgress","handleUploadProgress"],[0,"wmFileClearErrorClicked","handleFileErrorCleared"],[0,"wmIntFileDeleted","handleFileDeleted"],[0,"wmIntFilePreviewed","handleFilePreviewed"],[0,"wmIntFileDownloaded","handleFileDownloaded"]]]]],["p-bb45e122",[[17,"wm-tab-list",{"customBackground":[1,"custom-background"],"customPadding":[1,"custom-padding"],"selectedTab":[1,"selected-tab"],"controllerEnabled":[4,"controller-enabled"]},[[0,"tabItemLoaded","tabItemLoaded"],[0,"wmTabSelected","handleTabSelected"],[0,"keydownOnTabItem","handleKeydown"],[9,"resize","setLayout"]]],[17,"wm-tab-item",{"selected":[4],"show":[4],"tabId":[1,"tab-id"]},[[4,"keydown","toggleTabbingOn"],[4,"click","toggleTabbingOff"]]],[0,"wm-tab-panel",{"active":[1028],"tabId":[1025,"tab-id"]},[[4,"keydown","toggleTabbingOn"],[4,"click","toggleTabbingOff"]]]]],["p-8db604d2",[[17,"wm-navigator",{"userName":[1,"user-name"],"email":[1],"authType":[2,"auth-type"],"connectionName":[1,"connection-name"],"logoutUrl":[1,"logout-url"],"products":[1],"loadFromUserinfo":[4,"load-from-userinfo"],"isOpen":[32],"isTabbing":[32],"itemIndexToFocus":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"keydown","handleKeys"],[0,"keydownOnNavItem","handleKeydown"],[4,"click","handleClick"],[0,"buttonActivated","handleButtonClick"]]]]],["p-56cd4d5e",[[1,"wm-network-uploader",{"getPath":[1,"get-path"],"requestUploadPath":[1,"request-upload-path"],"uploadPath":[1,"upload-path"],"requestDownloadPath":[1,"request-download-path"],"deletePath":[1,"delete-path"],"associatedData":[1,"associated-data"],"buttonText":[1,"button-text"],"emptyStateText":[1,"empty-state-text"],"icon":[1],"fileTypes":[1,"file-types"],"maxSize":[1026,"max-size"],"maxFiles":[2,"max-files"],"sortBy":[1,"sort-by"],"isTabbing":[32],"fileList":[32],"inProgressList":[32],"errorList":[32],"notif":[32],"snackbar":[32],"numFilesInProgress":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"wmUploadProgress","handleUploadProgress"],[0,"userFinishedSnack","handleFinishedSnack"]]]]],["p-4e02e2ae",[[17,"wm-navigation",{"open":[1540],"isTabbing":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"keydown","closeOnEscape"],[9,"resize","handleWindowResize"],[8,"wmNavigationHamburgerClicked","handleHamburgerClicked"],[0,"wmNavigationItemClicked","handleClickOnItem"]]],[17,"wm-navigation-hamburger",{"navId":[1,"nav-id"],"tooltipVisible":[1028,"tooltip-visible"],"isTabbing":[32],"open":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[4,"wmNavigationStateChanged","handleNavigationStateChanged"]]],[17,"wm-navigation-item",{"href":[1],"text":[1],"active":[4],"isTabbing":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"]]]]],["p-e22854c1",[[17,"wm-progress-indicator",{"label":[1],"subinfo":[1],"completionMessage":[1,"completion-message"],"showLegend":[4,"show-legend"],"isTabbing":[32],"mode":[32],"userIsNavigating":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"keydown","handleKeydown"],[0,"wmProgressSliceUpdated","handleSliceUpdate"]]],[17,"wm-progress-monitor",{"breakpoint":[8],"groupLegend":[1,"group-legend"],"barLabelsWidth":[1,"bar-labels-width"]}],[1,"wm-progress-slice",{"legend":[1],"amount":[1],"popoverTitle":[1,"popover-title"],"popoverText":[1,"popover-text"],"popoverButtonText":[1,"popover-button-text"]}]]],["p-7e0e6b00",[[17,"wm-chart",{"chartType":[1,"chart-type"],"label":[1],"labelWidth":[1,"label-width"],"subinfo":[1],"completionMessage":[1,"completion-message"],"valueFormat":[1,"value-format"],"showValues":[1,"show-values"],"showGrid":[4,"show-grid"],"showLegend":[4,"show-legend"],"showBarLegend":[4,"show-bar-legend"],"notStartedColor":[4,"not-started-color"],"labelPosition":[1,"label-position"],"isTabbing":[32],"userIsNavigating":[32],"hasHiddenBarValue":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"keydown","handleKeydown"],[0,"wmChartSliceUpdated","handleSliceUpdate"]]]]],["p-002d067e",[[17,"wm-datepicker",{"value":[1025],"disabled":[4],"dateFormat":[1025,"date-format"],"errorMessage":[513,"error-message"],"labelPosition":[1025,"label-position"],"label":[1025],"requiredField":[4,"required-field"],"requiredFieldMessage":[1,"required-field-message"],"preventValidation":[1,"prevent-validation"],"displayError":[32]},[[0,"keydown","handleTabbingOn"],[0,"click","handleTabbingOff"],[0,"popupBlurred","handlePopupBlurred"],[0,"cellTriggered","handleCellTriggered"]]]]],["p-4a014591",[[0,"wm-modal-footer",{"secondaryText":[1,"secondary-text"],"primaryText":[1,"primary-text"],"infoText":[1,"info-text"],"primaryActionDisabled":[4,"primary-action-disabled"],"deleteStyle":[4,"delete-style"]}]]],["p-11124a23",[[0,"wm-modal-header",{"heading":[1],"subheading":[1]}]]],["p-02a1000a",[[17,"wm-search",{"searchType":[1025,"search-type"],"disabled":[516],"placeholder":[1],"label":[1],"numResults":[1026,"num-results"],"value":[1537],"highlightedId":[1,"highlighted-id"],"highlightedName":[1,"highlighted-name"],"isTabbing":[32],"highlightedNum":[32],"previousBlurredValue":[32],"parentModal":[32],"announcement":[32],"updateValue":[64]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"]]]]],["p-9b9eb944",[[0,"wm-chart-slice",{"legend":[1],"amount":[1],"popoverTitle":[1,"popover-title"],"popoverText":[1,"popover-text"],"popoverButtonText":[1,"popover-button-text"]}]]],["p-c094f6a8",[[17,"wm-input",{"label":[1],"labelPosition":[1,"label-position"],"value":[1537],"disabled":[516],"info":[1],"placeholder":[1],"requiredField":[4,"required-field"],"requiredFieldMessage":[1,"required-field-message"],"errorMessage":[1,"error-message"],"characterLimit":[2,"character-limit"],"preventValidation":[1,"prevent-validation"],"type":[1],"step":[2],"min":[2],"max":[2],"announcement":[32],"displayedErrorMessage":[32]}]]],["p-0ad3a708",[[0,"wm-modal",{"open":[1540],"isOpen":[1540,"is-open"],"elementToFocus":[1025,"element-to-focus"],"modalType":[513,"modal-type"],"isTypeDialog":[516,"is-type-dialog"],"uid":[1537],"emitCloseEvent":[64],"emitPrimaryEvent":[64],"emitSecondaryEvent":[64]},[[0,"click","handleClick"],[0,"keydown","closeModalOnEscape"]]]]],["p-fc08d5e1",[[17,"wm-pagination",{"currentPage":[2,"current-page"],"totalItems":[2,"total-items"],"itemsPerPage":[2,"items-per-page"],"value":[2],"isLargeViewport":[4,"is-large-viewport"],"isTabbing":[32],"srAnnouncement":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[9,"resize","handleResize"]]]]],["p-1808b90a",[[17,"wm-tag-input",{"label":[1],"labelPosition":[1,"label-position"],"options":[1025],"selectedTags":[1537,"selected-tags"],"info":[1],"errorMessage":[1,"error-message"],"addNew":[4,"add-new"],"placeholder":[1025],"requiredField":[4,"required-field"],"characterLimit":[2,"character-limit"],"maxTags":[2,"max-tags"],"tagInputType":[1,"tag-input-type"],"colHeaders":[1,"col-headers"],"colWidths":[1,"col-widths"],"colWrap":[1,"col-wrap"],"messageConfig":[1,"message-config"],"focusedListItem":[32],"focusedTag":[32],"tablePosition":[32],"isExpanded":[32],"tagsList":[32],"optionsList":[32],"charCount":[32],"liveRegionMessage":[32]},[[0,"wmTagInputRowUpdated","handleRowUpdate"],[4,"click","closeIfNotElOrChild"],[11,"scroll","dismissTooltip"]]]]],["p-0d7bccf7",[[0,"wm-tag-input-row",{"col1":[1],"col2":[1],"col3":[1],"col4":[1],"locked":[4]}]]],["p-d46f5794",[[17,"wm-timepicker",{"disabled":[4],"value":[1537],"errorMessage":[1,"error-message"],"label":[1],"labelPosition":[1,"label-position"],"requiredField":[4,"required-field"],"requiredFieldMessage":[1,"required-field-message"],"preventValidation":[1,"prevent-validation"],"selectedOption":[32],"isExpanded":[32],"isTabbing":[32],"displayedErrorMessage":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"keydown","handleKey"]]]]],["p-d48313e0",[[17,"wm-toggletip",{"label":[1],"tooltip":[1025],"tooltipText":[1,"tooltip-text"],"tooltipPosition":[1537,"tooltip-position"],"isOpen":[32],"isTabbing":[32]},[[0,"keydown","handleKeydown"],[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[4,"click","handleClick"]]]]],["p-59654f8e",[[0,"wm-wrapper"]]],["p-341aa131",[[0,"priv-datepicker",{"disabled":[4],"isExpanded":[1540,"is-expanded"],"view":[1537],"date":[1040],"selectedYear":[1026,"selected-year"],"selectedMonth":[1026,"selected-month"],"selectedDay":[1026,"selected-day"],"monthInFocus":[1026,"month-in-focus"],"yearInFocus":[1026,"year-in-focus"],"dayInFocus":[1026,"day-in-focus"],"parentId":[1537,"parent-id"],"monthNumInFocus":[32],"isTabbing":[32]},[[0,"keydown","handleKey"],[0,"keydown","toggleTabbingOn"],[9,"mousedown","toggleTabbingOff"],[4,"click","blurHandler"],[8,"blur","handleBlurOnWindow"]]]]],["p-4391166c",[[17,"priv-navigator-button",{"expanded":[1028],"altText":[1,"alt-text"],"isTabbing":[1028,"is-tabbing"]}]]],["p-bf569af0",[[1,"priv-navigator-item",{"selected":[1028],"focused":[1028],"link":[1025]},[[0,"keydown","handleKeyDown"]]]]],["p-c5bf7db8",[[1,"wm-snackbar",{"notifications":[1537]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"]]]]],["p-ed82573a",[[0,"priv-chart-popover",{"sliceRef":[16],"popoverTitle":[1,"popover-title"],"popoverText":[1,"popover-text"],"buttonText":[1,"button-text"],"open":[1028],"coords":[16]},[[4,"click","handleClickOnDocument"],[0,"click","handleClick"]]]]],["p-889579fc",[[17,"wm-select",{"disabled":[516],"invalid":[1028],"maxHeight":[1,"max-height"],"label":[1025],"labelPosition":[1,"label-position"],"requiredField":[4,"required-field"],"errorMessage":[1025,"error-message"],"multiple":[4],"search":[4],"selectAll":[4,"select-all"],"placeholder":[1],"searchPlaceholder":[1,"search-placeholder"],"allSelectedMessage":[1,"all-selected-message"],"isTabbing":[32],"isExpanded":[32],"announcement":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"wmOptionSelected","handleOptionSelection"],[0,"wmEnterKeyPressed","handleChildEnter"],[0,"wmKeyUpPressed","handleChildUp"],[0,"wmKeyDownPressed","handleChildDown"],[0,"wmHomeKeyPressed","moveToFirstOption"],[0,"wmEndKeyPressed","moveToLastOption"],[0,"wmEscKeyPressed","closePopupOnEscape"],[0,"wmOptionBlurred","handleOptionBlur"],[6,"click","handleClick"],[0,"keydown","handleKey"],[0,"wmLetterPressed","findAndFocusOption"]]],[1,"wm-option",{"value":[1],"subinfo":[1025],"disabled":[516],"selected":[516],"focused":[4],"searchTerm":[32]},[[0,"keydown","handleKeydown"],[0,"click","handleSelection"],[0,"blur","handleBlur"]]]]],["p-384c4981",[[17,"wm-button",{"disabled":[516],"buttonType":[1025,"button-type"],"buttonStyle":[1025,"button-style"],"icon":[1537],"iconSize":[1,"icon-size"],"iconRotate":[2,"icon-rotate"],"iconFlip":[1,"icon-flip"],"tooltip":[1537],"labelForIdenticalButtons":[1,"label-for-identical-buttons"],"tooltipPosition":[1,"tooltip-position"],"permanentlyDelete":[4,"permanently-delete"],"textWrap":[4,"text-wrap"],"customBackground":[1,"custom-background"],"tooltipVisible":[1028,"tooltip-visible"],"isTabbing":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[11,"scroll","handleScroll"],[0,"keydown","handleKeydown"]]]]],["p-fe7da854",[[17,"wm-action-menu",{"tooltipPosition":[1,"tooltip-position"],"actionMenuType":[1,"action-menu-type"],"buttonType":[1,"button-type"],"buttonText":[1,"button-text"],"disabled":[516],"tooltip":[1],"labelForIdenticalButtons":[1,"label-for-identical-buttons"],"darkMode":[4,"dark-mode"],"isExpanded":[32]},[[0,"wmMenuitemClicked","handleClickedItem"],[0,"wmKeyUpPressed","handleKeyUp"],[0,"wmKeyDownPressed","handleKeyDown"],[0,"wmHomeKeyPressed","handleHomeKey"],[0,"wmEndKeyPressed","handleEndKey"],[0,"wmTabKeyPressed","handleTabKey"],[0,"wmEscKeyPressed","handleEscKey"],[0,"keydown","handleKey"],[0,"wmMenuitemBlurred","handleMenuitemBlur"],[0,"wmLetterPressed","findAndFocusItem"]]],[1,"wm-menuitem",{"disabled":[4],"focused":[4],"icon":[1025],"description":[1],"isKeying":[32]},[[8,"wmUserIsKeying","toggleKeyingOn"],[8,"wmUserIsTabbing","toggleKeyingOn"],[8,"wmUserIsNotKeying","toggleKeyingOff"],[8,"wmUserIsNotTabbing","toggleKeyingOff"],[0,"keydown","handleKeydown"],[0,"click","handleClick"],[0,"blur","handleBlur"]]]]],["p-43be123d",[[17,"wm-file",{"file":[1],"showInfo":[1,"show-info"],"errorMessage":[1,"error-message"],"isCondensed":[32]}]]],["p-d939cb54",[[17,"wm-file-list",{"files":[1],"showInfo":[1,"show-info"]},[[0,"wmIntFileDownloaded","handleFileDownloaded"],[0,"wmIntFilePreviewed","handleFilePreviewed"],[0,"wmIntFileDeleted","handleFileDeleted"]]]]]]'),e)));
 //# sourceMappingURL=ripple.esm.js.map

package/dist/ripple/ripple.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["patchBrowser","importMeta","import","meta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","JSON","parse"],"sources":["./node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v3.0.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\n/**\n * Helper method for querying a `meta` tag that contains a nonce value\n * out of a DOM's head.\n *\n * @param doc The DOM containing the `head` to query against\n * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag\n * exists or the tag has no content.\n */\nfunction queryNonceMetaTagContent(doc) {\n    var _a, _b, _c;\n    return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;\n}\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n    if (BUILD.cssVarShim) {\n        // shim css vars\n        // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n        plt.$cssShim$ = win.__cssshim;\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = \n    // TODO(STENCIL-661): Remove code related to the dynamic import shim\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? scriptElm['data-opts'] || {} : {};\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n        // Safari < v11 support: This IF is true if it's Safari below v11.\n        // This fn cannot use async/await since Safari didn't support it until v11,\n        // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n        // so both the ESM file and nomodule file would get downloaded. Only Safari\n        // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n        return {\n            then() {\n                /* promise noop */\n            },\n        };\n    }\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (!BUILD.safari10 && importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    }\n    else if (BUILD.dynamicImportShim || BUILD.safari10) {\n        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim) {\n            patchDynamicImport(opts.resourcesUrl, scriptElm);\n        }\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim && !win.customElements) {\n            // module support, but no custom elements support (Old Edge)\n            // @ts-ignore\n            return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n        }\n    }\n    return promiseResolve(opts);\n};\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst patchDynamicImport = (base, orgScriptElm) => {\n    const importFunctionName = getDynamicImportFunction(NAMESPACE);\n    try {\n        // test if this browser supports dynamic imports\n        // There is a caching issue in V8, that breaks using import() in Function\n        // By generating a random string, we can workaround it\n        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n    }\n    catch (e) {\n        // this shim is specifically for browsers that do support \"esm\" imports\n        // however, they do NOT support \"dynamic\" imports\n        // basically this code is for old Edge, v18 and below\n        const moduleMap = new Map();\n        win[importFunctionName] = (src) => {\n            var _a;\n            const url = new URL(src, base).href;\n            let mod = moduleMap.get(url);\n            if (!mod) {\n                const script = doc.createElement('script');\n                script.type = 'module';\n                script.crossOrigin = orgScriptElm.crossOrigin;\n                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n                    type: 'application/javascript',\n                }));\n                // Apply CSP nonce to the script tag if it exists\n                const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n                if (nonce != null) {\n                    script.setAttribute('nonce', nonce);\n                }\n                mod = new Promise((resolve) => {\n                    script.onload = () => {\n                        resolve(win[importFunctionName].m);\n                        script.remove();\n                    };\n                });\n                moduleMap.set(url, mod);\n                doc.head.appendChild(script);\n            }\n            return mod;\n        };\n    }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"8GAmBA,MAAMA,EAAe,KAkCjB,MAAMC,EAAaC,OAAOC,KAAKC,IAC/B,MAAMC,EAA6D,GAiBnE,GAAuBJ,IAAe,GAAI,CACtCI,EAAKC,aAAe,IAAIC,IAAI,IAAKN,GAAYO,IAGrD,CAcI,OAAOC,EAAeJ,EAAK,ECrF/BL,IAAeU,MAAKC,GAEXC,EAAcC,KAAAC,MAAA,4vaAAuCH"}
+{"version":3,"names":["patchBrowser","importMeta","import","meta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","JSON","parse"],"sources":["./node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v3.0.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\n/**\n * Helper method for querying a `meta` tag that contains a nonce value\n * out of a DOM's head.\n *\n * @param doc The DOM containing the `head` to query against\n * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag\n * exists or the tag has no content.\n */\nfunction queryNonceMetaTagContent(doc) {\n    var _a, _b, _c;\n    return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;\n}\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n    if (BUILD.cssVarShim) {\n        // shim css vars\n        // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n        plt.$cssShim$ = win.__cssshim;\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = \n    // TODO(STENCIL-661): Remove code related to the dynamic import shim\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? scriptElm['data-opts'] || {} : {};\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n        // Safari < v11 support: This IF is true if it's Safari below v11.\n        // This fn cannot use async/await since Safari didn't support it until v11,\n        // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n        // so both the ESM file and nomodule file would get downloaded. Only Safari\n        // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n        return {\n            then() {\n                /* promise noop */\n            },\n        };\n    }\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (!BUILD.safari10 && importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    }\n    else if (BUILD.dynamicImportShim || BUILD.safari10) {\n        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim) {\n            patchDynamicImport(opts.resourcesUrl, scriptElm);\n        }\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim && !win.customElements) {\n            // module support, but no custom elements support (Old Edge)\n            // @ts-ignore\n            return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n        }\n    }\n    return promiseResolve(opts);\n};\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst patchDynamicImport = (base, orgScriptElm) => {\n    const importFunctionName = getDynamicImportFunction(NAMESPACE);\n    try {\n        // test if this browser supports dynamic imports\n        // There is a caching issue in V8, that breaks using import() in Function\n        // By generating a random string, we can workaround it\n        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n    }\n    catch (e) {\n        // this shim is specifically for browsers that do support \"esm\" imports\n        // however, they do NOT support \"dynamic\" imports\n        // basically this code is for old Edge, v18 and below\n        const moduleMap = new Map();\n        win[importFunctionName] = (src) => {\n            var _a;\n            const url = new URL(src, base).href;\n            let mod = moduleMap.get(url);\n            if (!mod) {\n                const script = doc.createElement('script');\n                script.type = 'module';\n                script.crossOrigin = orgScriptElm.crossOrigin;\n                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n                    type: 'application/javascript',\n                }));\n                // Apply CSP nonce to the script tag if it exists\n                const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n                if (nonce != null) {\n                    script.setAttribute('nonce', nonce);\n                }\n                mod = new Promise((resolve) => {\n                    script.onload = () => {\n                        resolve(win[importFunctionName].m);\n                        script.remove();\n                    };\n                });\n                moduleMap.set(url, mod);\n                doc.head.appendChild(script);\n            }\n            return mod;\n        };\n    }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"8GAmBA,MAAMA,EAAe,KAkCjB,MAAMC,EAAaC,OAAOC,KAAKC,IAC/B,MAAMC,EAA6D,GAiBnE,GAAuBJ,IAAe,GAAI,CACtCI,EAAKC,aAAe,IAAIC,IAAI,IAAKN,GAAYO,IAGrD,CAcI,OAAOC,EAAeJ,EAAK,ECrF/BL,IAAeU,MAAKC,GAEXC,EAAcC,KAAAC,MAAA,ivaAAuCH"}

package/dist/ripple/ripple.js

@@ -115,7 +115,7 @@ DOMTokenList
   var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : '';
   var start = function() {
     // if src is not present then origin is "null", and new URL() throws TypeError: Failed to construct 'URL': Invalid base URL
-    var url = new URL('./p-c38f6103.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
+    var url = new URL('./p-0826dc64.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
     System.import(url.href);
   };