@watermarkinsights/ripple 5.4.0-0 → 5.4.0

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

@@ -1 +0,0 @@
-import{r as e,c as t,h as i,H as o,g as s,f as r}from"./p-d9da0502.js";import{i as n,d as a,t as l,a as h,k as c,y as d}from"./p-88cfd58d.js";import{g as p}from"./p-f54e9ed0.js";const b=class{constructor(i){e(this,i),this.wmOptionSelected=t(this,"wmOptionSelected",7),this.wmOptionDeselected=t(this,"wmOptionDeselected",7),this.intCloneClicked=t(this,"intCloneClicked",7),this.wmKeyUpPressed=t(this,"wmKeyUpPressed",7),this.wmKeyDownPressed=t(this,"wmKeyDownPressed",7),this.wmEscKeyPressed=t(this,"wmEscKeyPressed",7),this.wmHomeKeyPressed=t(this,"wmHomeKeyPressed",7),this.wmEndKeyPressed=t(this,"wmEndKeyPressed",7),this.wmEnterKeyPressed=t(this,"wmEnterKeyPressed",7),this.wmLetterPressed=t(this,"wmLetterPressed",7),this.wmOptionBlurred=t(this,"wmOptionBlurred",7),this.value=void 0,this.subinfo=void 0,this.disabled=!1,this.selected=!1,this.focused=!1,this.searchTerm=""}get hostClasses(){let e=[];return this.subinfo&&e.push("hassubinfo"),this.parentSelectEl.multiple&&e.push("multi-option"),this.el.textContent.toLowerCase().includes(this.searchTerm)||e.push("filtered-out"),e.join(" ")}get parentSelectEl(){var e;return"WM-SELECT"!==(null===(e=this.el.parentElement)||void 0===e?void 0:e.nodeName)?this.el.getRootNode().host:this.el.parentElement}handleKeydown(e){switch(e.key){case"ArrowUp":e.preventDefault(),this.wmKeyUpPressed.emit(this.el);break;case"ArrowDown":e.preventDefault(),this.wmKeyDownPressed.emit(this.el);break;case"Enter":e.preventDefault(),this.disabled||(this.el.click(),this.wmEnterKeyPressed.emit(this.el));break;case"Escape":e.preventDefault(),e.stopPropagation(),this.wmEscKeyPressed.emit();break;case"Home":e.preventDefault(),this.wmHomeKeyPressed.emit();break;case"End":e.preventDefault(),this.wmEndKeyPressed.emit();break;default:1===e.key.length&&(e.preventDefault(),this.wmLetterPressed.emit({letter:e.key,optionEl:this.el}))}}handleSelection(){this.disabled||(this.el.classList.contains("clone")?this.intCloneClicked.emit(this.el):this.parentSelectEl.multiple&&this.selected?this.wmOptionDeselected.emit(this.el):this.wmOptionSelected.emit(this.el))}handleBlur(e){this.wmOptionBlurred.emit({relatedTarget:e.relatedTarget})}syncAriaSelected(){this.el.setAttribute("aria-selected",this.selected?"true":"false")}syncAriaDisabled(){this.disabled?this.el.setAttribute("aria-disabled","true"):this.el.removeAttribute("aria-disabled")}updateDisabledOnClick(){this.disabled&&this.el.onclick?(this.onClickFunc=this.el.onclick,this.el.onclick=null):!this.disabled&&this.onClickFunc&&(this.el.onclick=this.onClickFunc)}handleSearch(e){if(this.searchTerm=e.detail.searchTerm.toLowerCase(),this.searchTerm&&this.el.textContent.toLowerCase().includes(this.searchTerm)){const e=this.el.textContent.toLowerCase().indexOf(this.searchTerm),t=this.el.textContent.slice(0,e),i=this.el.textContent.slice(e,e+this.searchTerm.length),o=this.el.textContent.slice(e+this.searchTerm.length),s=document.createElement("span");s.textContent=t;const r=document.createElement("strong");r.textContent=i;const n=document.createElement("span");n.textContent=o,this.textEl.innerHTML="",this.textEl.appendChild(s),this.textEl.appendChild(r),this.textEl.appendChild(n)}else this.textEl.textContent=this.el.textContent}componentWillLoad(){this.syncAriaSelected(),this.syncAriaDisabled(),this.updateDisabledOnClick(),this.parentSelectEl.addEventListener("wmSelectSearchChanged",(e=>this.handleSearch(e)))}render(){return i(o,{key:"6d7f92d3b13121ae8ddffb4d8e6028db2171116a",role:"option",tabindex:this.focused?0:-1,class:this.hostClasses},i("div",{key:"d0dccae3c763686b420b0bf16d7bf2880b1cdc67",class:"option-wrapper "+(this.parentSelectEl.multiple?"checkbox":"")},i("span",{key:"6e1fbd0d49be13883048634cd54d19f19256226d",class:"option-text","aria-hidden":"true",ref:e=>this.textEl=e},this.el.textContent),i("span",{key:"f57f7c21e833a1c03f8407eaccb0883ef6b3a79a",class:"sr-only"},this.el.textContent)),i("div",{key:"1256826e0ddc1e3c48141e8c0f6864b3401cacf7",class:"subinfo"},this.subinfo))}get el(){return s(this)}static get watchers(){return{selected:["syncAriaSelected"],disabled:["syncAriaDisabled","updateDisabledOnClick"]}}};b.style=':host(:not(:last-child)){border-bottom:2px solid;border-color:var(--wmcolor-select-option-border)}:host{display:block;cursor:pointer;position:relative;padding:1.25rem;background:var(--wmcolor-select-option-background);font-family:inherit;list-style:none;color:var(--wmcolor-select-option-text);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host:focus,:host.focus{outline:none;background:var(--wmcolor-select-option-background-focus)}:host.icon{color:var(--wmcolor-interactive)}: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}.checkbox:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f131";display:inline-block;margin-right:0.25rem;color:var(--wmcolor-interactive)}:host([aria-selected=true]){background:var(--wmcolor-select-option-background-selected);font-weight:500}:host([aria-selected=true]) .checkbox:before{content:"\\f132"}:host([aria-disabled=true]){color:var(--wmcolor-select-option-text-disabled);background:var(--wmcolor-select-option-background-disabled);cursor:default}:host([aria-disabled=true]) .checkbox:before{color:var(--wmcolor-select-option-text-disabled)}:host([aria-disabled=true]) .subinfo{color:var(--wmcolor-select-option-text-disabled)}:host(.multi-option){background:unset}:host(.clone.last){border-bottom:12px solid;border-color:var(--wmcolor-select-option-border)}:host(.hassubinfo){display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;gap:16px}:host(.hidden),:host(.filtered-out){display:none}.subinfo{font-style:italic}.option-wrapper{display:-ms-flexbox;display:flex}.option-text{display:inline-block}::slotted{font-family:inherit}::slotted(i){font-size:0.875rem}::slotted(i):before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;margin-right:0.625rem;pointer-events:none}:host(:focus){outline:none;background:var(--wmcolor-select-option-background-hover)}:host(:hover){background:var(--wmcolor-select-option-background-hover);outline:none}';const m=class{constructor(i){e(this,i),this.wmSelectDidLoad=t(this,"wmSelectDidLoad",7),this.wmSelectBlurred=t(this,"wmSelectBlurred",7),this.wmSelectSearchChanged=t(this,"wmSelectSearchChanged",7),this.wmSelectAllSelected=t(this,"wmSelectAllSelected",7),this.wmSelectAllDeselected=t(this,"wmSelectAllDeselected",7),this.selectAllMessage=n.formatMessage({id:"select.selectAll",defaultMessage:"Select All"}),this.deselectAllMessage=n.formatMessage({id:"select.deselectAll",defaultMessage:"Deselect All"}),this.allOptionsSelectedMessage=n.formatMessage({id:"select.allOptionsSelected",defaultMessage:"All options selected"}),this.allOptionsDeselectedMessage=n.formatMessage({id:"select.allOptionsDeselected",defaultMessage:"All options deselected"}),this.keysSoFar="",this.searchIndex=0,this.openUp=!1,this.overflowCount=0,this.displayedOptions=[],this.debouncedClearKeysSoFar=a((()=>{this.keysSoFar=""}),500),this.debouncedSearch=a((()=>{this.wmSelectSearchChanged.emit({searchTerm:this.searchTerm}),this.announce(this.filteredOptions.length?this.resultsFoundMessage:this.noResultsFoundMessage)}),150),this.disabled=!1,this.maxHeight=void 0,this.label=void 0,this.labelPosition="top",this.requiredField=!1,this.errorMessage=void 0,this.multiple=!1,this.search=!1,this.selectAll=!1,this.placeholder=n.formatMessage({id:"select.multiPlaceholder",defaultMessage:"Make a selection",description:"Placeholder text. Use imperative"}),this.searchPlaceholder=n.formatMessage({id:"select.searchPlaceholder",defaultMessage:"Search",description:"Placeholder text. Use imperative"}),this.allSelectedMessage=n.formatMessage({id:"select.allSelected",defaultMessage:"All selected",description:"Text displayed when all options are selected"}),this.isExpanded=!1,this.announcement=""}get childOptions(){return Array.from(this.el.querySelectorAll("wm-option"))}get cloneOptions(){return Array.from(this.el.shadowRoot.querySelectorAll("wm-option"))}get allOptionEls(){return this.cloneOptions.concat(this.childOptions)}get visibleOptionEls(){return this.allOptionEls.filter((e=>!e.classList.contains("hidden")&&!e.classList.contains("filtered-out")))}get isDisabled(){return l(this.disabled)}get searchTerm(){return this.searchFieldEl?this.searchFieldEl.value:""}get filteredOptions(){return this.childOptions.filter((e=>{var t;return null===(t=e.textContent)||void 0===t?void 0:t.toLowerCase().includes(this.searchTerm.toLowerCase())}))}get selectedOptions(){return Array.from(this.el.querySelectorAll("wm-option")).filter((e=>e.selected))}get allSelected(){return this.childOptions.every((e=>e.selected))}get visibleSelectAllButton(){return this.selectAll&&this.multiple&&""===this.searchTerm}get resultsFoundMessage(){return n.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 n.formatMessage({id:"select.noSearchResults",defaultMessage:"No results found. Please try your search again.",description:"The message displayed when no options pass the search filter"})}handleOptionSelection(e){this.focusOption(e.detail),this.multiple||this.close()}handleOptionCloneSelection(e){this.findCorrespondingOption(e.detail).click()}handleChildEnter(){this.close()}handleChildUp(e){this.moveUp(e.detail)}handleChildDown(e){this.moveDown(e.detail)}moveToFirstOption(){this.focusOption(this.visibleOptionEls[0])}moveToLastOption(){this.focusOption(this.visibleOptionEls[this.visibleOptionEls.length-1])}closePopupOnEscape(){this.close()}handleOptionBlur(e){if(!this.isElOrChild(e.detail.relatedTarget)){const t=new CustomEvent("blur");t.relatedTarget=e.detail.relatedTarget,this.el.dispatchEvent(t)}}handleClick(e){this.isElOrChild(e.target)||this.close()}handleSelectAllClick(){this.allSelected?this.deselectAllOptions():this.selectAllOptions()}selectAllOptions(){this.announce(this.allOptionsSelectedMessage),this.wmSelectAllSelected.emit()}deselectAllOptions(){this.announce(this.allOptionsDeselectedMessage),this.wmSelectAllDeselected.emit()}handleButtonBlur(e){this.isElOrChild(e.relatedTarget)&&e.stopPropagation()}handleSearchFieldBlur(e){this.searchFieldWrapperEl.classList.remove("focus"),this.isElOrChild(e.relatedTarget)&&e.stopPropagation()}handleKey(e){switch(e.key){case"ArrowDown":!1===this.isExpanded&&(e.preventDefault(),this.open("next"));break;case"ArrowUp":!1===this.isExpanded&&(e.preventDefault(),this.open("previous"))}}componentWillLoad(){this.label||console.error("For accessibility purposes, this component requires a label (even if `label-position` is set to `none`)."),this.multiple||0!==this.selectedOptions.length||console.error("wm-select should have one initial option selected"),h(this.el,this.isDisabled),new MutationObserver((e=>e.forEach((e=>this.handleChildChange(e))))).observe(this.el,{childList:!0,attributes:!0,subtree:!0,attributeFilter:["selected"]})}handleChildChange(e){this.setButtonText(),r(this.el)}componentDidLoad(){this.wmSelectDidLoad.emit(),this.dropdownEl.classList.add("hidden"),r(this.el),this.maxHeight&&(this.listboxEl.style.maxHeight=this.maxHeight),this.multiple&&this.updateOptionVisibility(),this.setButtonText()}componentWillUpdate(){if(this.multiple){const e=this.visibleOptionEls.filter((e=>e.classList.contains("clone"))),t=e.length===this.visibleOptionEls.length;e.forEach(((i,o)=>{t||o!==e.length-1?i.classList.remove("last"):i.classList.add("last")}))}}moveUp(e){const t=this.visibleOptionEls;this.selectAllEl&&t.unshift(this.selectAllEl),this.searchFieldEl&&t.unshift(this.searchFieldEl);const i=t[t.indexOf(e)-1]||t[t.length-1];i&&this.focusOption(i)}moveDown(e){const t=this.visibleOptionEls;this.selectAllEl&&t.unshift(this.selectAllEl),this.searchFieldEl&&t.unshift(this.searchFieldEl);const i=t[t.indexOf(e)+1]||t[0];i&&this.focusOption(i)}open(e){this.isDisabled||(this.openUp=c(this.el,this.dropdownEl.clientHeight,this.el.clientHeight,this.buttonEl.clientHeight),this.isExpanded=!0,this.dropdownEl.classList.remove("hidden"),window.requestAnimationFrame((()=>{switch(e){case"next":this.search?(this.searchFieldEl.focus(),this.listboxEl.scrollTop=0):this.moveDown(this.visibleOptionEls.filter((e=>e.selected)).slice(-1)[0]);break;case"previous":this.search?this.focusOption(this.visibleOptionEls[this.visibleOptionEls.length-1]):this.moveUp(this.visibleOptionEls.filter((e=>e.selected))[0]);break;default:this.search?(this.searchFieldEl.focus(),this.listboxEl.scrollTop=0):this.focusOption(this.selectedOptions.length>0?this.visibleOptionEls.filter((e=>e.selected))[0]:this.visibleOptionEls[0])}})))}close(e=!0){this.isExpanded&&(this.isExpanded=!1,this.allOptionEls.map((e=>e.focused=!1)),window.setTimeout((()=>{this.dropdownEl.classList.add("hidden"),this.multiple&&this.updateOptionVisibility(),this.search&&(this.searchFieldEl.value="",this.wmSelectSearchChanged.emit({searchTerm:this.searchTerm})),e&&this.buttonEl.focus()}),150))}updateOptionVisibility(){this.childOptions.forEach(((e,t)=>{const i=this.cloneOptions[t];e.selected?(e.classList.add("hidden"),i.classList.remove("hidden")):(e.classList.remove("hidden"),i.classList.add("hidden"))}))}focusOption(e){this.allOptionEls.forEach((t=>t.focused=t===e)),e.scrollIntoView({block:"nearest"}),window.setTimeout((()=>e.scrollIntoView({block:"nearest"})),60),e.focus()}findAndFocusOption(e){const t=e.detail.letter.toLowerCase(),i=e.detail.optionEl;if(this.keysSoFar||" "!=t){this.keysSoFar||this.visibleOptionEls.forEach(((e,t)=>{e.focused&&(this.searchIndex=t)})),this.keysSoFar+=t;let e=this.findMatchInRange(this.visibleOptionEls,this.searchIndex+1,this.visibleOptionEls.length);e||(e=this.findMatchInRange(this.visibleOptionEls,0,this.searchIndex)),e&&this.focusOption(e),this.debouncedClearKeysSoFar()}else i.click()}findMatchInRange(e,t,i){let o=null;return e.slice(t,i).forEach((e=>{const t=e.textContent;!o&&t&&t.toLowerCase().startsWith(this.keysSoFar)&&(o=e)})),o}findCorrespondingOption(e){return e.classList.contains("clone")?this.childOptions[this.cloneOptions.indexOf(e)]:this.cloneOptions[this.childOptions.indexOf(e)]}isElOrChild(e){var t;return e===this.el||this.el.contains(e)||(null===(t=this.el.shadowRoot)||void 0===t?void 0:t.contains(e))}announceError(){this.errorMessage&&setTimeout((()=>this.announce(this.errorMessage)),100)}handleDisabledChange(){h(this.el,this.isDisabled)}handleComponentBlur(e){this.el.contains(e.relatedTarget)||(this.close(!1),this.wmSelectBlurred.emit())}handleKeyDown(e){const t=e.target;switch(e.key){case"ArrowDown":e.preventDefault(),this.moveDown(e.target);break;case"ArrowUp":e.preventDefault(),this.moveUp(e.target);break;case"Escape":e.preventDefault(),this.close();break;case"Enter":t===this.selectAllEl&&(e.preventDefault(),this.handleSelectAllClick(),this.close());break;case" ":t===this.selectAllEl&&(e.preventDefault(),this.handleSelectAllClick())}}setButtonText(){if(this.displayedOptions=this.childOptions.filter((e=>e.selected)).map((e=>e.classList.contains("hidden")?this.findCorrespondingOption(e):e)),this.multiple){const e=38,t=window.getComputedStyle(this.buttonEl),i=parseInt(t.getPropertyValue("padding-left").slice(0,-2)),o=parseInt(t.getPropertyValue("padding-right").slice(0,-2)),s=this.buttonEl.clientWidth-i-o-e;let r=this.displayedOptions.map((e=>e.shadowRoot.querySelector(".option-text").clientWidth)),n=r.reduce(((e,t)=>e+t),0);for(this.overflowCount=0;n>s&&this.displayedOptions.length>1;)this.overflowCount++,n-=r[r.length-1],r.pop(),this.displayedOptions.pop()}}announce(e){this.liveRegionEl.textContent===e&&(e+=" "),this.announcement=e}renderButtonText(){return this.multiple&&this.displayedOptions.length<1?i("span",null,this.placeholder):this.multiple&&this.allSelected&&this.overflowCount>0?this.allSelectedMessage:this.displayedOptions.map(((e,t)=>i("span",null,t>0?", ":"",e.textContent)))}renderOverflowCount(){if(this.overflowCount>0&&!this.allSelected)return i("span",null,i("span",{class:"overflow-counter"},"+",this.overflowCount))}renderSearchField(){return i("div",{class:"search"},i("div",{class:"searchfield-wrapper",ref:e=>this.searchFieldWrapperEl=e},i("div",{class:"icon"}),i("input",{ref:e=>this.searchFieldEl=e,class:"searchfield",role:"combobox","aria-controls":"list","aria-expanded":this.isExpanded?"true":"false",onKeyDown:e=>this.handleKeyDown(e),onFocus:()=>this.searchFieldWrapperEl.classList.add("focus"),onBlur:e=>this.handleSearchFieldBlur(e),onInput:()=>this.debouncedSearch(),placeholder:this.searchPlaceholder})))}renderSearchFailedMessage(){return i("div",{class:"search-results-message"},this.noResultsFoundMessage)}renderSelectAllButton(){return i("button",{ref:e=>this.selectAllEl=e,class:"select-all",onClick:()=>this.handleSelectAllClick(),onKeyDown:e=>this.handleKeyDown(e),tabindex:"-1"},this.allSelected?this.deselectAllMessage:this.selectAllMessage)}renderCloneOptions(){return Array.from(this.el.children).map((e=>i("wm-option",{class:"clone",subinfo:e.subinfo,selected:e.selected},e.textContent)))}render(){const e=!this.multiple&&this.selectedOptions.length>0&&this.selectedOptions[0].subinfo,t={id:"selectbtn",disabled:this.isDisabled,"aria-controls":"list","aria-labelledby":"label selectbtn","aria-describedby":"error","aria-expanded":this.isExpanded?"true":"false",onClick:()=>this.isExpanded?this.close():this.open()};return i(o,{key:"f099ef79e70921c17419b2ce8a4e917a0579e44f",onBlur:e=>this.handleComponentBlur(e)},i("div",{key:"e95c845dd404f5518b69145543113e69a40084a6",class:`wrapper ${d()} label-${this.labelPosition} ${this.errorMessage?"invalid":""}`},i("div",{key:"65dfe5aaaa9239efb0553ba1d323f1c5dc93b9fb",class:"label-wrapper"},i("label",{key:"ff406b387e0cd09e46e239f1c80477fe2ee80f24",class:"label",id:"label",htmlFor:"selectbtn"},this.label,this.requiredField?i("span",{class:"required"},i("span",{class:"sr-only"},p.requiredField),i("span",{"aria-hidden":"true"},"*")):"")),i("div",{key:"5537fb10791108ac2bda53d3456ec048bb4cc5c4",class:"button-wrapper"},i("button",Object.assign({key:"7d54c69839a302ead990f41e961cce05be49f83d"},t,{class:"displayedoption",ref:e=>this.buttonEl=e,onBlur:e=>this.handleButtonBlur(e),onFocus:()=>this.close()}),i("span",{key:"dcb786709b87be95c28bfcd37cc8459607939f2f",class:"overflowcontrol "+(e?"hassubinfo":"")},i("span",{key:"b04bbeab1666ebd4538c859356f1a3a33658c1c5",class:"button-text"},this.renderButtonText()),e&&i("span",{key:"c5e9911d91f34c9b7c5becaa9e1127e658fd4607",class:"subinfo"},this.selectedOptions[0].subinfo)),this.renderOverflowCount()),i("div",{key:"24c47d439f6b131880a8bffe94c40539fc13d78f",class:`dropdown ${this.isExpanded?"open":""} ${this.openUp?"upwards":""}`,ref:e=>this.dropdownEl=e},this.search&&this.renderSearchField(),this.visibleSelectAllButton&&this.renderSelectAllButton(),i("div",{key:"acf189fee5add7d0c6150b44ffd9c0c26e05ade7",id:"list",class:"options-wrapper",tabindex:-1,role:"listbox","aria-multiselectable":this.multiple?"true":null,"aria-labelledby":"label",ref:e=>this.listboxEl=e},this.search&&0===this.filteredOptions.length&&this.renderSearchFailedMessage(),this.multiple&&this.renderCloneOptions(),i("slot",{key:"ff17ced6e94d7b893c407ea00ab7243176973eb5"}))),i("div",{key:"a09f44fdf4a100f8eab7b5094fced276023812aa",id:"error",class:this.errorMessage?"error-message":""},this.errorMessage),i("div",{key:"9e55b5fdc2324b77d0a8bcf17650d937760dd941",id:"announcement","aria-live":"polite","aria-atomic":"true",class:"sr-only",ref:e=>this.liveRegionEl=e},this.announcement))))}static get delegatesFocus(){return!0}get el(){return s(this)}static get watchers(){return{errorMessage:["announceError"],disabled:["handleDisabledChange"]}}};m.style=':host{--wmcolor-select-background:var(--wmcolor-background);--wmcolor-select-border:var(--wmcolor-input-border);--wmcolor-select-option-background-disabled:var(--wmcolor-option-background-disabled);--wmcolor-select-option-background-focus:var(--wmcolor-option-background-focus);--wmcolor-select-option-background-hover:var(--wmcolor-option-background-hover);--wmcolor-select-option-background-selected:var(--wmcolor-option-background-selected);--wmcolor-select-option-background:var(--wmcolor-option-background);--wmcolor-select-option-border:var(--wmcolor-option-border);--wmcolor-select-option-text-disabled:var(--wmcolor-option-text-disabled);--wmcolor-select-option-text:var(--wmcolor-option-text);--wmcolor-select-search-border:var(--wmcolor-input-border);--wmcolor-select-search-icon:var(--wmcolor-icon-accent);--wmcolor-select-searchresults-text:var(--wmcolor-text);--wmcolor-select-selectall-background:var(--wmcolor-select-option-background);--wmcolor-select-selectall-border:var(--wmcolor-select-option-border);--wmcolor-select-selectall-text:var(--wmcolor-interactive);--wmcolor-select-text:var(--wmcolor-interactive);position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;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}.wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}.wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}.wrapper .label .required{color:var(--wmcolor-text-required)}.wrapper.label-left{-ms-flex-direction:row;flex-direction:row}.wrapper.label-left .label-wrapper{line-height:2.5rem}.wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}.wrapper.label-none label{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}.wrapper.invalid .label{color:var(--wmcolor-text-error)}.wrapper.invalid .label: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:"\\f026";margin-left:0.3125rem}[dir=RTL] .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}.wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}.wrapper .button-wrapper{position:relative;-ms-flex:1;flex:1;font-size:1.125rem;color:var(--wmcolor-select-text);min-width:8.75rem}.wrapper .button-wrapper .displayedoption{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;background:var(--wmcolor-select-background);width:100%;border:solid 1px;border-color:var(--wmcolor-select-border);padding:0 1.875rem 0 0.9375rem;cursor:pointer;height:2.5rem;line-height:normal;font-family:inherit;color:var(--wmcolor-select-text);font-weight:400;font-size:0.875rem;text-transform:none;text-align:left}@media only screen and (max-width: 768px){.wrapper .button-wrapper .displayedoption{height:2.75rem}}.wrapper .button-wrapper .displayedoption: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:"\\f140";position:absolute;right:0.5625rem;pointer-events:none;font-size:1.12rem}.wrapper .button-wrapper .displayedoption:hover:not(:disabled):not(.-disabled):not(.-raised){background:var(--wmcolor-select-background);text-decoration:none}.wrapper .button-wrapper .displayedoption:active{-ms-transform:scale(1, 1) !important;-webkit-transform:scale(1, 1) !important;transform:scale(1, 1) !important}.wrapper .button-wrapper .displayedoption:focus{outline:none}.wrapper .button-wrapper .displayedoption::-moz-focus-inner{border:0}.wrapper .button-wrapper .displayedoption:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:2px}.wrapper .button-wrapper .displayedoption .overflowcontrol{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-ms-flex:1;flex:1}.wrapper .button-wrapper .displayedoption .overflowcontrol.hassubinfo{display:-ms-flexbox;display:flex}.wrapper .button-wrapper .displayedoption .overflowcontrol.hassubinfo .button-text{-ms-flex:1;flex:1;text-overflow:ellipsis;overflow:hidden;min-width:0}.wrapper .button-wrapper .displayedoption .overflowcontrol.hassubinfo .subinfo{-ms-flex:none;flex:none;font-style:italic}.wrapper .button-wrapper .displayedoption .overflow-counter{font-weight:bold;margin-left:0.5rem}.wrapper .button-wrapper>.displayedoption[disabled]{color:#6b6b6b;border-color:#8a8a8a;background:#f0f0f0;cursor:default}.wrapper .button-wrapper>.dropdown{-webkit-overflow-scrolling:touch;-webkit-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-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:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0);-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;position:absolute;top:0;right:0;background:var(--wmcolor-select-option-background);z-index:100;width:100%;font-size:0.875rem}.wrapper .button-wrapper>.dropdown.upwards{top:unset;bottom:calc(100% - 2.5rem);-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom}.wrapper .button-wrapper>.dropdown.hidden{visibility:hidden}.wrapper .button-wrapper>.dropdown.open{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}.wrapper.invalid .button-wrapper .displayedoption{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);box-shadow:0 0 0 1px var(--wmcolor-input-border-error);border-color:var(--wmcolor-input-border-error)}.wrapper .error-message{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;margin-bottom:0.25rem;top:100%;left:0}.wrapper .error-message:not(:empty){margin-top:0.25rem}.options-wrapper{max-height:12.5rem;overflow:auto}.select-all{width:100%;cursor:pointer;padding:1.25rem;border:none;margin:0;border-bottom:2px solid;border-color:var(--wmcolor-select-selectall-border);background:var(--wmcolor-select-selectall-background);font-family:inherit;font-size:inherit;text-align:left;text-align:start;font-weight:500;color:var(--wmcolor-select-selectall-text);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.select-all:hover,.select-all:focus{outline:none;background:#f4f4f4}.search{-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:2px solid;border-color:var(--wmcolor-select-option-border);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}.rtl>.dropdown{-ms-transform-origin:left top;-webkit-transform-origin:left top;-moz-transform-origin:left top;transform-origin:left top;left:0;right:auto}.rtl>.dropdown .option{padding-left:3rem;padding-right:1.25rem}.rtl>.displayedoption{padding:0 0.9375rem 0 1.875rem;text-align:right}.rtl>.displayedoption:before{right:auto;left:0.5625rem}';export{b as wm_option,m as wm_select}

