@watermarkinsights/ripple 3.25.0-2 → 3.25.0

package/dist/ripple/{p-24ef6556.system.entry.js → p-91deb45f.system.entry.js}

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

package/dist/ripple/p-91deb45f.system.entry.js.map

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

package/dist/ripple/p-9338011f.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-7b2fc615.system.js","./p-f0fd8695.system.js","./p-c36002b6.system.js"],(function(e){"use strict";var t,i,o,s,n,r,l,a,p,c,d,h;return{setters:[function(e){t=e.r;i=e.c;o=e.h;s=e.H;n=e.g;r=e.f},function(e){l=e.i;a=e.d;p=e.g;c=e.m;d=e.w},function(e){h=e.g}],execute:function(){var u=':host(:not(:last-child)),wm-option:not(:last-child){border-bottom:2px solid rgba(46, 27, 70, 0.05)}:host,wm-option{display:block;cursor:pointer;position:relative;padding:1.25rem;background:#fff;font-family:inherit;list-style:none;color:#4a4a4a;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host:focus,:host.focus,wm-option:focus,wm-option.focus{outline:none;background:#f4f4f4}:host.icon,wm-option.icon{color:#575195}:host .sr-only,wm-option .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;margin-right:0.25rem;color:#575195}:host([aria-selected=true]),wm-option[aria-selected=true]{background:rgba(46, 27, 70, 0.05);font-weight:500}:host([aria-selected=true]) .checkbox:before,wm-option[aria-selected=true] .checkbox:before{content:"\\f132"}:host([aria-disabled=true]),wm-option[aria-disabled=true]{font-style:italic;color:#6b6b6b;cursor:default}:host([aria-disabled=true]) .checkbox:before,wm-option[aria-disabled=true] .checkbox:before{color:#6b6b6b}:host(.multi-option),wm-option.multi-option{background:unset}:host(.hidden),wm-option.hidden,:host(.filtered-out),wm-option.filtered-out{display:none}:host(.duplicate.last),wm-option.duplicate.last{border-bottom:12px solid rgba(46, 27, 70, 0.05)}:host(.hassubinfo),wm-option.hassubinfo{display:-ms-flexbox;display:flex}:host(.hassubinfo) .option-wrapper,wm-option.hassubinfo .option-wrapper{-ms-flex:1;flex:1}:host(.hassubinfo) .subinfo,wm-option.hassubinfo .subinfo{-ms-flex:none;flex:none}.subinfo{font-style:italic}.option-wrapper{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),wm-option:focus{outline:none;background:#f4f4f4}:host(:hover){background:#f4f4f4;outline:none}';var f=e("wm_option",function(){function e(e){t(this,e);this.wmOptionSelected=i(this,"wmOptionSelected",7);this.wmKeyUpPressed=i(this,"wmKeyUpPressed",7);this.wmKeyDownPressed=i(this,"wmKeyDownPressed",7);this.wmEscKeyPressed=i(this,"wmEscKeyPressed",7);this.wmHomeKeyPressed=i(this,"wmHomeKeyPressed",7);this.wmEndKeyPressed=i(this,"wmEndKeyPressed",7);this.wmEnterKeyPressed=i(this,"wmEnterKeyPressed",7);this.wmLetterPressed=i(this,"wmLetterPressed",7);this.wmOptionBlurred=i(this,"wmOptionBlurred",7);this.value=undefined;this.subinfo=undefined;this.disabled=false;this.selected=false;this.focused=false;this.searchTerm=""}Object.defineProperty(e.prototype,"hostClasses",{get:function(){var e=[];if(this.subinfo){e.push("hassubinfo")}if(this.parentSelectEl.multiple){e.push("multi-option")}if(!this.el.textContent.toLowerCase().includes(this.searchTerm)){e.push("filtered-out")}return e.join(" ")},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"parentSelectEl",{get:function(){var e;return((e=this.el.parentElement)===null||e===void 0?void 0:e.nodeName)!=="WM-SELECT"?this.el.getRootNode().host:this.el.parentElement},enumerable:false,configurable:true});e.prototype.handleKeydown=function(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();if(!this.disabled){this.el.click();this.wmEnterKeyPressed.emit(this.el)}break;case" ":e.preventDefault();this.el.click();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:if(e.key.length===1){this.wmLetterPressed.emit(e.key)}}};e.prototype.handleSelection=function(){if(!this.disabled){this.wmOptionSelected.emit(this.el)}};e.prototype.handleBlur=function(e){this.wmOptionBlurred.emit({relatedTarget:e.relatedTarget})};e.prototype.syncAriaSelected=function(){this.selected?this.el.setAttribute("aria-selected","true"):this.el.removeAttribute("aria-selected")};e.prototype.syncAriaDisabled=function(){this.disabled?this.el.setAttribute("aria-disabled","true"):this.el.removeAttribute("aria-disabled")};e.prototype.updateDisabledOnClick=function(){if(this.disabled&&this.el.onclick){this.onClickFunc=this.el.onclick;this.el.onclick=null}else if(!this.disabled&&this.onClickFunc){this.el.onclick=this.onClickFunc}};e.prototype.handleSearch=function(e){this.searchTerm=e.detail.searchTerm.toLowerCase();if(this.searchTerm){var t=new RegExp("".concat(this.searchTerm),"gi");var i=this.el.textContent.replace(t,(function(e){return"<strong>".concat(e,"</strong>")}));this.textEl.innerHTML=i}else{this.textEl.innerHTML=this.el.textContent}};e.prototype.componentWillLoad=function(){var e=this;this.syncAriaSelected();this.syncAriaDisabled();this.updateDisabledOnClick();this.parentSelectEl.addEventListener("wmSelectSearchChanged",(function(t){return e.handleSearch(t)}))};e.prototype.render=function(){var e=this;return o(s,{role:"option",tabindex:this.focused?0:-1,class:this.hostClasses},o("div",{class:"option-wrapper ".concat(this.parentSelectEl.multiple?"checkbox":"")},o("span",{"aria-hidden":"true",ref:function(t){return e.textEl=t}},this.el.textContent),o("span",{class:"sr-only"},this.el.textContent)),o("div",{class:"subinfo"},this.subinfo))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{selected:["syncAriaSelected"],disabled:["syncAriaDisabled","updateDisabledOnClick"]}},enumerable:false,configurable:true});return e}());f.style=u;var m=':host{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:#c0392b}.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:#c0392b}.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:#575195;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:transparent;width:100%;border:solid 1px rgba(35, 35, 35, 0.6);padding:0 1.875rem 0 0.9375rem;cursor:pointer;height:2.5rem;line-height:normal;font-family:inherit;color:#575195;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}.wrapper .button-wrapper .displayedoption:hover:not(:disabled):not(.-disabled):not(.-raised){background:transparent;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.user-is-tabbing:focus{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e}.wrapper .button-wrapper .displayedoption.user-is-tabbing:focus::-moz-focus-inner{border:0}.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:#fff;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 #c0392b;-moz-box-shadow:0 0 0 1px #c0392b;box-shadow:0 0 0 1px #c0392b;border-color:#c0392b}.wrapper .error-message{display:block;font-style:italic;color:#c0392b;font-size:0.875rem;margin-top:0.25rem;margin-bottom:0.25rem;top:100%;left:0}.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 rgba(46, 27, 70, 0.05);background:#fff;font-family:inherit;font-size:inherit;text-align:left;text-align:start;font-weight:500;color:#575195;-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 rgba(46, 27, 70, 0.05);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 #4a4a4a}.search .searchfield-wrapper:focus,.search .searchfield-wrapper.focus{-webkit-box-shadow:0 0 0 1px #19a1a9;-moz-box-shadow:0 0 0 1px #19a1a9;box-shadow:0 0 0 1px #19a1a9;outline:none;border-color:#19a1a9}.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:#6b6b6b;font-size:0.875rem}.search-results-message{padding:1.25rem;color:#4a4a4a;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}';var b=e("wm_select",function(){function e(e){var o=this;t(this,e);this.wmSelectDidLoad=i(this,"wmSelectDidLoad",7);this.wmSelectBlurred=i(this,"wmSelectBlurred",7);this.wmSelectChanged=i(this,"wmSelectChanged",7);this.wmComponentBlurred=i(this,"wmComponentBlurred",7);this.wmSelectSearchChanged=i(this,"wmSelectSearchChanged",7);this.selectAllMessage=l.formatMessage({id:"select.selectAll",defaultMessage:"Select All"});this.deselectAllMessage=l.formatMessage({id:"select.deselectAll",defaultMessage:"Deselect All"});this.allOptionsSelectedMessage=l.formatMessage({id:"select.allOptionsSelected",defaultMessage:"All options selected"});this.allOptionsDeselectedMessage=l.formatMessage({id:"select.allOptionsDeselected",defaultMessage:"All options deselected"});this.keysSoFar="";this.searchIndex=0;this.openUp=false;this.overflowCount=0;this.displayedOptions=[];this.debouncedClearKeysSoFar=a((function(){o.keysSoFar=""}),500);this.debouncedSearch=a((function(){o.wmSelectSearchChanged.emit({searchTerm:o.searchTerm});if(o.filteredOptions.length){o.announce(o.resultsFoundMessage)}else{o.announce(o.noResultsFoundMessage)}}),150);this.disabled=false;this.invalid=false;this.maxHeight=undefined;this.label=undefined;this.labelPosition="top";this.requiredField=false;this.errorMessage="";this.multiple=false;this.search=false;this.selectAll=false;this.placeholder=l.formatMessage({id:"select.multiPlaceholder",defaultMessage:"Make a selection",description:"Placeholder text. Use imperative"});this.searchPlaceholder=l.formatMessage({id:"select.searchPlaceholder",defaultMessage:"Search",description:"Placeholder text. Use imperative"});this.allSelectedMessage=l.formatMessage({id:"select.allSelected",defaultMessage:"All selected",description:"Text displayed when all options are selected"});this.isTabbing=false;this.isExpanded=false;this.announcement=""}Object.defineProperty(e.prototype,"childOptions",{get:function(){return Array.from(this.el.querySelectorAll("wm-option"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"duplicateOptions",{get:function(){return Array.from(this.el.shadowRoot.querySelectorAll("wm-option"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"allOptionEls",{get:function(){return this.duplicateOptions.concat(this.childOptions)},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"visibleOptionEls",{get:function(){return this.allOptionEls.filter((function(e){return!e.classList.contains("hidden")&&!e.classList.contains("filtered-out")}))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"searchTerm",{get:function(){return this.searchFieldEl?this.searchFieldEl.value:""},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"filteredOptions",{get:function(){var e=this;return this.childOptions.filter((function(t){var i;return(i=t.textContent)===null||i===void 0?void 0:i.toLowerCase().includes(e.searchTerm.toLowerCase())}))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"selectedOptions",{get:function(){return Array.from(this.el.querySelectorAll("wm-option")).filter((function(e){return e.selected}))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"allSelected",{get:function(){return this.childOptions.every((function(e){return e.selected}))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"resultsFoundMessage",{get:function(){return l.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})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"noResultsFoundMessage",{get:function(){return l.formatMessage({id:"select.noSearchResults",defaultMessage:"No results found. Please try your search again.",description:"The message displayed when no options pass the search filter"})},enumerable:false,configurable:true});e.prototype.toggleTabbingOn=function(){this.isTabbing=true};e.prototype.toggleTabbingOff=function(){this.isTabbing=false};e.prototype.handleOptionSelection=function(e){var t=e.detail;this.focusOption(t);if(!this.multiple){if(!t.selected){this.selectOption(t);var i={changedOption:t,selectedOptions:[t]};this.wmSelectChanged.emit(i);var o=new CustomEvent("change",{detail:i});this.el.dispatchEvent(o)}this.close()}else{this.selectOption(t);var s=t.classList.contains("duplicate");var n=s?this.findCorrespondingOption(t):t;var r=this.childOptions.filter((function(e){return e.selected}));var i={changedOption:n,selectedOptions:r};this.wmSelectChanged.emit(i);var o=new CustomEvent("change",{detail:i});this.el.dispatchEvent(o)}};e.prototype.handleChildEnter=function(){this.close()};e.prototype.handleChildUp=function(e){this.moveUp(e.detail)};e.prototype.handleChildDown=function(e){this.moveDown(e.detail)};e.prototype.moveToFirstOption=function(){this.focusOption(this.visibleOptionEls[0])};e.prototype.moveToLastOption=function(){this.focusOption(this.visibleOptionEls[this.visibleOptionEls.length-1])};e.prototype.closePopupOnEscape=function(){this.close()};e.prototype.handleOptionBlur=function(e){if(!this.isElOrChild(e.detail.relatedTarget)){var t=new CustomEvent("blur");t.relatedTarget=e.detail.relatedTarget;this.el.dispatchEvent(t)}};e.prototype.handleClick=function(e){if(!this.isElOrChild(e.target)){this.close()}};e.prototype.handleSelectAllClick=function(){this.allSelected?this.deselectAllOptions():this.selectAllOptions()};e.prototype.selectAllOptions=function(){this.allOptionEls.forEach((function(e){return e.selected=true}));this.setSelectAllButton();this.setButtonText();var e={changedOption:null,selectedOptions:this.childOptions};this.wmSelectChanged.emit(e)};e.prototype.deselectAllOptions=function(){this.allOptionEls.forEach((function(e){return e.selected=false}));this.setSelectAllButton();this.setButtonText();var e={changedOption:null,selectedOptions:[]};this.wmSelectChanged.emit(e)};e.prototype.handleButtonBlur=function(e){if(this.isElOrChild(e.relatedTarget)){e.stopPropagation()}};e.prototype.handleSearchFieldBlur=function(e){this.searchFieldWrapperEl.classList.remove("focus");if(this.isElOrChild(e.relatedTarget)){e.stopPropagation()}};e.prototype.handleKey=function(e){switch(e.key){case"ArrowDown":if(this.isExpanded===false){e.preventDefault();this.open("next")}break;case"ArrowUp":if(this.isExpanded===false){e.preventDefault();this.open("previous")}break}};e.prototype.componentWillLoad=function(){var e=this;if(!this.label){console.error("For accessibility purposes, this component requires a label (even if `label-position` is set to `none`).")}this.uid=this.el.id?this.el.id:p();if(document.body.classList.contains("wmcl-user-is-tabbing")){this.toggleTabbingOn()}if(this.selectedOptions.length>0){this.selectedOptions.forEach((function(t){e.displayedOptions.push(t)}))}else if(!this.multiple){this.selectOption(this.allOptionEls[0])}};e.prototype.componentDidLoad=function(){this.wmSelectDidLoad.emit();this.dropdownEl.classList.add("hidden");r(this.el);if(this.maxHeight){this.listboxEl.style.maxHeight=this.maxHeight}if(this.multiple){this.updateOptionVisibility()}this.setButtonText()};e.prototype.componentWillUpdate=function(){if(this.multiple){var e=this.visibleOptionEls.filter((function(e){return e.classList.contains("duplicate")}));e.forEach((function(t,i){if(i===e.length-1){t.classList.add("last")}else{t.classList.remove("last")}}))}};e.prototype.moveUp=function(e){var t=this.visibleOptionEls;if(this.selectAllEl){t.unshift(this.selectAllEl)}if(this.searchFieldEl){t.unshift(this.searchFieldEl)}var i=t[t.indexOf(e)-1]||t[t.length-1];if(i){this.focusOption(i)}};e.prototype.moveDown=function(e){var t=this.visibleOptionEls;if(this.selectAllEl){t.unshift(this.selectAllEl)}if(this.searchFieldEl){t.unshift(this.searchFieldEl)}var i=t[t.indexOf(e)+1]||t[0];if(i){this.focusOption(i)}};e.prototype.open=function(e){var t=this;if(!this.disabled){var i=this.el.clientHeight;var o=this.buttonEl.clientHeight;this.openUp=c(this.el,this.dropdownEl,i,o);this.isExpanded=true;this.dropdownEl.classList.remove("hidden");window.requestAnimationFrame((function(){switch(e){case"next":if(t.search){t.searchFieldEl.focus();t.listboxEl.scrollTop=0}else{t.moveDown(t.visibleOptionEls.filter((function(e){return e.selected})).slice(-1)[0])}break;case"previous":if(t.search){t.focusOption(t.visibleOptionEls[t.visibleOptionEls.length-1])}else{t.moveUp(t.visibleOptionEls.filter((function(e){return e.selected}))[0])}break;default:if(t.search){t.searchFieldEl.focus();t.listboxEl.scrollTop=0}else if(t.selectedOptions.length>0){t.focusOption(t.visibleOptionEls.filter((function(e){return e.selected}))[0])}else{t.focusOption(t.visibleOptionEls[0])}break}}))}};e.prototype.close=function(e){var t=this;if(e===void 0){e=true}if(this.isExpanded){this.isExpanded=false;this.allOptionEls.map((function(e){return e.focused=false}));window.setTimeout((function(){t.dropdownEl.classList.add("hidden");if(t.multiple){t.updateOptionVisibility()}if(t.search){t.searchFieldEl.value="";t.wmSelectSearchChanged.emit({searchTerm:t.searchTerm})}if(e){t.buttonEl.focus()}}),150)}};e.prototype.updateOptionVisibility=function(){var e=this;this.childOptions.forEach((function(t,i){var o=e.duplicateOptions[i];if(t.selected){t.classList.add("hidden");o.classList.remove("hidden")}else{t.classList.remove("hidden");o.classList.add("hidden")}}))};e.prototype.focusOption=function(e){this.allOptionEls.forEach((function(t){return t.focused=t===e}));e.scrollIntoView({block:"nearest"});window.setTimeout((function(){return e.scrollIntoView({block:"nearest"})}),60);e.focus()};e.prototype.selectOption=function(e){if(e.classList.contains("duplicate")){var t=this.findCorrespondingOption(e);t.selected=!t.selected;r(this.el)}else if(this.multiple){e.selected=!e.selected}else{this.childOptions.forEach((function(t){return t.selected=t===e}))}if(this.selectAllEl){this.setSelectAllButton()}this.setButtonText()};e.prototype.findAndFocusOption=function(e){var t=this;var i=e.detail.toLowerCase();if(!this.keysSoFar){this.visibleOptionEls.forEach((function(e,i){if(e.focused){t.searchIndex=i}}))}this.keysSoFar+=i;var o=this.findMatchInRange(this.visibleOptionEls,this.searchIndex+1,this.visibleOptionEls.length);if(!o){o=this.findMatchInRange(this.visibleOptionEls,0,this.searchIndex)}if(o){this.focusOption(o)}this.debouncedClearKeysSoFar()};e.prototype.findMatchInRange=function(e,t,i){var o=this;var s=null;var n=e.slice(t,i);n.forEach((function(e){var t=e.textContent;if(!s&&t&&t.toLowerCase().startsWith(o.keysSoFar)){s=e}}));return s};e.prototype.findCorrespondingOption=function(e){var t=e.classList.contains("duplicate");return t?this.childOptions[this.duplicateOptions.indexOf(e)]:this.duplicateOptions[this.childOptions.indexOf(e)]};e.prototype.isElOrChild=function(e){var t;return e===this.el||this.el.contains(e)||((t=this.el.shadowRoot)===null||t===void 0?void 0:t.contains(e))};e.prototype.exposeErrors=function(){var e=p();this.errorContainer.id="wm-errors-".concat(e);this.buttonEl.setAttribute("aria-describedby","wm-errors-".concat(e))};e.prototype.renderErrorContainer=function(){var e=this;return o("div",{id:"wm-errors",class:this.errorMessage?"error-message":"",ref:function(t){return e.errorContainer=t},"aria-live":"assertive","aria-atomic":"true"},this.errorMessage)};e.prototype.handleComponentBlur=function(e){if(!this.el.contains(e.relatedTarget)){this.close(false);this.wmSelectBlurred.emit();this.wmComponentBlurred.emit()}};e.prototype.handleKeyDown=function(e){var 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":if(t===this.selectAllEl){e.preventDefault();this.handleSelectAllClick();this.close()}break;case" ":if(t===this.selectAllEl){e.preventDefault();this.handleSelectAllClick()}break}};e.prototype.setButtonText=function(){var e=this;this.displayedOptions=this.childOptions.filter((function(e){return e.selected})).map((function(t){return!t.classList.contains("hidden")?t:e.findCorrespondingOption(t)}));if(this.multiple){var t=38;var i=window.getComputedStyle(this.buttonEl);var o=parseInt(i.getPropertyValue("padding-left").slice(0,-2));var s=parseInt(i.getPropertyValue("padding-right").slice(0,-2));var n=this.buttonEl.clientWidth-o-s-t;var r=this.displayedOptions.map((function(e){return e.shadowRoot.querySelector(".option-wrapper").clientWidth}));var l=r.reduce((function(e,t){return e+t}),0);this.overflowCount=0;while(l>n&&this.displayedOptions.length>1){this.overflowCount++;l-=r[r.length-1];r.pop();this.displayedOptions.pop()}}};e.prototype.setSelectAllButton=function(){if(this.allSelected){this.selectAllEl.textContent=this.deselectAllMessage;this.announce(this.allOptionsSelectedMessage)}else{this.selectAllEl.textContent=this.selectAllMessage;if(this.selectedOptions.length===0){this.announce(this.allOptionsDeselectedMessage)}}};e.prototype.announce=function(e){if(this.liveRegionEl.textContent===e){e+=" "}this.announcement=e};e.prototype.renderButtonText=function(){if(this.multiple&&this.displayedOptions.length<1){return o("span",null,this.placeholder)}else if(this.multiple&&this.allSelected&&this.overflowCount>0){return this.allSelectedMessage}else{return this.displayedOptions.map((function(e,t){return o("span",null,t>0?", ":"",e.textContent)}))}};e.prototype.renderSubinfo=function(){if(!this.multiple&&this.selectedOptions.length>0&&this.selectedOptions[0].subinfo){return o("span",{class:"subinfo"},this.selectedOptions[0].subinfo)}};e.prototype.renderOverflowCount=function(){if(this.overflowCount>0&&!this.allSelected){return o("span",null,o("span",{class:"overflow-counter"},"+",this.overflowCount))}};e.prototype.renderSearchField=function(){var e=this;return o("div",{class:"search"},o("div",{class:"searchfield-wrapper",ref:function(t){return e.searchFieldWrapperEl=t}},o("div",{class:"icon"}),o("input",{ref:function(t){return e.searchFieldEl=t},class:"searchfield",role:"combobox","aria-controls":"list-".concat(this.uid),"aria-expanded":this.isExpanded?"true":"false",onKeyDown:function(t){return e.handleKeyDown(t)},onFocus:function(){return e.searchFieldWrapperEl.classList.add("focus")},onBlur:function(t){return e.handleSearchFieldBlur(t)},onInput:function(){return e.debouncedSearch()},placeholder:this.searchPlaceholder})))};e.prototype.renderSearchFailedMessage=function(){return o("div",{class:"search-results-message"},this.noResultsFoundMessage)};e.prototype.renderSelectAllButton=function(){var e=this;if(this.selectAll&&this.multiple&&this.searchTerm==""){return o("button",{ref:function(t){return e.selectAllEl=t},class:"select-all",onClick:function(){return e.handleSelectAllClick()},onKeyDown:function(t){return e.handleKeyDown(t)},tabindex:"-1"},this.allSelected?this.deselectAllMessage:this.selectAllMessage)}};e.prototype.renderDuplicateOptions=function(){return Array.from(this.el.children).map((function(e){return o("wm-option",{class:"duplicate",selected:e.selected},e.textContent)}))};e.prototype.render=function(){var e;var t=this;var i=(e={id:"selectbtn-".concat(this.uid)},e["disabled"]=this.disabled,e["aria-controls"]="list-".concat(this.uid),e["aria-labelledby"]="label-".concat(this.uid," selectbtn-").concat(this.uid),e["aria-describedby"]="wm-errors",e["aria-expanded"]=this.isExpanded?"true":"false",e.onClick=function(){return t.isExpanded?t.close():t.open()},e);return o(s,{onBlur:function(e){return t.handleComponentBlur(e)}},o("div",{class:"wrapper ".concat(d()," label-").concat(this.labelPosition," ").concat(this.invalid||this.errorMessage?"invalid":"")},o("div",{class:"label-wrapper"},o("label",{class:"label",id:"label-".concat(this.uid),htmlFor:"selectbtn-".concat(this.uid)},this.label,this.requiredField?o("span",{class:"required"},o("span",{class:"sr-only"},h.requiredField),o("span",{"aria-hidden":"true"},"*")):"")),o("div",{class:"button-wrapper"},o("button",Object.assign({},i,{class:"displayedoption ".concat(this.isTabbing?"user-is-tabbing":""),ref:function(e){return t.buttonEl=e},onBlur:function(e){return t.handleButtonBlur(e)},onFocus:function(){return t.close()}}),o("span",{class:this.selectedOptions.length>0&&this.selectedOptions.filter((function(e){return e.subinfo})).length>0?"overflowcontrol hassubinfo":"overflowcontrol"},o("span",{class:"button-text"},this.renderButtonText()),this.renderSubinfo()),this.renderOverflowCount()),o("div",{class:"dropdown ".concat(this.isExpanded?"open":""," ").concat(this.openUp?"upwards":""),ref:function(e){return t.dropdownEl=e}},this.search&&this.renderSearchField(),o("div",{id:"list-".concat(this.uid),class:"options-wrapper",tabindex:-1,role:"listbox","aria-multiselectable":this.multiple?"true":null,"aria-labelledby":"label-".concat(this.uid),ref:function(e){return t.listboxEl=e}},this.search&&this.filteredOptions.length===0&&this.renderSearchFailedMessage(),this.renderSelectAllButton(),this.multiple&&this.renderDuplicateOptions(),o("slot",null))),this.renderErrorContainer(),o("div",{id:"announcement","aria-live":"polite",class:"sr-only",ref:function(e){return t.liveRegionEl=e}},this.announcement))))};Object.defineProperty(e,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{errorMessage:["exposeErrors"]}},enumerable:false,configurable:true});return e}());b.style=m}}}));
+//# sourceMappingURL=p-9338011f.system.entry.js.map

