@watermarkinsights/ripple 5.7.0-0 → 5.7.0-10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{global-b4e48f66.js → global-d1944ab2.js} +1 -1
- package/dist/cjs/index-e86c28b6.js +8 -12
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/priv-option-list.cjs.entry.js +27 -19
- package/dist/cjs/ripple.cjs.js +2 -2
- package/dist/cjs/wm-modal-pss_3.cjs.entry.js +213 -0
- package/dist/cjs/{wm-modal.cjs.entry.js → wm-modal_3.cjs.entry.js} +73 -0
- package/dist/cjs/wm-nested-select.cjs.entry.js +85 -38
- package/dist/cjs/wm-optgroup.cjs.entry.js +16 -1
- package/dist/cjs/wm-option_2.cjs.entry.js +10 -12
- package/dist/collection/collection-manifest.json +17 -5
- package/dist/collection/components/selects/priv-option-list/priv-option-list.css +22 -6
- package/dist/collection/components/selects/priv-option-list/priv-option-list.js +53 -34
- package/dist/collection/components/selects/wm-nested-select/wm-nested-select.css +43 -7
- package/dist/collection/components/selects/wm-nested-select/wm-nested-select.js +115 -42
- package/dist/collection/components/selects/wm-optgroup/wm-optgroup.js +51 -1
- package/dist/collection/components/selects/wm-option/wm-option.css +1 -1
- package/dist/collection/components/selects/wm-select/wm-select.css +5 -8
- package/dist/collection/components/selects/wm-select/wm-select.js +12 -13
- package/dist/collection/components/wm-modal-pss/wm-modal-pss-footer.css +61 -0
- package/dist/collection/components/wm-modal-pss/wm-modal-pss-footer.js +138 -0
- package/dist/collection/components/wm-modal-pss/wm-modal-pss-header.css +55 -0
- package/dist/collection/components/wm-modal-pss/wm-modal-pss-header.js +81 -0
- package/dist/collection/components/wm-modal-pss/wm-modal-pss.css +134 -0
- package/dist/collection/components/wm-modal-pss/wm-modal-pss.js +361 -0
- package/dist/esm/{global-8a4502dd.js → global-687694e4.js} +1 -1
- package/dist/esm/index-558b5a82.js +8 -12
- package/dist/esm/loader.js +2 -2
- package/dist/esm/priv-option-list.entry.js +27 -19
- package/dist/esm/ripple.js +2 -2
- package/dist/esm/wm-modal-pss_3.entry.js +207 -0
- package/dist/esm/{wm-modal.entry.js → wm-modal_3.entry.js} +73 -2
- package/dist/esm/wm-nested-select.entry.js +86 -39
- package/dist/esm/wm-optgroup.entry.js +16 -1
- package/dist/esm/wm-option_2.entry.js +10 -12
- package/dist/esm-es5/global-687694e4.js +1 -0
- package/dist/esm-es5/index-558b5a82.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/priv-option-list.entry.js +1 -1
- package/dist/esm-es5/ripple.js +1 -1
- package/dist/esm-es5/wm-modal-pss_3.entry.js +1 -0
- package/dist/esm-es5/wm-modal_3.entry.js +1 -0
- package/dist/esm-es5/wm-nested-select.entry.js +1 -1
- package/dist/esm-es5/wm-optgroup.entry.js +1 -1
- package/dist/esm-es5/wm-option_2.entry.js +1 -1
- package/dist/ripple/p-012cab20.entry.js +1 -0
- package/dist/ripple/p-02deae76.entry.js +1 -0
- package/dist/ripple/p-1d18d9d2.system.entry.js +1 -0
- package/dist/ripple/p-226fe4e0.entry.js +1 -0
- package/dist/ripple/p-6e725656.system.entry.js +1 -0
- package/dist/ripple/p-6fdfe9f4.system.entry.js +1 -0
- package/dist/ripple/p-77e48f61.system.entry.js +1 -0
- package/dist/ripple/p-ad1bdcd6.js +1 -0
- package/dist/ripple/p-add3ab3d.system.js +1 -0
- package/dist/ripple/p-bf7d98d8.entry.js +1 -0
- package/dist/ripple/p-ca397ba6.system.js +1 -0
- package/dist/ripple/p-cff5d7e9.system.entry.js +1 -0
- package/dist/ripple/p-f13b034e.entry.js +1 -0
- package/dist/ripple/p-f3f4620c.entry.js +1 -0
- package/dist/ripple/p-f4bcee58.system.entry.js +1 -0
- package/dist/ripple/ripple.esm.js +1 -1
- package/dist/ripple/ripple.js +1 -1
- package/dist/types/components/selects/priv-option-list/priv-option-list.d.ts +6 -2
- package/dist/types/components/selects/wm-nested-select/wm-nested-select.d.ts +8 -5
- package/dist/types/components/selects/wm-optgroup/wm-optgroup.d.ts +4 -0
- package/dist/types/components/selects/wm-select/wm-select.d.ts +2 -2
- package/dist/types/components/wm-modal-pss/wm-modal-pss-footer.d.ts +14 -0
- package/dist/types/components/wm-modal-pss/wm-modal-pss-header.d.ts +10 -0
- package/dist/types/components.d.ts +100 -5
- package/package.json +1 -1
- package/dist/cjs/wm-modal-footer.cjs.entry.js +0 -47
- package/dist/cjs/wm-modal-header.cjs.entry.js +0 -39
- package/dist/esm/wm-modal-footer.entry.js +0 -43
- package/dist/esm/wm-modal-header.entry.js +0 -35
- package/dist/esm-es5/global-8a4502dd.js +0 -1
- package/dist/esm-es5/wm-modal-footer.entry.js +0 -1
- package/dist/esm-es5/wm-modal-header.entry.js +0 -1
- package/dist/esm-es5/wm-modal.entry.js +0 -1
- package/dist/ripple/p-01addccd.entry.js +0 -1
- package/dist/ripple/p-01e29a2a.system.js +0 -1
- package/dist/ripple/p-0c259c1a.system.entry.js +0 -1
- package/dist/ripple/p-13f51c06.entry.js +0 -1
- package/dist/ripple/p-1796b85d.entry.js +0 -1
- package/dist/ripple/p-1c170fb3.entry.js +0 -1
- package/dist/ripple/p-294b38ca.system.entry.js +0 -1
- package/dist/ripple/p-3568472c.entry.js +0 -1
- package/dist/ripple/p-3d02b293.system.entry.js +0 -1
- package/dist/ripple/p-45dc49e8.entry.js +0 -1
- package/dist/ripple/p-50388b6f.system.entry.js +0 -1
- package/dist/ripple/p-54f7d3d4.system.entry.js +0 -1
- package/dist/ripple/p-84603f1f.system.entry.js +0 -1
- package/dist/ripple/p-947f8f0d.system.entry.js +0 -1
- package/dist/ripple/p-99058787.entry.js +0 -1
- package/dist/ripple/p-db9f8841.system.js +0 -1
- package/dist/ripple/p-de8f5e92.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as o,h as e,H as s,g as i}from"./p-568c595f.js";const a=class{constructor(e){t(this,e),this.focusLastElement=o(this,"focusLastElement",3),this.focusFirstElement=o(this,"focusFirstElement",3),this.wmModalCloseTriggered=o(this,"wmModalCloseTriggered",3),this.wmModalPrimaryTriggered=o(this,"wmModalPrimaryTriggered",7),this.wmModalSecondaryTriggered=o(this,"wmModalSecondaryTriggered",7),this.bodyFocusListener=()=>this.redirectFocusFromBody(),this.open=!1,this.elementToFocus="",this.modalType="modal",this.uid=void 0}get focusOnOpenEl(){let t=null;"primary"===this.elementToFocus||"secondary"===this.elementToFocus?t=this.el.querySelector(`#wm-${this.elementToFocus}-${this.uid}`):this.elementToFocus&&(t=this.el.querySelector("#"+this.elementToFocus),!t&&console.warn("Ripple Component Library: The modal component couldn't find an element matching the id you passed for 'elementToFocus'. It will fall back to the default and focus the close button when the modal opens."));const o=this.el.querySelector(`#wm-modal-close-${this.uid}`);return t||o}toggleModal(){this.open?this.showModal():this.hideModal()}handleClick(t){this.open&&t.target===this.overlayEl&&this.focusOnOpenEl.focus()}closeModalOnEscape(t){"Escape"===t.key&&(t.stopPropagation(),this.wmModalCloseTriggered.emit(),this.open=!1)}showModal(){this.setAriaDescribedbyOnModal(),this.setElToFocusOnClose(),document.body.style.overflow="hidden",document.body.tabIndex=0,document.body.removeEventListener("focus",this.bodyFocusListener,!0),document.body.addEventListener("focus",this.bodyFocusListener,!0),window.requestAnimationFrame((()=>{window.requestAnimationFrame((()=>this.focusOnOpenEl.focus()))}))}hideModal(){document.body.style.overflow="visible",document.body.tabIndex=-1,document.body.removeEventListener("focus",this.bodyFocusListener,!0),window.requestAnimationFrame((()=>this.focusOnCloseEl.focus()))}componentWillLoad(){"primary"!==this.elementToFocus&&"secondary"!==this.elementToFocus||this.el.id||console.error("For accessibility purposes, you need to set the modal content wrapper's id to 'content-[id of wm-modal-pss]'."),this.el.focus=()=>{this.focusOnOpenEl.focus()};const t="wmcl-"+Math.random().toString(36).substr(2,10);this.uid=this.el.id?this.el.id:t}componentDidLoad(){this.open&&this.showModal()}async emitCloseEvent(){this.wmModalCloseTriggered.emit()}async emitPrimaryEvent(){this.wmModalPrimaryTriggered.emit()}async emitSecondaryEvent(){this.wmModalSecondaryTriggered.emit()}setAriaDescribedbyOnModal(){document.getElementById(`content-${this.uid}`)?this.el.setAttribute("aria-describedby",`wm-modal-heading-text-${this.uid} content-${this.uid}`):console.warn("Ripple Component Library: The element containing the body of the modal must include an id in the format 'content-[id of modal]' for accessibility purposes.")}setElToFocusOnClose(){const t=document.activeElement;if("WM-MENUITEM"===t.tagName)this.focusOnCloseEl=t.parentElement;else{let o;for(;t&&t.shadowRoot;)o=t.shadowRoot.activeElement;o&&(this.focusOnCloseEl=o)}}redirectFocusFromBody(){"BODY"===document.activeElement.tagName&&this.focusOnOpenEl.focus()}render(){return e(s,{class:`${this.open?"":"hide "}${"wm-"+this.modalType}`,role:"dialog","aria-describedby":`wm-modal-heading-text-${this.uid}`,"aria-modal":"true",tabindex:this.open?0:null,onFocus:()=>{this.focusLastElement.emit()}},e("div",{class:"overlay",ref:t=>this.overlayEl=t}),e("div",{class:"sr-only",tabIndex:0,onFocus:()=>{this.focusFirstElement.emit()}}))}get el(){return i(this)}static get watchers(){return{open:["toggleModal"]}}};a.style="wm-modal-pss{--wmcolor-modal-background:var(--wmcolor-background);--wmcolor-modal-border:var(--wmcolor-border);--wmcolor-modal-heading:var(--wmcolor-text);--wmcolor-modal-overlay:var(--wmcolor-overlay);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:2001;width:80vw;max-width:750px;max-height:80vh;-webkit-box-shadow:0px 11px 15px 0px rgba(0, 0, 0, 0.2), 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14);box-shadow:0px 11px 15px 0px rgba(0, 0, 0, 0.2), 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14)}wm-modal-pss *{-webkit-box-sizing:border-box;box-sizing:border-box}wm-modal-pss>*{width:80vw;max-width:750px;background:var(--wmcolor-modal-background)}wm-modal-pss>*:focus{outline:none}wm-modal-pss wm-modal-pss-header,wm-modal-pss wm-modal-pss-footer{padding:20px 30px}wm-modal-pss wm-modal-pss-header{z-index:2003}wm-modal-pss wm-modal-pss-footer{z-index:2003}wm-modal-pss>:not(wm-modal-pss-header):not(wm-modal-pss-footer){max-height:calc(80vh - 166px);z-index:2002}wm-modal-pss.wm-modal wm-modal-pss-header{border-bottom:1px solid var(--wmcolor-modal-border)}wm-modal-pss.wm-modal wm-modal-pss-footer{border-top:1px solid var(--wmcolor-modal-border)}@media only screen and (max-width: 768px){wm-modal-pss.wm-modal{height:100%;max-height:none;max-width:none;width:100vw}wm-modal-pss.wm-modal>*{max-width:none;width:100vw}wm-modal-pss.wm-modal>*:not(wm-modal-pss-header):not(wm-modal-pss-footer){max-height:none;height:calc(100vh - 166px)}}wm-modal-pss.wm-dialog>:not(wm-modal-pss-header):not(wm-modal-pss-footer){padding:0 30px 20px 30px;font-size:0.875rem;border:none}wm-modal-pss .overlay{width:100vw;height:100vh;max-width:none;max-height:none;position:fixed !important;top:-1;bottom:1;left:-1;right:1;-webkit-transform:translate(0%, 0%);transform:translate(0%, 0%);background-color:var(--wmcolor-modal-overlay);-webkit-transition:opacity 0.5s ease-out;transition:opacity 0.5s ease-out;z-index:2000}wm-modal-pss.hide{visibility:hidden}wm-modal-pss .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important;top:0;left:0}";const m=class{constructor(o){t(this,o),this.secondaryText="",this.primaryText="",this.infoText="",this.primaryActionDisabled=!1,this.deleteStyle=!1}componentWillLoad(){this.uid=this.el.parentElement.uid,this.el.parentElement.addEventListener("focusLastElement",(()=>{this.lastElement.focus()}))}emitParentPrimaryEvent(){this.el.parentElement.emitPrimaryEvent()}emitParentSecondaryEvent(){this.el.parentElement.emitSecondaryEvent()}render(){return e("div",{class:"wm-wrapper "+(this.infoText?" footer-text":"")},e("div",{class:"wm-info","aria-live":"polite"},this.infoText),e("div",{class:"wm-button-collection"},this.secondaryText&&e("wm-button",{onClick:()=>this.emitParentSecondaryEvent(),id:`wm-secondary-${this.uid}`,ref:t=>this.primaryActionDisabled?this.lastElement=t:null},this.secondaryText),e("wm-button",{"button-type":this.deleteStyle?"secondary":"primary","permanently-delete":this.deleteStyle,onClick:()=>this.emitParentPrimaryEvent(),disabled:this.primaryActionDisabled,id:`wm-primary-${this.uid}`,ref:t=>this.primaryActionDisabled?null:this.lastElement=t},this.primaryText)))}get el(){return i(this)}};m.style="wm-modal-pss-footer{border-radius:0px 0px 5px 5px;margin-top:-1px}wm-modal-pss-footer .wm-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}@media only screen and (max-width: 650px){wm-modal-pss-footer .wm-wrapper.footer-text{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}}wm-modal-pss-footer .wm-wrapper wm-button+wm-button{margin-left:1rem}wm-modal-pss-footer .wm-wrapper .wm-info{font-size:0.875rem;font-style:italic}@media only screen and (max-width: 650px){wm-modal-pss-footer .wm-wrapper .wm-info{padding-bottom:0.625rem}}wm-modal-pss-footer .wm-wrapper .wm-info:focus{outline:none}";const n=class{constructor(o){t(this,o),this.heading="",this.subheading=""}componentWillLoad(){this.uid=this.el.parentElement.uid,this.el.parentElement.addEventListener("focusFirstElement",(()=>{this.closeButtonEl.focus()}))}emitParentCloseEvent(){this.el.parentElement.emitCloseEvent()}render(){return e(s,null,e("div",{class:"wm-wrapper"},e("div",null,e("h2",{class:"title",id:`wm-modal-heading-text-${this.uid}`},this.heading,e("span",{class:"subtitle"},this.subheading))),e("wm-button",{"button-type":"navigational",icon:"f156",tooltip:"Close","tooltip-position":"left",id:`wm-modal-close-${this.uid}`,ref:t=>this.closeButtonEl=t,onClick:()=>this.emitParentCloseEvent()})))}get el(){return i(this)}};n.style="wm-modal-pss-header{border-radius:5px 5px 0 0px;margin-bottom:-1px}wm-modal-pss-header .wm-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}wm-modal-pss-header .wm-wrapper .title{margin:0;font-weight:600;font-size:1.125rem;color:var(--wmcolor-modal-heading);line-height:normal}wm-modal-pss-header .wm-wrapper .title .subtitle{display:block;font-size:0.875rem;font-weight:normal}wm-modal-pss-header .wm-wrapper .title:focus{outline:none}";export{a as wm_modal_pss,m as wm_modal_pss_footer,n as wm_modal_pss_header}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,f as s,h as i,g as r}from"./p-568c595f.js";import{i as o,d as n,z as h}from"./p-16f65bf4.js";const l=class{constructor(s){t(this,s),this.optionListSearchChanged=e(this,"optionListSearchChanged",7),this.optionListCloseRequested=e(this,"optionListCloseRequested",7),this.optionListAllSelected=e(this,"optionListAllSelected",7),this.optionListAllDeselected=e(this,"optionListAllDeselected",7),this.wmEscKeyPressed=e(this,"wmEscKeyPressed",7),this.wmKeyLeftPressed=e(this,"wmKeyLeftPressed",7),this.searchIndex=0,this.keysSoFar="",this.selectAllMessage=o.formatMessage({id:"select.selectAll",defaultMessage:"Select All"}),this.deselectAllMessage=o.formatMessage({id:"select.deselectAll",defaultMessage:"Deselect All"}),this.allOptionsSelectedMessage=o.formatMessage({id:"select.allOptionsSelected",defaultMessage:"All options selected"}),this.allOptionsDeselectedMessage=o.formatMessage({id:"select.allOptionsDeselected",defaultMessage:"All options deselected"}),this.debouncedSearch=n((()=>{this.searchTerm=this.searchFieldEl.value,this.optionListSearchChanged.emit({searchTerm:this.searchTerm}),this.announce(this.filteredOptions.length?this.resultsFoundMessage:this.noResultsFoundMessage)}),150),this.debouncedClearKeysSoFar=n((()=>{this.keysSoFar=""}),500),this.multiple=!1,this.search=!1,this.selectAll=!1,this.searchPlaceholder=void 0,this.optgroupLabel=void 0,this.maxHeight=void 0,this.upwardsHeightLimit=null,this.announcement="",this.searchTerm=""}get childOptions(){return Array.from(this.el.getRootNode().host.querySelectorAll("wm-option"))}get cloneOptions(){return Array.from(this.el.querySelectorAll("wm-option"))}get allOptionEls(){return this.cloneOptions.concat(this.childOptions)}get isInNestedSelect(){return!!this.optgroupLabel}get visibleOptionEls(){return this.allOptionEls.filter((t=>!t.classList.contains("hidden")&&!t.classList.contains("filtered-out")))}get filteredOptions(){return this.childOptions.filter((t=>{var e;return null===(e=t.textContent)||void 0===e?void 0:e.toLowerCase().includes(this.searchTerm.toLowerCase())}))}get selectedOptions(){return Array.from(this.el.querySelectorAll("wm-option")).filter((t=>t.selected))}get visibleSelectAllButton(){return this.selectAll&&this.multiple&&""===this.searchTerm}get allSelected(){return this.childOptions.every((t=>t.selected))}get resultsFoundMessage(){return o.formatMessage({id:"select.searchResultsFound",defaultMessage:"{numResults, plural, one {1 option found} other {# options found}}",description:"The message read by the screen reader, indicating how many results a search returned"},{numResults:this.filteredOptions.length})}get noResultsFoundMessage(){return o.formatMessage({id:"select.noSearchResults",defaultMessage:"No results found. Please try your search again.",description:"The message displayed when no options pass the search filter"})}get effectiveMaxHeight(){let t=this.maxHeight;return this.upwardsHeightLimit&&this.el.parentElement.clientHeight>this.upwardsHeightLimit&&(t=this.upwardsHeightLimit-(this.isInNestedSelect?this.returnBtnEl.clientHeight:0)-(this.selectAll?this.selectAllEl.clientHeight:0)-(this.search?this.searchFieldWrapperEl.clientHeight:0)+"px"),t}findAndFocusOption(t){const e=t.detail.letter.toLowerCase(),s=t.detail.optionEl;if(this.keysSoFar||" "!=e){this.keysSoFar||this.visibleOptionEls.forEach(((t,e)=>{t.focused&&(this.searchIndex=e)})),this.keysSoFar+=e;let t=this.findMatchInRange(this.visibleOptionEls,this.searchIndex+1,this.visibleOptionEls.length);t||(t=this.findMatchInRange(this.visibleOptionEls,0,this.searchIndex)),t&&this.focusOption(t),this.debouncedClearKeysSoFar()}else s.click()}handleOptionSelection(t){this.focusOption(t.detail)}handleChildUp(t){this.moveUp(t.detail)}handleChildDown(t){this.moveDown(t.detail)}moveToFirstOption(){this.focusOption(this.visibleOptionEls[0])}moveToLastOption(){this.focusOption(this.visibleOptionEls[this.visibleOptionEls.length-1])}handleOptionCloneSelection(t){this.findCorrespondingOption(t.detail).click()}componentDidLoad(){this.multiple&&this.updateOptionVisibility()}async handleChildChange(){s(this.el)}async clearSearch(){this.search&&(this.searchFieldEl.value="",this.searchTerm="",this.optionListSearchChanged.emit({searchTerm:this.searchTerm}))}async focusOption(t){this.allOptionEls.forEach((e=>e.focused=e===t)),t.scrollIntoView({block:"nearest"}),window.setTimeout((()=>t.scrollIntoView({block:"nearest"})),60),t.focus()}async handleInitialFocus(t){switch(t){case"next":this.search?(this.searchFieldEl.focus(),this.listboxEl.scrollTop=0):this.moveDown(this.visibleOptionEls.filter((t=>t.selected)).slice(-1)[0]);break;case"previous":this.search?this.focusOption(this.visibleOptionEls[this.visibleOptionEls.length-1]):this.moveUp(this.visibleOptionEls.filter((t=>t.selected))[0]);break;default:this.search?(this.searchFieldEl.focus(),this.listboxEl.scrollTop=0):this.focusOption(this.selectedOptions.length>0?this.visibleOptionEls.filter((t=>t.selected))[0]:this.visibleOptionEls[0])}}async unfocusAll(){this.allOptionEls.map((t=>t.focused=!1))}findMatchInRange(t,e,s){let i=null;return t.slice(e,s).forEach((t=>{const e=t.textContent;!i&&e&&e.toLowerCase().startsWith(this.keysSoFar)&&(i=t)})),i}findCorrespondingOption(t){return t.classList.contains("clone")?this.childOptions[this.cloneOptions.indexOf(t)]:this.cloneOptions[this.childOptions.indexOf(t)]}handleSearchFieldBlur(t){this.searchFieldWrapperEl.classList.remove("focus"),h(this.el,t.relatedTarget)&&t.stopPropagation()}handleKeyDown(t){const e=t.target;switch(t.key){case"ArrowDown":t.preventDefault(),this.moveDown(t.target);break;case"ArrowUp":t.preventDefault(),this.moveUp(t.target);break;case"ArrowLeft":this.isInNestedSelect&&e!=this.searchFieldEl&&(t.preventDefault(),this.wmKeyLeftPressed.emit());break;case"Escape":t.preventDefault(),this.wmEscKeyPressed.emit();break;case"Enter":e===this.selectAllEl&&(t.preventDefault(),this.handleSelectAllClick(),this.close());break;case" ":e===this.selectAllEl&&(t.preventDefault(),this.handleSelectAllClick())}}close(){this.listboxEl.scrollTop=0,this.multiple&&this.updateOptionVisibility(),this.optionListCloseRequested.emit()}handleSelectAllClick(){this.allSelected?this.deselectAllOptions():this.selectAllOptions()}selectAllOptions(){this.announce(this.allOptionsSelectedMessage),this.optionListAllSelected.emit()}deselectAllOptions(){this.announce(this.allOptionsDeselectedMessage),this.optionListAllDeselected.emit()}moveUp(t){const e=this.visibleOptionEls;this.selectAllEl&&e.unshift(this.selectAllEl),this.searchFieldEl&&e.unshift(this.searchFieldEl),this.isInNestedSelect&&e.unshift(this.returnBtnEl);const s=e[e.indexOf(t)-1]||e[e.length-1];s&&this.focusOption(s)}moveDown(t){const e=this.visibleOptionEls;this.selectAllEl&&e.unshift(this.selectAllEl),this.searchFieldEl&&e.unshift(this.searchFieldEl),this.isInNestedSelect&&e.unshift(this.returnBtnEl);const s=e[e.indexOf(t)+1]||e[0];s&&this.focusOption(s)}async updateOptionVisibility(){this.childOptions.forEach(((t,e)=>{const s=this.cloneOptions[e];t.selected?(t.classList.add("hidden"),s.classList.remove("hidden")):(t.classList.remove("hidden"),s.classList.add("hidden"))}));const t=this.visibleOptionEls.filter((t=>t.classList.contains("clone"))),e=t.length===this.visibleOptionEls.length;t.forEach(((s,i)=>{e||i!==t.length-1?s.classList.remove("last"):s.classList.add("last")}))}announce(t){this.liveRegionEl.textContent===t&&(t+=" "),this.announcement=t}renderReturnBtn(){return i("button",{ref:t=>this.returnBtnEl=t,id:"return-btn",class:"return-btn",onKeyDown:t=>this.handleKeyDown(t),onClick:()=>{this.el.getRootNode().host.isExpanded=!1}},this.optgroupLabel)}renderSearchField(){return i("div",{class:"search"},i("div",{class:"searchfield-wrapper",ref:t=>this.searchFieldWrapperEl=t},i("div",{class:"icon"}),i("input",{ref:t=>this.searchFieldEl=t,class:"searchfield",role:"combobox","aria-controls":"list",onKeyDown:t=>this.handleKeyDown(t),onFocus:()=>this.searchFieldWrapperEl.classList.add("focus"),onBlur:t=>this.handleSearchFieldBlur(t),onInput:()=>this.debouncedSearch(),placeholder:this.searchPlaceholder})))}renderSearchFailedMessage(){return i("div",{class:"search-results-message"},this.noResultsFoundMessage)}renderSelectAllButton(){return i("button",{ref:t=>this.selectAllEl=t,class:"select-all",onClick:()=>this.handleSelectAllClick(),onKeyDown:t=>this.handleKeyDown(t),tabindex:"-1"},this.allSelected?this.deselectAllMessage:this.selectAllMessage)}renderCloneOptions(){return Array.from(this.childOptions).map((t=>i("wm-option",{class:"clone",subinfo:t.subinfo,selected:t.selected},t.textContent)))}renderNonOptions(){return i("div",{class:"non-options-wrapper"},this.isInNestedSelect&&this.renderReturnBtn(),this.search&&this.renderSearchField(),this.visibleSelectAllButton&&this.renderSelectAllButton())}render(){return i("div",{class:"list-wrapper"},(this.isInNestedSelect||this.search||this.visibleSelectAllButton)&&this.renderNonOptions(),i("div",{id:"list",class:"options-wrapper",tabindex:-1,role:"listbox","aria-multiselectable":this.multiple?"true":null,"aria-labelledby":"label",ref:t=>this.listboxEl=t,style:{"--max-height":this.effectiveMaxHeight}},this.searchTerm&&0===this.filteredOptions.length&&this.renderSearchFailedMessage(),this.multiple&&this.renderCloneOptions(),i("slot",null)),i("div",{id:"optionlist-announcement","aria-live":"polite","aria-atomic":"true",class:"sr-only",ref:t=>this.liveRegionEl=t},this.announcement))}get el(){return r(this)}};l.style='.search{-webkit-box-sizing:border-box;box-sizing:border-box;padding:1.25rem}.search .searchfield-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2.75rem;width:100%;padding:0 0.75rem;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;border:1px solid;border-color:var(--wmcolor-select-search-border)}.search .searchfield-wrapper:focus,.search .searchfield-wrapper.focus{outline:2px solid var(--wmcolor-input-border-focus);border-color:var(--wmcolor-input-border-focus)}.search .searchfield{width:100%;border:none;outline:none;font-family:inherit;font-size:0.875rem;margin-left:0.25rem}.search .icon:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f349";color:var(--wmcolor-select-search-icon);font-size:1.12rem}.search-results-message{padding:1.25rem;color:var(--wmcolor-select-searchresults-text);font-size:0.875rem;font-style:italic}.return-btn,.select-all{width:100%;cursor:pointer;padding:1.25rem;margin:0;background:var(--wmcolor-select-option-background);font-family:inherit;font-size:inherit;text-align:left;text-align:start;font-weight:500;color:var(--wmcolor-select-option-text);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.return-btn:hover,.select-all:hover{outline:none;background:var(--wmcolor-select-option-background-hover)}.return-btn:focus,.select-all:focus{outline:none;background:var(--wmcolor-select-option-background-focus)}.return-btn,.select-all,.search{border:none}.return-btn:not(:last-child),.select-all:not(:last-child),.search:not(:last-child){border-bottom:2px solid;border-color:var(--wmcolor-select-option-border)}.options-wrapper{overflow-y:auto;max-height:var(--max-height)}.non-options-wrapper{border-bottom:1px solid var(--wmcolor-border-dark)}.return-btn{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-weight:600;font-size:0.875rem}.return-btn:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f141";pointer-events:none;padding-right:0.5rem;font-size:1.28rem}';export{l as priv_option_list}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,n,i){function r(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,o){function s(t){try{a(i.next(t))}catch(t){o(t)}}function u(t){try{a(i["throw"](t))}catch(t){o(t)}}function a(t){t.done?n(t.value):r(t.value).then(s,u)}a((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},i,r,o,s;return s={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function u(t){return function(e){return a([t,e])}}function a(u){if(i)throw new TypeError("Generator is already executing.");while(s&&(s=0,u[0]&&(n=0)),n)try{if(i=1,r&&(o=u[0]&2?r["return"]:u[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,u[1])).done)return o;if(r=0,o)u=[u[0]&2,o.value];switch(u[0]){case 0:case 1:o=u;break;case 4:n.label++;return{value:u[1],done:false};case 5:n.label++;r=u[1];u=[0];continue;case 7:u=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(u[0]===6||u[0]===2)){n=0;continue}if(u[0]===3&&(!o||u[1]>o[0]&&u[1]<o[3])){n.label=u[1];break}if(u[0]===6&&n.label<o[1]){n.label=o[1];o=u;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(u);break}if(o[2])n.ops.pop();n.trys.pop();continue}u=e.call(t,n)}catch(t){u=[6,t];r=0}finally{i=o=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};System.register(["./p-ab8d78cc.system.js","./p-ae82b3d2.system.js"],(function(t){"use strict";var e,n,i,r,o,s,u;return{setters:[function(t){e=t.r;n=t.c;i=t.h;r=t.H;o=t.g},function(t){s=t.t;u=t.a}],execute:function(){var a=":host{width:100%;display:none}: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(.visible){display:unset}";var c=t("wm_optgroup",function(){function t(t){e(this,t);this.wmOptgroupAllSelected=n(this,"wmOptgroupAllSelected",7);this.wmOptgroupAllDeselected=n(this,"wmOptgroupAllDeselected",7);this.optgroupExpanded=n(this,"optgroupExpanded",7);this.optgroupHidden=n(this,"optgroupHidden",7);this.label=undefined;this.isExpanded=false;this.multiple=false;this.disabled=false}Object.defineProperty(t.prototype,"parentNestedSelect",{get:function(){return this.el.parentElement},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isDisabled",{get:function(){return s(this.disabled)},enumerable:false,configurable:true});t.prototype.isExpandedChanged=function(){var t=this;if(this.isExpanded){this.el.classList.add("visible");this.optgroupExpanded.emit();window.setTimeout((function(){t.optionListEl.handleInitialFocus()}),250)}else{this.optgroupHidden.emit(this.label);this.optionListEl.clearSearch();window.setTimeout((function(){t.el.classList.remove("visible")}),250)}if(this.parentNestedSelect.multiple){this.optionListEl.updateOptionVisibility()}};t.prototype.emitDeselection=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.wmOptgroupAllDeselected.emit();return[2]}))}))};t.prototype.handleChildChange=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.optionListEl.handleChildChange();return[2]}))}))};t.prototype.handleOptionKeyLeft=function(){this.isExpanded=false};t.prototype.componentWillLoad=function(){u(this.el,this.isDisabled)};t.prototype.render=function(){var t=this;return i(r,null,i("div",{class:"list-wrapper"},i("priv-option-list",{ref:function(e){return t.optionListEl=e},multiple:this.parentNestedSelect.multiple,search:this.parentNestedSelect.search,maxHeight:this.parentNestedSelect.constrainedMaxHeight,searchPlaceholder:this.parentNestedSelect.searchPlaceholder,optgroupLabel:this.label,selectAll:this.parentNestedSelect.selectAll,onOptionListAllSelected:function(){return t.wmOptgroupAllSelected.emit()},onOptionListAllDeselected:function(){return t.wmOptgroupAllDeselected.emit()}},i("slot",null))))};Object.defineProperty(t,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{isExpanded:["isExpandedChanged"]}},enumerable:false,configurable:true});return t}());c.style=a}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as a}from"./p-568c595f.js";export{s as setNonce}from"./p-568c595f.js";import"./p-de8f5e92.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((e=>a(JSON.parse('[["p-1e625a5e",[[17,"wm-tab-list",{"customBackground":[1,"custom-background"],"customPadding":[1,"custom-padding"],"selectedTab":[1,"selected-tab"]},[[0,"tabItemLoaded","tabItemLoaded"],[0,"keydownOnTabItem","handleKeydown"]],{"selectedTab":["setSelected"]}],[17,"wm-tab-item",{"selected":[4],"show":[4],"tabId":[1,"tab-id"]}],[0,"wm-tab-panel",{"active":[1028],"tabId":[1025,"tab-id"]}]]],["p-45f9ad09",[[17,"wm-file",{"name":[1],"type":[1],"fileActions":[1,"file-actions"],"lastUpdated":[1,"last-updated"],"progress":[514],"size":[1],"uploadedBy":[1,"uploaded-by"],"errorMessage":[1,"error-message"],"showInfo":[1025,"show-info"]}]]],["p-c1e3c2fb",[[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],"itemIndexToFocus":[32]},[[0,"keydown","handleKeys"],[0,"keydownOnNavItem","handleKeydown"],[4,"click","handleClick"],[0,"buttonActivated","handleButtonClick"]],{"products":["parseData"]}]]],["p-01addccd",[[17,"wm-optgroup",{"label":[1],"isExpanded":[1028,"is-expanded"],"multiple":[1028],"emitDeselection":[64]},[[0,"wmKeyLeftPressed","handleOptionKeyLeft"]],{"isExpanded":["isExpandedChanged"]}]]],["p-aea13873",[[17,"wm-navigation",{"open":[1540]},[[0,"keydown","closeOnEscape"],[9,"resize","handleWindowResize"],[8,"wmNavigationHamburgerClicked","handleHamburgerClicked"],[0,"wmNavigationItemClicked","handleClickOnItem"]],{"open":["handleStateChange"]}],[17,"wm-navigation-hamburger",{"navId":[1,"nav-id"],"isTabbing":[32],"open":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[4,"wmNavigationStateChanged","handleNavigationStateChanged"]]],[17,"wm-navigation-item",{"href":[1],"text":[1],"active":[4]}]]],["p-84ba5b74",[[17,"wm-progress-indicator",{"label":[1],"subinfo":[1],"completionMessage":[1,"completion-message"],"showLegend":[4,"show-legend"],"printMode":[4,"print-mode"],"printModeFormat":[1,"print-mode-format"],"isTabbing":[32],"mode":[32],"userIsNavigating":[32],"focusedSliceId":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"keydown","handleKeydown"],[0,"wmProgressSliceUpdated","handleSliceUpdate"]],{"mode":["handleModeUpdate"]}],[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-df157138",[[17,"wm-chart",{"chartType":[1,"chart-type"],"label":[1],"labelWidth":[1,"label-width"],"subinfo":[1],"valueFormat":[1,"value-format"],"showGrid":[4,"show-grid"],"showLegend":[4,"show-legend"],"showBarLegend":[4,"show-bar-legend"],"notStartedColor":[4,"not-started-color"],"printMode":[4,"print-mode"],"printModeFormat":[1,"print-mode-format"],"labelPosition":[1,"label-position"],"isTabbing":[32],"userIsNavigating":[32],"focusedSliceId":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"keydown","handleKeydown"],[0,"wmChartSliceUpdated","handleSliceUpdate"]]]]],["p-f2101a0d",[[17,"wm-date-range",{"dateFormat":[1,"date-format"],"disabled":[4],"errorMessage":[513,"error-message"],"invalidStart":[4,"invalid-start"],"invalidEnd":[4,"invalid-end"],"labelStart":[1,"label-start"],"labelEnd":[1,"label-end"],"preselected":[1],"requiredField":[4,"required-field"],"valueStart":[1025,"value-start"],"valueEnd":[1025,"value-end"],"availSpace":[32],"isExpanded":[32],"reformatDate":[64],"isValidISO":[64]},[[0,"keydown","handleKey"],[4,"click","blurHandler"],[8,"blur","handleBlurOnWindow"],[0,"popupBlurred","handlePopupBlurred"],[0,"cellTriggered","handleCellTriggered"],[0,"outOfCal","handleOutOfCal"],[0,"cellHovered","handleCellHovered"],[9,"resize","setAvailSpace"]],{"disabled":["handleDisabled"],"valueStart":["updateValueStart"],"valueEnd":["updateValueEnd"],"errorMessage":["handleErrorMessage"]}]]],["p-215793a4",[[17,"wm-datepicker",{"value":[1025],"disabled":[4],"dateFormat":[1,"date-format"],"errorMessage":[513,"error-message"],"labelPosition":[1,"label-position"],"label":[1],"requiredField":[4,"required-field"],"preselected":[1],"isExpanded":[32],"reformatDate":[64],"isValidIso":[64]},[[0,"keydown","handleKey"],[4,"click","blurHandler"],[8,"blur","handleBlurOnWindow"],[0,"cellTriggered","handleCellTriggered"]],{"disabled":["handleDisabledChange"],"value":["updateValue"],"errorMessage":["announceError"]}]]],["p-e687176d",[[1,"wm-line-chart",{"label":[1],"description":[1],"xAxisLabel":[1,"x-axis-label"],"yAxisLabel":[1,"y-axis-label"],"lineData":[513,"line-data"],"units":[1],"labelWidth":[1,"label-width"],"highlightQualifier":[1,"highlight-qualifier"],"highlightStart":[1,"highlight-start"],"highlightEnd":[1,"highlight-end"],"visibilityToggles":[4,"visibility-toggles"],"showDeltas":[4,"show-deltas"],"yRange":[1,"y-range"],"parsedLineData":[32],"popoverIndex":[32],"focusedLine":[32],"hiddenLines":[32],"isTabbing":[32],"intervalSkip":[32],"announcement":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"]],{"lineData":["parseData"],"intervalSkip":["handleIntervalSkip"]}]]],["p-3568472c",[[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-13f51c06",[[0,"wm-modal-header",{"heading":[1],"subheading":[1]}]]],["p-f90e4094",[[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"]],{"numResults":["handleNumResultsUpdate"],"disabled":["handleDisabledChange"]}]]],["p-48e09589",[[0,"wm-chart-slice",{"legend":[1],"amount":[1],"popoverTitle":[1,"popover-title"],"popoverText":[1,"popover-text"],"popoverButtonText":[1,"popover-button-text"]}]]],["p-c885c7f9",[[17,"wm-file-list",{"showInfo":[1,"show-info"]}]]],["p-83be63f6",[[17,"wm-input",{"label":[1],"labelPosition":[1,"label-position"],"value":[1025],"disabled":[4],"info":[1],"inputWidth":[1,"input-width"],"placeholder":[1],"requiredField":[4,"required-field"],"errorMessage":[1,"error-message"],"characterLimit":[2,"character-limit"],"symbolBefore":[1,"symbol-before"],"symbolAfter":[1,"symbol-after"],"textAfter":[1,"text-after"],"type":[1],"step":[2],"min":[2],"max":[2],"isSubmit":[4,"is-submit"],"announcement":[32]},null,{"disabled":["handleDisabledChange"],"errorMessage":["announceError"]}]]],["p-1c170fb3",[[4,"wm-modal",{"open":[1540],"elementToFocus":[1025,"element-to-focus"],"modalType":[513,"modal-type"],"uid":[1537],"returnFocusEl":[32],"emitCloseEvent":[64],"emitPrimaryEvent":[64],"emitSecondaryEvent":[64]},null,{"open":["toggleModal"]}]]],["p-1796b85d",[[17,"wm-nested-select",{"disabled":[516],"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"],"isExpanded":[32],"showClearSelectionButton":[32]},[[0,"wmOptionSelected","handleOptionSelection"],[0,"wmEnterKeyPressed","handleChildEnter"],[0,"wmEscKeyPressed","closePopupOnEscape"],[6,"click","handleClick"],[0,"optgroupExpanded","handleOptgroupExpanded"],[0,"optgroupHidden","handleOptgroupHidden"]]]]],["p-72165bd2",[[17,"wm-pagination",{"currentPage":[2,"current-page"],"totalItems":[2,"total-items"],"itemsPerPage":[2,"items-per-page"],"value":[2],"isLargeSize":[4,"is-large-size"],"srAnnouncement":[32]},null,{"totalItems":["calculateTotalPages"],"itemsPerPage":["calculateTotalPages"]}]]],["p-3d50db36",[[1,"wm-snackbar",{"notifications":[1537],"isTabbing":[32],"announcement":[32]},[[4,"keydown","checkForTabbing"],[5,"mouseover","handleMouse"]],{"notifications":["updateSnacks"]}]]],["p-5284791c",[[17,"wm-tag-input",{"label":[1],"errorMessage":[1,"error-message"],"info":[1],"labelPosition":[1,"label-position"],"maxTags":[2,"max-tags"],"placeholder":[1025],"requiredField":[4,"required-field"],"tagInputType":[1,"tag-input-type"],"helpText":[1,"help-text"],"addNew":[4,"add-new"],"characterLimit":[2,"character-limit"],"colHeaders":[1,"col-headers"],"colWidths":[1,"col-widths"],"colWrap":[1,"col-wrap"],"isKeying":[32],"isExpanded":[32],"liveRegionMessage":[32],"focusedOption":[32],"focusedColumn":[32],"focusedTagIndex":[32],"tagsList":[32]},[[8,"wmUserIsKeying","toggleKeyingOn"],[8,"wmUserIsTabbing","toggleKeyingOn"],[8,"wmUserIsNotKeying","toggleKeyingOff"],[8,"wmUserIsNotTabbing","toggleKeyingOff"],[0,"privTagOptionSelected","handleTagOptionSelected"],[0,"privTagOptionDeselected","handleTagOptionDeselected"],[4,"click","handleClick"],[11,"scroll","dismissTooltip"],[0,"blur","handleBlur"]],{"errorMessage":["announceError"]}]]],["p-5300b15d",[[0,"wm-tag-option",{"selected":[1540],"locked":[4],"col1":[1],"col2":[1],"col3":[1],"col4":[1],"emitSelectedEvent":[64],"emitDeselectedEvent":[64]},null,{"selected":["handleSelected"]}]]],["p-b9dbf1f4",[[1,"wm-textarea",{"label":[1],"labelPosition":[1,"label-position"],"value":[1025],"disabled":[4],"info":[1],"placeholder":[1],"requiredField":[4,"required-field"],"errorMessage":[1,"error-message"],"characterLimit":[2,"character-limit"],"inputWidth":[1,"input-width"],"inputHeight":[1,"input-height"],"announcement":[32]},null,{"disabled":["handleDisabledChange"],"errorMessage":["announceError"]}]]],["p-2e79fa49",[[17,"wm-timepicker",{"disabled":[4],"value":[1025],"errorMessage":[1,"error-message"],"label":[1],"labelPosition":[1,"label-position"],"requiredField":[4,"required-field"],"preselected":[1],"isExpanded":[32],"isValidTime":[64],"reformatTime":[64]},[[0,"keydown","handleKey"]],{"disabled":["handleDisabledChange"],"value":["handleValueChange"],"errorMessage":["announceError"]}]]],["p-236af552",[[17,"wm-toggletip",{"label":[1],"tooltip":[1025],"tooltipPosition":[1537,"tooltip-position"],"targetSize":[1,"target-size"],"isOpen":[32]},[[0,"keydown","handleKeydown"],[4,"click","handleClick"]]]]],["p-f24572f5",[[17,"wm-uploader",{"label":[1],"buttonText":[1,"button-text"],"icon":[1],"fileTypes":[1,"file-types"],"maxSize":[1,"max-size"],"maxFiles":[2,"max-files"],"errorMessage":[1,"error-message"],"requiredField":[4,"required-field"],"showInfo":[1,"show-info"],"isTabbing":[32],"notif":[32],"isCondensed":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"wmFileErrorCleared","handleFileErrorCleared"],[0,"wmFileDelete","storeDeletedId"]],{"errorMessage":["announceError"]}]]],["p-88ebddd7",[[0,"wm-wrapper"]]],["p-902a54c5",[[17,"priv-navigator-button",{"expanded":[1028],"altText":[1,"alt-text"]}]]],["p-ade3d9a9",[[1,"priv-navigator-item",{"selected":[1028],"focused":[1028],"link":[1025]},[[0,"keydown","handleKeyDown"]]]]],["p-c47fab48",[[0,"priv-calendar",{"disabled":[4],"view":[1025],"focusDate":[1025,"focus-date"],"startDate":[1,"start-date"],"endDate":[1,"end-date"],"hoverDate":[1,"hover-date"],"focusFirstFocusable":[64],"focusLastFocusable":[64],"focusCell":[64]},[[0,"keydown","handleKey"]],{"focusDate":["handleFocusDate"]}]]],["p-ff1ed90f",[[0,"priv-chart-popover",{"open":[1028],"sliceDetails":[16]},[[4,"click","handleClickOnDocument"],[0,"click","handleClick"]],{"open":["handleOpenChange"],"sliceDetails":["handleDetailsChange"]}]]],["p-99058787",[[17,"wm-select",{"disabled":[516],"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"],"isExpanded":[32],"announcement":[32]},[[0,"wmOptionSelected","handleOptionSelection"],[0,"wmEnterKeyPressed","handleChildEnter"],[0,"wmEscKeyPressed","closePopupOnEscape"],[0,"wmOptionBlurred","handleOptionBlur"],[6,"click","handleClick"],[0,"keydown","handleKey"]],{"errorMessage":["announceError"],"disabled":["handleDisabledChange"]}],[1,"wm-option",{"value":[1],"subinfo":[1025],"disabled":[516],"selected":[516],"focused":[4],"searchTerm":[32]},[[0,"keydown","handleKeydown"],[0,"click","handleSelection"],[0,"blur","handleBlur"]],{"selected":["syncAriaSelected"],"disabled":["syncAriaDisabled","updateDisabledOnClick"]}]]],["p-45dc49e8",[[4,"priv-option-list",{"multiple":[4],"search":[4],"selectAll":[4,"select-all"],"searchPlaceholder":[1,"search-placeholder"],"maxHeight":[1,"max-height"],"optgroupLabel":[1,"optgroup-label"],"announcement":[32],"searchTerm":[32],"handleChildChange":[64],"clearSearch":[64],"focusOption":[64],"handleInitialFocus":[64],"unfocusAll":[64],"updateOptionVisibility":[64]},[[0,"wmLetterPressed","findAndFocusOption"],[0,"wmOptionSelected","handleOptionSelection"],[0,"wmKeyUpPressed","handleChildUp"],[0,"wmKeyDownPressed","handleChildDown"],[0,"wmHomeKeyPressed","moveToFirstOption"],[0,"wmEndKeyPressed","moveToLastOption"],[0,"intCloneClicked","handleOptionCloneSelection"]]]]],["p-41550baa",[[17,"wm-button",{"disabled":[516],"buttonType":[1025,"button-type"],"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"],"isSubmit":[4,"is-submit"],"isTabbing":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[11,"scroll","handleScroll"],[0,"keydown","handleKeydown"]],{"buttonType":["validateType"],"icon":["updateIcon"],"disabled":["handleDisabledChange"]}]]],["p-149a22bf",[[17,"wm-action-menu",{"tooltipPosition":[1,"tooltip-position"],"actionMenuType":[1,"action-menu-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],"icon":[1025],"description":[1]},[[0,"keydown","handleKeydown"],[0,"click","handleClick"],[0,"blur","handleBlur"]],{"disabled":["setOnClick"]}]]]]'),e)));
|
|
1
|
+
import{p as e,b as a}from"./p-568c595f.js";export{s as setNonce}from"./p-568c595f.js";import"./p-ad1bdcd6.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((e=>a(JSON.parse('[["p-1e625a5e",[[17,"wm-tab-list",{"customBackground":[1,"custom-background"],"customPadding":[1,"custom-padding"],"selectedTab":[1,"selected-tab"]},[[0,"tabItemLoaded","tabItemLoaded"],[0,"keydownOnTabItem","handleKeydown"]],{"selectedTab":["setSelected"]}],[17,"wm-tab-item",{"selected":[4],"show":[4],"tabId":[1,"tab-id"]}],[0,"wm-tab-panel",{"active":[1028],"tabId":[1025,"tab-id"]}]]],["p-45f9ad09",[[17,"wm-file",{"name":[1],"type":[1],"fileActions":[1,"file-actions"],"lastUpdated":[1,"last-updated"],"progress":[514],"size":[1],"uploadedBy":[1,"uploaded-by"],"errorMessage":[1,"error-message"],"showInfo":[1025,"show-info"]}]]],["p-f13b034e",[[0,"wm-modal-pss-footer",{"secondaryText":[1,"secondary-text"],"primaryText":[1,"primary-text"],"infoText":[1,"info-text"],"primaryActionDisabled":[4,"primary-action-disabled"],"deleteStyle":[4,"delete-style"]}],[0,"wm-modal-pss-header",{"heading":[1],"subheading":[1]}],[0,"wm-modal-pss",{"open":[1540],"elementToFocus":[1025,"element-to-focus"],"modalType":[513,"modal-type"],"uid":[1537],"emitCloseEvent":[64],"emitPrimaryEvent":[64],"emitSecondaryEvent":[64]},[[0,"click","handleClick"],[0,"keydown","closeModalOnEscape"]],{"open":["toggleModal"]}]]],["p-012cab20",[[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"]}],[0,"wm-modal-header",{"heading":[1],"subheading":[1]}],[4,"wm-modal",{"open":[1540],"elementToFocus":[1025,"element-to-focus"],"modalType":[513,"modal-type"],"uid":[1537],"returnFocusEl":[32],"emitCloseEvent":[64],"emitPrimaryEvent":[64],"emitSecondaryEvent":[64]},null,{"open":["toggleModal"]}]]],["p-c1e3c2fb",[[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],"itemIndexToFocus":[32]},[[0,"keydown","handleKeys"],[0,"keydownOnNavItem","handleKeydown"],[4,"click","handleClick"],[0,"buttonActivated","handleButtonClick"]],{"products":["parseData"]}]]],["p-226fe4e0",[[17,"wm-optgroup",{"label":[1],"isExpanded":[1028,"is-expanded"],"multiple":[1028],"disabled":[4],"emitDeselection":[64],"handleChildChange":[64]},[[0,"wmKeyLeftPressed","handleOptionKeyLeft"]],{"isExpanded":["isExpandedChanged"]}]]],["p-aea13873",[[17,"wm-navigation",{"open":[1540]},[[0,"keydown","closeOnEscape"],[9,"resize","handleWindowResize"],[8,"wmNavigationHamburgerClicked","handleHamburgerClicked"],[0,"wmNavigationItemClicked","handleClickOnItem"]],{"open":["handleStateChange"]}],[17,"wm-navigation-hamburger",{"navId":[1,"nav-id"],"isTabbing":[32],"open":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[4,"wmNavigationStateChanged","handleNavigationStateChanged"]]],[17,"wm-navigation-item",{"href":[1],"text":[1],"active":[4]}]]],["p-84ba5b74",[[17,"wm-progress-indicator",{"label":[1],"subinfo":[1],"completionMessage":[1,"completion-message"],"showLegend":[4,"show-legend"],"printMode":[4,"print-mode"],"printModeFormat":[1,"print-mode-format"],"isTabbing":[32],"mode":[32],"userIsNavigating":[32],"focusedSliceId":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"keydown","handleKeydown"],[0,"wmProgressSliceUpdated","handleSliceUpdate"]],{"mode":["handleModeUpdate"]}],[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-df157138",[[17,"wm-chart",{"chartType":[1,"chart-type"],"label":[1],"labelWidth":[1,"label-width"],"subinfo":[1],"valueFormat":[1,"value-format"],"showGrid":[4,"show-grid"],"showLegend":[4,"show-legend"],"showBarLegend":[4,"show-bar-legend"],"notStartedColor":[4,"not-started-color"],"printMode":[4,"print-mode"],"printModeFormat":[1,"print-mode-format"],"labelPosition":[1,"label-position"],"isTabbing":[32],"userIsNavigating":[32],"focusedSliceId":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"keydown","handleKeydown"],[0,"wmChartSliceUpdated","handleSliceUpdate"]]]]],["p-f2101a0d",[[17,"wm-date-range",{"dateFormat":[1,"date-format"],"disabled":[4],"errorMessage":[513,"error-message"],"invalidStart":[4,"invalid-start"],"invalidEnd":[4,"invalid-end"],"labelStart":[1,"label-start"],"labelEnd":[1,"label-end"],"preselected":[1],"requiredField":[4,"required-field"],"valueStart":[1025,"value-start"],"valueEnd":[1025,"value-end"],"availSpace":[32],"isExpanded":[32],"reformatDate":[64],"isValidISO":[64]},[[0,"keydown","handleKey"],[4,"click","blurHandler"],[8,"blur","handleBlurOnWindow"],[0,"popupBlurred","handlePopupBlurred"],[0,"cellTriggered","handleCellTriggered"],[0,"outOfCal","handleOutOfCal"],[0,"cellHovered","handleCellHovered"],[9,"resize","setAvailSpace"]],{"disabled":["handleDisabled"],"valueStart":["updateValueStart"],"valueEnd":["updateValueEnd"],"errorMessage":["handleErrorMessage"]}]]],["p-215793a4",[[17,"wm-datepicker",{"value":[1025],"disabled":[4],"dateFormat":[1,"date-format"],"errorMessage":[513,"error-message"],"labelPosition":[1,"label-position"],"label":[1],"requiredField":[4,"required-field"],"preselected":[1],"isExpanded":[32],"reformatDate":[64],"isValidIso":[64]},[[0,"keydown","handleKey"],[4,"click","blurHandler"],[8,"blur","handleBlurOnWindow"],[0,"cellTriggered","handleCellTriggered"]],{"disabled":["handleDisabledChange"],"value":["updateValue"],"errorMessage":["announceError"]}]]],["p-e687176d",[[1,"wm-line-chart",{"label":[1],"description":[1],"xAxisLabel":[1,"x-axis-label"],"yAxisLabel":[1,"y-axis-label"],"lineData":[513,"line-data"],"units":[1],"labelWidth":[1,"label-width"],"highlightQualifier":[1,"highlight-qualifier"],"highlightStart":[1,"highlight-start"],"highlightEnd":[1,"highlight-end"],"visibilityToggles":[4,"visibility-toggles"],"showDeltas":[4,"show-deltas"],"yRange":[1,"y-range"],"parsedLineData":[32],"popoverIndex":[32],"focusedLine":[32],"hiddenLines":[32],"isTabbing":[32],"intervalSkip":[32],"announcement":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"]],{"lineData":["parseData"],"intervalSkip":["handleIntervalSkip"]}]]],["p-f90e4094",[[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"]],{"numResults":["handleNumResultsUpdate"],"disabled":["handleDisabledChange"]}]]],["p-48e09589",[[0,"wm-chart-slice",{"legend":[1],"amount":[1],"popoverTitle":[1,"popover-title"],"popoverText":[1,"popover-text"],"popoverButtonText":[1,"popover-button-text"]}]]],["p-c885c7f9",[[17,"wm-file-list",{"showInfo":[1,"show-info"]}]]],["p-83be63f6",[[17,"wm-input",{"label":[1],"labelPosition":[1,"label-position"],"value":[1025],"disabled":[4],"info":[1],"inputWidth":[1,"input-width"],"placeholder":[1],"requiredField":[4,"required-field"],"errorMessage":[1,"error-message"],"characterLimit":[2,"character-limit"],"symbolBefore":[1,"symbol-before"],"symbolAfter":[1,"symbol-after"],"textAfter":[1,"text-after"],"type":[1],"step":[2],"min":[2],"max":[2],"isSubmit":[4,"is-submit"],"announcement":[32]},null,{"disabled":["handleDisabledChange"],"errorMessage":["announceError"]}]]],["p-02deae76",[[17,"wm-nested-select",{"disabled":[516],"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"],"constrainedMaxHeight":[1025,"constrained-max-height"],"isExpanded":[32],"showClearSelectionButton":[32],"announcement":[32]},[[0,"wmOptionSelected","handleOptionSelection"],[0,"wmEnterKeyPressed","handleChildEnter"],[0,"wmEscKeyPressed","closePopupOnEscape"],[0,"keydown","handleKeyDown"],[6,"click","handleClick"],[0,"optgroupExpanded","handleOptgroupExpanded"],[0,"optgroupHidden","handleOptgroupHidden"]]]]],["p-72165bd2",[[17,"wm-pagination",{"currentPage":[2,"current-page"],"totalItems":[2,"total-items"],"itemsPerPage":[2,"items-per-page"],"value":[2],"isLargeSize":[4,"is-large-size"],"srAnnouncement":[32]},null,{"totalItems":["calculateTotalPages"],"itemsPerPage":["calculateTotalPages"]}]]],["p-3d50db36",[[1,"wm-snackbar",{"notifications":[1537],"isTabbing":[32],"announcement":[32]},[[4,"keydown","checkForTabbing"],[5,"mouseover","handleMouse"]],{"notifications":["updateSnacks"]}]]],["p-5284791c",[[17,"wm-tag-input",{"label":[1],"errorMessage":[1,"error-message"],"info":[1],"labelPosition":[1,"label-position"],"maxTags":[2,"max-tags"],"placeholder":[1025],"requiredField":[4,"required-field"],"tagInputType":[1,"tag-input-type"],"helpText":[1,"help-text"],"addNew":[4,"add-new"],"characterLimit":[2,"character-limit"],"colHeaders":[1,"col-headers"],"colWidths":[1,"col-widths"],"colWrap":[1,"col-wrap"],"isKeying":[32],"isExpanded":[32],"liveRegionMessage":[32],"focusedOption":[32],"focusedColumn":[32],"focusedTagIndex":[32],"tagsList":[32]},[[8,"wmUserIsKeying","toggleKeyingOn"],[8,"wmUserIsTabbing","toggleKeyingOn"],[8,"wmUserIsNotKeying","toggleKeyingOff"],[8,"wmUserIsNotTabbing","toggleKeyingOff"],[0,"privTagOptionSelected","handleTagOptionSelected"],[0,"privTagOptionDeselected","handleTagOptionDeselected"],[4,"click","handleClick"],[11,"scroll","dismissTooltip"],[0,"blur","handleBlur"]],{"errorMessage":["announceError"]}]]],["p-5300b15d",[[0,"wm-tag-option",{"selected":[1540],"locked":[4],"col1":[1],"col2":[1],"col3":[1],"col4":[1],"emitSelectedEvent":[64],"emitDeselectedEvent":[64]},null,{"selected":["handleSelected"]}]]],["p-b9dbf1f4",[[1,"wm-textarea",{"label":[1],"labelPosition":[1,"label-position"],"value":[1025],"disabled":[4],"info":[1],"placeholder":[1],"requiredField":[4,"required-field"],"errorMessage":[1,"error-message"],"characterLimit":[2,"character-limit"],"inputWidth":[1,"input-width"],"inputHeight":[1,"input-height"],"announcement":[32]},null,{"disabled":["handleDisabledChange"],"errorMessage":["announceError"]}]]],["p-2e79fa49",[[17,"wm-timepicker",{"disabled":[4],"value":[1025],"errorMessage":[1,"error-message"],"label":[1],"labelPosition":[1,"label-position"],"requiredField":[4,"required-field"],"preselected":[1],"isExpanded":[32],"isValidTime":[64],"reformatTime":[64]},[[0,"keydown","handleKey"]],{"disabled":["handleDisabledChange"],"value":["handleValueChange"],"errorMessage":["announceError"]}]]],["p-236af552",[[17,"wm-toggletip",{"label":[1],"tooltip":[1025],"tooltipPosition":[1537,"tooltip-position"],"targetSize":[1,"target-size"],"isOpen":[32]},[[0,"keydown","handleKeydown"],[4,"click","handleClick"]]]]],["p-f24572f5",[[17,"wm-uploader",{"label":[1],"buttonText":[1,"button-text"],"icon":[1],"fileTypes":[1,"file-types"],"maxSize":[1,"max-size"],"maxFiles":[2,"max-files"],"errorMessage":[1,"error-message"],"requiredField":[4,"required-field"],"showInfo":[1,"show-info"],"isTabbing":[32],"notif":[32],"isCondensed":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"wmFileErrorCleared","handleFileErrorCleared"],[0,"wmFileDelete","storeDeletedId"]],{"errorMessage":["announceError"]}]]],["p-88ebddd7",[[0,"wm-wrapper"]]],["p-902a54c5",[[17,"priv-navigator-button",{"expanded":[1028],"altText":[1,"alt-text"]}]]],["p-ade3d9a9",[[1,"priv-navigator-item",{"selected":[1028],"focused":[1028],"link":[1025]},[[0,"keydown","handleKeyDown"]]]]],["p-c47fab48",[[0,"priv-calendar",{"disabled":[4],"view":[1025],"focusDate":[1025,"focus-date"],"startDate":[1,"start-date"],"endDate":[1,"end-date"],"hoverDate":[1,"hover-date"],"focusFirstFocusable":[64],"focusLastFocusable":[64],"focusCell":[64]},[[0,"keydown","handleKey"]],{"focusDate":["handleFocusDate"]}]]],["p-ff1ed90f",[[0,"priv-chart-popover",{"open":[1028],"sliceDetails":[16]},[[4,"click","handleClickOnDocument"],[0,"click","handleClick"]],{"open":["handleOpenChange"],"sliceDetails":["handleDetailsChange"]}]]],["p-bf7d98d8",[[17,"wm-select",{"disabled":[516],"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"],"isExpanded":[32],"announcement":[32]},[[0,"wmOptionSelected","handleOptionSelection"],[0,"wmEnterKeyPressed","handleChildEnter"],[0,"wmEscKeyPressed","closePopupOnEscape"],[0,"wmOptionBlurred","handleOptionBlur"],[6,"click","handleClick"],[0,"keydown","handleKey"]],{"errorMessage":["announceError"],"disabled":["handleDisabledChange"]}],[1,"wm-option",{"value":[1],"subinfo":[1025],"disabled":[516],"selected":[516],"focused":[4],"searchTerm":[32]},[[0,"keydown","handleKeydown"],[0,"click","handleSelection"],[0,"blur","handleBlur"]],{"selected":["syncAriaSelected"],"disabled":["syncAriaDisabled","updateDisabledOnClick"]}]]],["p-f3f4620c",[[4,"priv-option-list",{"multiple":[4],"search":[4],"selectAll":[4,"select-all"],"searchPlaceholder":[1,"search-placeholder"],"optgroupLabel":[1,"optgroup-label"],"maxHeight":[1,"max-height"],"upwardsHeightLimit":[2,"upwards-height-limit"],"announcement":[32],"searchTerm":[32],"handleChildChange":[64],"clearSearch":[64],"focusOption":[64],"handleInitialFocus":[64],"unfocusAll":[64],"updateOptionVisibility":[64]},[[0,"wmLetterPressed","findAndFocusOption"],[0,"wmOptionSelected","handleOptionSelection"],[0,"wmKeyUpPressed","handleChildUp"],[0,"wmKeyDownPressed","handleChildDown"],[0,"wmHomeKeyPressed","moveToFirstOption"],[0,"wmEndKeyPressed","moveToLastOption"],[0,"intCloneClicked","handleOptionCloneSelection"]]]]],["p-41550baa",[[17,"wm-button",{"disabled":[516],"buttonType":[1025,"button-type"],"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"],"isSubmit":[4,"is-submit"],"isTabbing":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[11,"scroll","handleScroll"],[0,"keydown","handleKeydown"]],{"buttonType":["validateType"],"icon":["updateIcon"],"disabled":["handleDisabledChange"]}]]],["p-149a22bf",[[17,"wm-action-menu",{"tooltipPosition":[1,"tooltip-position"],"actionMenuType":[1,"action-menu-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],"icon":[1025],"description":[1]},[[0,"keydown","handleKeydown"],[0,"click","handleClick"],[0,"blur","handleBlur"]],{"disabled":["setOnClick"]}]]]]'),e)));
|
package/dist/ripple/ripple.js
CHANGED
|
@@ -115,7 +115,7 @@ DOMTokenList
|
|
|
115
115
|
var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : '';
|
|
116
116
|
var start = function() {
|
|
117
117
|
// if src is not present then origin is "null", and new URL() throws TypeError: Failed to construct 'URL': Invalid base URL
|
|
118
|
-
var url = new URL('./p-
|
|
118
|
+
var url = new URL('./p-ca397ba6.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
|
|
119
119
|
System.import(url.href);
|
|
120
120
|
};
|
|
121
121
|
|
|
@@ -17,8 +17,9 @@ export declare class PrivOptionList {
|
|
|
17
17
|
search: boolean;
|
|
18
18
|
selectAll: boolean;
|
|
19
19
|
searchPlaceholder?: string;
|
|
20
|
-
maxHeight?: string;
|
|
21
20
|
optgroupLabel?: string;
|
|
21
|
+
maxHeight: string;
|
|
22
|
+
upwardsHeightLimit: number | null;
|
|
22
23
|
announcement: string;
|
|
23
24
|
searchTerm: string;
|
|
24
25
|
private searchIndex;
|
|
@@ -26,6 +27,7 @@ export declare class PrivOptionList {
|
|
|
26
27
|
get childOptions(): HTMLWmOptionElement[];
|
|
27
28
|
get cloneOptions(): HTMLWmOptionElement[];
|
|
28
29
|
get allOptionEls(): HTMLWmOptionElement[];
|
|
30
|
+
get isInNestedSelect(): boolean;
|
|
29
31
|
get visibleOptionEls(): HTMLWmOptionElement[];
|
|
30
32
|
selectAllMessage: string;
|
|
31
33
|
deselectAllMessage: string;
|
|
@@ -37,6 +39,7 @@ export declare class PrivOptionList {
|
|
|
37
39
|
get allSelected(): boolean;
|
|
38
40
|
get resultsFoundMessage(): string;
|
|
39
41
|
get noResultsFoundMessage(): string;
|
|
42
|
+
get effectiveMaxHeight(): string;
|
|
40
43
|
debouncedSearch: (this: any) => void;
|
|
41
44
|
debouncedClearKeysSoFar: (this: any) => void;
|
|
42
45
|
findAndFocusOption(ev: CustomEvent): void;
|
|
@@ -47,7 +50,7 @@ export declare class PrivOptionList {
|
|
|
47
50
|
moveToLastOption(): void;
|
|
48
51
|
handleOptionCloneSelection(ev: CustomEvent): void;
|
|
49
52
|
componentDidLoad(): void;
|
|
50
|
-
handleChildChange(
|
|
53
|
+
handleChildChange(): Promise<void>;
|
|
51
54
|
clearSearch(): Promise<void>;
|
|
52
55
|
focusOption(option: HTMLElement): Promise<void>;
|
|
53
56
|
handleInitialFocus(optionToSelect?: "next" | "previous"): Promise<void>;
|
|
@@ -69,5 +72,6 @@ export declare class PrivOptionList {
|
|
|
69
72
|
renderSearchFailedMessage(): any;
|
|
70
73
|
renderSelectAllButton(): any;
|
|
71
74
|
renderCloneOptions(): any[];
|
|
75
|
+
renderNonOptions(): any;
|
|
72
76
|
render(): any;
|
|
73
77
|
}
|
|
@@ -6,9 +6,10 @@ export declare class NestedSelect {
|
|
|
6
6
|
private menuEl;
|
|
7
7
|
private optListWrapperEl;
|
|
8
8
|
private measurementAreaEl;
|
|
9
|
+
private liveRegionEl;
|
|
9
10
|
wmNestedSelectBlurred: EventEmitter<void>;
|
|
10
11
|
disabled: boolean;
|
|
11
|
-
maxHeight
|
|
12
|
+
maxHeight: string;
|
|
12
13
|
label?: string;
|
|
13
14
|
labelPosition: "top" | "left" | "none";
|
|
14
15
|
requiredField: boolean;
|
|
@@ -21,7 +22,9 @@ export declare class NestedSelect {
|
|
|
21
22
|
allSelectedMessage: string;
|
|
22
23
|
isExpanded: boolean;
|
|
23
24
|
showClearSelectionButton: boolean;
|
|
25
|
+
announcement: string;
|
|
24
26
|
private openUp;
|
|
27
|
+
constrainedMaxHeight: string;
|
|
25
28
|
get isDisabled(): boolean;
|
|
26
29
|
get childOptions(): HTMLWmOptionElement[];
|
|
27
30
|
get optgroupEls(): HTMLWmOptgroupElement[];
|
|
@@ -31,16 +34,15 @@ export declare class NestedSelect {
|
|
|
31
34
|
get allSelected(): boolean;
|
|
32
35
|
private clearSelectionMessage;
|
|
33
36
|
componentWillLoad(): void;
|
|
34
|
-
|
|
35
|
-
handleChildChange(_: MutationRecord): void;
|
|
37
|
+
handleChildChange(): void;
|
|
36
38
|
setButtonText(): void;
|
|
37
39
|
countOptgroupSelected(optgroupEl: HTMLWmOptgroupElement): number;
|
|
38
40
|
handleOptionSelection(): void;
|
|
39
41
|
handleChildEnter(): void;
|
|
40
42
|
closePopupOnEscape(): void;
|
|
43
|
+
handleKeyDown(ev: KeyboardEvent): void;
|
|
41
44
|
close(returnFocus?: boolean): void;
|
|
42
|
-
open(): void;
|
|
43
|
-
focusFirstMenuitem(): void;
|
|
45
|
+
open(focusLast?: boolean): void;
|
|
44
46
|
moveDown(menuitemEl: HTMLElement): void;
|
|
45
47
|
moveUp(menuitemEl: HTMLElement): void;
|
|
46
48
|
handleButtonBlur(ev: FocusEvent): void;
|
|
@@ -49,6 +51,7 @@ export declare class NestedSelect {
|
|
|
49
51
|
handleComponentBlur(ev: FocusEvent): void;
|
|
50
52
|
handleOptgroupExpanded(): void;
|
|
51
53
|
handleOptgroupHidden(ev: CustomEvent): void;
|
|
54
|
+
announce(message: string): void;
|
|
52
55
|
renderButtonText(): any;
|
|
53
56
|
renderOverflowCount(): any;
|
|
54
57
|
handleClearSelection(): void;
|
|
@@ -5,13 +5,17 @@ export declare class Optgroup {
|
|
|
5
5
|
label: string;
|
|
6
6
|
isExpanded: boolean;
|
|
7
7
|
multiple: boolean;
|
|
8
|
+
disabled: boolean;
|
|
8
9
|
wmOptgroupAllSelected: EventEmitter;
|
|
9
10
|
wmOptgroupAllDeselected: EventEmitter;
|
|
10
11
|
optgroupExpanded: EventEmitter;
|
|
11
12
|
optgroupHidden: EventEmitter;
|
|
12
13
|
get parentNestedSelect(): HTMLWmNestedSelectElement;
|
|
14
|
+
get isDisabled(): boolean;
|
|
13
15
|
isExpandedChanged(): void;
|
|
14
16
|
emitDeselection(): Promise<void>;
|
|
17
|
+
handleChildChange(): Promise<void>;
|
|
15
18
|
handleOptionKeyLeft(): void;
|
|
19
|
+
componentWillLoad(): void;
|
|
16
20
|
render(): any;
|
|
17
21
|
}
|
|
@@ -2,7 +2,7 @@ import { EventEmitter } from "../../../stencil-public-runtime";
|
|
|
2
2
|
export declare class Select {
|
|
3
3
|
el: HTMLWmSelectElement;
|
|
4
4
|
disabled: boolean;
|
|
5
|
-
maxHeight
|
|
5
|
+
maxHeight: string;
|
|
6
6
|
label?: string;
|
|
7
7
|
labelPosition: "top" | "left" | "none";
|
|
8
8
|
requiredField: boolean;
|
|
@@ -39,7 +39,7 @@ export declare class Select {
|
|
|
39
39
|
handleButtonBlur(ev: FocusEvent): void;
|
|
40
40
|
handleKey(ev: KeyboardEvent): void;
|
|
41
41
|
componentWillLoad(): void;
|
|
42
|
-
handleChildChange(
|
|
42
|
+
handleChildChange(): void;
|
|
43
43
|
componentDidLoad(): void;
|
|
44
44
|
open(optionToSelect?: "next" | "previous"): void;
|
|
45
45
|
close(returnFocus?: boolean): void;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export declare class ModalFooter {
|
|
2
|
+
el: HTMLElement;
|
|
3
|
+
secondaryText?: string;
|
|
4
|
+
primaryText?: string;
|
|
5
|
+
infoText?: string;
|
|
6
|
+
primaryActionDisabled: boolean;
|
|
7
|
+
deleteStyle: boolean;
|
|
8
|
+
private uid;
|
|
9
|
+
private lastElement;
|
|
10
|
+
componentWillLoad(): void;
|
|
11
|
+
emitParentPrimaryEvent(): void;
|
|
12
|
+
emitParentSecondaryEvent(): void;
|
|
13
|
+
render(): any;
|
|
14
|
+
}
|
|
@@ -35,9 +35,9 @@ export namespace Components {
|
|
|
35
35
|
interface PrivOptionList {
|
|
36
36
|
"clearSearch": () => Promise<void>;
|
|
37
37
|
"focusOption": (option: HTMLElement) => Promise<void>;
|
|
38
|
-
"handleChildChange": (
|
|
38
|
+
"handleChildChange": () => Promise<void>;
|
|
39
39
|
"handleInitialFocus": (optionToSelect?: "next" | "previous") => Promise<void>;
|
|
40
|
-
"maxHeight"
|
|
40
|
+
"maxHeight": string;
|
|
41
41
|
"multiple": boolean;
|
|
42
42
|
"optgroupLabel"?: string;
|
|
43
43
|
"search": boolean;
|
|
@@ -45,6 +45,7 @@ export namespace Components {
|
|
|
45
45
|
"selectAll": boolean;
|
|
46
46
|
"unfocusAll": () => Promise<void>;
|
|
47
47
|
"updateOptionVisibility": () => Promise<void>;
|
|
48
|
+
"upwardsHeightLimit": number | null;
|
|
48
49
|
}
|
|
49
50
|
interface WmActionMenu {
|
|
50
51
|
"actionMenuType": "icon" | "text" | "selector" | "selector-primary";
|
|
@@ -199,6 +200,26 @@ export namespace Components {
|
|
|
199
200
|
"heading"?: string;
|
|
200
201
|
"subheading"?: string;
|
|
201
202
|
}
|
|
203
|
+
interface WmModalPss {
|
|
204
|
+
"elementToFocus": "primary" | "secondary" | string;
|
|
205
|
+
"emitCloseEvent": () => Promise<void>;
|
|
206
|
+
"emitPrimaryEvent": () => Promise<void>;
|
|
207
|
+
"emitSecondaryEvent": () => Promise<void>;
|
|
208
|
+
"modalType": "modal" | "dialog";
|
|
209
|
+
"open": boolean;
|
|
210
|
+
"uid": string;
|
|
211
|
+
}
|
|
212
|
+
interface WmModalPssFooter {
|
|
213
|
+
"deleteStyle": boolean;
|
|
214
|
+
"infoText"?: string;
|
|
215
|
+
"primaryActionDisabled": boolean;
|
|
216
|
+
"primaryText"?: string;
|
|
217
|
+
"secondaryText"?: string;
|
|
218
|
+
}
|
|
219
|
+
interface WmModalPssHeader {
|
|
220
|
+
"heading"?: string;
|
|
221
|
+
"subheading"?: string;
|
|
222
|
+
}
|
|
202
223
|
interface WmNavigation {
|
|
203
224
|
"open": boolean;
|
|
204
225
|
}
|
|
@@ -221,11 +242,12 @@ export namespace Components {
|
|
|
221
242
|
}
|
|
222
243
|
interface WmNestedSelect {
|
|
223
244
|
"allSelectedMessage": string;
|
|
245
|
+
"constrainedMaxHeight": string;
|
|
224
246
|
"disabled": boolean;
|
|
225
247
|
"errorMessage"?: string;
|
|
226
248
|
"label"?: string;
|
|
227
249
|
"labelPosition": "top" | "left" | "none";
|
|
228
|
-
"maxHeight"
|
|
250
|
+
"maxHeight": string;
|
|
229
251
|
"multiple": boolean;
|
|
230
252
|
"placeholder": string;
|
|
231
253
|
"requiredField": boolean;
|
|
@@ -234,7 +256,9 @@ export namespace Components {
|
|
|
234
256
|
"selectAll": boolean;
|
|
235
257
|
}
|
|
236
258
|
interface WmOptgroup {
|
|
259
|
+
"disabled": boolean;
|
|
237
260
|
"emitDeselection": () => Promise<void>;
|
|
261
|
+
"handleChildChange": () => Promise<void>;
|
|
238
262
|
"isExpanded": boolean;
|
|
239
263
|
"label": string;
|
|
240
264
|
"multiple": boolean;
|
|
@@ -299,7 +323,7 @@ export namespace Components {
|
|
|
299
323
|
"errorMessage"?: string;
|
|
300
324
|
"label"?: string;
|
|
301
325
|
"labelPosition": "top" | "left" | "none";
|
|
302
|
-
"maxHeight"
|
|
326
|
+
"maxHeight": string;
|
|
303
327
|
"multiple": boolean;
|
|
304
328
|
"placeholder": string;
|
|
305
329
|
"requiredField": boolean;
|
|
@@ -458,6 +482,10 @@ export interface WmModalCustomEvent<T> extends CustomEvent<T> {
|
|
|
458
482
|
detail: T;
|
|
459
483
|
target: HTMLWmModalElement;
|
|
460
484
|
}
|
|
485
|
+
export interface WmModalPssCustomEvent<T> extends CustomEvent<T> {
|
|
486
|
+
detail: T;
|
|
487
|
+
target: HTMLWmModalPssElement;
|
|
488
|
+
}
|
|
461
489
|
export interface WmNavigationCustomEvent<T> extends CustomEvent<T> {
|
|
462
490
|
detail: T;
|
|
463
491
|
target: HTMLWmNavigationElement;
|
|
@@ -839,6 +867,39 @@ declare global {
|
|
|
839
867
|
prototype: HTMLWmModalHeaderElement;
|
|
840
868
|
new (): HTMLWmModalHeaderElement;
|
|
841
869
|
};
|
|
870
|
+
interface HTMLWmModalPssElementEventMap {
|
|
871
|
+
"focusLastElement": any;
|
|
872
|
+
"focusFirstElement": any;
|
|
873
|
+
"wmModalCloseTriggered": any;
|
|
874
|
+
"wmModalPrimaryTriggered": any;
|
|
875
|
+
"wmModalSecondaryTriggered": any;
|
|
876
|
+
}
|
|
877
|
+
interface HTMLWmModalPssElement extends Components.WmModalPss, HTMLStencilElement {
|
|
878
|
+
addEventListener<K extends keyof HTMLWmModalPssElementEventMap>(type: K, listener: (this: HTMLWmModalPssElement, ev: WmModalPssCustomEvent<HTMLWmModalPssElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
|
|
879
|
+
addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
880
|
+
addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
881
|
+
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
|
|
882
|
+
removeEventListener<K extends keyof HTMLWmModalPssElementEventMap>(type: K, listener: (this: HTMLWmModalPssElement, ev: WmModalPssCustomEvent<HTMLWmModalPssElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
|
|
883
|
+
removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
884
|
+
removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
885
|
+
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
886
|
+
}
|
|
887
|
+
var HTMLWmModalPssElement: {
|
|
888
|
+
prototype: HTMLWmModalPssElement;
|
|
889
|
+
new (): HTMLWmModalPssElement;
|
|
890
|
+
};
|
|
891
|
+
interface HTMLWmModalPssFooterElement extends Components.WmModalPssFooter, HTMLStencilElement {
|
|
892
|
+
}
|
|
893
|
+
var HTMLWmModalPssFooterElement: {
|
|
894
|
+
prototype: HTMLWmModalPssFooterElement;
|
|
895
|
+
new (): HTMLWmModalPssFooterElement;
|
|
896
|
+
};
|
|
897
|
+
interface HTMLWmModalPssHeaderElement extends Components.WmModalPssHeader, HTMLStencilElement {
|
|
898
|
+
}
|
|
899
|
+
var HTMLWmModalPssHeaderElement: {
|
|
900
|
+
prototype: HTMLWmModalPssHeaderElement;
|
|
901
|
+
new (): HTMLWmModalPssHeaderElement;
|
|
902
|
+
};
|
|
842
903
|
interface HTMLWmNavigationElementEventMap {
|
|
843
904
|
"wmNavigationStateChanged": any;
|
|
844
905
|
}
|
|
@@ -1274,6 +1335,9 @@ declare global {
|
|
|
1274
1335
|
"wm-modal": HTMLWmModalElement;
|
|
1275
1336
|
"wm-modal-footer": HTMLWmModalFooterElement;
|
|
1276
1337
|
"wm-modal-header": HTMLWmModalHeaderElement;
|
|
1338
|
+
"wm-modal-pss": HTMLWmModalPssElement;
|
|
1339
|
+
"wm-modal-pss-footer": HTMLWmModalPssFooterElement;
|
|
1340
|
+
"wm-modal-pss-header": HTMLWmModalPssHeaderElement;
|
|
1277
1341
|
"wm-navigation": HTMLWmNavigationElement;
|
|
1278
1342
|
"wm-navigation-hamburger": HTMLWmNavigationHamburgerElement;
|
|
1279
1343
|
"wm-navigation-item": HTMLWmNavigationItemElement;
|
|
@@ -1336,7 +1400,7 @@ declare namespace LocalJSX {
|
|
|
1336
1400
|
"selected"?: boolean;
|
|
1337
1401
|
}
|
|
1338
1402
|
interface PrivOptionList {
|
|
1339
|
-
"maxHeight"
|
|
1403
|
+
"maxHeight": string;
|
|
1340
1404
|
"multiple"?: boolean;
|
|
1341
1405
|
"onOptionListAllDeselected"?: (event: PrivOptionListCustomEvent<any>) => void;
|
|
1342
1406
|
"onOptionListAllSelected"?: (event: PrivOptionListCustomEvent<any>) => void;
|
|
@@ -1348,6 +1412,7 @@ declare namespace LocalJSX {
|
|
|
1348
1412
|
"search"?: boolean;
|
|
1349
1413
|
"searchPlaceholder"?: string;
|
|
1350
1414
|
"selectAll"?: boolean;
|
|
1415
|
+
"upwardsHeightLimit"?: number | null;
|
|
1351
1416
|
}
|
|
1352
1417
|
interface WmActionMenu {
|
|
1353
1418
|
"actionMenuType"?: "icon" | "text" | "selector" | "selector-primary";
|
|
@@ -1524,6 +1589,28 @@ declare namespace LocalJSX {
|
|
|
1524
1589
|
"heading"?: string;
|
|
1525
1590
|
"subheading"?: string;
|
|
1526
1591
|
}
|
|
1592
|
+
interface WmModalPss {
|
|
1593
|
+
"elementToFocus"?: "primary" | "secondary" | string;
|
|
1594
|
+
"modalType"?: "modal" | "dialog";
|
|
1595
|
+
"onFocusFirstElement"?: (event: WmModalPssCustomEvent<any>) => void;
|
|
1596
|
+
"onFocusLastElement"?: (event: WmModalPssCustomEvent<any>) => void;
|
|
1597
|
+
"onWmModalCloseTriggered"?: (event: WmModalPssCustomEvent<any>) => void;
|
|
1598
|
+
"onWmModalPrimaryTriggered"?: (event: WmModalPssCustomEvent<any>) => void;
|
|
1599
|
+
"onWmModalSecondaryTriggered"?: (event: WmModalPssCustomEvent<any>) => void;
|
|
1600
|
+
"open"?: boolean;
|
|
1601
|
+
"uid": string;
|
|
1602
|
+
}
|
|
1603
|
+
interface WmModalPssFooter {
|
|
1604
|
+
"deleteStyle"?: boolean;
|
|
1605
|
+
"infoText"?: string;
|
|
1606
|
+
"primaryActionDisabled"?: boolean;
|
|
1607
|
+
"primaryText"?: string;
|
|
1608
|
+
"secondaryText"?: string;
|
|
1609
|
+
}
|
|
1610
|
+
interface WmModalPssHeader {
|
|
1611
|
+
"heading"?: string;
|
|
1612
|
+
"subheading"?: string;
|
|
1613
|
+
}
|
|
1527
1614
|
interface WmNavigation {
|
|
1528
1615
|
"onWmNavigationStateChanged"?: (event: WmNavigationCustomEvent<any>) => void;
|
|
1529
1616
|
"open"?: boolean;
|
|
@@ -1550,6 +1637,7 @@ declare namespace LocalJSX {
|
|
|
1550
1637
|
}
|
|
1551
1638
|
interface WmNestedSelect {
|
|
1552
1639
|
"allSelectedMessage"?: string;
|
|
1640
|
+
"constrainedMaxHeight"?: string;
|
|
1553
1641
|
"disabled"?: boolean;
|
|
1554
1642
|
"errorMessage"?: string;
|
|
1555
1643
|
"label"?: string;
|
|
@@ -1564,6 +1652,7 @@ declare namespace LocalJSX {
|
|
|
1564
1652
|
"selectAll"?: boolean;
|
|
1565
1653
|
}
|
|
1566
1654
|
interface WmOptgroup {
|
|
1655
|
+
"disabled"?: boolean;
|
|
1567
1656
|
"isExpanded"?: boolean;
|
|
1568
1657
|
"label": string;
|
|
1569
1658
|
"multiple"?: boolean;
|
|
@@ -1801,6 +1890,9 @@ declare namespace LocalJSX {
|
|
|
1801
1890
|
"wm-modal": WmModal;
|
|
1802
1891
|
"wm-modal-footer": WmModalFooter;
|
|
1803
1892
|
"wm-modal-header": WmModalHeader;
|
|
1893
|
+
"wm-modal-pss": WmModalPss;
|
|
1894
|
+
"wm-modal-pss-footer": WmModalPssFooter;
|
|
1895
|
+
"wm-modal-pss-header": WmModalPssHeader;
|
|
1804
1896
|
"wm-navigation": WmNavigation;
|
|
1805
1897
|
"wm-navigation-hamburger": WmNavigationHamburger;
|
|
1806
1898
|
"wm-navigation-item": WmNavigationItem;
|
|
@@ -1850,6 +1942,9 @@ declare module "@stencil/core" {
|
|
|
1850
1942
|
"wm-modal": LocalJSX.WmModal & JSXBase.HTMLAttributes<HTMLWmModalElement>;
|
|
1851
1943
|
"wm-modal-footer": LocalJSX.WmModalFooter & JSXBase.HTMLAttributes<HTMLWmModalFooterElement>;
|
|
1852
1944
|
"wm-modal-header": LocalJSX.WmModalHeader & JSXBase.HTMLAttributes<HTMLWmModalHeaderElement>;
|
|
1945
|
+
"wm-modal-pss": LocalJSX.WmModalPss & JSXBase.HTMLAttributes<HTMLWmModalPssElement>;
|
|
1946
|
+
"wm-modal-pss-footer": LocalJSX.WmModalPssFooter & JSXBase.HTMLAttributes<HTMLWmModalPssFooterElement>;
|
|
1947
|
+
"wm-modal-pss-header": LocalJSX.WmModalPssHeader & JSXBase.HTMLAttributes<HTMLWmModalPssHeaderElement>;
|
|
1853
1948
|
"wm-navigation": LocalJSX.WmNavigation & JSXBase.HTMLAttributes<HTMLWmNavigationElement>;
|
|
1854
1949
|
"wm-navigation-hamburger": LocalJSX.WmNavigationHamburger & JSXBase.HTMLAttributes<HTMLWmNavigationHamburgerElement>;
|
|
1855
1950
|
"wm-navigation-item": LocalJSX.WmNavigationItem & JSXBase.HTMLAttributes<HTMLWmNavigationItemElement>;
|
package/package.json
CHANGED
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-e86c28b6.js');
|
|
6
|
-
|
|
7
|
-
const wmModalFooterCss = "wm-modal-footer{display:block;-webkit-border-radius:0px 0px 5px 5px;-moz-border-radius:0px 0px 5px 5px;-ms-border-radius:0px 0px 5px 5px;border-radius:0px 0px 5px 5px}wm-modal-footer .wm-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media only screen and (max-width: 650px){wm-modal-footer .wm-wrapper.footer-text{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}}wm-modal-footer .wm-wrapper wm-button+wm-button{margin-left:1rem}wm-modal-footer .wm-wrapper .wm-info{font-size:0.875rem;font-style:italic}@media only screen and (max-width: 650px){wm-modal-footer .wm-wrapper .wm-info{padding-bottom:0.625rem}}wm-modal-footer .wm-wrapper .wm-info:focus{outline:none}";
|
|
8
|
-
|
|
9
|
-
const ModalFooter = class {
|
|
10
|
-
constructor(hostRef) {
|
|
11
|
-
index.registerInstance(this, hostRef);
|
|
12
|
-
this.secondaryText = "";
|
|
13
|
-
this.primaryText = "";
|
|
14
|
-
this.infoText = "";
|
|
15
|
-
this.primaryActionDisabled = false;
|
|
16
|
-
this.deleteStyle = false;
|
|
17
|
-
}
|
|
18
|
-
componentWillLoad() {
|
|
19
|
-
const parentModal = this.el.closest("wm-modal");
|
|
20
|
-
this.uid = parentModal.uid;
|
|
21
|
-
// Trap focus when user shift+tabs past first element in modal
|
|
22
|
-
// NB @Listen doesn't allow to listen on a specific element (the parent modal)
|
|
23
|
-
// if we listen to the whole doc each modal on the page reacts to every event
|
|
24
|
-
parentModal.addEventListener("focusLastElement", () => {
|
|
25
|
-
this.lastElement.focus();
|
|
26
|
-
});
|
|
27
|
-
}
|
|
28
|
-
emitParentPrimaryEvent() {
|
|
29
|
-
const parentModal = this.el.closest("wm-modal");
|
|
30
|
-
if (parentModal) {
|
|
31
|
-
parentModal.emitPrimaryEvent();
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
emitParentSecondaryEvent() {
|
|
35
|
-
const parentModal = this.el.closest("wm-modal");
|
|
36
|
-
if (parentModal) {
|
|
37
|
-
parentModal.emitSecondaryEvent();
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
render() {
|
|
41
|
-
return (index.h("div", { class: `wm-wrapper ${this.infoText ? " footer-text" : ""}` }, index.h("div", { class: "wm-info", "aria-live": "polite" }, this.infoText), index.h("div", { class: "wm-button-collection" }, this.secondaryText && (index.h("wm-button", { onClick: () => this.emitParentSecondaryEvent(), id: `wm-secondary-${this.uid}`, ref: (el) => (this.primaryActionDisabled ? (this.lastElement = el) : undefined) }, this.secondaryText)), index.h("wm-button", { "button-type": this.deleteStyle ? "secondary" : "primary", "permanently-delete": this.deleteStyle, onClick: () => this.emitParentPrimaryEvent(), disabled: this.primaryActionDisabled, id: `wm-primary-${this.uid}`, ref: (el) => (!this.primaryActionDisabled ? (this.lastElement = el) : undefined) }, this.primaryText))));
|
|
42
|
-
}
|
|
43
|
-
get el() { return index.getElement(this); }
|
|
44
|
-
};
|
|
45
|
-
ModalFooter.style = wmModalFooterCss;
|
|
46
|
-
|
|
47
|
-
exports.wm_modal_footer = ModalFooter;
|