package/dist/ripple/p-fbaae34d.system.entry.js

@@ -1 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,r,i,e){function n(t){return t instanceof i?t:new i((function(r){r(t)}))}return new(i||(i=Promise))((function(i,a){function o(t){try{u(e.next(t))}catch(t){a(t)}}function s(t){try{u(e["throw"](t))}catch(t){a(t)}}function u(t){t.done?i(t.value):n(t.value).then(o,s)}u((e=e.apply(t,r||[])).next())}))};var __generator=this&&this.__generator||function(t,r){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},e,n,a,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(r){return u([t,r])}}function u(s){if(e)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(i=0)),i)try{if(e=1,n&&(a=s[0]&2?n["return"]:s[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,s[1])).done)return a;if(n=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;n=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){i.label=s[1];break}if(s[0]===6&&i.label<a[1]){i.label=a[1];a=s;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(s);break}if(a[2])i.ops.pop();i.trys.pop();continue}s=r.call(t,i)}catch(t){s=[6,t];n=0}finally{e=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-cef8a45b.system.js","./p-42fa7a77.system.js","./p-4670ccb4.system.js"],(function(t){"use strict";var r,i,e,n,a,o,s,u,c;return{setters:[function(t){r=t.r;i=t.c;e=t.h;n=t.H;a=t.g},function(t){o=t.a},function(t){s=t.n;u=t.o;c=t.i}],execute:function(){var f=this;var h=function(t){return __awaiter(f,void 0,void 0,(function(){var r;return __generator(this,(function(i){switch(i.label){case 0:return[4,fetch(t)];case 1:r=i.sent();if(!(!!r&&!!r.ok))return[3,3];return[4,r.json()];case 2:return[2,i.sent()];case 3:throw new Error(r.statusText)}}))}))};var l=":host{--wmcolor-navigator-background:var(--wmcolor-background);--wmcolor-navigator-header-background:var(--wmcolor-brand-dark);--wmcolor-navigator-header-text:var(--wmcolor-text-ondark);--wmcolor-navigator-item-background-focus:var(--wmcolor-interactive-background-focus);--wmcolor-navigator-item-background-hover:var(--wmcolor-interactive-background-hover);--wmcolor-navigator-item-background:var(--wmcolor-background);--wmcolor-navigator-item-border:var(--wmcolor-border);--wmcolor-navigator-item-text:var(--wmcolor-text);--wmcolor-navigator-user-background:var(--wmcolor-background-readonly);min-width:0;position:relative;display:inline-block}:host .wrapper{overflow:auto;font-size:1.125rem;min-width:13.125rem;width:auto;max-height:80vh;text-align:left;position:absolute;z-index:50;top:100%;right:20px;left:auto;background:var(--wmcolor-navigator-background);letter-spacing:normal;-webkit-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-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;-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}:host .wrapper .user{background:var(--wmcolor-navigator-user-background);padding:0.625rem 1.25rem;font-size:0.875rem}:host .wrapper .user p{margin:0}:host .wrapper .user p:first-child{font-weight:700;text-transform:capitalize}:host .wrapper h2{background:var(--wmcolor-navigator-header-background);color:var(--wmcolor-navigator-header-text);font-weight:700;margin:0;padding:0.625rem 1.25rem;font-size:0.875rem}:host .wrapper [role=listbox]{list-style:none;margin:0;padding-left:0}:host .wrapper.hide{-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0)}:host .wrapper.right{right:auto;left:20px}:host img{-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-transform-origin:left center;transform-origin:left center;display:block}:host .logout{text-align:center;text-transform:capitalize}priv-navigator-item:focus{outline:none}";var m=l;var v=t("wm_navigator",function(){function t(t){r(this,t);this.wmNavigatorLogout=i(this,"wmNavigatorLogout",7);this.retrievedInfo=!this.loadFromUserinfo;this.parsedProducts=[];this.openRight=false;this.userName=undefined;this.email=undefined;this.authType=1;this.connectionName=undefined;this.logoutUrl=undefined;this.products=undefined;this.loadFromUserinfo=false;this.isOpen=false;this.itemIndexToFocus=0}t.prototype.isSafeUrl=function(t){var r=false;var i=["digitalmeasures\\.com","evalkit\\.info","evaluationkit\\.com","evaluationkit\\.info","lat_ams\\.com","livetext\\.com","smartcatalogiq\\.com","smartcatalogiq\\.net","smartcatalogiq\\.us","taskstream\\.com","vialivetext\\.com","watermarkinsights\\.com"];i.forEach((function(i){var e="^https://(.*.)?".concat(i,"(/.*)?$");if(!!t&&t.match(e)){r=true}}));return r};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.userName){console.error("wm-navigator: user-name is a required property.")}return[4,this.parseData()];case 1:t.sent();this.setFocusIndex();return[2]}}))}))};t.prototype.parseData=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(r){switch(r.label){case 0:if(!!!this.loadFromUserinfo)return[3,2];return[4,h("/platform/navigator/userinfo").then((function(r){t.email=r.email;t.currentProductId=r.current_product_id;t.parsedProducts=t.productKeysToCamelCase(r.products);t.logoutUrl=t.logoutUrl?t.logoutUrl:r.logout_url;t.connectionName=t.connectionName?t.connectionName:r.connection_name;if(!!t.email&&!!t.currentProductId){t.retrievedInfo=true}})).catch((function(t){console.error(t)}))];case 1:r.sent();return[3,3];case 2:this.currentProductId=o(this.el);if(!!this.products){if(typeof this.products==="string"){this.parsedProducts=JSON.parse(this.products)}else{this.parsedProducts=this.products}this.parsedProducts=this.productKeysToCamelCase(this.parsedProducts)}r.label=3;case 3:this.parsedProducts.sort((function(t,r){return t.name<r.name?-1:1}));return[2]}}))}))};t.prototype.productKeysToCamelCase=function(t){t=t.map((function(t){var r=Object.keys(t);var i={};r.forEach((function(r){i[s(r)]=t[r]}));return i}));return t};t.prototype.setFocusIndex=function(){if(this.parsedProducts.length>1){var t=this.getProduct(this.currentProductId);if(t){this.itemIndexToFocus=this.parsedProducts.indexOf(t)}}};t.prototype.handleKeys=function(t){switch(t.key){case"Escape":t.preventDefault();this.closeMenu();break;case"ArrowDown":case"ArrowUp":t.preventDefault();if(!this.isOpen){this.itemIndexToFocus=u(this.itemIndexToFocus,t.key,this.navigatorItems.length);this.openMenu()}break}};t.prototype.handleKeydown=function(t){var r=t.detail.key;var i=t.detail.navItem;switch(r){case"Tab":this.closeMenu(false);break;case"Enter":case" ":i.click();break;case"ArrowDown":case"ArrowUp":var e=this.itemIndexToFocus;this.itemIndexToFocus=u(this.itemIndexToFocus,r,this.navigatorItems.length);this.focusItem();this.unfocusItem(e);break}};t.prototype.handleClick=function(t){var r=t.target===this.el||this.el.contains(t.target);if(!r&&this.isOpen){this.closeMenu(false)}};t.prototype.handleButtonClick=function(){this.isOpen?this.closeMenu():this.openMenu()};t.prototype.openMenu=function(){if(this.wrapperEl){var t=this.wrapperEl.clientWidth;var r=this.el.getBoundingClientRect().left;var i=document.documentElement.clientWidth-this.el.getBoundingClientRect().right;this.openRight=t>r&&i>r}this.isOpen=true;this.focusItem()};t.prototype.closeMenu=function(t){var r=this;if(t===void 0){t=true}this.isOpen=false;window.requestAnimationFrame((function(){r.unfocusItem(r.itemIndexToFocus);r.setFocusIndex();if(t){r.buttonFocusHandler()}}))};t.prototype.focusItem=function(){var t=this.navigatorItems[this.itemIndexToFocus];t.tabIndex=0;t.focused=true;window.requestAnimationFrame((function(){return t.focus()}))};t.prototype.unfocusItem=function(t){var r=this.navigatorItems[t];r.tabIndex=-1;r.focused=false};t.prototype.buttonFocusHandler=function(){var t=this.el.shadowRoot.querySelector("priv-navigator-button");var r=t.shadowRoot.querySelector("button");r.focus()};t.prototype.renderUserInfo=function(){return e("div",{class:"user",id:"wm-nav-user","aria-label":c.formatMessage({id:"navigator.userinfoLabel",defaultMessage:"for {name}, email {email}"},{name:this.userName,email:this.email})},e("p",null,this.userName),e("p",null,this.email))};t.prototype.setAltText=function(){if(this.parsedProducts.length>1){return c.formatMessage({id:"navigator.userinfoAndProductNavigator",defaultMessage:"User information and product navigator"})}else{return c.formatMessage({id:"navigator.userinfo",defaultMessage:"User information"})}};t.prototype.renderHeading=function(){return e("h2",null,c.formatMessage({id:"navigator.watermarkApps",defaultMessage:"Watermark Apps",description:"Applications made by Watermark Insights"}))};t.prototype.renderList=function(){return e("ul",{role:"listbox","aria-label":"".concat(c.formatMessage({id:"navigator.WatermarkAppNavigation",defaultMessage:"Watermark App Navigation",description:"list of applications by Watermark Insights"})),"aria-describedby":"wm-nav-user"},this.parsedProducts.length>1&&this.renderProductOptions(),this.renderLogoutOption())};t.prototype.renderProductOptions=function(){var t=this;return this.parsedProducts.map((function(r){var i,n,a,o;i=r.name;n=r.iconUrl;o=t.setProductOnClick(r.id);if(!!i&&!!n){a=t.currentProductId===r.id;return e("priv-navigator-item",{selected:a,id:r.id,onClick:o,role:"option","aria-label":i},e("img",{src:n,alt:i}))}}))};t.prototype.setProductOnClick=function(t){var r=this.getProduct(t);if(this.currentProductId===t){return function(){}}else if(r){if(!!this.loadFromUserinfo||this.authType===2){var i=r.linkUrl;if(this.isSafeUrl(i)){return function(){return window.location.href=i}}else{console.error('"'.concat(i,'" is not a safe url'));return}}else if(this.authType===3){var e=this.connectionName?"/?connection_name=".concat(this.connectionName):"";var n=r.samlLinkUrl;if(this.isSafeUrl(n)){return function(){return window.location.href=n+e}}else{console.error('"'.concat(n,'" is not a safe url'));return}}}};t.prototype.renderLogoutOption=function(){return e("priv-navigator-item",{class:"logout",selected:!(this.parsedProducts.length>1),id:"nav-logout",onClick:this.setLogoutOnclick(),role:"option"},e("span",{class:"logout"},c.formatMessage({id:"navigator.logout",defaultMessage:"Log Out"})))};t.prototype.setLogoutOnclick=function(){var t=this;return function(){t.wmNavigatorLogout.emit();var r=t.logoutUrl;if(t.isSafeUrl(r)){window.location.href=r}else{console.error('"'.concat(r,'" is not a safe url'))}}};Object.defineProperty(t.prototype,"navigatorItems",{get:function(){return Array.from(this.el.shadowRoot.querySelectorAll("priv-navigator-item"))},enumerable:false,configurable:true});t.prototype.getProduct=function(t){return this.parsedProducts.find((function(r){return r.id===t}))};t.prototype.render=function(){var t=this;return this.retrievedInfo?e(n,null,e("priv-navigator-button",{expanded:this.isOpen,altText:this.setAltText()}),e("div",{class:"wrapper ".concat(this.isOpen?"":"hide"," ").concat(this.openRight?"right":""),ref:function(r){return t.wrapperEl=r}},this.renderUserInfo(),this.parsedProducts.length>1&&this.renderHeading(),this.renderList())):""};Object.defineProperty(t,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{products:["parseData"]}},enumerable:false,configurable:true});return t}());v.style=m}}}));