package/dist/ripple/p-9338011f.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["wmOptionCss","Option","exports","undefined","Object","defineProperty","class_1","prototype","classes","this","subinfo","push","parentSelectEl","multiple","el","textContent","toLowerCase","includes","searchTerm","join","_a","parentElement","nodeName","getRootNode","host","handleKeydown","ev","key","preventDefault","wmKeyUpPressed","emit","wmKeyDownPressed","disabled","click","wmEnterKeyPressed","stopPropagation","wmEscKeyPressed","wmHomeKeyPressed","wmEndKeyPressed","length","wmLetterPressed","handleSelection","wmOptionSelected","handleBlur","wmOptionBlurred","relatedTarget","syncAriaSelected","selected","setAttribute","removeAttribute","syncAriaDisabled","updateDisabledOnClick","onclick","onClickFunc","handleSearch","detail","regexp","RegExp","concat","boldedText","replace","match","textEl","innerHTML","componentWillLoad","_this","addEventListener","render","h","Host","role","tabindex","focused","class","hostClasses","ref","wmSelectCss","Select","selectAllMessage","intl","formatMessage","id","defaultMessage","deselectAllMessage","allOptionsSelectedMessage","allOptionsDeselectedMessage","keysSoFar","searchIndex","openUp","overflowCount","displayedOptions","debouncedClearKeysSoFar","debounce","debouncedSearch","wmSelectSearchChanged","filteredOptions","announce","resultsFoundMessage","noResultsFoundMessage","description","class_2","Array","from","querySelectorAll","shadowRoot","duplicateOptions","childOptions","allOptionEls","filter","option","classList","contains","searchFieldEl","value","x","every","numResults","toggleTabbingOn","isTabbing","toggleTabbingOff","handleOptionSelection","focusOption","selectOption","changedOption","selectedOptions","wmSelectChanged","event","CustomEvent","dispatchEvent","close","isDuplicate","originalOption","findCorrespondingOption","o","handleChildEnter","handleChildUp","moveUp","handleChildDown","moveDown","moveToFirstOption","visibleOptionEls","moveToLastOption","closePopupOnEscape","handleOptionBlur","isElOrChild","handleClick","target","handleSelectAllClick","allSelected","deselectAllOptions","selectAllOptions","forEach","setSelectAllButton","setButtonText","handleButtonBlur","handleSearchFieldBlur","searchFieldWrapperEl","remove","handleKey","isExpanded","open","label","console","error","uid","generateId","document","body","componentDidLoad","wmSelectDidLoad","dropdownEl","add","forceUpdate","maxHeight","listboxEl","style","updateOptionVisibility","componentWillUpdate","visibleDuplicateOptions_1","idx","focusableEls","selectAllEl","unshift","prevEl","indexOf","nextEl","optionToSelect","elHeight","clientHeight","buttonHeight","buttonEl","shouldOpenUp","window","requestAnimationFrame","search","focus","scrollTop","slice","returnFocus","map","i","setTimeout","duplicateOption","scrollIntoView","block","correspondingOption","findAndFocusOption","character","nextMatch","findMatchInRange","list","startIndex","endIndex","optionsInRange","startsWith","exposeErrors","newId","errorContainer","renderErrorContainer","errorMessage","handleComponentBlur","wmSelectBlurred","wmComponentBlurred","handleKeyDown","y","overflowCounterWidth","computedStyle","getComputedStyle","paddingLeft","parseInt","getPropertyValue","paddingRight","availableSpace","clientWidth","optionsWidths","querySelector","optionsTotalWidth","reduce","acc","pop","message","liveRegionEl","announcement","renderButtonText","placeholder","allSelectedMessage","renderSubinfo","renderOverflowCount","renderSearchField","onKeyDown","onFocus","onBlur","onInput","searchPlaceholder","renderSearchFailedMessage","renderSelectAllButton","selectAll","onClick","renderDuplicateOptions","children","buttonProps","_b","getTextDir","labelPosition","invalid","htmlFor","requiredField","globalMessages","assign"],"sources":["src/components/wm-option/wm-option.scss?tag=wm-option&encapsulation=shadow","src/components/wm-option/wm-option.tsx","src/components/wm-select/wm-select.scss?tag=wm-select&encapsulation=shadow","src/components/wm-select/wm-select.tsx"],"sourcesContent":[":host(:not(:last-child)),\nwm-option:not(:last-child) {\n  border-bottom: 2px solid $list-border-bottom-color;\n}\n\n:host,\nwm-option {\n  display: block;\n  cursor: pointer;\n  position: relative;\n  padding: rem-calc(20);\n  background: $light-background;\n  font-family: inherit;\n  list-style: none;\n  color: $body-text-color;\n  user-select: none;\n\n  &:focus,\n  &.focus {\n    outline: none;\n    background: $background;\n  }\n\n  &.icon {\n    color: $button-default-text;\n  }\n\n  .sr-only {\n    @include srOnly;\n  }\n}\n\n.checkbox {\n  &:before {\n    @include mdi-icon;\n    content: \"\\f131\";\n    display: inline;\n    margin-right: rem-calc(4);\n    color: $periwinkle;\n  }\n}\n\n:host([aria-selected=\"true\"]),\nwm-option[aria-selected=\"true\"] {\n  background: $list-selected-background-color;\n  font-weight: 500;\n\n  .checkbox {\n    &:before {\n      content: \"\\f132\";\n    }\n  }\n}\n\n:host([aria-disabled=\"true\"]),\nwm-option[aria-disabled=\"true\"] {\n  font-style: italic;\n  color: $gray;\n  cursor: default;\n\n  .checkbox {\n    &:before {\n      color: $gray;\n    }\n  }\n}\n\n:host(.multi-option),\nwm-option.multi-option {\n  background: unset;\n}\n\n:host(.hidden),\nwm-option.hidden,\n:host(.filtered-out),\nwm-option.filtered-out {\n  display: none;\n}\n\n:host(.duplicate.last),\nwm-option.duplicate.last {\n  border-bottom: 12px solid $list-border-bottom-color;\n}\n\n:host(.hassubinfo),\nwm-option.hassubinfo {\n  display: flex;\n\n  .option-wrapper {\n    flex: 1;\n  }\n  .subinfo {\n    flex: none;\n  }\n}\n\n.subinfo {\n  font-style: italic;\n}\n\n.option-wrapper {\n  // necessary for multiselect overflow measurement\n  display: inline-block;\n}\n\n::slotted {\n  font-family: inherit;\n}\n\n::slotted(i) {\n  font-size: rem-calc(14);\n\n  &:before {\n    @include mdi-icon;\n    display: inline-block;\n    margin-right: rem-calc(10);\n    pointer-events: none;\n  }\n}\n\n:host(:focus),\nwm-option:focus {\n  outline: none;\n  background: $background;\n}\n\n:host(:hover) {\n  background: $background;\n  outline: none;\n}\n","import { h, Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch } from \"@stencil/core\";\n\n@Component({\n  tag: \"wm-option\",\n  styleUrl: \"wm-option.scss\",\n  shadow: true,\n})\nexport class Option {\n  @Element() el!: HTMLElement;\n\n  @Prop() value?: string | null; // if devs pass a value as attribute they should be able to retrieve it by querying the property. This is untouched by the component.\n  @Prop({ mutable: true }) subinfo?: string = undefined;\n  @Prop({ reflect: true }) disabled: boolean = false;\n  @Prop({ reflect: true }) selected: boolean = false;\n  @Prop() focused: boolean = false;\n\n  @Event() wmOptionSelected!: EventEmitter<HTMLWmOptionElement>;\n  @Event() wmKeyUpPressed!: EventEmitter<HTMLWmOptionElement>;\n  @Event() wmKeyDownPressed!: EventEmitter<HTMLWmOptionElement>;\n  @Event() wmEscKeyPressed!: EventEmitter<HTMLWmOptionElement>;\n  @Event() wmHomeKeyPressed!: EventEmitter<HTMLWmOptionElement>;\n  @Event() wmEndKeyPressed!: EventEmitter<HTMLWmOptionElement>;\n  @Event() wmEnterKeyPressed!: EventEmitter<HTMLWmOptionElement>;\n  @Event() wmLetterPressed!: EventEmitter<string>;\n  @Event() wmOptionBlurred!: EventEmitter<{ relatedTarget: EventTarget | null }>;\n\n  private onClickFunc!: (this: GlobalEventHandlers, ev: MouseEvent) => any;\n  @State() searchTerm: string = \"\";\n  private textEl!: HTMLDivElement;\n\n  get hostClasses() {\n    let classes = [];\n    if (this.subinfo) {\n      classes.push(\"hassubinfo\");\n    }\n    if (this.parentSelectEl.multiple) {\n      classes.push(\"multi-option\");\n    }\n    if (!this.el.textContent!.toLowerCase().includes(this.searchTerm)) {\n      classes.push(\"filtered-out\");\n    }\n    return classes.join(\" \");\n  }\n\n  get parentSelectEl() {\n    return this.el.parentElement?.nodeName !== \"WM-SELECT\"\n      ? ((this.el.getRootNode() as ShadowRoot).host as HTMLWmSelectElement)\n      : (this.el.parentElement as HTMLWmSelectElement);\n  }\n\n  @Listen(\"keydown\")\n  handleKeydown(ev: KeyboardEvent) {\n    switch (ev.key) {\n      case \"ArrowUp\":\n        ev.preventDefault();\n        this.wmKeyUpPressed.emit(this.el as HTMLWmOptionElement);\n        break;\n\n      case \"ArrowDown\":\n        ev.preventDefault();\n        this.wmKeyDownPressed.emit(this.el as HTMLWmOptionElement);\n        break;\n\n      case \"Enter\":\n        ev.preventDefault();\n        if (!this.disabled) {\n          this.el.click();\n          this.wmEnterKeyPressed.emit(this.el as HTMLWmOptionElement);\n        }\n        break;\n\n      case \" \":\n        ev.preventDefault();\n        this.el.click();\n        break;\n\n      case \"Escape\":\n        ev.preventDefault();\n        ev.stopPropagation(); // for instance if select is in a modal, esc should close the select but not the modal\n        this.wmEscKeyPressed.emit();\n        break;\n\n      case \"Home\":\n        ev.preventDefault();\n        this.wmHomeKeyPressed.emit();\n        break;\n\n      case \"End\":\n        ev.preventDefault();\n        this.wmEndKeyPressed.emit();\n        break;\n\n      default:\n        if (ev.key.length === 1) {\n          // emit for single characters (\"a\",\"l\",\"5\", etc), avoid others (\"shift\", \"control\", etc)\n          this.wmLetterPressed.emit(ev.key);\n        }\n    }\n  }\n\n  @Listen(\"click\")\n  handleSelection() {\n    if (!this.disabled) {\n      // the parent wm-select is in charge of the actual selection\n      // using ev.detail because ev.target returns the wm-select for duplicate options\n      this.wmOptionSelected.emit(this.el as HTMLWmOptionElement);\n    }\n  }\n\n  @Listen(\"blur\")\n  handleBlur(ev: FocusEvent) {\n    this.wmOptionBlurred.emit({ relatedTarget: ev.relatedTarget });\n  }\n\n  @Watch(\"selected\")\n  syncAriaSelected() {\n    // this function only keeps the aria-selected attr in sync with the selected prop\n    // all the logic for selecting / deselecting happens in the parent wm-select\n    this.selected ? this.el.setAttribute(\"aria-selected\", \"true\") : this.el.removeAttribute(\"aria-selected\");\n  }\n\n  @Watch(\"disabled\")\n  syncAriaDisabled() {\n    this.disabled ? this.el.setAttribute(\"aria-disabled\", \"true\") : this.el.removeAttribute(\"aria-disabled\");\n  }\n\n  @Watch(\"disabled\")\n  updateDisabledOnClick() {\n    if (this.disabled && this.el.onclick) {\n      this.onClickFunc = this.el.onclick;\n      this.el.onclick = null;\n    } else if (!this.disabled && this.onClickFunc) {\n      this.el.onclick = this.onClickFunc;\n    }\n  }\n\n  handleSearch(ev: CustomEvent) {\n    // filter is case-insensitive, so\n    this.searchTerm = ev.detail.searchTerm.toLowerCase();\n\n    if (this.searchTerm) {\n      const regexp = new RegExp(`${this.searchTerm}`, \"gi\");\n      const boldedText = this.el.textContent!.replace(regexp, (match) => `<strong>${match}</strong>`);\n      // for voiceover, text splitting is read as separate phrases. i.e. hel<b>lo</b> will be read as \"hel lo\"\n      // aria-hidden and sr-only is used to circumvent this\n      this.textEl.innerHTML = boldedText;\n    } else {\n      this.textEl.innerHTML = this.el.textContent!;\n    }\n  }\n\n  componentWillLoad() {\n    this.syncAriaSelected();\n    this.syncAriaDisabled();\n    this.updateDisabledOnClick();\n\n    this.parentSelectEl.addEventListener(\"wmSelectSearchChanged\", (ev) => this.handleSearch(ev as CustomEvent));\n  }\n\n  render() {\n    return (\n      <Host role=\"option\" tabindex={this.focused ? 0 : -1} class={this.hostClasses}>\n        <div class={`option-wrapper ${this.parentSelectEl.multiple ? \"checkbox\" : \"\"}`}>\n          <span aria-hidden=\"true\" ref={(el) => (this.textEl = el as HTMLDivElement)}>\n            {this.el.textContent}\n          </span>\n          <span class=\"sr-only\">{this.el.textContent}</span>\n        </div>\n        <div class=\"subinfo\">{this.subinfo}</div>\n      </Host>\n    );\n  }\n}\n",":host {\n  position: relative;\n  display: block;\n  box-sizing: border-box;\n  font-family: inherit;\n\n  .sr-only {\n    @include srOnly;\n  }\n}\n\n@include label;\n\n.wrapper {\n  & .button-wrapper {\n    position: relative;\n    flex: 1;\n    font-size: rem-calc(18);\n    color: $button-default-text;\n    min-width: rem-calc(140);\n\n    .displayedoption {\n      @include border-radius(3px);\n      @include box-shadow(none);\n      display: flex;\n      align-items: center;\n      flex-wrap: nowrap;\n      background: transparent;\n      width: 100%;\n      border: solid 1px rgba(35, 35, 35, 0.6);\n      padding: rem-calc(0 30 0 15);\n      cursor: pointer;\n      height: rem-calc(40);\n      line-height: normal;\n      font-family: inherit;\n      color: $button-default-text;\n      font-weight: 400;\n      font-size: rem-calc(14);\n      text-transform: none;\n      text-align: left;\n\n      @media only screen and (max-width: 768px) {\n        height: rem-calc(44);\n      }\n\n      &:before {\n        @include mdi-icon;\n        content: \"\\f140\";\n        position: absolute;\n        right: rem-calc(9);\n        pointer-events: none;\n      }\n\n      &:hover:not(:disabled):not(.-disabled):not(.-raised) {\n        background: transparent;\n        text-decoration: none;\n      }\n\n      &:active {\n        // fix style bleed in Edge\n        -ms-transform: scale(1, 1) !important;\n        transform: scale(1, 1) !important;\n      }\n\n      &:focus {\n        outline: none;\n      }\n\n      &::-moz-focus-inner {\n        border: 0;\n      }\n\n      &.user-is-tabbing:focus {\n        @include focus-style;\n      }\n\n      .overflowcontrol {\n        display: block;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        flex: 1;\n\n        &.hassubinfo {\n          display: flex;\n\n          .button-text {\n            flex: 1;\n            text-overflow: ellipsis;\n            overflow: hidden;\n            min-width: 0;\n          }\n          .subinfo {\n            flex: none;\n            font-style: italic;\n          }\n        }\n      }\n\n      .overflow-counter {\n        font-weight: bold;\n        margin-left: rem-calc(8);\n      }\n    }\n\n    > .displayedoption[disabled] {\n      color: #6b6b6b;\n      border-color: #8a8a8a;\n      background: #f0f0f0;\n      cursor: default;\n    }\n\n    > .dropdown {\n      -webkit-overflow-scrolling: touch;\n\n      @include box-shadow(0 4px 15px 0 rgba(0, 0, 0, 0.2));\n      @include transition(transform 0.25s ease);\n      @include scale($xVal: 1, $yVal: 0);\n      @include transformOrigin(center top);\n      @include border-radius(3px);\n      position: absolute;\n      top: 0;\n      right: 0;\n      background: #fff;\n      z-index: 100;\n      width: 100%;\n      font-size: rem-calc(14);\n\n      &.upwards {\n        top: unset;\n        bottom: calc(100% - 2.5rem);\n        @include transformOrigin(center bottom);\n      }\n\n      &.hidden {\n        visibility: hidden;\n      }\n    }\n\n    > .dropdown.open {\n      @include scale($xVal: 1, $yVal: 1);\n    }\n  }\n\n  &.invalid {\n    & .button-wrapper {\n      & .displayedoption {\n        @include invalidBorder;\n      }\n    }\n  }\n\n  & .error-message {\n    @include errorMessage;\n    margin-bottom: rem-calc(4);\n    top: 100%;\n    left: 0;\n  }\n}\n\n.options-wrapper {\n  max-height: rem-calc(200);\n  overflow: auto;\n}\n\n.select-all {\n  //display: inline-block;\n  width: 100%;\n  cursor: pointer;\n  padding: rem-calc(20);\n  border: none;\n  margin: 0;\n  border-bottom: 2px solid $list-border-bottom-color;\n  background: $light-background;\n  font-family: inherit;\n  font-size: inherit;\n  text-align: left; // fallback for browsers not supporting logical properties\n  text-align: start;\n  font-weight: 500;\n  color: $interactive-element;\n  user-select: none;\n\n  &:hover,\n  &:focus {\n    outline: none;\n    background: #f4f4f4;\n  }\n}\n\n.search {\n  box-sizing: border-box;\n  border-bottom: 2px solid $list-border-bottom-color;\n  padding: rem-calc(20);\n\n  .searchfield-wrapper {\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    height: rem-calc(44);\n    width: 100%;\n    padding: 0 rem-calc(12);\n    @include border-radius(3px);\n    border: 1px solid $input-border-color;\n    &:focus,\n    &.focus {\n      @include field-focus;\n    }\n  }\n  .searchfield {\n    width: 100%;\n    border: none;\n    outline: none;\n    font-family: inherit;\n    font-size: rem-calc(14);\n    margin-left: rem-calc(4);\n  }\n  .icon:before {\n    @include mdi-icon;\n    content: \"\\f349\";\n    color: $gray;\n    font-size: rem-calc(14);\n  }\n}\n\n.search-results-message {\n  padding: rem-calc(20);\n  color: $body-text-color;\n  font-size: rem-calc(14);\n  font-style: italic;\n}\n\n.rtl {\n  > .dropdown {\n    @include transformOrigin(left top);\n    left: 0;\n    right: auto;\n\n    .option {\n      padding-left: rem-calc(48);\n      padding-right: rem-calc(20);\n    }\n  }\n\n  > .displayedoption {\n    padding: rem-calc(0 15 0 30);\n    text-align: right;\n\n    &:before {\n      right: auto;\n      left: rem-calc(9);\n    }\n  }\n}\n","import { h, Component, Element, Event, EventEmitter, Listen, Prop, State, Watch, Host } from \"@stencil/core\";\nimport { forceUpdate } from \"@stencil/core\";\nimport { generateId, getTextDir, shouldOpenUp, intl, debounce } from \"../../global/functions\";\nimport { globalMessages } from \"../../global/intl\";\n\n@Component({\n  tag: \"wm-select\",\n  styleUrl: \"wm-select.scss\",\n  shadow: { delegatesFocus: true },\n})\nexport class Select {\n  @Element() el!: HTMLWmSelectElement;\n\n  private uid!: string;\n  @Prop({ reflect: true }) disabled: boolean = false;\n  @Prop({ mutable: true }) invalid: boolean = false;\n  @Prop() maxHeight?: string;\n  @Prop({ mutable: true }) label?: string;\n  @Prop() labelPosition: \"top\" | \"left\" | \"none\" = \"top\";\n  @Prop() requiredField: boolean = false;\n  @Prop({ mutable: true }) errorMessage: string = \"\";\n  @Prop() multiple: boolean = false;\n  @Prop() search: boolean = false;\n  @Prop() selectAll: boolean = false;\n  @Prop() placeholder: string = intl.formatMessage({\n    id: \"select.multiPlaceholder\",\n    defaultMessage: \"Make a selection\",\n    description: \"Placeholder text. Use imperative\",\n  });\n  @Prop() searchPlaceholder: string = intl.formatMessage({\n    id: \"select.searchPlaceholder\",\n    defaultMessage: \"Search\",\n    description: \"Placeholder text. Use imperative\",\n  });\n  @Prop() allSelectedMessage: string = intl.formatMessage({\n    id: \"select.allSelected\",\n    defaultMessage: \"All selected\",\n    description: \"Text displayed when all options are selected\",\n  });\n\n  selectAllMessage = intl.formatMessage({\n    id: \"select.selectAll\",\n    defaultMessage: \"Select All\",\n  });\n\n  deselectAllMessage = intl.formatMessage({\n    id: \"select.deselectAll\",\n    defaultMessage: \"Deselect All\",\n  });\n\n  allOptionsSelectedMessage = intl.formatMessage({\n    id: \"select.allOptionsSelected\",\n    defaultMessage: \"All options selected\",\n  });\n\n  allOptionsDeselectedMessage = intl.formatMessage({\n    id: \"select.allOptionsDeselected\",\n    defaultMessage: \"All options deselected\",\n  });\n\n  @State() isTabbing: boolean = false;\n  @State() isExpanded: boolean = false;\n  @State() announcement: string = \"\";\n  @Event() wmSelectDidLoad!: EventEmitter<void>;\n  @Event() wmSelectBlurred!: EventEmitter<void>;\n  @Event() wmSelectChanged!: EventEmitter<Object>;\n  @Event() wmComponentBlurred!: EventEmitter<void>; // deprecated in favor of wmSelectBlurred\n  @Event() wmSelectSearchChanged!: EventEmitter<Object>;\n\n  private buttonEl!: HTMLButtonElement;\n  private dropdownEl!: HTMLDivElement;\n  private selectAllEl!: HTMLButtonElement;\n  private listboxEl!: HTMLDivElement;\n  private liveRegionEl!: HTMLDivElement;\n  private searchFieldWrapperEl!: HTMLDivElement;\n  private searchFieldEl!: HTMLInputElement;\n  private errorContainer!: HTMLDivElement;\n  private keysSoFar: string = \"\";\n  private searchIndex: number = 0;\n  private openUp: boolean = false;\n  get childOptions() {\n    return Array.from(this.el.querySelectorAll(\"wm-option\"));\n  }\n  get duplicateOptions(): HTMLWmOptionElement[] {\n    return Array.from(this.el.shadowRoot!.querySelectorAll(\"wm-option\"));\n  }\n  get allOptionEls(): HTMLWmOptionElement[] {\n    // this includes both slotted wm-options and internally created wm-options\n    return this.duplicateOptions.concat(this.childOptions);\n  }\n  get visibleOptionEls(): HTMLWmOptionElement[] {\n    return this.allOptionEls.filter(\n      (option) => !option.classList.contains(\"hidden\") && !option.classList.contains(\"filtered-out\")\n    );\n  }\n\n  //////////////////////////////////////\n  // for search variants\n  get searchTerm(): string {\n    return this.searchFieldEl ? this.searchFieldEl.value : \"\";\n  }\n  get filteredOptions(): HTMLWmOptionElement[] {\n    return this.childOptions.filter((option) =>\n      option.textContent?.toLowerCase().includes(this.searchTerm.toLowerCase())\n    );\n  }\n  //////////////////////////////////////\n\n  //////////////////////////////////////\n  // for multiselect button text\n  private overflowCount: number = 0;\n  get selectedOptions(): HTMLWmOptionElement[] {\n    return Array.from(this.el.querySelectorAll(\"wm-option\")).filter((x) => x.selected);\n  }\n  private displayedOptions: HTMLWmOptionElement[] = [];\n  get allSelected() {\n    return this.childOptions.every((option) => option.selected);\n  }\n  //////////////////////////////////////\n\n  get resultsFoundMessage() {\n    return intl.formatMessage(\n      {\n        id: \"select.searchResultsFound\",\n        defaultMessage: \"{numResults, plural, one {1 option found} other {# options found}}\",\n        description: \"The message read by the screen reader, indicating how many results a search returned\",\n      },\n      { numResults: this.filteredOptions.length }\n    );\n  }\n\n  get noResultsFoundMessage() {\n    return intl.formatMessage({\n      id: \"select.noSearchResults\",\n      defaultMessage: \"No results found. Please try your search again.\",\n      description: \"The message displayed when no options pass the search filter\",\n    });\n  }\n\n  @Listen(\"wmUserIsTabbing\", { target: \"window\" })\n  toggleTabbingOn() {\n    this.isTabbing = true;\n  }\n\n  @Listen(\"wmUserIsNotTabbing\", { target: \"window\" })\n  toggleTabbingOff() {\n    this.isTabbing = false;\n  }\n\n  @Listen(\"wmOptionSelected\")\n  handleOptionSelection(ev: CustomEvent): void {\n    const option: HTMLWmOptionElement = ev.detail;\n    this.focusOption(option);\n    if (!this.multiple) {\n      // if the option was already selected, leave selected states untouched and don't fire the event\n      if (!option.selected) {\n        this.selectOption(option);\n        const detail = { changedOption: option, selectedOptions: [option] };\n        this.wmSelectChanged.emit(detail);\n        // change is deprecated in favor of wmSelectChanged\n        // because of issues with React wrappers when using native events name\n        const event = new CustomEvent(\"change\", { detail: detail });\n        // @ts-ignore\n        this.el.dispatchEvent(event);\n      }\n      this.close();\n    } else {\n      this.selectOption(option);\n      // we pass the original option with the event, as it's the only one the devs know or care about\n      // devs will typically set a `value` on the option, which is not copied over\n      // we could have taken the value and put it on the duplicate option,\n      // but this approach is more flexible (what if they want to have a data attribute?)\n      const isDuplicate: boolean = option.classList.contains(\"duplicate\");\n      const originalOption: HTMLWmOptionElement = isDuplicate ? this.findCorrespondingOption(option) : option;\n      const selectedOptions = this.childOptions.filter((o) => o.selected);\n      const detail = { changedOption: originalOption, selectedOptions: selectedOptions };\n      this.wmSelectChanged.emit(detail);\n      // change is deprecated in favor of wmSelectChanged\n      // because of issues with React wrappers when using native events name\n      const event = new CustomEvent(\"change\", { detail: detail });\n      // @ts-ignore\n      this.el.dispatchEvent(event);\n    }\n  }\n\n  @Listen(\"wmEnterKeyPressed\")\n  handleChildEnter(): void {\n    // only occurs for multiselects. handle the click, then close\n    this.close();\n  }\n\n  @Listen(\"wmKeyUpPressed\")\n  handleChildUp(ev: CustomEvent): void {\n    this.moveUp(ev.detail as HTMLWmOptionElement);\n  }\n\n  @Listen(\"wmKeyDownPressed\")\n  handleChildDown(ev: CustomEvent): void {\n    this.moveDown(ev.detail as HTMLWmOptionElement);\n  }\n\n  @Listen(\"wmHomeKeyPressed\")\n  moveToFirstOption(): void {\n    this.focusOption(this.visibleOptionEls[0]);\n  }\n\n  @Listen(\"wmEndKeyPressed\")\n  moveToLastOption(): void {\n    this.focusOption(this.visibleOptionEls[this.visibleOptionEls.length - 1]);\n  }\n\n  @Listen(\"wmEscKeyPressed\")\n  closePopupOnEscape(): void {\n    this.close();\n  }\n\n  @Listen(\"wmOptionBlurred\")\n  handleOptionBlur(ev: CustomEvent): void {\n    // if the Option is blurred to something other than the component emit a blur event with the appropriate relatedTarget\n    // keeps our component's blur events accurate, and closes when focusing browser address bar\n    if (!this.isElOrChild(ev.detail.relatedTarget)) {\n      const event = new CustomEvent(\"blur\");\n      // @ts-ignore\n      event.relatedTarget = ev.detail.relatedTarget;\n      this.el.dispatchEvent(event);\n    }\n  }\n\n  @Listen(\"click\", { target: \"document\", capture: true })\n  handleClick(ev: MouseEvent): void {\n    if (!this.isElOrChild(ev.target as HTMLElement)) {\n      this.close();\n    }\n  }\n\n  handleSelectAllClick() {\n    this.allSelected ? this.deselectAllOptions() : this.selectAllOptions();\n  }\n\n  selectAllOptions() {\n    this.allOptionEls.forEach((o) => (o.selected = true));\n    this.setSelectAllButton();\n    this.setButtonText();\n    const detail = { changedOption: null, selectedOptions: this.childOptions };\n    this.wmSelectChanged.emit(detail);\n  }\n\n  deselectAllOptions() {\n    this.allOptionEls.forEach((o) => (o.selected = false));\n    this.setSelectAllButton();\n    this.setButtonText();\n    const detail = { changedOption: null, selectedOptions: [] };\n    this.wmSelectChanged.emit(detail);\n  }\n\n  handleButtonBlur(ev: FocusEvent) {\n    if (this.isElOrChild(ev.relatedTarget as HTMLElement)) {\n      // do not emit a blur event when opening the dropdown and focusing the Options\n      ev.stopPropagation();\n    }\n  }\n\n  handleSearchFieldBlur(ev: FocusEvent) {\n    this.searchFieldWrapperEl.classList.remove(\"focus\");\n    if (this.isElOrChild(ev.relatedTarget as HTMLElement)) {\n      // do not emit a blur event when moving from searchfield to options\n      ev.stopPropagation();\n    }\n  }\n\n  @Listen(\"keydown\")\n  handleKey(ev: KeyboardEvent): void {\n    switch (ev.key) {\n      case \"ArrowDown\":\n        if (this.isExpanded === false) {\n          ev.preventDefault();\n          this.open(\"next\");\n        }\n        break;\n\n      case \"ArrowUp\":\n        if (this.isExpanded === false) {\n          ev.preventDefault();\n          this.open(\"previous\");\n        }\n        break;\n    }\n  }\n\n  componentWillLoad() {\n    if (!this.label) {\n      console.error(\n        \"For accessibility purposes, this component requires a label (even if `label-position` is set to `none`).\"\n      );\n    }\n\n    this.uid = this.el.id ? this.el.id : generateId();\n\n    if (document.body.classList.contains(\"wmcl-user-is-tabbing\")) {\n      this.toggleTabbingOn();\n    }\n\n    // set initial selections\n    if (this.selectedOptions.length > 0) {\n      this.selectedOptions.forEach((x) => {\n        this.displayedOptions.push(x);\n      });\n      // single Select only, pre-select if no default option from dev\n    } else if (!this.multiple) {\n      this.selectOption(this.allOptionEls[0]);\n    }\n  }\n\n  componentDidLoad() {\n    this.wmSelectDidLoad.emit();\n    this.dropdownEl.classList.add(\"hidden\");\n    forceUpdate(this.el);\n\n    // Dev can overwrite the max-height rule set in the Sass file\n    if (this.maxHeight) {\n      this.listboxEl.style.maxHeight = this.maxHeight;\n    }\n\n    if (this.multiple) {\n      this.updateOptionVisibility();\n    }\n    this.setButtonText();\n  }\n\n  componentWillUpdate() {\n    if (this.multiple) {\n      // find last visible duplicate option and apply .last class\n      const visibleDuplicateOptions = this.visibleOptionEls.filter((option) => option.classList.contains(\"duplicate\"));\n      visibleDuplicateOptions.forEach((option, idx) => {\n        if (idx === visibleDuplicateOptions.length - 1) {\n          option.classList.add(\"last\");\n        } else {\n          option.classList.remove(\"last\");\n        }\n      });\n    }\n  }\n\n  moveUp(el: HTMLElement) {\n    const focusableEls: HTMLElement[] = this.visibleOptionEls;\n    if (this.selectAllEl) {\n      focusableEls.unshift(this.selectAllEl);\n    }\n    if (this.searchFieldEl) {\n      focusableEls.unshift(this.searchFieldEl);\n    }\n\n    const prevEl = focusableEls[focusableEls.indexOf(el) - 1] || focusableEls[focusableEls.length - 1];\n\n    if (prevEl) {\n      this.focusOption(prevEl);\n    }\n  }\n\n  moveDown(el: HTMLElement) {\n    const focusableEls: HTMLElement[] = this.visibleOptionEls;\n    if (this.selectAllEl) {\n      focusableEls.unshift(this.selectAllEl);\n    }\n    if (this.searchFieldEl) {\n      focusableEls.unshift(this.searchFieldEl);\n    }\n\n    const nextEl = focusableEls[focusableEls.indexOf(el) + 1] || focusableEls[0];\n\n    if (nextEl) {\n      this.focusOption(nextEl);\n    }\n  }\n\n  open(optionToSelect?: \"next\" | \"previous\"): void {\n    if (!this.disabled) {\n      const elHeight = this.el.clientHeight;\n      const buttonHeight = this.buttonEl.clientHeight;\n      this.openUp = shouldOpenUp(\n        this.el,\n        this.dropdownEl,\n        // when opening up, dropdown covers both label and button\n        elHeight,\n        // when opening down, dropdown covers only the button\n        buttonHeight\n      );\n      this.isExpanded = true;\n      this.dropdownEl.classList.remove(\"hidden\");\n\n      window.requestAnimationFrame(() => {\n        switch (optionToSelect) {\n          case \"next\":\n            // search variant focuses search field\n            // all others focus option \"after\" last selected option  (this can be the first option)\n            if (this.search) {\n              this.searchFieldEl.focus();\n              this.listboxEl.scrollTop = 0;\n            } else {\n              this.moveDown(this.visibleOptionEls.filter((x) => x.selected).slice(-1)[0]);\n            }\n            break;\n          case \"previous\":\n            // search variant focuses last option\n            // all others focus option \"above\" first selected option (this can be the last option)\n            if (this.search) {\n              this.focusOption(this.visibleOptionEls[this.visibleOptionEls.length - 1]);\n            } else {\n              this.moveUp(this.visibleOptionEls.filter((x) => x.selected)[0]);\n            }\n            break;\n          default:\n            // search variant focuses search field\n            // all others focus the selected option\n            // if no option is selected (empty multiselect), focuses first option\n            if (this.search) {\n              this.searchFieldEl.focus();\n              this.listboxEl.scrollTop = 0;\n            } else if (this.selectedOptions.length > 0) {\n              this.focusOption(this.visibleOptionEls.filter((x) => x.selected)[0]);\n            } else {\n              this.focusOption(this.visibleOptionEls[0]);\n            }\n            break;\n        }\n      });\n    }\n  }\n\n  close(returnFocus: boolean = true): void {\n    if (this.isExpanded) {\n      this.isExpanded = false;\n      this.allOptionEls.map((i) => (i.focused = false));\n\n      window.setTimeout(() => {\n        this.dropdownEl.classList.add(\"hidden\");\n        if (this.multiple) {\n          this.updateOptionVisibility();\n        }\n        // clear search field, reset filtered / bolded state of wm-options\n        if (this.search) {\n          this.searchFieldEl.value = \"\";\n          this.wmSelectSearchChanged.emit({ searchTerm: this.searchTerm });\n        }\n        // Returns focus to button after popup closes (no need if user is tabbing)\n        // Delay is necessary for screenreader to get new expanded state before focus\n        // window.requestAnimationFrame is probably enough, but since we are already using setTimeout it may as well be here\n        // also UX wise, it makes sense for the button to only be focused after the animation is complete\n        if (returnFocus) {\n          this.buttonEl.focus();\n        }\n      }, 150);\n    }\n  }\n\n  updateOptionVisibility() {\n    // this runs for search multiselects, where selected options are rendered at the top of the dropdown list\n    // slotted wm-options are hidden if selected, and duplicate wm-options are made visible if selected\n    this.childOptions.forEach((option, idx) => {\n      const duplicateOption = this.duplicateOptions[idx];\n      if (option.selected) {\n        option.classList.add(\"hidden\");\n        duplicateOption.classList.remove(\"hidden\");\n      } else {\n        option.classList.remove(\"hidden\");\n        duplicateOption.classList.add(\"hidden\");\n      }\n    });\n  }\n\n  focusOption(option: HTMLElement): void {\n    this.allOptionEls.forEach((i) => (i.focused = i === option));\n\n    // option must be scrolledIntoView before focused\n    // if focus is called first the option might be positioned incorrectly (in the center of the dropdown) and scrollIntoView will do nothing as the option will already be in view\n    option.scrollIntoView({ block: \"nearest\" });\n\n    // scrollIntoView does not work when the container of the element it's called on is not rendered to the page (in our case the dropdown is still closed and has transform: scaleY(0))\n    // when opening the dropdown, scrollIntoView must be delayed to a point where the browser recognizes content within it as able to be scrolled to\n    // in Safari in particular, the soonest this seems to happen is 20ms. The longest we can wait before any jumping in the open dropdown is noticeable is 60ms\n    window.setTimeout(() => option.scrollIntoView({ block: \"nearest\" }), 60);\n\n    option.focus();\n  }\n\n  selectOption(option: HTMLWmOptionElement): void {\n    // beware of this function's name. For multiselect it actually toggles the selected state, so it can also deselect the option\n    if (option.classList.contains(\"duplicate\")) {\n      // if clicking on a duplicate option, toggle selected property of real one, then rerender\n      const correspondingOption = this.findCorrespondingOption(option);\n      correspondingOption.selected = !correspondingOption.selected;\n      forceUpdate(this.el);\n    } else if (this.multiple) {\n      option.selected = !option.selected;\n    } else {\n      this.childOptions.forEach((x) => (x.selected = x === option));\n    }\n    // update the selectAll checkbox when an option is de/selected\n    // checking is the el is present, implies that this.multiple and this.selectAll are true\n    if (this.selectAllEl) {\n      this.setSelectAllButton();\n    }\n    this.setButtonText();\n  }\n\n  @Listen(\"wmLetterPressed\")\n  findAndFocusOption(ev: CustomEvent): void {\n    const character = ev.detail.toLowerCase();\n\n    if (!this.keysSoFar) {\n      // if first character entered, set currently focused option as the starting index for the search\n      this.visibleOptionEls.forEach((option, idx) => {\n        if (option.focused) {\n          this.searchIndex = idx;\n        }\n      });\n    }\n\n    this.keysSoFar += character;\n\n    let nextMatch = this.findMatchInRange(this.visibleOptionEls, this.searchIndex + 1, this.visibleOptionEls.length);\n    if (!nextMatch) {\n      // if match can't be found from starting option downwards, search from top\n      nextMatch = this.findMatchInRange(this.visibleOptionEls, 0, this.searchIndex);\n    }\n\n    if (nextMatch) {\n      // findMatchInRange still might have returned null, only focus if match found\n      this.focusOption(nextMatch as HTMLWmOptionElement);\n    }\n    this.debouncedClearKeysSoFar();\n  }\n\n  debouncedClearKeysSoFar = debounce(() => {\n    this.keysSoFar = \"\";\n  }, 500);\n\n  findMatchInRange(list: HTMLWmOptionElement[], startIndex: number, endIndex: number): HTMLWmOptionElement | null {\n    let match: HTMLWmOptionElement | null = null;\n    let optionsInRange = list.slice(startIndex, endIndex);\n\n    // Find the first option starting with the keysSoFar substring, searching in\n    // the specified range of options\n    optionsInRange.forEach((option) => {\n      const label = option.textContent;\n      if (!match && label && label.toLowerCase().startsWith(this.keysSoFar)) {\n        match = option;\n      }\n    });\n\n    return match;\n  }\n\n  findCorrespondingOption(el: HTMLWmOptionElement): HTMLWmOptionElement {\n    // if duplicate, returns the child wm-option\n    // if child wm-option, returns duplicate\n    const isDuplicate = el.classList.contains(\"duplicate\");\n    return isDuplicate\n      ? this.childOptions[this.duplicateOptions.indexOf(el)]\n      : this.duplicateOptions[this.childOptions.indexOf(el)];\n  }\n\n  isElOrChild(el: HTMLElement) {\n    // determines whether or not the element is the component, a child of the component, or exists within the component's shadowroot\n    return el === this.el || this.el.contains(el) || this.el.shadowRoot?.contains(el);\n  }\n\n  @Watch(\"errorMessage\")\n  exposeErrors() {\n    // When the error changes, a new id is set for the error container and the button's aria-describedby attribute is updated accordingly. This is to make sure the screen reader announces teh updated errors in Firefox. See this longstanding bug: https://bugzilla.mozilla.org/show_bug.cgi?id=493683\n    const newId = generateId();\n    this.errorContainer.id = `wm-errors-${newId}`;\n    this.buttonEl.setAttribute(\"aria-describedby\", `wm-errors-${newId}`);\n  }\n\n  renderErrorContainer() {\n    return (\n      <div\n        id=\"wm-errors\"\n        class={this.errorMessage ? \"error-message\" : \"\"}\n        ref={(el) => (this.errorContainer = el as HTMLDivElement)}\n        aria-live=\"assertive\"\n        aria-atomic=\"true\"\n      >\n        {this.errorMessage}\n      </div>\n    );\n  }\n\n  handleComponentBlur(ev: FocusEvent): void {\n    // Do not close or emit custom blur event when blurring to an element inside (wm-option)\n    if (!this.el.contains(ev.relatedTarget as Node)) {\n      this.close(false);\n      this.wmSelectBlurred.emit();\n      this.wmComponentBlurred.emit(); // deprecated\n    }\n  }\n\n  // on search field or select all. keydown on options is handled via events.\n  handleKeyDown(ev: KeyboardEvent) {\n    const el = ev.target as HTMLElement;\n    switch (ev.key) {\n      case \"ArrowDown\":\n        ev.preventDefault();\n        this.moveDown(ev.target as HTMLElement);\n        break;\n      case \"ArrowUp\":\n        ev.preventDefault();\n        this.moveUp(ev.target as HTMLElement);\n        break;\n      case \"Escape\":\n        ev.preventDefault();\n        this.close();\n        break;\n      case \"Enter\":\n        if (el === this.selectAllEl) {\n          ev.preventDefault();\n          this.handleSelectAllClick();\n          this.close();\n        }\n        break;\n      case \" \":\n        if (el === this.selectAllEl) {\n          ev.preventDefault();\n          this.handleSelectAllClick();\n        }\n        break;\n    }\n  }\n\n  debouncedSearch = debounce(() => {\n    this.wmSelectSearchChanged.emit({ searchTerm: this.searchTerm });\n\n    if (this.filteredOptions.length) {\n      this.announce(this.resultsFoundMessage);\n    } else {\n      this.announce(this.noResultsFoundMessage);\n    }\n  }, 150);\n\n  setButtonText() {\n    this.displayedOptions = this.childOptions\n      .filter((x) => x.selected)\n      .map((y) => (!y.classList.contains(\"hidden\") ? y : this.findCorrespondingOption(y)));\n\n    // handle overflow + counter for multiselect\n    if (this.multiple) {\n      // this is a fixed measurement accounting for the max width of a 3 character overflow counter\n      const overflowCounterWidth = 38;\n      const computedStyle = window.getComputedStyle(this.buttonEl);\n\n      // there seems to be no quick way to get an elements width without padding, except for subtracting padding manually\n      const paddingLeft = parseInt(computedStyle.getPropertyValue(\"padding-left\").slice(0, -2));\n      const paddingRight = parseInt(computedStyle.getPropertyValue(\"padding-right\").slice(0, -2));\n\n      const availableSpace = this.buttonEl.clientWidth - paddingLeft - paddingRight - overflowCounterWidth;\n\n      let optionsWidths = this.displayedOptions.map((x) => x.shadowRoot!.querySelector(\".option-wrapper\")!.clientWidth);\n\n      let optionsTotalWidth = optionsWidths.reduce((acc, x) => acc + x, 0);\n      this.overflowCount = 0;\n\n      while (optionsTotalWidth > availableSpace && this.displayedOptions.length > 1) {\n        this.overflowCount++;\n        optionsTotalWidth -= optionsWidths[optionsWidths.length - 1];\n        optionsWidths.pop();\n        this.displayedOptions.pop();\n      }\n    }\n  }\n\n  setSelectAllButton() {\n    if (this.allSelected) {\n      this.selectAllEl.textContent = this.deselectAllMessage;\n      this.announce(this.allOptionsSelectedMessage);\n    } else {\n      this.selectAllEl.textContent = this.selectAllMessage;\n      if (this.selectedOptions.length === 0) {\n        this.announce(this.allOptionsDeselectedMessage);\n      }\n    }\n  }\n\n  announce(message: string) {\n    // \\u00A0 is a non-breaking space character, which causes the message to be read as a new one\n    if (this.liveRegionEl.textContent === message) {\n      message += \"\\u00A0\";\n    }\n    this.announcement = message;\n  }\n\n  renderButtonText() {\n    if (this.multiple && this.displayedOptions.length < 1) {\n      return <span>{this.placeholder}</span>;\n    } else if (this.multiple && this.allSelected && this.overflowCount > 0) {\n      return this.allSelectedMessage;\n    } else {\n      return this.displayedOptions.map((x, idx) => (\n        <span>\n          {idx > 0 ? \", \" : \"\"}\n          {x.textContent}\n        </span>\n      ));\n    }\n  }\n\n  renderSubinfo() {\n    // multiselects cannot have subinfo for options\n    if (!this.multiple && this.selectedOptions.length > 0 && this.selectedOptions[0].subinfo) {\n      return <span class=\"subinfo\">{this.selectedOptions[0].subinfo}</span>;\n    }\n  }\n\n  renderOverflowCount() {\n    if (this.overflowCount > 0 && !this.allSelected) {\n      return (\n        <span>\n          <span class=\"overflow-counter\">+{this.overflowCount}</span>\n        </span>\n      );\n    }\n  }\n\n  renderSearchField() {\n    return (\n      <div class=\"search\">\n        <div class=\"searchfield-wrapper\" ref={(el) => (this.searchFieldWrapperEl = el as HTMLInputElement)}>\n          <div class=\"icon\"></div>\n          <input\n            ref={(el) => (this.searchFieldEl = el as HTMLInputElement)}\n            class=\"searchfield\"\n            role=\"combobox\"\n            aria-controls={`list-${this.uid}`}\n            aria-expanded={this.isExpanded ? \"true\" : \"false\"}\n            onKeyDown={(ev) => this.handleKeyDown(ev)}\n            onFocus={() => this.searchFieldWrapperEl.classList.add(\"focus\")}\n            onBlur={(ev) => this.handleSearchFieldBlur(ev)}\n            onInput={() => this.debouncedSearch()}\n            placeholder={this.searchPlaceholder}\n          ></input>\n        </div>\n      </div>\n    );\n  }\n\n  renderSearchFailedMessage() {\n    return <div class=\"search-results-message\">{this.noResultsFoundMessage}</div>;\n  }\n\n  renderSelectAllButton() {\n    if (this.selectAll && this.multiple && this.searchTerm == \"\") {\n      return (\n        <button\n          ref={(el) => (this.selectAllEl = el as HTMLButtonElement)}\n          class=\"select-all\"\n          onClick={() => this.handleSelectAllClick()}\n          onKeyDown={(ev) => this.handleKeyDown(ev)}\n          tabindex=\"-1\"\n        >\n          {this.allSelected ? this.deselectAllMessage : this.selectAllMessage}\n        </button>\n      );\n    }\n  }\n\n  renderDuplicateOptions() {\n    return Array.from(this.el.children).map((option) => {\n      return (\n        <wm-option class=\"duplicate\" selected={(option as HTMLWmOptionElement).selected}>\n          {option.textContent}\n        </wm-option>\n      );\n    });\n  }\n\n  render() {\n    const buttonProps = {\n      id: `selectbtn-${this.uid}`,\n      [\"disabled\"]: this.disabled,\n      [\"aria-controls\"]: `list-${this.uid}`,\n      [\"aria-labelledby\"]: `label-${this.uid} selectbtn-${this.uid}`,\n      [\"aria-describedby\"]: \"wm-errors\",\n      [\"aria-expanded\"]: this.isExpanded ? \"true\" : \"false\",\n      onClick: () => (this.isExpanded ? this.close() : this.open()),\n    };\n\n    return (\n      <Host onBlur={(ev: FocusEvent) => this.handleComponentBlur(ev)}>\n        <div\n          class={`wrapper ${getTextDir()} label-${this.labelPosition} ${\n            this.invalid || this.errorMessage ? \"invalid\" : \"\"\n          }`}\n        >\n          <div class=\"label-wrapper\">\n            <label class=\"label\" id={`label-${this.uid}`} htmlFor={`selectbtn-${this.uid}`}>\n              {this.label}\n              {\n                // we can't use aria-required or required attributes because it's invalid on the elements we're using (button controlling a listbox)\n                this.requiredField ? (\n                  <span class=\"required\">\n                    <span class=\"sr-only\">{globalMessages.requiredField}</span>\n                    <span aria-hidden=\"true\">*</span>\n                  </span>\n                ) : (\n                  \"\"\n                )\n              }\n            </label>\n          </div>\n          <div class=\"button-wrapper\">\n            <button\n              {...buttonProps}\n              class={`displayedoption ${this.isTabbing ? \"user-is-tabbing\" : \"\"}`}\n              ref={(el) => (this.buttonEl = el as HTMLButtonElement)}\n              onBlur={(ev) => this.handleButtonBlur(ev)}\n              onFocus={() => this.close()}\n            >\n              <span\n                class={\n                  this.selectedOptions.length > 0 && this.selectedOptions.filter((x) => x.subinfo).length > 0\n                    ? \"overflowcontrol hassubinfo\"\n                    : \"overflowcontrol\"\n                }\n              >\n                <span class=\"button-text\">{this.renderButtonText()}</span>\n                {this.renderSubinfo()}\n              </span>\n              {this.renderOverflowCount()}\n            </button>\n            <div\n              class={`dropdown ${this.isExpanded ? \"open\" : \"\"} ${this.openUp ? \"upwards\" : \"\"}`}\n              ref={(el) => (this.dropdownEl = el as HTMLDivElement)}\n            >\n              {this.search && this.renderSearchField()}\n              <div\n                id={`list-${this.uid}`}\n                class=\"options-wrapper\"\n                tabindex={-1}\n                role=\"listbox\"\n                aria-multiselectable={this.multiple ? \"true\" : null}\n                aria-labelledby={`label-${this.uid}`}\n                ref={(el) => (this.listboxEl = el as HTMLDivElement)}\n              >\n                {this.search && this.filteredOptions.length === 0 && this.renderSearchFailedMessage()}\n                {this.renderSelectAllButton()}\n                {this.multiple && this.renderDuplicateOptions()}\n                <slot />\n              </div>\n            </div>\n            {this.renderErrorContainer()}\n            <div\n              id=\"announcement\"\n              aria-live=\"polite\"\n              class=\"sr-only\"\n              ref={(el) => (this.liveRegionEl = el as HTMLDivElement)}\n            >\n              {this.announcement}\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/ripple/p-976b2789.system.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["wmModalFooterCss","ModalFooter","exports","class_1","prototype","componentWillLoad","_this","this","uid","el","parentElement","addEventListener","lastElement","focus","emitParentPrimaryEvent","parentModal","emitPrimaryEvent","emitParentSecondaryEvent","emitSecondaryEvent","render","h","class","concat","infoText","secondaryText","onClick","id","ref","primaryActionDisabled","deleteStyle","disabled","primaryText"],"sources":["src/components/wm-modal/wm-modal-footer.scss?tag=wm-modal-footer","src/components/wm-modal/wm-modal-footer.tsx"],"sourcesContent":["wm-modal-footer {\r\n  @include border-radius(0px 0px 5px 5px);\r\n  //Fix for Chrome sometimes leaving space between footer and content, making the overlay show through\r\n  margin-top: -1px;\r\n\r\n  .wm-wrapper {\r\n    @include displayFlex();\r\n    @include justifyContent(space-between);\r\n    @include alignItems(center);\r\n\r\n    &.footer-text {\r\n      @media only screen and (max-width: 650px) {\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n      }\r\n    }\r\n\r\n    wm-button + wm-button {\r\n      margin-left: rem-calc(16);\r\n      // @media only screen and (max-width: 768px) {\r\n      //   margin-right: 15px;\r\n      // }\r\n    }\r\n\r\n    .wm-info {\r\n      font-size: rem-calc(14);\r\n      font-style: italic;\r\n      @media only screen and (max-width: 650px) {\r\n        padding-bottom: rem-calc(10);\r\n      }\r\n\r\n      &:focus {\r\n        outline: none;\r\n      }\r\n    }\r\n  }\r\n}\r\n","import { h, Component, Element, Prop } from \"@stencil/core\";\r\n\r\n@Component({\r\n  tag: \"wm-modal-footer\",\r\n  styleUrl: \"wm-modal-footer.scss\",\r\n})\r\nexport class ModalFooter {\r\n  @Element() el!: HTMLElement;\r\n\r\n  @Prop() secondaryText?: string = \"\";\r\n  @Prop() primaryText?: string = \"\";\r\n  @Prop() infoText?: string = \"\";\r\n  @Prop() primaryActionDisabled: boolean = false;\r\n  @Prop() deleteStyle: boolean = false;\r\n  private uid!: string;\r\n  private lastElement!: HTMLElement;\r\n\r\n  componentWillLoad() {\r\n    this.uid = (this.el.parentElement as HTMLWmModalElement).uid;\r\n\r\n    // Trap focus when user shift+tabs past first element in modal\r\n    // NB @Listen doesn't allow to listen on a specific element (the parent modal)\r\n    // if we listen to the whole doc each modal on the page reacts to every event\r\n    this.el.parentElement!.addEventListener(\"focusLastElement\", () => {\r\n      this.lastElement.focus();\r\n    });\r\n  }\r\n\r\n  emitParentPrimaryEvent() {\r\n    const parentModal = this.el.parentElement;\r\n    //@ts-ignore\r\n    parentModal.emitPrimaryEvent();\r\n  }\r\n\r\n  emitParentSecondaryEvent() {\r\n    const parentModal = this.el.parentElement;\r\n    //@ts-ignore\r\n    parentModal.emitSecondaryEvent();\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class={`wm-wrapper ${this.infoText ? \" footer-text\" : \"\"}`}>\r\n        <div class=\"wm-info\" aria-live=\"polite\">{this.infoText}</div>\r\n        <div class=\"wm-button-collection\">\r\n          {this.secondaryText && (\r\n            <wm-button\r\n              onClick={() => this.emitParentSecondaryEvent()}\r\n              id={`wm-secondary-${this.uid}`}\r\n              ref={(el) => (this.primaryActionDisabled ? (this.lastElement = el as HTMLElement) : null)}\r\n            >\r\n              {this.secondaryText}\r\n            </wm-button>\r\n          )}\r\n          <wm-button\r\n            button-type={this.deleteStyle ? \"secondary\" : \"primary\"}\r\n            permanently-delete={this.deleteStyle}\r\n            onClick={() => this.emitParentPrimaryEvent()}\r\n            disabled={this.primaryActionDisabled}\r\n            id={`wm-primary-${this.uid}`}\r\n            ref={(el) => (!this.primaryActionDisabled ? (this.lastElement = el as HTMLElement) : null)}\r\n          >\r\n            {this.primaryText}\r\n          </wm-button>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"kJAAA,IAAMA,EAAmB,47B,ICMZC,EAAWC,EAAA,6B,2CAGW,G,iBACF,G,cACH,G,2BACa,M,iBACV,K,CAI/BC,EAAAC,UAAAC,kBAAA,eAAAC,EAAAC,KACEA,KAAKC,IAAOD,KAAKE,GAAGC,cAAqCF,IAKzDD,KAAKE,GAAGC,cAAeC,iBAAiB,oBAAoB,WAC1DL,EAAKM,YAAYC,O,KAIrBV,EAAAC,UAAAU,uBAAA,WACE,IAAMC,EAAcR,KAAKE,GAAGC,cAE5BK,EAAYC,kB,EAGdb,EAAAC,UAAAa,yBAAA,WACE,IAAMF,EAAcR,KAAKE,GAAGC,cAE5BK,EAAYG,oB,EAGdf,EAAAC,UAAAe,OAAA,eAAAb,EAAAC,KACE,OACEa,EAAA,OAAKC,MAAO,cAAAC,OAAcf,KAAKgB,SAAW,eAAiB,KACzDH,EAAA,OAAKC,MAAM,UAAS,YAAW,UAAUd,KAAKgB,UAC9CH,EAAA,OAAKC,MAAM,wBACRd,KAAKiB,eACJJ,EAAA,aACEK,QAAS,WAAM,OAAAnB,EAAKW,0BAAL,EACfS,GAAI,gBAAAJ,OAAgBf,KAAKC,KACzBmB,IAAK,SAAClB,GAAE,OAAMH,EAAKsB,sBAAyBtB,EAAKM,YAAcH,EAAqB,IAA5E,GAEPF,KAAKiB,eAGVJ,EAAA,2BACeb,KAAKsB,YAAc,YAAc,UAAS,qBACnCtB,KAAKsB,YACzBJ,QAAS,WAAM,OAAAnB,EAAKQ,wBAAL,EACfgB,SAAUvB,KAAKqB,sBACfF,GAAI,cAAAJ,OAAcf,KAAKC,KACvBmB,IAAK,SAAClB,GAAE,OAAOH,EAAKsB,sBAAyBtB,EAAKM,YAAcH,EAAqB,IAA7E,GAEPF,KAAKwB,c,uHAxDM,I"}
+{"version":3,"names":["wmModalFooterCss","ModalFooter","exports","class_1","prototype","componentWillLoad","_this","this","uid","el","parentElement","addEventListener","lastElement","focus","emitParentPrimaryEvent","parentModal","emitPrimaryEvent","emitParentSecondaryEvent","emitSecondaryEvent","render","h","class","concat","infoText","secondaryText","onClick","id","ref","primaryActionDisabled","deleteStyle","disabled","primaryText"],"sources":["src/components/wm-modal/wm-modal-footer.scss?tag=wm-modal-footer","src/components/wm-modal/wm-modal-footer.tsx"],"sourcesContent":["wm-modal-footer {\n  @include border-radius(0px 0px 5px 5px);\n  //Fix for Chrome sometimes leaving space between footer and content, making the overlay show through\n  margin-top: -1px;\n\n  .wm-wrapper {\n    @include displayFlex();\n    @include justifyContent(space-between);\n    @include alignItems(center);\n\n    &.footer-text {\n      @media only screen and (max-width: 650px) {\n        flex-direction: column;\n        align-items: flex-start;\n      }\n    }\n\n    wm-button + wm-button {\n      margin-left: rem-calc(16);\n      // @media only screen and (max-width: 768px) {\n      //   margin-right: 15px;\n      // }\n    }\n\n    .wm-info {\n      font-size: rem-calc(14);\n      font-style: italic;\n      @media only screen and (max-width: 650px) {\n        padding-bottom: rem-calc(10);\n      }\n\n      &:focus {\n        outline: none;\n      }\n    }\n  }\n}\n","import { h, Component, Element, Prop } from \"@stencil/core\";\n\n@Component({\n  tag: \"wm-modal-footer\",\n  styleUrl: \"wm-modal-footer.scss\",\n})\nexport class ModalFooter {\n  @Element() el!: HTMLElement;\n\n  @Prop() secondaryText?: string = \"\";\n  @Prop() primaryText?: string = \"\";\n  @Prop() infoText?: string = \"\";\n  @Prop() primaryActionDisabled: boolean = false;\n  @Prop() deleteStyle: boolean = false;\n  private uid!: string;\n  private lastElement!: HTMLElement;\n\n  componentWillLoad() {\n    this.uid = (this.el.parentElement as HTMLWmModalElement).uid;\n\n    // Trap focus when user shift+tabs past first element in modal\n    // NB @Listen doesn't allow to listen on a specific element (the parent modal)\n    // if we listen to the whole doc each modal on the page reacts to every event\n    this.el.parentElement!.addEventListener(\"focusLastElement\", () => {\n      this.lastElement.focus();\n    });\n  }\n\n  emitParentPrimaryEvent() {\n    const parentModal = this.el.parentElement;\n    //@ts-ignore\n    parentModal.emitPrimaryEvent();\n  }\n\n  emitParentSecondaryEvent() {\n    const parentModal = this.el.parentElement;\n    //@ts-ignore\n    parentModal.emitSecondaryEvent();\n  }\n\n  render() {\n    return (\n      <div class={`wm-wrapper ${this.infoText ? \" footer-text\" : \"\"}`}>\n        <div class=\"wm-info\" aria-live=\"polite\">{this.infoText}</div>\n        <div class=\"wm-button-collection\">\n          {this.secondaryText && (\n            <wm-button\n              onClick={() => this.emitParentSecondaryEvent()}\n              id={`wm-secondary-${this.uid}`}\n              ref={(el) => (this.primaryActionDisabled ? (this.lastElement = el as HTMLElement) : null)}\n            >\n              {this.secondaryText}\n            </wm-button>\n          )}\n          <wm-button\n            button-type={this.deleteStyle ? \"secondary\" : \"primary\"}\n            permanently-delete={this.deleteStyle}\n            onClick={() => this.emitParentPrimaryEvent()}\n            disabled={this.primaryActionDisabled}\n            id={`wm-primary-${this.uid}`}\n            ref={(el) => (!this.primaryActionDisabled ? (this.lastElement = el as HTMLElement) : null)}\n          >\n            {this.primaryText}\n          </wm-button>\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"kJAAA,IAAMA,EAAmB,47B,ICMZC,EAAWC,EAAA,6B,2CAGW,G,iBACF,G,cACH,G,2BACa,M,iBACV,K,CAI/BC,EAAAC,UAAAC,kBAAA,eAAAC,EAAAC,KACEA,KAAKC,IAAOD,KAAKE,GAAGC,cAAqCF,IAKzDD,KAAKE,GAAGC,cAAeC,iBAAiB,oBAAoB,WAC1DL,EAAKM,YAAYC,O,KAIrBV,EAAAC,UAAAU,uBAAA,WACE,IAAMC,EAAcR,KAAKE,GAAGC,cAE5BK,EAAYC,kB,EAGdb,EAAAC,UAAAa,yBAAA,WACE,IAAMF,EAAcR,KAAKE,GAAGC,cAE5BK,EAAYG,oB,EAGdf,EAAAC,UAAAe,OAAA,eAAAb,EAAAC,KACE,OACEa,EAAA,OAAKC,MAAO,cAAAC,OAAcf,KAAKgB,SAAW,eAAiB,KACzDH,EAAA,OAAKC,MAAM,UAAS,YAAW,UAAUd,KAAKgB,UAC9CH,EAAA,OAAKC,MAAM,wBACRd,KAAKiB,eACJJ,EAAA,aACEK,QAAS,WAAM,OAAAnB,EAAKW,0BAAL,EACfS,GAAI,gBAAAJ,OAAgBf,KAAKC,KACzBmB,IAAK,SAAClB,GAAE,OAAMH,EAAKsB,sBAAyBtB,EAAKM,YAAcH,EAAqB,IAA5E,GAEPF,KAAKiB,eAGVJ,EAAA,2BACeb,KAAKsB,YAAc,YAAc,UAAS,qBACnCtB,KAAKsB,YACzBJ,QAAS,WAAM,OAAAnB,EAAKQ,wBAAL,EACfgB,SAAUvB,KAAKqB,sBACfF,GAAI,cAAAJ,OAAcf,KAAKC,KACvBmB,IAAK,SAAClB,GAAE,OAAOH,EAAKsB,sBAAyBtB,EAAKM,YAAcH,EAAqB,IAA7E,GAEPF,KAAKwB,c,uHAxDM,I"}

package/dist/ripple/{p-1aa16d42.js → p-994303f2.js}

@@ -1,2 +1,2 @@
-import{h as t}from"./p-1c23de4a.js";import{i as s,c as e,b as i,f as n,d as o}from"./p-05e0f901.js";const a={salmon:"#ff5f4e",cyan:"#19a1a9",forest:"#088000",sleet:"#7f97ad",midnight:"#2e1b46",lavender:"#8b86ca",periwinkle:"#575195",gray:"#6b6b6b"};const r={doughnut:{size:155,colors:[a.forest,a.gray],thickness:.73,padding:25,category:"doughnut"},doughnut0:{size:155,colors:[a.forest,a.gray],thickness:.73,padding:25,category:"doughnut"},doughnut1:{size:130,colors:[a.lavender,a.midnight,a.gray],thickness:.5,padding:90,category:"doughnut"},doughnut2:{size:130,colors:[a.cyan,a.salmon,a.gray],thickness:.5,padding:90,category:"doughnut"},doughnut2plus:{size:130,colors:[a.periwinkle,a.cyan,a.salmon,a.gray],thickness:.5,padding:90,category:"doughnut"},doughnut3:{size:130,colors:[a.lavender,a.midnight,"#0089e4",a.forest,"#ea8500","#d54f41","#146ca9"],thickness:.5,padding:90,category:"doughnut"},bar:{size:350,colors:[a.forest,a.gray],padding:0,category:"stackedBar"},bar1:{size:350,colors:[a.forest,a.gray],padding:0,category:"stackedBar"},bar2:{size:400,colors:[a.gray,a.periwinkle,a.cyan,a.salmon],padding:0,category:"stackedBar"},bar3:{size:300,colors:["#0d696e",a.cyan,"#8e4129",a.salmon],padding:0,category:"stackedBar"},bar4:{size:400,colors:[a.salmon,a.cyan,a.periwinkle],padding:0,category:"stackedBar"},bar5:{size:400,colors:[a.gray,a.lavender,a.midnight,"#0089e4",a.forest,"#ea8500","#d54f41","#146ca9"],padding:0,category:"stackedBar"},bar6:{size:400,colors:[a.lavender],padding:0,category:"simpleBar"},bar7:{size:400,colors:[a.periwinkle,a.cyan,a.salmon,a.gray],padding:0,category:"simpleBar"}};function c(t){return t==="percentage"||t==="amount"?"show-values":""}const h=s.formatMessage({id:"chart.hiddenValues",defaultMessage:"Values are not shown when too close to each other.",description:"Text displayed when a chart has some values hidden"});const l=s.formatMessage({id:"chart.clickToSeeDetails",defaultMessage:"Click or use arrow keys to see details.",description:"Text displayed, guiding user to interact to see more details."});function u(t){return t>999?Math.round(t/100)/10+"K":t}function d(t,s,e){return e?Math.round(t*100/s):Math.round(t*1e4/s)/100}function f(t,s){return t*360/s}function g(t){return parseFloat((Math.floor(t*100)/100).toFixed(2))}function p(t,s,e,i){var n=g(t+t*s*Math.cos(Math.PI*e/180));var o=g(t+t*s*Math.sin(Math.PI*e/180));if(i!==undefined){var a=g(t+t*s*Math.cos(Math.PI*i/180));var r=g(t+t*s*Math.sin(Math.PI*i/180));return{x1:n,y1:o,x2:a,y2:r}}return{x:n,y:o}}function b(t,s,e,i,n){var o=g(n/2*t);return`A ${o}, ${o} 0 ${s} ${g(e)}, ${g(i)}`}function m(t,s,e,i,n){let o=(t-s)*(n-i)/(e-s)+i;return o<i?i:o>n?n:o}function v(t){return m(t,300,900,70,150)}function w(t){return Math.round(t/v(t))}function y(t,s){const e=t/s;const i=10**Math.floor(Math.log10(e));const n=e/i;let o;if(n>5){o=10*i}else if(n>3){o=5*i}else if(n>2){o=3*i}else if(n>1.5){o=2*i}else if(n>1){o=1.5*i}else{o=i}return o}function k(t){if(this.popoverEl&&this.popoverEl.open&&t.key==="Enter"){const t=this.popoverEl.querySelector("button");t&&t.click()}}function x(t,s){if(this.popoverEl&&!this.isTabbing){s.coords={x:t.clientX,y:t.clientY};z.call(this,s)}}function $(t,s){if(this.popoverEl&&this.isTabbing){s.coords=i(t.target);z.call(this,s)}}function M(t){switch(t.key){case"ArrowUp":case"ArrowLeft":t.preventDefault();this.isTabbing=true;B.call(this);break;case"ArrowRight":case"ArrowDown":t.preventDefault();this.isTabbing=true;C.call(this);break;case"Tab":A.call(this);break;case"Escape":this.popoverEl.open=false;this.userIsNavigating=false;break}}function z(t){if(!!this.popoverEl&&!!t.title&&!!t.text){this.popoverEl.popoverTitle=t.title;this.popoverEl.popoverText=t.text;this.popoverEl.buttonText=t.buttonText;this.popoverEl.coords=t.coords;this.popoverEl.sliceRef=t.sliceRef;window.setTimeout((()=>{if(this.popoverEl){this.popoverEl.open=true}}),30);const s=o((async()=>{this.popoverEl.open=false}),10);document.addEventListener("scroll",(()=>{s()}));const e=n(this.el);if(!!e){e.addEventListener("scroll",(()=>{s()}))}}}function C(){const t=e(document.activeElement);const s=(this.sliceEls.indexOf(t)+1)%this.sliceEls.length;D.call(this,s)}function B(){if(this.sliceEls){const t=e(document.activeElement);let s=this.sliceEls.indexOf(t);if(s===-1){s=0}else if(s===0){s=this.sliceEls.length-1}else{s-=1}D.call(this,s)}}function D(t){if(this.sliceEls&&this.el){this.userIsNavigating=true;if(this.popoverEl){this.popoverEl.open=false}this.componentWrapperEl.tabIndex=-1;this.el.focusable=false;this.sliceEls.map((t=>{t.tabIndex=-1;t.focusable=false}));this.sliceEls[t].tabIndex=0;this.sliceEls[t].focusable=true;this.sliceEls[t].focus();window.setTimeout((()=>{if(this.popoverEl){this.popoverEl.open=true}}),10)}}function A(){this.sliceEls&&this.sliceEls.map((t=>{t.tabIndex=-1;t.focusable=false}));this.userIsNavigating=false;window.setTimeout((()=>{this.componentWrapperEl.tabIndex=0;this.el.focusable=true;if(this.popoverEl){this.popoverEl.open=false}}),100)}async function F(t){this.slicesDetails=[];let s=0;const e=Array.from(this.el.children);this.total=e.reduce(((t,s)=>t+=parseInt(s.getAttribute("amount")||"0")),0);e.forEach(((e,i)=>{const n=parseInt(e.getAttribute("amount")||"0");const o=d(n,this.total,true);let c=i;if(t==="bar5"){c=this.notStartedColor?i:i+1}if(t==="bar6"){c=0}const h=r[t].colors[c];const l={amount:n,perc:o,legend:e.getAttribute("legend"),color:h||a.gray,offset:s,id:`${this.uid}-${i+1}`,title:e.getAttribute("popover-title"),text:e.getAttribute("popover-text"),buttonText:e.getAttribute("popover-button-text"),sliceRef:e,inSmallCluster:false};s+=n;this.slicesDetails.push(l)}))}function S(t,s){let e=[...t].sort(((t,s)=>t.amount===s.amount?0:t.amount>s.amount?-1:1));let i=0;e.forEach(((t,n)=>{const o=e[n===0?e.length-1:n-1];const a=e[n===e.length-1?0:n+1];const r=d(o.amount,s,true);const c=d(a.amount,s,true);t.offset=i;i+=t.amount;t.inSmallCluster=T(r,t.perc,t.amount,c)}));return e}function T(t,s,e,i){const n=s<4;const o=t<5;const a=i<5;let r=n&&(o||a);const c=s===0&&e>0;if(c&&(i<8||t<8)){r=true}return r}function K(t,s,e){const i=f(s,this.total)-90;const n=t/this.total*360;let o=i+n;const a=n>180?"1 1":"0 1";const r=n>180?"1 0":"0 0";const c=this.chartDetails.size/2;const h=this.chartDetails.thickness;const l=1;const u=e==="doughnut0"||e==="doughnut";const d=1.5;const g=u?2.25:3;if(n===360){o-=.01}const m=p(c,l,i+d,o);const v=p(c,h,i+g,o);const w=`M ${m.x1}, ${m.y1} `;const y=b(l,a,m.x2,m.y2,this.chartDetails.size);const k=` L ${v.x2}, ${v.y2} `;const x=b(h,r,v.x1,v.y1,this.chartDetails.size);return w+y+k+x+" z"}function j(){const e=s.formatMessage({id:"chart.instructions",defaultMessage:"Use arrow keys to browse elements, press Tab to exit.",description:"For screen readers only, instructions on how to interact with the chart component"});return t("div",{id:"chart-instructions"},e)}function I(){return t("defs",null,t("filter",{id:"wmHoverDropShadow"},t("feGaussianBlur",{stdDeviation:"3"}),t("feOffset",{result:"offsetblur"}),t("feFlood",{"flood-color":"#333"}),t("feComposite",{operator:"in",in2:"offsetblur"}),t("feMerge",null,t("feMergeNode",null),t("feMergeNode",{in:"SourceGraphic"}))))}function W(s){const e=this.chartDetails.size+this.chartDetails.padding;const i=s==="doughnut0"||s==="doughnut";let n=i?this.slicesDetails:S(this.slicesDetails,this.total);return t("div",{class:"chart-wrapper doughnut-wrapper"},t("svg",{width:e+"px",height:e+"px",id:`graphic-${this.uid}`,class:"doughnut-svg"},I(),n.map((t=>E.call(this,t,s))),i?t("text",{class:"value",x:"50%",y:"50%","font-size":"1.5rem","font-weight":"500","text-anchor":"middle","dominant-baseline":"middle"},d(n[0].amount,this.total,true)+"%"):t("g",{transform:`translate(${this.chartDetails.padding/2}, ${this.chartDetails.padding/2})`,"text-anchor":"middle","dominant-baseline":"middle"},n.map((t=>t.amount>0&&!t.inSmallCluster?G.call(this,t):"")))))}function E(s,e){return t("g",{transform:`translate(${this.chartDetails.padding/2}, ${this.chartDetails.padding/2})`},t("path",{id:s.id,class:"segment doughnut-segment",fill:s.amount?s.color:"transparent",d:K.call(this,s.amount,s.offset,e),onClick:t=>x.call(this,t,s),onFocus:t=>$.call(this,t,s),onKeyDown:t=>k.call(this,t),role:"img","aria-label":s.legend}))}function G(s){const e=f(s.offset+s.amount/2,this.total);let{x:i,y:n}=p(this.chartDetails.size/2,1.4,e-90);return t("text",{class:"value",x:i+"px",y:n+"px"},`${s.perc>0?s.perc:"<1"}%`)}function L(s){const e=s==="bar1"||s==="bar";return t("div",{class:"chart-wrapper bar-wrapper"},e?t("div",{class:"single-perc"},d(this.slicesDetails[0].amount,this.total,true)+"%"):"",this.chartType==="bar3"&&this.drawAxis(),t("div",{class:`inner-stacked-bar-wrapper ${c(this.tempValueFormat)}`},!e?t("div",{class:"values"},this.slicesDetails.map(((t,s)=>this.renderBarText(t,s)))):"",t("div",{class:"stacked-bar-segments-wrapper"},this.slicesDetails.map(((t,s)=>N.call(this,t,s)))),e?q.call(this):""))}function N(s,e){const i=e!==this.slicesDetails.length-1;const n=`calc(${d(s.amount,this.total,false)}%${i?" - 2px":""})`;return t("div",{class:`segment stacked-bar-segment ${d(s.amount,this.total,false)===0?"zero":""}`,style:{backgroundColor:s.color,width:n},onClick:t=>x.call(this,t,s),onFocus:t=>$.call(this,t,s),onKeyDown:t=>k.call(this,t)},t("span",{class:"sr-only"},s.legend))}function R(s){const e=this.slicesDetails.map((t=>t.amount)).reduce(((t,s)=>t>s?t:s));const i=parseInt(getComputedStyle(this.el).getPropertyValue("--labelWidth"),10);const n=48;const o=this.el.getBoundingClientRect().width;const a=o-i-n;let r=w(a);let h=y(e,r);const l=r*h;const d=Math.floor((l-e)/h);r-=d;this.el.style.setProperty("--backgroundSize",100/r+"%");this.el.style.setProperty("--labelWidth",this.labelWidth);if(s==="bar7"&&!this.showBarLegend){this.el.style.setProperty("--labelWidth","0px")}const f=[];this.slicesDetails.forEach((t=>{t.legend&&f.push(U(t.legend,this.showBarLegend,s));f.push(V.call(this,t,h,r,e))}));const g=[];for(let s=1;s<=r;s++){const e=u(s*h);g.push(t("div",{class:"tick"},t("span",null,e)))}const p=s==="bar6"&&this.showGrid&&this.el.getBoundingClientRect().width>300;return t("div",{class:"chart-wrapper simple-bar-wrapper"},t("div",{class:`chart ${c(this.tempValueFormat)}`},p&&t("div",{class:"gridlines"}),t("div",{class:"rows"},f)),p&&t("div",{class:"x-axis","aria-hidden":"true"},t("div",{class:"zero"},t("span",null,"0")),g))}function U(s,e,i){const n=i==="bar7"&&!e?" hidden":"";return t("label",{class:`label${n}`},s)}function V(s,e,i,n){const o=this.currentChartType==="bar6"?e*i:n;const a=d(s.amount,o,false);const r=a?a+"%":"1px";const c=u(s.amount);let h=this.tempValueFormat==="amount"?c:"";if(this.currentChartType==="bar6"&&this.tempValueFormat==="percentage"){h=s.amount+"%"}else if(this.currentChartType==="bar7"&&this.tempValueFormat==="percentage"){h=d(s.amount,this.total,true)+"%"}return t("div",{class:"bar segment",style:{backgroundColor:s.color,width:r},onClick:t=>x.call(this,t,s),onFocus:t=>$.call(this,t,s),onKeyDown:t=>k.call(this,t)},t("div",{class:"value"},h))}function H(s){if(this.showLegend){const e=!this.chartDetails.isBar&&this.slicesDetails.reduce(((t,s)=>t=s.inSmallCluster?true:t),false);return t("div",{class:"legend-wrapper"},t("div",{class:`legend ${s} ${this.mode==="bar"?"--top":"--bottom"}`,"aria-hidden":"true"},this.total>0?this.slicesDetails.map((t=>{if(!!t.amount||!!t.legend){return O({key:t.legend,color:t.color})}})):""),e&&J())}}function O(s){return t("div",{class:"legend-item"},t("div",{class:"legend-color",style:{backgroundColor:s.color}}),t("div",{class:"legend-text"},s.key))}function q(){if(this.completionMessage){return t("div",{class:"completion-message"},this.completionMessage)}}function J(){return t("div",{class:"hidden-values-warning"},h,t("br",null),l)}export{r as a,d as b,R as c,W as d,j as e,H as f,F as g,M as h,q as i,J as j,A as k,O as l,L as r};
-//# sourceMappingURL=p-1aa16d42.js.map
+import{h as t}from"./p-1c23de4a.js";import{i as s,c as e,b as i,f as n,d as o}from"./p-c6a0f7e5.js";const a={salmon:"#ff5f4e",cyan:"#19a1a9",forest:"#088000",sleet:"#7f97ad",midnight:"#2e1b46",lavender:"#8b86ca",periwinkle:"#575195",gray:"#6b6b6b"};const r={doughnut:{size:155,colors:[a.forest,a.gray],thickness:.73,padding:25,category:"doughnut"},doughnut0:{size:155,colors:[a.forest,a.gray],thickness:.73,padding:25,category:"doughnut"},doughnut1:{size:130,colors:[a.lavender,a.midnight,a.gray],thickness:.5,padding:90,category:"doughnut"},doughnut2:{size:130,colors:[a.cyan,a.salmon,a.gray],thickness:.5,padding:90,category:"doughnut"},doughnut2plus:{size:130,colors:[a.periwinkle,a.cyan,a.salmon,a.gray],thickness:.5,padding:90,category:"doughnut"},doughnut3:{size:130,colors:[a.lavender,a.midnight,"#0089e4",a.forest,"#ea8500","#d54f41","#146ca9"],thickness:.5,padding:90,category:"doughnut"},bar:{size:350,colors:[a.forest,a.gray],padding:0,category:"stackedBar"},bar1:{size:350,colors:[a.forest,a.gray],padding:0,category:"stackedBar"},bar2:{size:400,colors:[a.gray,a.periwinkle,a.cyan,a.salmon],padding:0,category:"stackedBar"},bar3:{size:300,colors:["#0d696e",a.cyan,"#8e4129",a.salmon],padding:0,category:"stackedBar"},bar4:{size:400,colors:[a.salmon,a.cyan,a.periwinkle],padding:0,category:"stackedBar"},bar5:{size:400,colors:[a.gray,a.lavender,a.midnight,"#0089e4",a.forest,"#ea8500","#d54f41","#146ca9"],padding:0,category:"stackedBar"},bar6:{size:400,colors:[a.lavender],padding:0,category:"simpleBar"},bar7:{size:400,colors:[a.periwinkle,a.cyan,a.salmon,a.gray],padding:0,category:"simpleBar"}};function c(t){return t==="percentage"||t==="amount"?"show-values":""}const h=s.formatMessage({id:"chart.hiddenValues",defaultMessage:"Values are not shown when too close to each other.",description:"Text displayed when a chart has some values hidden"});const l=s.formatMessage({id:"chart.clickToSeeDetails",defaultMessage:"Click or use arrow keys to see details.",description:"Text displayed, guiding user to interact to see more details."});function u(t){return t>999?Math.round(t/100)/10+"K":t}function d(t,s,e){return e?Math.round(t*100/s):Math.round(t*1e4/s)/100}function f(t,s){return t*360/s}function g(t){return parseFloat((Math.floor(t*100)/100).toFixed(2))}function p(t,s,e,i){var n=g(t+t*s*Math.cos(Math.PI*e/180));var o=g(t+t*s*Math.sin(Math.PI*e/180));if(i!==undefined){var a=g(t+t*s*Math.cos(Math.PI*i/180));var r=g(t+t*s*Math.sin(Math.PI*i/180));return{x1:n,y1:o,x2:a,y2:r}}return{x:n,y:o}}function b(t,s,e,i,n){var o=g(n/2*t);return`A ${o}, ${o} 0 ${s} ${g(e)}, ${g(i)}`}function m(t,s,e,i,n){let o=(t-s)*(n-i)/(e-s)+i;return o<i?i:o>n?n:o}function v(t){return m(t,300,900,70,150)}function w(t){return Math.round(t/v(t))}function y(t,s){const e=t/s;const i=10**Math.floor(Math.log10(e));const n=e/i;let o;if(n>5){o=10*i}else if(n>3){o=5*i}else if(n>2){o=3*i}else if(n>1.5){o=2*i}else if(n>1){o=1.5*i}else{o=i}return o}function k(t){if(this.popoverEl&&this.popoverEl.open&&t.key==="Enter"){const t=this.popoverEl.querySelector("button");t&&t.click()}}function x(t,s){if(this.popoverEl&&!this.isTabbing){s.coords={x:t.clientX,y:t.clientY};z.call(this,s)}}function $(t,s){if(this.popoverEl&&this.isTabbing){s.coords=i(t.target);z.call(this,s)}}function M(t){switch(t.key){case"ArrowUp":case"ArrowLeft":t.preventDefault();this.isTabbing=true;B.call(this);break;case"ArrowRight":case"ArrowDown":t.preventDefault();this.isTabbing=true;C.call(this);break;case"Tab":A.call(this);break;case"Escape":this.popoverEl.open=false;this.userIsNavigating=false;break}}function z(t){if(!!this.popoverEl&&!!t.title&&!!t.text){this.popoverEl.popoverTitle=t.title;this.popoverEl.popoverText=t.text;this.popoverEl.buttonText=t.buttonText;this.popoverEl.coords=t.coords;this.popoverEl.sliceRef=t.sliceRef;window.setTimeout((()=>{if(this.popoverEl){this.popoverEl.open=true}}),30);const s=o((async()=>{this.popoverEl.open=false}),10);document.addEventListener("scroll",(()=>{s()}));const e=n(this.el);if(!!e){e.addEventListener("scroll",(()=>{s()}))}}}function C(){const t=e(document.activeElement);const s=(this.sliceEls.indexOf(t)+1)%this.sliceEls.length;D.call(this,s)}function B(){if(this.sliceEls){const t=e(document.activeElement);let s=this.sliceEls.indexOf(t);if(s===-1){s=0}else if(s===0){s=this.sliceEls.length-1}else{s-=1}D.call(this,s)}}function D(t){if(this.sliceEls&&this.el){this.userIsNavigating=true;if(this.popoverEl){this.popoverEl.open=false}this.componentWrapperEl.tabIndex=-1;this.el.focusable=false;this.sliceEls.map((t=>{t.tabIndex=-1;t.focusable=false}));this.sliceEls[t].tabIndex=0;this.sliceEls[t].focusable=true;this.sliceEls[t].focus();window.setTimeout((()=>{if(this.popoverEl){this.popoverEl.open=true}}),10)}}function A(){this.sliceEls&&this.sliceEls.map((t=>{t.tabIndex=-1;t.focusable=false}));this.userIsNavigating=false;window.setTimeout((()=>{this.componentWrapperEl.tabIndex=0;this.el.focusable=true;if(this.popoverEl){this.popoverEl.open=false}}),100)}async function F(t){this.slicesDetails=[];let s=0;const e=Array.from(this.el.children);this.total=e.reduce(((t,s)=>t+=parseInt(s.getAttribute("amount")||"0")),0);e.forEach(((e,i)=>{const n=parseInt(e.getAttribute("amount")||"0");const o=d(n,this.total,true);let c=i;if(t==="bar5"){c=this.notStartedColor?i:i+1}if(t==="bar6"){c=0}const h=r[t].colors[c];const l={amount:n,perc:o,legend:e.getAttribute("legend"),color:h||a.gray,offset:s,id:`${this.uid}-${i+1}`,title:e.getAttribute("popover-title"),text:e.getAttribute("popover-text"),buttonText:e.getAttribute("popover-button-text"),sliceRef:e,inSmallCluster:false};s+=n;this.slicesDetails.push(l)}))}function S(t,s){let e=[...t].sort(((t,s)=>t.amount===s.amount?0:t.amount>s.amount?-1:1));let i=0;e.forEach(((t,n)=>{const o=e[n===0?e.length-1:n-1];const a=e[n===e.length-1?0:n+1];const r=d(o.amount,s,true);const c=d(a.amount,s,true);t.offset=i;i+=t.amount;t.inSmallCluster=T(r,t.perc,t.amount,c)}));return e}function T(t,s,e,i){const n=s<4;const o=t<5;const a=i<5;let r=n&&(o||a);const c=s===0&&e>0;if(c&&(i<8||t<8)){r=true}return r}function K(t,s,e){const i=f(s,this.total)-90;const n=t/this.total*360;let o=i+n;const a=n>180?"1 1":"0 1";const r=n>180?"1 0":"0 0";const c=this.chartDetails.size/2;const h=this.chartDetails.thickness;const l=1;const u=e==="doughnut0"||e==="doughnut";const d=1.5;const g=u?2.25:3;if(n===360){o-=.01}const m=p(c,l,i+d,o);const v=p(c,h,i+g,o);const w=`M ${m.x1}, ${m.y1} `;const y=b(l,a,m.x2,m.y2,this.chartDetails.size);const k=` L ${v.x2}, ${v.y2} `;const x=b(h,r,v.x1,v.y1,this.chartDetails.size);return w+y+k+x+" z"}function j(){const e=s.formatMessage({id:"chart.instructions",defaultMessage:"Use arrow keys to browse elements, press Tab to exit.",description:"For screen readers only, instructions on how to interact with the chart component"});return t("div",{id:"chart-instructions"},e)}function I(){return t("defs",null,t("filter",{id:"wmHoverDropShadow"},t("feGaussianBlur",{stdDeviation:"3"}),t("feOffset",{result:"offsetblur"}),t("feFlood",{"flood-color":"#333"}),t("feComposite",{operator:"in",in2:"offsetblur"}),t("feMerge",null,t("feMergeNode",null),t("feMergeNode",{in:"SourceGraphic"}))))}function W(s){const e=this.chartDetails.size+this.chartDetails.padding;const i=s==="doughnut0"||s==="doughnut";let n=i?this.slicesDetails:S(this.slicesDetails,this.total);return t("div",{class:"chart-wrapper doughnut-wrapper"},t("svg",{width:e+"px",height:e+"px",id:`graphic-${this.uid}`,class:"doughnut-svg"},I(),n.map((t=>E.call(this,t,s))),i?t("text",{class:"value",x:"50%",y:"50%","font-size":"1.5rem","font-weight":"500","text-anchor":"middle","dominant-baseline":"middle"},d(n[0].amount,this.total,true)+"%"):t("g",{transform:`translate(${this.chartDetails.padding/2}, ${this.chartDetails.padding/2})`,"text-anchor":"middle","dominant-baseline":"middle"},n.map((t=>t.amount>0&&!t.inSmallCluster?G.call(this,t):"")))))}function E(s,e){return t("g",{transform:`translate(${this.chartDetails.padding/2}, ${this.chartDetails.padding/2})`},t("path",{id:s.id,class:"segment doughnut-segment",fill:s.amount?s.color:"transparent",d:K.call(this,s.amount,s.offset,e),onClick:t=>x.call(this,t,s),onFocus:t=>$.call(this,t,s),onKeyDown:t=>k.call(this,t),role:"img","aria-label":s.legend}))}function G(s){const e=f(s.offset+s.amount/2,this.total);let{x:i,y:n}=p(this.chartDetails.size/2,1.4,e-90);return t("text",{class:"value",x:i+"px",y:n+"px"},`${s.perc>0?s.perc:"<1"}%`)}function L(s){const e=s==="bar1"||s==="bar";return t("div",{class:"chart-wrapper bar-wrapper"},e?t("div",{class:"single-perc"},d(this.slicesDetails[0].amount,this.total,true)+"%"):"",this.chartType==="bar3"&&this.drawAxis(),t("div",{class:`inner-stacked-bar-wrapper ${c(this.tempValueFormat)}`},!e?t("div",{class:"values"},this.slicesDetails.map(((t,s)=>this.renderBarText(t,s)))):"",t("div",{class:"stacked-bar-segments-wrapper"},this.slicesDetails.map(((t,s)=>N.call(this,t,s)))),e?q.call(this):""))}function N(s,e){const i=e!==this.slicesDetails.length-1;const n=`calc(${d(s.amount,this.total,false)}%${i?" - 2px":""})`;return t("div",{class:`segment stacked-bar-segment ${d(s.amount,this.total,false)===0?"zero":""}`,style:{backgroundColor:s.color,width:n},onClick:t=>x.call(this,t,s),onFocus:t=>$.call(this,t,s),onKeyDown:t=>k.call(this,t)},t("span",{class:"sr-only"},s.legend))}function R(s){const e=this.slicesDetails.map((t=>t.amount)).reduce(((t,s)=>t>s?t:s));const i=parseInt(getComputedStyle(this.el).getPropertyValue("--labelWidth"),10);const n=48;const o=this.el.getBoundingClientRect().width;const a=o-i-n;let r=w(a);let h=y(e,r);const l=r*h;const d=Math.floor((l-e)/h);r-=d;this.el.style.setProperty("--backgroundSize",100/r+"%");this.el.style.setProperty("--labelWidth",this.labelWidth);if(s==="bar7"&&!this.showBarLegend){this.el.style.setProperty("--labelWidth","0px")}const f=[];this.slicesDetails.forEach((t=>{t.legend&&f.push(U(t.legend,this.showBarLegend,s));f.push(V.call(this,t,h,r,e))}));const g=[];for(let s=1;s<=r;s++){const e=u(s*h);g.push(t("div",{class:"tick"},t("span",null,e)))}const p=s==="bar6"&&this.showGrid&&this.el.getBoundingClientRect().width>300;return t("div",{class:"chart-wrapper simple-bar-wrapper"},t("div",{class:`chart ${c(this.tempValueFormat)}`},p&&t("div",{class:"gridlines"}),t("div",{class:"rows"},f)),p&&t("div",{class:"x-axis","aria-hidden":"true"},t("div",{class:"zero"},t("span",null,"0")),g))}function U(s,e,i){const n=i==="bar7"&&!e?" hidden":"";return t("label",{class:`label${n}`},s)}function V(s,e,i,n){const o=this.currentChartType==="bar6"?e*i:n;const a=d(s.amount,o,false);const r=a?a+"%":"1px";const c=u(s.amount);let h=this.tempValueFormat==="amount"?c:"";if(this.currentChartType==="bar6"&&this.tempValueFormat==="percentage"){h=s.amount+"%"}else if(this.currentChartType==="bar7"&&this.tempValueFormat==="percentage"){h=d(s.amount,this.total,true)+"%"}return t("div",{class:"bar segment",style:{backgroundColor:s.color,width:r},onClick:t=>x.call(this,t,s),onFocus:t=>$.call(this,t,s),onKeyDown:t=>k.call(this,t)},t("div",{class:"value"},h))}function H(s){if(this.showLegend){const e=!this.chartDetails.isBar&&this.slicesDetails.reduce(((t,s)=>t=s.inSmallCluster?true:t),false);return t("div",{class:"legend-wrapper"},t("div",{class:`legend ${s} ${this.mode==="bar"?"--top":"--bottom"}`,"aria-hidden":"true"},this.total>0?this.slicesDetails.map((t=>{if(!!t.amount||!!t.legend){return O({key:t.legend,color:t.color})}})):""),e&&J())}}function O(s){return t("div",{class:"legend-item"},t("div",{class:"legend-color",style:{backgroundColor:s.color}}),t("div",{class:"legend-text"},s.key))}function q(){if(this.completionMessage){return t("div",{class:"completion-message"},this.completionMessage)}}function J(){return t("div",{class:"hidden-values-warning"},h,t("br",null),l)}export{r as a,d as b,R as c,W as d,j as e,H as f,F as g,M as h,q as i,J as j,A as k,O as l,L as r};
+//# sourceMappingURL=p-994303f2.js.map