@watermarkinsights/ripple 3.24.0 → 3.24.1

package/dist/ripple/{p-29cd07d5.system.entry.js → p-f09541fc.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-7b2fc615.system.js","./p-e782194d.system.js"],(function(t){"use strict";var e,i,n,a,o,r,s,l;return{setters:[function(t){e=t.r;i=t.c;n=t.h;a=t.H;o=t.g;r=t.f},function(t){s=t.d;l=t.g}],execute:function(){var b=":host{font-family:inherit;display:inline-block}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host .tab-item{list-style-type:none;height:100%;display:inline-block}:host .tab-item .tab{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;color:#575195;text-decoration:none;letter-spacing:0.7px;font-size:0.875rem;font-weight:500;opacity:1;position:relative;text-transform:uppercase;display:inline-block;height:3.3333333333em;line-height:3.3333333333em;padding-right:1.5rem;padding-left:1.5rem}:host .tab-item .tab[aria-selected=true]{font-weight:700;opacity:1;background:-webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor)) bottom/0 0 no-repeat;background:linear-gradient(currentColor, currentColor) bottom/0 0 no-repeat;background-size:calc(100% - 50px) 3px}:host .tab-item .tab[aria-selected=true].dark{color:#fff}:host .tab-item .tab,:host .tab-item .tab:hover,:host .tab-item .tab:active{outline:none}:host .tab-item .tab:focus{outline:none}:host .tab-item .tab.dark:not([aria-selected=true]){opacity:0.8;color:#fff}:host .tab-item .tab.user-is-tabbing:focus:not(:active){outline:none;-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}:host .tab-item .tab.user-is-tabbing:focus:not(:active)::-moz-focus-inner{border:0}:host .tab-item .tab.user-is-tabbing:focus:not(:active).dark{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #c6b4e3;-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #c6b4e3;box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #c6b4e3;outline:none}:host.hide{display:none}";var c=t("wm_tab_item",function(){function t(t){var n=this;e(this,t);this.wmTabSelected=i(this,"wmTabSelected",7);this.tabSelected=i(this,"tabSelected",7);this.keydownOnTabItem=i(this,"keydownOnTabItem",7);this.tabItemLoaded=i(this,"tabItemLoaded",7);this.tabClicked=function(t){t.preventDefault();n.wmTabSelected.emit({tabId:n.tabId});n.tabSelected.emit({tabId:n.tabId})};this.tabPressed=function(t){var e=t.key;if(e==="Enter"||e===" "){t.preventDefault();n.wmTabSelected.emit({tabId:n.tabId});n.tabSelected.emit({tabId:n.tabId})}else if(e.includes("Arrow")){t.preventDefault();n.keydownOnTabItem.emit({tabItem:n.el,key:t.key})}};this.selected=false;this.show=true;this.tabId=""}Object.defineProperty(t.prototype,"parentTabList",{get:function(){return this.el.parentElement},enumerable:false,configurable:true});t.prototype.toggleTabbingOn=function(){this.linkEl&&this.linkEl.classList.add("user-is-tabbing")};t.prototype.toggleTabbingOff=function(){this.linkEl&&this.linkEl.classList.remove("user-is-tabbing")};t.prototype.componentDidLoad=function(){this.tabItemLoaded.emit()};t.prototype.render=function(){var t=this;var e=this.show?"":"hide ";e+=this.parentTabList&&this.parentTabList.customBackground=="dark"?"dark":"";var i={};var o=this.parentTabList&&this.parentTabList.customPadding;if(o){var r=parseInt(o,10)*2||0;var s=o.split(/([0-9]+)/).pop();i={"padding-left":this.parentTabList.customPadding,"padding-right":this.parentTabList.customPadding,"background-size":"calc(100% - ".concat(r).concat(s,") 3px")}}return n(a,{role:"presentation"},n("li",{class:"tab-item",role:"presentation"},n("a",{class:"tab ".concat(e),style:i,role:"tab",ref:function(e){return t.linkEl=e},onClick:this.tabClicked,id:"tab-link-".concat(this.tabId),onKeyDown:function(e){return t.tabPressed(e)},"aria-selected":this.selected?"true":"false",tabindex:this.selected?0:-1},n("slot",null))))};Object.defineProperty(t,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return t}());c.style=b;var d=":host,wm-tab-list{position:relative;white-space:nowrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:block}:host *,wm-tab-list *{-webkit-box-sizing:border-box;box-sizing:border-box}:host .tabcontainer,wm-tab-list .tabcontainer{margin:0;margin-left:-24px;width:100%;height:4.0625rem;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:0}:host .tabcontainer.dark,wm-tab-list .tabcontainer.dark{background:#353b48;margin:0}:host wm-select,wm-tab-list wm-select{padding:0.375rem 0}";var u=t("wm_tab_list",function(){function t(t){var n=this;e(this,t);this.wmTabSelected=i(this,"wmTabSelected",7);this.tabSelected=i(this,"tabSelected",7);this.debouncedSetLayout=s((function(){if(!n.listWidth){n.setListWidth()}r(n.el)}),250);this.customBackground=undefined;this.customPadding=undefined;this.selectedTab=undefined;this.controllerEnabled=false}Object.defineProperty(t.prototype,"menuLayout",{get:function(){if(this.listWidth){return this.el.offsetWidth<this.listWidth-24}else{return false}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"tabItems",{get:function(){return Array.from(this.el.querySelectorAll("wm-tab-item"))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"selectedTabItem",{get:function(){return this.tabItems.filter((function(t){return t.selected}))[0]},enumerable:false,configurable:true});t.prototype.getLinkEl=function(t){return t.shadowRoot.querySelector("a")};Object.defineProperty(t.prototype,"panels",{get:function(){var t=Array.from(document.querySelectorAll("wm-tab-panel"));var e=this.tabItems.map((function(t){return t.tabId}));return t.filter((function(t){return e.includes(t.tabId)}))},enumerable:false,configurable:true});t.prototype.getPanel=function(t){return this.panels.find((function(e){return e.tabId===t}))};t.prototype.setListWidth=function(){var t=this.tabItems.reduce((function(t,e){return t+e.offsetWidth}),0);this.listWidth=t&&t>0?t:this.listWidth};t.prototype.setSelected=function(t){this.tabItems.map((function(e){return e.selected=e.tabId===t}));var e=this.panels.length===1&&this.tabItems.length>1;if(e){this.setAttributesOnPanel(this.panels[0],this.selectedTabItem);this.panels[0].active=true}else{this.panels.map((function(e){return e.active=e.tabId===t}))}};t.prototype.showItems=function(){this.tabItems.map((function(t){return t.show=true}))};t.prototype.hideItems=function(){this.tabItems.map((function(t){return t.show=false}))};t.prototype.componentWillLoad=function(){var t=this;this.el.focus=function(){t.selectedTabItem&&t.selectedTabItem.focus()}};t.prototype.componentDidLoad=function(){this.setLayout();var t=this.selectedTab||this.tabItems[0].tabId;this.setSelected(t)};t.prototype.tabItemLoaded=function(t){this.setAriaOnPanelAndTab(t.target)};t.prototype.setAriaOnPanelAndTab=function(t){var e=this.getPanel(t.tabId);if(!e){if(this.panels.length===1){this.setAttributesOnTab(t,this.panels[0])}}else{this.setAttributesOnPanel(e,t);this.setAttributesOnTab(t,e)}};t.prototype.setAttributesOnTab=function(t,e){var i=this.getLinkEl(t);if(i){i.setAttribute("aria-controls",e.id);i.setAttribute("href","#".concat(e.id))}};t.prototype.removeAttributesOnTab=function(t){var e=this.getLinkEl(t);if(e){e.removeAttribute("aria-controls");e.removeAttribute("href")}};t.prototype.setAttributesOnPanel=function(t,e){var i=this.getLinkEl(e);if(i){t.setAttribute("aria-labelledby",i.id);t.setAttribute("tab-id",e.tabId)}};t.prototype.handleTabSelected=function(t){if(this.controllerEnabled){this.setSelected(t.detail.tabId)}};t.prototype.handleKeydown=function(t){var e=t.detail.key;var i=this.tabItems.indexOf(t.detail.tabItem);if(e==="ArrowLeft"||e==="ArrowRight"){this.handleLeftRightArrow(i,e)}};t.prototype.handleLeftRightArrow=function(t,e){if(e){t=e==="ArrowLeft"?t-1:t+1}if(t<0){t=this.tabItems.length-1}else if(t===this.tabItems.length){t=0}var i=this.tabItems[t];this.getLinkEl(i).focus()};t.prototype.setLayout=function(){this.debouncedSetLayout()};t.prototype.renderMenuOrTabs=function(){if(this.menuLayout){this.hideItems();return n("wm-select",{label:"Tab Selection","label-position":"none"},this.renderOptions())}else{this.showItems();var t={};if(this.customPadding){t={"margin-left":"-"+this.customPadding}}return n("ul",{class:"tabcontainer ".concat(this.customBackground||""),style:t,role:"tablist"},n("slot",null))}};t.prototype.renderOptions=function(){var t=this;return this.tabItems.map((function(e){return n("wm-option",{id:"tab-link-".concat(e.tabId),selected:e.tabId===t.selectedTab,onClick:function(i){i.preventDefault();t.wmTabSelected.emit({tabId:e.tabId});t.tabSelected.emit({tabId:e.tabId})}},e.textContent)}))};t.prototype.render=function(){return n(a,{class:this.menuLayout?"menu":""},this.renderMenuOrTabs())};Object.defineProperty(t,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{selectedTab:["setSelected"]}},enumerable:false,configurable:true});return t}());u.style=d;var p="wm-tab-panel{visibility:inherit}wm-tab-panel.tab-hidden{display:none}wm-tab-panel:active{outline:none}wm-tab-panel:focus{outline:none}wm-tab-panel.user-is-tabbing:focus{outline:-webkit-focus-ring-color auto 5px}";var h=t("wm_tab_panel",function(){function t(t){e(this,t);this.tabPanelLoaded=i(this,"tabPanelLoaded",7);this.active=false;this.tabId=""}t.prototype.componentWillLoad=function(){!this.el.id&&this.el.setAttribute("id",l())};t.prototype.componentDidLoad=function(){this.tabPanelLoaded.emit({tabId:this.tabId})};t.prototype.toggleTabbingOn=function(){this.el.classList.add("user-is-tabbing")};t.prototype.toggleTabbingOff=function(){this.el.classList.remove("user-is-tabbing")};t.prototype.render=function(){return n(a,{role:"tabpanel",class:{"tab-hidden":!this.active}})};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return t}());h.style=p}}}));
-//# sourceMappingURL=p-29cd07d5.system.entry.js.map
+System.register(["./p-7b2fc615.system.js","./p-f08e6a5a.system.js"],(function(t){"use strict";var e,i,n,a,o,r,s,l;return{setters:[function(t){e=t.r;i=t.c;n=t.h;a=t.H;o=t.g;r=t.f},function(t){s=t.d;l=t.g}],execute:function(){var b=":host{font-family:inherit;display:inline-block}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host .tab-item{list-style-type:none;height:100%;display:inline-block}:host .tab-item .tab{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;color:#575195;text-decoration:none;letter-spacing:0.7px;font-size:0.875rem;font-weight:500;opacity:1;position:relative;text-transform:uppercase;display:inline-block;height:3.3333333333em;line-height:3.3333333333em;padding-right:1.5rem;padding-left:1.5rem}:host .tab-item .tab[aria-selected=true]{font-weight:700;opacity:1;background:-webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor)) bottom/0 0 no-repeat;background:linear-gradient(currentColor, currentColor) bottom/0 0 no-repeat;background-size:calc(100% - 50px) 3px}:host .tab-item .tab[aria-selected=true].dark{color:#fff}:host .tab-item .tab,:host .tab-item .tab:hover,:host .tab-item .tab:active{outline:none}:host .tab-item .tab:focus{outline:none}:host .tab-item .tab.dark:not([aria-selected=true]){opacity:0.8;color:#fff}:host .tab-item .tab.user-is-tabbing:focus:not(:active){outline:none;-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}:host .tab-item .tab.user-is-tabbing:focus:not(:active)::-moz-focus-inner{border:0}:host .tab-item .tab.user-is-tabbing:focus:not(:active).dark{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #c6b4e3;-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #c6b4e3;box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #c6b4e3;outline:none}:host.hide{display:none}";var c=t("wm_tab_item",function(){function t(t){var n=this;e(this,t);this.wmTabSelected=i(this,"wmTabSelected",7);this.tabSelected=i(this,"tabSelected",7);this.keydownOnTabItem=i(this,"keydownOnTabItem",7);this.tabItemLoaded=i(this,"tabItemLoaded",7);this.tabClicked=function(t){t.preventDefault();n.wmTabSelected.emit({tabId:n.tabId});n.tabSelected.emit({tabId:n.tabId})};this.tabPressed=function(t){var e=t.key;if(e==="Enter"||e===" "){t.preventDefault();n.wmTabSelected.emit({tabId:n.tabId});n.tabSelected.emit({tabId:n.tabId})}else if(e.includes("Arrow")){t.preventDefault();n.keydownOnTabItem.emit({tabItem:n.el,key:t.key})}};this.selected=false;this.show=true;this.tabId=""}Object.defineProperty(t.prototype,"parentTabList",{get:function(){return this.el.parentElement},enumerable:false,configurable:true});t.prototype.toggleTabbingOn=function(){this.linkEl&&this.linkEl.classList.add("user-is-tabbing")};t.prototype.toggleTabbingOff=function(){this.linkEl&&this.linkEl.classList.remove("user-is-tabbing")};t.prototype.componentDidLoad=function(){this.tabItemLoaded.emit()};t.prototype.render=function(){var t=this;var e=this.show?"":"hide ";e+=this.parentTabList&&this.parentTabList.customBackground=="dark"?"dark":"";var i={};var o=this.parentTabList&&this.parentTabList.customPadding;if(o){var r=parseInt(o,10)*2||0;var s=o.split(/([0-9]+)/).pop();i={"padding-left":this.parentTabList.customPadding,"padding-right":this.parentTabList.customPadding,"background-size":"calc(100% - ".concat(r).concat(s,") 3px")}}return n(a,{role:"presentation"},n("li",{class:"tab-item",role:"presentation"},n("a",{class:"tab ".concat(e),style:i,role:"tab",ref:function(e){return t.linkEl=e},onClick:this.tabClicked,id:"tab-link-".concat(this.tabId),onKeyDown:function(e){return t.tabPressed(e)},"aria-selected":this.selected?"true":"false",tabindex:this.selected?0:-1},n("slot",null))))};Object.defineProperty(t,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return t}());c.style=b;var u=":host,wm-tab-list{position:relative;white-space:nowrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:block}:host *,wm-tab-list *{-webkit-box-sizing:border-box;box-sizing:border-box}:host .tabcontainer,wm-tab-list .tabcontainer{margin:0;margin-left:-24px;width:100%;height:4.0625rem;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:0}:host .tabcontainer.dark,wm-tab-list .tabcontainer.dark{background:#353b48;margin:0}:host wm-select,wm-tab-list wm-select{padding:0.375rem 0}";var d=t("wm_tab_list",function(){function t(t){var n=this;e(this,t);this.wmTabSelected=i(this,"wmTabSelected",7);this.tabSelected=i(this,"tabSelected",7);this.debouncedSetLayout=s((function(){if(!n.listWidth){n.setListWidth()}r(n.el)}),250);this.customBackground=undefined;this.customPadding=undefined;this.selectedTab=undefined;this.controllerEnabled=false}Object.defineProperty(t.prototype,"menuLayout",{get:function(){if(this.listWidth){return this.el.offsetWidth<this.listWidth-24}else{return false}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"tabItems",{get:function(){return Array.from(this.el.querySelectorAll("wm-tab-item"))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"selectedTabItem",{get:function(){return this.tabItems.filter((function(t){return t.selected}))[0]},enumerable:false,configurable:true});t.prototype.getLinkEl=function(t){return t.shadowRoot.querySelector("a")};Object.defineProperty(t.prototype,"panels",{get:function(){var t=Array.from(document.querySelectorAll("wm-tab-panel"));var e=this.tabItems.map((function(t){return t.tabId}));return t.filter((function(t){return e.includes(t.tabId)}))},enumerable:false,configurable:true});t.prototype.getPanel=function(t){return this.panels.find((function(e){return e.tabId===t}))};t.prototype.setListWidth=function(){var t=this.tabItems.reduce((function(t,e){return t+e.offsetWidth}),0);this.listWidth=t&&t>0?t:this.listWidth};t.prototype.setSelected=function(t){this.tabItems.map((function(e){return e.selected=e.tabId===t}));var e=this.panels.length===1&&this.tabItems.length>1;if(e){this.setAttributesOnPanel(this.panels[0],this.selectedTabItem);this.panels[0].active=true}else{this.panels.map((function(e){return e.active=e.tabId===t}))}};t.prototype.showItems=function(){this.tabItems.map((function(t){return t.show=true}))};t.prototype.hideItems=function(){this.tabItems.map((function(t){return t.show=false}))};t.prototype.componentWillLoad=function(){var t=this;this.el.focus=function(){t.selectedTabItem&&t.selectedTabItem.focus()}};t.prototype.componentDidLoad=function(){this.setLayout();var t=this.selectedTab||this.tabItems[0].tabId;this.setSelected(t)};t.prototype.tabItemLoaded=function(t){this.setAriaOnPanelAndTab(t.target)};t.prototype.setAriaOnPanelAndTab=function(t){var e=this.getPanel(t.tabId);if(!e){if(this.panels.length===1){this.setAttributesOnTab(t,this.panels[0])}}else{this.setAttributesOnPanel(e,t);this.setAttributesOnTab(t,e)}};t.prototype.setAttributesOnTab=function(t,e){var i=this.getLinkEl(t);if(i){i.setAttribute("aria-controls",e.id);i.setAttribute("href","#".concat(e.id))}};t.prototype.removeAttributesOnTab=function(t){var e=this.getLinkEl(t);if(e){e.removeAttribute("aria-controls");e.removeAttribute("href")}};t.prototype.setAttributesOnPanel=function(t,e){var i=this.getLinkEl(e);if(i){t.setAttribute("aria-labelledby",i.id);t.setAttribute("tab-id",e.tabId)}};t.prototype.handleTabSelected=function(t){if(this.controllerEnabled){this.setSelected(t.detail.tabId)}};t.prototype.handleKeydown=function(t){var e=t.detail.key;var i=this.tabItems.indexOf(t.detail.tabItem);if(e==="ArrowLeft"||e==="ArrowRight"){this.handleLeftRightArrow(i,e)}};t.prototype.handleLeftRightArrow=function(t,e){if(e){t=e==="ArrowLeft"?t-1:t+1}if(t<0){t=this.tabItems.length-1}else if(t===this.tabItems.length){t=0}var i=this.tabItems[t];this.getLinkEl(i).focus()};t.prototype.setLayout=function(){this.debouncedSetLayout()};t.prototype.renderMenuOrTabs=function(){if(this.menuLayout){this.hideItems();return n("wm-select",{label:"Tab Selection","label-position":"none"},this.renderOptions())}else{this.showItems();var t={};if(this.customPadding){t={"margin-left":"-"+this.customPadding}}return n("ul",{class:"tabcontainer ".concat(this.customBackground||""),style:t,role:"tablist"},n("slot",null))}};t.prototype.renderOptions=function(){var t=this;return this.tabItems.map((function(e){return n("wm-option",{id:"tab-link-".concat(e.tabId),selected:e.tabId===t.selectedTab,onClick:function(i){i.preventDefault();t.wmTabSelected.emit({tabId:e.tabId});t.tabSelected.emit({tabId:e.tabId})}},e.textContent)}))};t.prototype.render=function(){return n(a,{class:this.menuLayout?"menu":""},this.renderMenuOrTabs())};Object.defineProperty(t,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{selectedTab:["setSelected"]}},enumerable:false,configurable:true});return t}());d.style=u;var p="wm-tab-panel{visibility:inherit}wm-tab-panel.tab-hidden{display:none}wm-tab-panel:active{outline:none}wm-tab-panel:focus{outline:none}wm-tab-panel.user-is-tabbing:focus{outline:-webkit-focus-ring-color auto 5px}";var h=t("wm_tab_panel",function(){function t(t){e(this,t);this.tabPanelLoaded=i(this,"tabPanelLoaded",7);this.active=false;this.tabId=""}t.prototype.componentWillLoad=function(){!this.el.id&&this.el.setAttribute("id",l())};t.prototype.componentDidLoad=function(){this.tabPanelLoaded.emit({tabId:this.tabId})};t.prototype.toggleTabbingOn=function(){this.el.classList.add("user-is-tabbing")};t.prototype.toggleTabbingOff=function(){this.el.classList.remove("user-is-tabbing")};t.prototype.render=function(){return n(a,{role:"tabpanel",class:{"tab-hidden":!this.active}})};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return t}());h.style=p}}}));
+//# sourceMappingURL=p-f09541fc.system.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["wmTabItemCss","TabItem","exports","this","tabClicked","ev","preventDefault","_this","wmTabSelected","emit","tabId","tabSelected","tabPressed","key","includes","keydownOnTabItem","tabItem","el","Object","defineProperty","class_1","prototype","parentElement","toggleTabbingOn","linkEl","classList","add","toggleTabbingOff","remove","componentDidLoad","tabItemLoaded","render","classes","show","parentTabList","customBackground","styles","padding","customPadding","bkgSize","parseInt","units","split","pop","concat","h","Host","role","class","style","ref","onClick","id","onKeyDown","selected","tabindex","wmTabListCss","TabList","debouncedSetLayout","debounce","listWidth","setListWidth","forceUpdate","class_2","offsetWidth","Array","from","querySelectorAll","tabItems","filter","t","getLinkEl","tab","shadowRoot","querySelector","allPanels","document","tabIds","map","p","getPanel","panels","find","newCalc","reduce","sum","setSelected","singlePanel","length","setAttributesOnPanel","selectedTabItem","active","panel","showItems","hideItems","componentWillLoad","focus","setLayout","selectedTab","setAriaOnPanelAndTab","target","setAttributesOnTab","link","setAttribute","removeAttributesOnTab","removeAttribute","handleTabSelected","controllerEnabled","detail","handleKeydown","index","indexOf","handleLeftRightArrow","tabToFocus","renderMenuOrTabs","menuLayout","label","renderOptions","margins","textContent","wmTabPanelCss","TabPanel","class_3","generateId","tabPanelLoaded"],"sources":["src/components/wm-tabs/wm-tab-item/wm-tab-item.scss?tag=wm-tab-item&encapsulation=shadow","src/components/wm-tabs/wm-tab-item/wm-tab-item.tsx","src/components/wm-tabs/wm-tab-list/wm-tab-list.scss?tag=wm-tab-list&encapsulation=shadow","src/components/wm-tabs/wm-tab-list/wm-tab-list.tsx","src/components/wm-tabs/wm-tab-panel/wm-tab-panel.scss?tag=wm-tab-panel","src/components/wm-tabs/wm-tab-panel/wm-tab-panel.tsx"],"sourcesContent":[":host {\r\n  * {\r\n    box-sizing: border-box;\r\n  }\r\n  font-family: inherit;\r\n  display: inline-block;\r\n\r\n  .tab-item {\r\n    list-style-type: none;\r\n    height: 100%;\r\n    display: inline-block;\r\n\r\n    .tab {\r\n      @include border-radius(0);\r\n      color: $button-default-text;\r\n      text-decoration: none;\r\n      letter-spacing: 0.7px;\r\n      font-size: rem-calc(14);\r\n      font-weight: 500;\r\n      opacity: 1;\r\n      position: relative;\r\n      text-transform: uppercase;\r\n      display: inline-block;\r\n      height: calc(40 / 12 * 1em);\r\n      line-height: calc(40 / 12 * 1em);\r\n      padding-right: rem-calc(24);\r\n      padding-left: rem-calc(24);\r\n\r\n      &[aria-selected=\"true\"] {\r\n        font-weight: 700;\r\n        opacity: 1;\r\n        background: linear-gradient(currentColor, currentColor) bottom / 0 0 no-repeat;\r\n        background-size: calc(100% - 50px) 3px;\r\n\r\n        &.dark {\r\n          color: $button-primary-text;\r\n        }\r\n      }\r\n\r\n      &,\r\n      &:hover,\r\n      &:active {\r\n        outline: none;\r\n      }\r\n\r\n      &:focus {\r\n        outline: none;\r\n      }\r\n\r\n      &.dark:not([aria-selected=\"true\"]) {\r\n        opacity: 0.8;\r\n        color: $button-primary-text;\r\n      }\r\n\r\n      &.user-is-tabbing:focus:not(:active) {\r\n        outline: none;\r\n        @include focus-style;\r\n        &.dark {\r\n          @include focus-on-dark;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &.hide {\r\n    display: none;\r\n  }\r\n}\r\n","import { Component, Element, h, Prop, Event, EventEmitter, Listen, Host } from \"@stencil/core\";\r\n\r\n@Component({\r\n  tag: \"wm-tab-item\",\r\n  styleUrl: \"wm-tab-item.scss\",\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class TabItem {\r\n  @Element() el!: HTMLWmTabItemElement;\r\n\r\n  private get parentTabList(): HTMLWmTabListElement | null {\r\n    return this.el.parentElement as HTMLWmTabListElement;\r\n  }\r\n\r\n  /**\r\n   * Indicates whether the tab is currently active\r\n   */\r\n  @Prop() selected: boolean = false;\r\n\r\n  @Prop() show: boolean = true;\r\n\r\n  /**\r\n   * The id of the tab, linked to a tab panel.\r\n   */\r\n  @Prop() tabId: string = \"\";\r\n\r\n  /**\r\n   * Reference to focusable link element\r\n   */\r\n  linkEl?: HTMLAnchorElement;\r\n\r\n  @Event() wmTabSelected!: EventEmitter<{ tabId: string }>;\r\n  @Event() tabSelected!: EventEmitter<{ tabId: string }>; // deprecated in favor of wmTabSelected\r\n\r\n  @Event() keydownOnTabItem!: EventEmitter<{\r\n    tabItem: HTMLWmTabItemElement;\r\n    key: string;\r\n  }>;\r\n\r\n  @Event() tabItemLoaded!: EventEmitter<{ tab: HTMLWmTabItemElement }>;\r\n\r\n  private tabClicked = (ev: MouseEvent) => {\r\n    ev.preventDefault();\r\n    this.wmTabSelected.emit({ tabId: this.tabId });\r\n    this.tabSelected.emit({ tabId: this.tabId }); // deprecated\r\n  };\r\n\r\n  private tabPressed = (ev: KeyboardEvent) => {\r\n    const key = ev.key;\r\n\r\n    if (key === \"Enter\" || key === \" \") {\r\n      ev.preventDefault();\r\n      this.wmTabSelected.emit({ tabId: this.tabId });\r\n      this.tabSelected.emit({ tabId: this.tabId }); // deprecated\r\n    } else if (key.includes(\"Arrow\")) {\r\n      ev.preventDefault();\r\n      this.keydownOnTabItem.emit({ tabItem: this.el, key: ev.key });\r\n    }\r\n  };\r\n\r\n  @Listen(\"keydown\", { target: \"document\" })\r\n  toggleTabbingOn() {\r\n    this.linkEl && this.linkEl.classList.add(\"user-is-tabbing\");\r\n  }\r\n\r\n  @Listen(\"click\", { target: \"document\" })\r\n  toggleTabbingOff() {\r\n    this.linkEl && this.linkEl.classList.remove(\"user-is-tabbing\");\r\n  }\r\n\r\n  componentDidLoad() {\r\n    this.tabItemLoaded.emit();\r\n  }\r\n\r\n  render() {\r\n    let classes = this.show ? \"\" : \"hide \";\r\n    classes += this.parentTabList && this.parentTabList.customBackground == \"dark\" ? \"dark\" : \"\";\r\n\r\n    let styles = {};\r\n    const padding = this.parentTabList && this.parentTabList.customPadding;\r\n    if (padding) {\r\n      const bkgSize = parseInt(padding, 10) * 2 || 0;\r\n      const units = padding.split(/([0-9]+)/).pop();\r\n      styles = {\r\n        \"padding-left\": this.parentTabList!.customPadding,\r\n        \"padding-right\": this.parentTabList!.customPadding,\r\n        \"background-size\": `calc(100% - ${bkgSize}${units}) 3px`,\r\n      };\r\n    }\r\n\r\n    return (\r\n      <Host role=\"presentation\">\r\n        <li class=\"tab-item\" role=\"presentation\">\r\n          <a\r\n            class={`tab ${classes}`}\r\n            style={styles}\r\n            role=\"tab\"\r\n            ref={(el) => (this.linkEl = el as HTMLAnchorElement)}\r\n            onClick={this.tabClicked}\r\n            id={`tab-link-${this.tabId}`}\r\n            onKeyDown={(ev: KeyboardEvent) => this.tabPressed(ev)}\r\n            aria-selected={this.selected ? \"true\" : \"false\"}\r\n            tabindex={this.selected ? 0 : -1}\r\n          >\r\n            <slot></slot>\r\n          </a>\r\n        </li>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n",":host,\r\nwm-tab-list {\r\n  * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  position: relative;\r\n  white-space: nowrap;\r\n  height: fit-content;\r\n  display: block;\r\n\r\n  .tabcontainer {\r\n    margin: 0;\r\n    margin-left: -24px;\r\n    width: 100%;\r\n    height: rem-calc(65);\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    padding: 0;\r\n\r\n    &.dark {\r\n      background: rgb(53, 59, 72);\r\n      margin: 0;\r\n    }\r\n  }\r\n\r\n  wm-select {\r\n    padding: rem-calc(6) 0;\r\n  }\r\n}\r\n","import { forceUpdate, Component, Prop, Element, h, Watch, Listen, Host, Event, EventEmitter } from \"@stencil/core\";\r\nimport { debounce } from \"../../../global/functions\";\r\n\r\n@Component({\r\n  tag: \"wm-tab-list\",\r\n  styleUrl: \"wm-tab-list.scss\",\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class TabList {\r\n  @Element() el!: any;\r\n\r\n  @Prop() customBackground?: \"dark\" | \"\";\r\n  @Prop() customPadding?: string;\r\n  @Prop() selectedTab?: string;\r\n\r\n  /**\r\n   * Delegates control to the component, which will listen for the tabSelected event, update the display of the tab panels, and update the selected tab on display. When set to false, the app must listen for the event and update the selectedTab attribute. Offers more control for devs, who may want to control when data loads or run other functions when tabs are switched.\r\n   */\r\n  @Prop() controllerEnabled: boolean = false;\r\n\r\n  /**\r\n   * Set to true when the tab list exceeds the parent width. Component will render the menu layout.\r\n   */\r\n  private get menuLayout(): boolean {\r\n    if (this.listWidth) {\r\n      return this.el.offsetWidth < this.listWidth - 24; // to take into account the negative margin on the ul\r\n    } else {\r\n      return false; // in case listWidth couldn't get computed, we render regular tabs\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Emitted by wm-select options when tabs have the menu format\r\n   */\r\n  @Event() wmTabSelected!: EventEmitter<{ tabId: string }>;\r\n  @Event() tabSelected!: EventEmitter<{ tabId: string }>; // deprecated in favor of wmTabSelected\r\n\r\n  private get tabItems(): Array<HTMLWmTabItemElement> {\r\n    return Array.from(this.el.querySelectorAll(\"wm-tab-item\"));\r\n  }\r\n\r\n  get selectedTabItem(): HTMLWmTabItemElement {\r\n    return this.tabItems.filter((t) => t.selected)[0];\r\n  }\r\n\r\n  private getLinkEl(tab: HTMLWmTabItemElement): HTMLAnchorElement {\r\n    return tab.shadowRoot!.querySelector(\"a\")!;\r\n  }\r\n\r\n  private get panels(): Array<HTMLWmTabPanelElement> {\r\n    const allPanels = Array.from(document.querySelectorAll(\"wm-tab-panel\"));\r\n    const tabIds = this.tabItems.map((t) => t.tabId);\r\n    return allPanels.filter((p) => tabIds.includes(p.tabId));\r\n  }\r\n\r\n  private getPanel(tabId: string) {\r\n    return this.panels.find((p) => p.tabId === tabId);\r\n  }\r\n\r\n  private listWidth?: number;\r\n\r\n  private setListWidth() {\r\n    let newCalc = this.tabItems.reduce((sum, tab) => sum + tab.offsetWidth, 0);\r\n    this.listWidth = newCalc && newCalc > 0 ? newCalc : this.listWidth; // the function may return 0. In this case keep the previous value\r\n  }\r\n\r\n  @Watch(\"selectedTab\")\r\n  setSelected(id: string) {\r\n    this.tabItems.map((tab: HTMLWmTabItemElement) => (tab.selected = tab.tabId === id));\r\n    const singlePanel = this.panels.length === 1 && this.tabItems.length > 1;\r\n    if (singlePanel) {\r\n      /**\r\n       * If the app conditionally renders content in one single tab panel rather than allocating the content to discrete panels, then the tab panels aria references needs to update whenever a new tab item is selected.\r\n       */\r\n      this.setAttributesOnPanel(this.panels[0], this.selectedTabItem);\r\n      this.panels[0].active = true;\r\n    } else {\r\n      this.panels.map((panel: HTMLWmTabPanelElement) => (panel.active = panel.tabId === id));\r\n    }\r\n  }\r\n\r\n  showItems() {\r\n    this.tabItems.map((t) => (t.show = true));\r\n  }\r\n\r\n  hideItems() {\r\n    this.tabItems.map((t) => (t.show = false));\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.el.focus = () => {\r\n      // in addition to delegatesFocus, we need to highjack the focus method to send focus to the selected tab-item\r\n      this.selectedTabItem && this.selectedTabItem.focus();\r\n    };\r\n  }\r\n\r\n  componentDidLoad() {\r\n    this.setLayout(); // this require measurements of DOM elements so can't be done before first paint\r\n    const selectedTab = this.selectedTab || this.tabItems[0].tabId;\r\n    this.setSelected(selectedTab);\r\n  }\r\n\r\n  @Listen(\"tabItemLoaded\")\r\n  tabItemLoaded(ev: CustomEvent) {\r\n    this.setAriaOnPanelAndTab(ev.target as HTMLWmTabItemElement);\r\n  }\r\n\r\n  setAriaOnPanelAndTab(tab: HTMLWmTabItemElement) {\r\n    const panel = this.getPanel(tab.tabId);\r\n\r\n    // If there's no panel, check for case where content is conditionally rendered in one panel, in which case attributes on all tabs should point to this single panel.\r\n    if (!panel) {\r\n      if (this.panels.length === 1) {\r\n        this.setAttributesOnTab(tab, this.panels[0]);\r\n      }\r\n    } else {\r\n      // Otherwise, set attributes on each tab item that loads and its associated panel\r\n      this.setAttributesOnPanel(panel, tab);\r\n      this.setAttributesOnTab(tab, panel);\r\n    }\r\n  }\r\n\r\n  setAttributesOnTab(tab: HTMLWmTabItemElement, panel: HTMLWmTabPanelElement) {\r\n    const link = this.getLinkEl(tab);\r\n\r\n    if (link) {\r\n      link.setAttribute(\"aria-controls\", panel.id);\r\n      link.setAttribute(\"href\", `#${panel.id}`);\r\n    }\r\n  }\r\n\r\n  removeAttributesOnTab(tab: HTMLWmTabItemElement) {\r\n    const link = this.getLinkEl(tab);\r\n\r\n    if (link) {\r\n      link.removeAttribute(\"aria-controls\");\r\n      link.removeAttribute(\"href\");\r\n    }\r\n  }\r\n\r\n  setAttributesOnPanel(panel: HTMLWmTabPanelElement, tab: HTMLWmTabItemElement) {\r\n    const link = this.getLinkEl(tab);\r\n\r\n    if (link) {\r\n      panel.setAttribute(\"aria-labelledby\", link.id);\r\n      panel.setAttribute(\"tab-id\", tab.tabId);\r\n    }\r\n  }\r\n\r\n  @Listen(\"wmTabSelected\")\r\n  handleTabSelected(ev: CustomEvent) {\r\n    if (this.controllerEnabled) {\r\n      this.setSelected(ev.detail.tabId);\r\n    }\r\n  }\r\n\r\n  @Listen(\"keydownOnTabItem\")\r\n  handleKeydown(ev: CustomEvent) {\r\n    const key = ev.detail.key;\r\n    const index = this.tabItems.indexOf(ev.detail.tabItem);\r\n\r\n    if (key === \"ArrowLeft\" || key === \"ArrowRight\") {\r\n      this.handleLeftRightArrow(index, key);\r\n    }\r\n  }\r\n\r\n  handleLeftRightArrow(index: number, key: string) {\r\n    if (key) {\r\n      index = key === \"ArrowLeft\" ? index - 1 : index + 1;\r\n    }\r\n\r\n    if (index < 0) {\r\n      index = this.tabItems.length - 1;\r\n    } else if (index === this.tabItems.length) {\r\n      index = 0;\r\n    }\r\n\r\n    const tabToFocus = this.tabItems[index];\r\n    this.getLinkEl(tabToFocus).focus();\r\n  }\r\n\r\n  /**\r\n   * Change layout if parent size drops below tab list width\r\n   */\r\n  @Listen(\"resize\", { target: \"window\" })\r\n  setLayout() {\r\n    this.debouncedSetLayout();\r\n  }\r\n\r\n  debouncedSetLayout = debounce(() => {\r\n    if (!this.listWidth) {\r\n      this.setListWidth();\r\n    }\r\n    forceUpdate(this.el);\r\n  }, 250);\r\n\r\n  renderMenuOrTabs() {\r\n    if (this.menuLayout) {\r\n      this.hideItems();\r\n      return (\r\n        <wm-select label=\"Tab Selection\" label-position=\"none\">\r\n          {this.renderOptions()}\r\n        </wm-select>\r\n      );\r\n    } else {\r\n      this.showItems();\r\n      let margins = {};\r\n      if (this.customPadding) {\r\n        margins = {\r\n          \"margin-left\": \"-\" + this.customPadding,\r\n        };\r\n      }\r\n      return (\r\n        <ul class={`tabcontainer ${this.customBackground || \"\"}`} style={margins} role=\"tablist\">\r\n          <slot></slot>\r\n        </ul>\r\n      );\r\n    }\r\n  }\r\n\r\n  renderOptions() {\r\n    return this.tabItems.map((t) => (\r\n      <wm-option\r\n        id={`tab-link-${t.tabId}`}\r\n        selected={t.tabId === this.selectedTab}\r\n        onClick={(ev) => {\r\n          ev.preventDefault();\r\n          this.wmTabSelected.emit({ tabId: t.tabId });\r\n          this.tabSelected.emit({ tabId: t.tabId }); // deprecated\r\n        }}\r\n      >\r\n        {t.textContent}\r\n      </wm-option>\r\n    ));\r\n  }\r\n\r\n  render() {\r\n    return <Host class={this.menuLayout ? \"menu\" : \"\"}>{this.renderMenuOrTabs()}</Host>;\r\n  }\r\n}\r\n","wm-tab-panel {\r\n  visibility: inherit;\r\n\r\n  &.tab-hidden {\r\n    display: none;\r\n  }\r\n\r\n  &:active {\r\n    outline: none;\r\n  }\r\n\r\n  &:focus {\r\n    outline: none;\r\n  }\r\n\r\n  &.user-is-tabbing:focus {\r\n    outline: -webkit-focus-ring-color auto 5px;\r\n  }\r\n}\r\n","import { Component, Element, Prop, Host, h, Event, Listen, EventEmitter } from \"@stencil/core\";\r\nimport { generateId } from \"../../../global/functions\";\r\n\r\n@Component({\r\n  tag: \"wm-tab-panel\",\r\n  styleUrl: \"wm-tab-panel.scss\",\r\n})\r\nexport class TabPanel {\r\n  @Element() el!: HTMLWmTabPanelElement;\r\n\r\n  /**\r\n   * Indicates whether the panel should be displayed or not.\r\n   */\r\n  @Prop({ mutable: true }) active: boolean = false;\r\n\r\n  /**\r\n   * The id of the panel, linked to a tabItem in the tablist.\r\n   */\r\n  @Prop({ mutable: true }) tabId: string = \"\";\r\n\r\n  @Event() tabPanelLoaded!: EventEmitter<{ tabId: string }>;\r\n\r\n  componentWillLoad() {\r\n    !this.el.id && this.el.setAttribute(\"id\", generateId());\r\n  }\r\n\r\n  componentDidLoad() {\r\n    this.tabPanelLoaded.emit({ tabId: this.tabId });\r\n  }\r\n\r\n  @Listen(\"keydown\", { target: \"document\" })\r\n  toggleTabbingOn() {\r\n    this.el.classList.add(\"user-is-tabbing\");\r\n  }\r\n\r\n  @Listen(\"click\", { target: \"document\" })\r\n  toggleTabbingOff() {\r\n    this.el.classList.remove(\"user-is-tabbing\");\r\n  }\r\n\r\n  render() {\r\n    return <Host role=\"tabpanel\" class={{ \"tab-hidden\": !this.active }}></Host>;\r\n  }\r\n}\r\n"],"mappings":"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"}

package/dist/ripple/{p-4aa0ee75.system.entry.js → p-f4487f66.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-7b2fc615.system.js","./p-e782194d.system.js"],(function(t){"use strict";var e,i,o,n,s,a,r,l;return{setters:[function(t){e=t.r;i=t.c;o=t.h;n=t.H;s=t.g;a=t.f},function(t){r=t.i;l=t.w}],execute:function(){var c=":host{z-index:10}:host([aria-expanded=true]){z-index:5000}.tray{-webkit-box-shadow:0 0 14px 0 rgba(0, 0, 0, 0.14);-moz-box-shadow:0 0 14px 0 rgba(0, 0, 0, 0.14);box-shadow:0 0 14px 0 rgba(0, 0, 0, 0.14);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:7.5625rem;background-color:#fff;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;font-size:0.875rem;height:100%}.navlist{margin:0;padding:0}.toggle-wrapper{display:none}@media screen and (max-width: 1023px){.tray{-ms-transition:transform 0.33s ease;-webkit-transition:transform 0.33s ease;-moz-transition:transform 0.33s ease;-webkit-transition:-webkit-transform 0.33s ease;transition:-webkit-transform 0.33s ease;transition:transform 0.33s ease;transition:transform 0.33s ease, -webkit-transform 0.33s ease;position:fixed;top:0;bottom:0;left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.tray ul{visibility:hidden}.tray .toggle-wrapper{display:inline-block;min-height:5rem;width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host([aria-expanded=true]) .tray{-webkit-transform:translateX(0);transform:translateX(0)}:host([aria-expanded=true]) .tray ul{visibility:visible}.overlay{width:100vw;height:100vh;max-width:none;max-height:none;position:fixed !important;top:0;bottom:0;left:0;right:0;-webkit-transform:translate(0%, 0%);transform:translate(0%, 0%);background-color:rgba(25, 25, 25, 0.4);-ms-transition:opacity 0.5s ease-out;-webkit-transition:opacity 0.5s ease-out;-moz-transition:opacity 0.5s ease-out;transition:opacity 0.5s ease-out}}";var u=t("wm_navigation",function(){function t(t){var o=this;e(this,t);this.wmNavigationStateChanged=i(this,"wmNavigationStateChanged",7);this.mainNavigationMessage=r.formatMessage({id:"navigation.mainNavigation",defaultMessage:"Main",description:"Label describing the site navigation, for screen reader users"});this.openTooltipMessage=r.formatMessage({id:"global.openVerb",defaultMessage:"Open",description:"For a button, to open a user interface element"});this.closeTooltipMessage=r.formatMessage({id:"global.closeVerb",defaultMessage:"Close",description:"For a button, to close a user interface element"});this.throttledRerender=l((function(){return a(o.el)}),50);this.open=false;this.isTabbing=false}Object.defineProperty(t.prototype,"isCollapsible",{get:function(){return window.innerWidth<1024},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"ariaExpanded",{get:function(){return this.isCollapsible?this.open.toString():undefined},enumerable:false,configurable:true});t.prototype.toggleTabbingOn=function(){this.isTabbing=true};t.prototype.toggleTabbingOff=function(){this.isTabbing=false};t.prototype.closeOnEscape=function(t){if(t.key==="Escape"){this.open=false}};t.prototype.handleWindowResize=function(){this.throttledRerender()};t.prototype.handleHamburgerClicked=function(){this.open=!this.open};t.prototype.handleClickOnItem=function(){this.open=false};t.prototype.handleStateChange=function(){if(this.isCollapsible){this.wmNavigationStateChanged.emit();this.open?this.expand():this.collapse()}};t.prototype.componentWillLoad=function(){var t=this;if(document.body.classList.contains("wmcl-user-is-tabbing")){this.toggleTabbingOn()}this.el.focus=function(){var e=t.open?t.el.shadowRoot.querySelector(".toggle"):document.querySelector("wm-navigation-hamburger");var i=t.el.querySelector("wm-navigation-item");t.isCollapsible?e.focus():i.focus()};if(this.isCollapsible&&this.open){this.wmNavigationStateChanged.emit();this.expand()}};t.prototype.redirectFocusFromBody=function(t){if(document.activeElement.tagName==="BODY"&&!t.relatedTarget){this.el.focus()}};t.prototype.expand=function(){var t=this;document.body.tabIndex=0;document.body.addEventListener("focus",this.redirectFocusFromBody.bind(this),true);setTimeout((function(){return t.toggleEl.focus()}),250)};t.prototype.collapse=function(){document.body.tabIndex=-1;document.body.removeEventListener("focus",this.redirectFocusFromBody.bind(this));var t=document.querySelector("wm-navigation-hamburger");if(t)t.focus()};t.prototype.focusLastItem=function(){var t=this.el.querySelectorAll("wm-navigation-item");var e=Array.from(t).pop();e.focus()};t.prototype.renderOverlay=function(){var t=this;return o("div",{class:"overlay",onClick:function(){t.open=false}})};t.prototype.render=function(){var t=this;return o(n,{role:"navigation","aria-expanded":this.ariaExpanded,"aria-label":this.mainNavigationMessage},this.open?this.renderOverlay():"",this.isCollapsible&&o("div",{class:"trapfocus",tabindex:this.open?0:undefined,onFocus:function(){return t.focusLastItem()}}),o("div",{class:"tray"},o("div",{class:"toggle-wrapper"},o("wm-button",{ref:function(e){return t.toggleEl=e},class:"toggle ".concat(this.isTabbing?"user-is-tabbing":""),"button-type":"navigational",icon:this.open?"f156":"f35c","icon-size":"2rem",tooltip:this.open?this.closeTooltipMessage:this.openTooltipMessage,"tooltip-position":"left",tabIndex:this.open?undefined:-1,onClick:function(){t.open=!t.open}})),o("ul",{class:"navlist"},o("slot",null))),this.isCollapsible&&o("div",{class:"trapfocus",tabindex:this.open?0:undefined,onFocus:function(){return t.toggleEl.focus()}}))};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});Object.defineProperty(t,"watchers",{get:function(){return{open:["handleStateChange"]}},enumerable:false,configurable:true});return t}());u.style=c;var p='button{display:none;width:100%;height:100%;border:none;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1);background-color:transparent;outline:none;padding:0}button.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}button.user-is-tabbing:focus::-moz-focus-inner{border:0}button:hover{background-color:#d7d6d9}.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:"\\f35c";font-size:1.5rem;color:#575195}@media screen and (max-width: 1023px){:host{width:3.75rem;height:3.75rem}button{display:initial}}';var d=t("wm_navigation_hamburger",function(){function t(t){e(this,t);this.wmNavigationHamburgerClicked=i(this,"wmNavigationHamburgerClicked",7);this.showNavMessage=r.formatMessage({id:"navigation.showNavigation",defaultMessage:"Show navigation",description:"For user interface element opening a navigation menu"});this.navId=undefined;this.tooltipVisible=false;this.isTabbing=false;this.open=false}Object.defineProperty(t.prototype,"tooltipEl",{get:function(){return document.getElementById("wm-tooltip")},enumerable:false,configurable:true});t.prototype.toggleTabbingOn=function(){this.isTabbing=true};t.prototype.toggleTabbingOff=function(){this.isTabbing=false};t.prototype.handleNavigationStateChanged=function(t){this.open=t.target.open};t.prototype.componentWillLoad=function(){if(document.body.classList.contains("wmcl-user-is-tabbing")){this.toggleTabbingOn()}if(!this.navId){console.error("wm-navigation-hamburger: nav-id is a required prop")}};t.prototype.showTooltip=function(){var t=this;var e=this.showNavMessage;this.tooltipEl.textContent=e;this.tooltipEl.style.setProperty("--wmTooltipTop","1.125rem");this.tooltipEl.style.setProperty("--wmTooltipLeft","2.75rem");this.tooltipEl.style.transitionDelay="500ms";this.tooltipEl.style.opacity="1";var i=e.match(/^[^\s]+$/);if(i){this.tooltipEl.classList.add("single-word");this.tooltipEl.style.setProperty("--wmTooltipMaxWidth","none")}else{this.tooltipEl.classList.remove("single-word");this.tooltipEl.style.removeProperty("--wmTooltipMaxWidth")}setTimeout((function(){t.tooltipVisible=true}),500)};t.prototype.hideTooltip=function(){this.tooltipEl.style.transitionDelay="0s";this.tooltipEl.style.opacity="0";this.tooltipVisible=false};t.prototype.showTooltipForKeyboardUsers=function(){if(this.isTabbing){this.showTooltip()}};t.prototype.handleClick=function(){this.hideTooltip();this.wmNavigationHamburgerClicked.emit()};t.prototype.render=function(){var t=this;return o(n,{class:"hamburger ".concat(this.open?"nav-open":"nav-closed")},o("button",{class:this.isTabbing?"user-is-tabbing":undefined,"aria-expanded":this.open,"aria-controls":this.navId,"aria-label":this.showNavMessage,onMouseEnter:function(){return t.showTooltip()},onMouseLeave:function(){return t.hideTooltip()},onFocus:function(){return t.showTooltipForKeyboardUsers()},onBlur:function(){return t.hideTooltip()},onClick:function(){return t.handleClick()}},o("span",{class:"icon"})))};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}());d.style=p;var f='.link{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:inherit;text-decoration:none;min-height:4.5rem;text-align:center;padding:1.25rem 0.5rem;font-weight:500;outline:none;position:relative}.link:hover{background-color:#f2f2f2}.link .icon{font-size:1.375rem;color:#6b6b6b}.link .text{font-size:0.875rem}.link.user-is-tabbing:focus{-webkit-box-shadow:inset 0 2px 2px 0 rgba(244, 243, 246, 0.2), inset 0 2px 2px 0 rgba(0, 0, 0, 0.1), inset 0 0 4px 3px #61279e;box-shadow:inset 0 2px 2px 0 rgba(244, 243, 246, 0.2), inset 0 2px 2px 0 rgba(0, 0, 0, 0.1), inset 0 0 4px 3px #61279e}.link.active{background-color:#e9e7ec}.link.active:before{content:"";background-color:#575195;position:absolute;height:100%;width:5px;left:0}.link.active .text{color:#575195}.link.active .icon{color:#575195}';var b=t("wm_navigation_item",function(){function t(t){e(this,t);this.wmNavigationItemClicked=i(this,"wmNavigationItemClicked",7);this.href=undefined;this.text=undefined;this.active=undefined;this.isTabbing=false}t.prototype.toggleTabbingOn=function(){this.isTabbing=true};t.prototype.toggleTabbingOff=function(){this.isTabbing=false};t.prototype.componentWillLoad=function(){if(document.body.classList.contains("wmcl-user-is-tabbing")){this.toggleTabbingOn()}};t.prototype.render=function(){var t=this;return o(n,{role:"listitem"},o("a",{class:"link ".concat(this.active?"active":""," ").concat(this.isTabbing?"user-is-tabbing":""),href:this.href,onClick:function(){return t.wmNavigationItemClicked.emit()}},o("div",{class:"icon","aria-hidden":"true"},o("slot",null)),o("div",{class:"text"},this.text)))};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}());b.style=f}}}));
-//# sourceMappingURL=p-4aa0ee75.system.entry.js.map
+System.register(["./p-7b2fc615.system.js","./p-f08e6a5a.system.js"],(function(t){"use strict";var e,i,o,n,a,s,r,l;return{setters:[function(t){e=t.r;i=t.c;o=t.h;n=t.H;a=t.g;s=t.f},function(t){r=t.i;l=t.w}],execute:function(){var c=":host{z-index:10}:host([aria-expanded=true]){z-index:5000}.tray{-webkit-box-shadow:0 0 14px 0 rgba(0, 0, 0, 0.14);-moz-box-shadow:0 0 14px 0 rgba(0, 0, 0, 0.14);box-shadow:0 0 14px 0 rgba(0, 0, 0, 0.14);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:7.5625rem;background-color:#fff;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;font-size:0.875rem;height:100%}.navlist{margin:0;padding:0}.toggle-wrapper{display:none}@media screen and (max-width: 1023px){.tray{-ms-transition:transform 0.33s ease;-webkit-transition:transform 0.33s ease;-moz-transition:transform 0.33s ease;-webkit-transition:-webkit-transform 0.33s ease;transition:-webkit-transform 0.33s ease;transition:transform 0.33s ease;transition:transform 0.33s ease, -webkit-transform 0.33s ease;position:fixed;top:0;bottom:0;left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.tray ul{visibility:hidden}.tray .toggle-wrapper{display:inline-block;min-height:5rem;width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host([aria-expanded=true]) .tray{-webkit-transform:translateX(0);transform:translateX(0)}:host([aria-expanded=true]) .tray ul{visibility:visible}.overlay{width:100vw;height:100vh;max-width:none;max-height:none;position:fixed !important;top:0;bottom:0;left:0;right:0;-webkit-transform:translate(0%, 0%);transform:translate(0%, 0%);background-color:rgba(25, 25, 25, 0.4);-ms-transition:opacity 0.5s ease-out;-webkit-transition:opacity 0.5s ease-out;-moz-transition:opacity 0.5s ease-out;transition:opacity 0.5s ease-out}}";var u=t("wm_navigation",function(){function t(t){var o=this;e(this,t);this.wmNavigationStateChanged=i(this,"wmNavigationStateChanged",7);this.mainNavigationMessage=r.formatMessage({id:"navigation.mainNavigation",defaultMessage:"Main",description:"Label describing the site navigation, for screen reader users"});this.openTooltipMessage=r.formatMessage({id:"global.openVerb",defaultMessage:"Open",description:"For a button, to open a user interface element"});this.closeTooltipMessage=r.formatMessage({id:"global.closeVerb",defaultMessage:"Close",description:"For a button, to close a user interface element"});this.throttledRerender=l((function(){return s(o.el)}),50);this.open=false;this.isTabbing=false}Object.defineProperty(t.prototype,"isCollapsible",{get:function(){return window.innerWidth<1024},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"ariaExpanded",{get:function(){return this.isCollapsible?this.open.toString():undefined},enumerable:false,configurable:true});t.prototype.toggleTabbingOn=function(){this.isTabbing=true};t.prototype.toggleTabbingOff=function(){this.isTabbing=false};t.prototype.closeOnEscape=function(t){if(t.key==="Escape"){this.open=false}};t.prototype.handleWindowResize=function(){this.throttledRerender()};t.prototype.handleHamburgerClicked=function(){this.open=!this.open};t.prototype.handleClickOnItem=function(){this.open=false};t.prototype.handleStateChange=function(){if(this.isCollapsible){this.wmNavigationStateChanged.emit();this.open?this.expand():this.collapse()}};t.prototype.componentWillLoad=function(){var t=this;if(document.body.classList.contains("wmcl-user-is-tabbing")){this.toggleTabbingOn()}this.el.focus=function(){var e=t.open?t.el.shadowRoot.querySelector(".toggle"):document.querySelector("wm-navigation-hamburger");var i=t.el.querySelector("wm-navigation-item");t.isCollapsible?e.focus():i.focus()};if(this.isCollapsible&&this.open){this.wmNavigationStateChanged.emit();this.expand()}};t.prototype.redirectFocusFromBody=function(t){if(document.activeElement.tagName==="BODY"&&!t.relatedTarget){this.el.focus()}};t.prototype.expand=function(){var t=this;document.body.tabIndex=0;document.body.addEventListener("focus",this.redirectFocusFromBody.bind(this),true);setTimeout((function(){return t.toggleEl.focus()}),250)};t.prototype.collapse=function(){document.body.tabIndex=-1;document.body.removeEventListener("focus",this.redirectFocusFromBody.bind(this));var t=document.querySelector("wm-navigation-hamburger");if(t)t.focus()};t.prototype.focusLastItem=function(){var t=this.el.querySelectorAll("wm-navigation-item");var e=Array.from(t).pop();e.focus()};t.prototype.renderOverlay=function(){var t=this;return o("div",{class:"overlay",onClick:function(){t.open=false}})};t.prototype.render=function(){var t=this;return o(n,{role:"navigation","aria-expanded":this.ariaExpanded,"aria-label":this.mainNavigationMessage},this.open?this.renderOverlay():"",this.isCollapsible&&o("div",{class:"trapfocus",tabindex:this.open?0:undefined,onFocus:function(){return t.focusLastItem()}}),o("div",{class:"tray"},o("div",{class:"toggle-wrapper"},o("wm-button",{ref:function(e){return t.toggleEl=e},class:"toggle ".concat(this.isTabbing?"user-is-tabbing":""),"button-type":"navigational",icon:this.open?"f156":"f35c","icon-size":"2rem",tooltip:this.open?this.closeTooltipMessage:this.openTooltipMessage,"tooltip-position":"left",tabIndex:this.open?undefined:-1,onClick:function(){t.open=!t.open}})),o("ul",{class:"navlist"},o("slot",null))),this.isCollapsible&&o("div",{class:"trapfocus",tabindex:this.open?0:undefined,onFocus:function(){return t.toggleEl.focus()}}))};Object.defineProperty(t,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["handleStateChange"]}},enumerable:false,configurable:true});return t}());u.style=c;var p='button{display:none;width:100%;height:100%;border:none;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1);background-color:transparent;outline:none;padding:0}button.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}button.user-is-tabbing:focus::-moz-focus-inner{border:0}button:hover{background-color:#d7d6d9}.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:"\\f35c";font-size:1.5rem;color:#575195}@media screen and (max-width: 1023px){:host{width:3.75rem;height:3.75rem}button{display:initial}}';var d=t("wm_navigation_hamburger",function(){function t(t){e(this,t);this.wmNavigationHamburgerClicked=i(this,"wmNavigationHamburgerClicked",7);this.showNavMessage=r.formatMessage({id:"navigation.showNavigation",defaultMessage:"Show navigation",description:"For user interface element opening a navigation menu"});this.navId=undefined;this.tooltipVisible=false;this.isTabbing=false;this.open=false}Object.defineProperty(t.prototype,"tooltipEl",{get:function(){return document.getElementById("wm-tooltip")},enumerable:false,configurable:true});t.prototype.toggleTabbingOn=function(){this.isTabbing=true};t.prototype.toggleTabbingOff=function(){this.isTabbing=false};t.prototype.handleNavigationStateChanged=function(t){this.open=t.target.open};t.prototype.componentWillLoad=function(){if(document.body.classList.contains("wmcl-user-is-tabbing")){this.toggleTabbingOn()}if(!this.navId){console.error("wm-navigation-hamburger: nav-id is a required prop")}};t.prototype.showTooltip=function(){var t=this;var e=this.showNavMessage;this.tooltipEl.textContent=e;this.tooltipEl.style.setProperty("--wmTooltipTop","1.125rem");this.tooltipEl.style.setProperty("--wmTooltipLeft","2.75rem");this.tooltipEl.style.transitionDelay="500ms";this.tooltipEl.style.opacity="1";var i=e.match(/^[^\s]+$/);if(i){this.tooltipEl.classList.add("single-word");this.tooltipEl.style.setProperty("--wmTooltipMaxWidth","none")}else{this.tooltipEl.classList.remove("single-word");this.tooltipEl.style.removeProperty("--wmTooltipMaxWidth")}setTimeout((function(){t.tooltipVisible=true}),500)};t.prototype.hideTooltip=function(){this.tooltipEl.style.transitionDelay="0s";this.tooltipEl.style.opacity="0";this.tooltipVisible=false};t.prototype.showTooltipForKeyboardUsers=function(){if(this.isTabbing){this.showTooltip()}};t.prototype.handleClick=function(){this.hideTooltip();this.wmNavigationHamburgerClicked.emit()};t.prototype.render=function(){var t=this;return o(n,{class:"hamburger ".concat(this.open?"nav-open":"nav-closed")},o("button",{class:this.isTabbing?"user-is-tabbing":undefined,"aria-expanded":this.open,"aria-controls":this.navId,"aria-label":this.showNavMessage,onMouseEnter:function(){return t.showTooltip()},onMouseLeave:function(){return t.hideTooltip()},onFocus:function(){return t.showTooltipForKeyboardUsers()},onBlur:function(){return t.hideTooltip()},onClick:function(){return t.handleClick()}},o("span",{class:"icon"})))};Object.defineProperty(t,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});return t}());d.style=p;var f='.link{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:inherit;text-decoration:none;min-height:4.5rem;text-align:center;padding:1.25rem 0.5rem;font-weight:500;outline:none;position:relative}.link:hover{background-color:#f2f2f2}.link .icon{font-size:1.375rem;color:#6b6b6b}.link .text{font-size:0.875rem}.link.user-is-tabbing:focus{-webkit-box-shadow:inset 0 2px 2px 0 rgba(244, 243, 246, 0.2), inset 0 2px 2px 0 rgba(0, 0, 0, 0.1), inset 0 0 4px 3px #61279e;box-shadow:inset 0 2px 2px 0 rgba(244, 243, 246, 0.2), inset 0 2px 2px 0 rgba(0, 0, 0, 0.1), inset 0 0 4px 3px #61279e}.link.active{background-color:#e9e7ec}.link.active:before{content:"";background-color:#575195;position:absolute;height:100%;width:5px;left:0}.link.active .text{color:#575195}.link.active .icon{color:#575195}';var b=t("wm_navigation_item",function(){function t(t){e(this,t);this.wmNavigationItemClicked=i(this,"wmNavigationItemClicked",7);this.href=undefined;this.text=undefined;this.active=undefined;this.isTabbing=false}t.prototype.toggleTabbingOn=function(){this.isTabbing=true};t.prototype.toggleTabbingOff=function(){this.isTabbing=false};t.prototype.componentWillLoad=function(){if(document.body.classList.contains("wmcl-user-is-tabbing")){this.toggleTabbingOn()}};t.prototype.render=function(){var t=this;return o(n,{role:"listitem"},o("a",{class:"link ".concat(this.active?"active":""," ").concat(this.isTabbing?"user-is-tabbing":""),href:this.href,onClick:function(){return t.wmNavigationItemClicked.emit()}},o("div",{class:"icon","aria-hidden":"true"},o("slot",null)),o("div",{class:"text"},this.text)))};Object.defineProperty(t,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});return t}());b.style=f}}}));
+//# sourceMappingURL=p-f4487f66.system.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["wmNavigationCss","Navigation","exports","this","mainNavigationMessage","intl","formatMessage","id","defaultMessage","description","openTooltipMessage","closeTooltipMessage","throttledRerender","throttle","forceUpdate","_this","el","Object","defineProperty","class_1","prototype","window","innerWidth","isCollapsible","open","toString","undefined","toggleTabbingOn","isTabbing","toggleTabbingOff","closeOnEscape","ev","key","handleWindowResize","handleHamburgerClicked","handleClickOnItem","handleStateChange","wmNavigationStateChanged","emit","expand","collapse","componentWillLoad","document","body","classList","contains","focus","btn","shadowRoot","querySelector","firstItem","redirectFocusFromBody","activeElement","tagName","relatedTarget","tabIndex","addEventListener","bind","setTimeout","toggleEl","removeEventListener","hamburgerBtn","focusLastItem","items","querySelectorAll","lastItem","Array","from","pop","renderOverlay","h","class","onClick","render","Host","role","ariaExpanded","tabindex","onFocus","ref","concat","icon","tooltip","wmNavigationHamburgerCss","NavigationHamburger","showNavMessage","class_2","getElementById","handleNavigationStateChanged","target","navId","console","error","showTooltip","tooltipText","tooltipEl","textContent","style","setProperty","transitionDelay","opacity","hasNoWhitespace","match","add","remove","removeProperty","tooltipVisible","hideTooltip","showTooltipForKeyboardUsers","handleClick","wmNavigationHamburgerClicked","onMouseEnter","onMouseLeave","onBlur","wmNavigationItemCss","NavigationItem","class_3","active","href","wmNavigationItemClicked","text"],"sources":["src/components/wm-navigation/wm-navigation.scss?tag=wm-navigation&encapsulation=shadow","src/components/wm-navigation/wm-navigation.tsx","src/components/wm-navigation/wm-navigation-hamburger.scss?tag=wm-navigation-hamburger&encapsulation=shadow","src/components/wm-navigation/wm-navigation-hamburger.tsx","src/components/wm-navigation/wm-navigation-item.scss?tag=wm-navigation-item&encapsulation=shadow","src/components/wm-navigation/wm-navigation-item.tsx"],"sourcesContent":[":host {\r\n  z-index: 10;\r\n}\r\n\r\n:host([aria-expanded=\"true\"]) {\r\n  z-index: 5000;\r\n}\r\n\r\n.tray {\r\n  @include box-shadow(0 0 14px 0 rgba(0, 0, 0, 0.14));\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: rem-calc(121);\r\n  background-color: $light-background;\r\n  overflow-x: hidden;\r\n  overflow-y: auto;\r\n  -webkit-overflow-scrolling: touch;\r\n  font-size: rem-calc(14);\r\n  height: 100%;\r\n}\r\n\r\n.navlist {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n.toggle-wrapper {\r\n  display: none;\r\n}\r\n\r\n/* COLLAPSIBLE STYLES */\r\n@media screen and (max-width: 1023px) {\r\n  .tray {\r\n    @include transition(transform 0.33s ease);\r\n    position: fixed;\r\n    top: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    transform: translateX(-100%);\r\n\r\n    ul {\r\n      visibility: hidden;\r\n    }\r\n\r\n    .toggle-wrapper {\r\n      display: inline-block;\r\n      min-height: 5rem;\r\n      width: 100%;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n    }\r\n  }\r\n\r\n  :host([aria-expanded=\"true\"]) {\r\n    .tray {\r\n      transform: translateX(0);\r\n\r\n      ul {\r\n        visibility: visible;\r\n      }\r\n    }\r\n  }\r\n\r\n  .overlay {\r\n    width: 100vw;\r\n    height: 100vh;\r\n    max-width: none;\r\n    max-height: none;\r\n    position: fixed !important;\r\n    top: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    transform: translate(0%, 0%);\r\n    background-color: rgba(25, 25, 25, 0.4);\r\n    @include transition(opacity 0.5s ease-out);\r\n  }\r\n}\r\n","import {\r\n  h,\r\n  Component,\r\n  Element,\r\n  Prop,\r\n  State,\r\n  Listen,\r\n  Host,\r\n  Watch,\r\n  Event,\r\n  EventEmitter,\r\n  forceUpdate,\r\n} from \"@stencil/core\";\r\nimport { intl, throttle } from \"../../global/functions\";\r\n\r\n@Component({\r\n  tag: \"wm-navigation\",\r\n  styleUrl: \"wm-navigation.scss\",\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class Navigation {\r\n  @Element() el!: HTMLWmNavigationElement;\r\n  toggleEl!: HTMLWmButtonElement;\r\n  @Prop({ reflect: true, mutable: true }) open: boolean = false;\r\n\r\n  @State() isTabbing: boolean = false;\r\n  @Event() wmNavigationStateChanged!: EventEmitter;\r\n\r\n  private mainNavigationMessage: string = intl.formatMessage({\r\n    id: \"navigation.mainNavigation\",\r\n    defaultMessage: \"Main\",\r\n    description: \"Label describing the site navigation, for screen reader users\",\r\n  });\r\n\r\n  private openTooltipMessage: string = intl.formatMessage({\r\n    id: \"global.openVerb\",\r\n    defaultMessage: \"Open\",\r\n    description: \"For a button, to open a user interface element\",\r\n  });\r\n\r\n  private closeTooltipMessage: string = intl.formatMessage({\r\n    id: \"global.closeVerb\",\r\n    defaultMessage: \"Close\",\r\n    description: \"For a button, to close a user interface element\",\r\n  });\r\n\r\n  get isCollapsible() {\r\n    return window.innerWidth < 1024;\r\n  }\r\n\r\n  get ariaExpanded() {\r\n    return this.isCollapsible\r\n      ? // if component is in collapsible mode, set aria-expanded according to expanded state\r\n        this.open.toString()\r\n      : // otherwise, do not render attr at all\r\n        undefined;\r\n  }\r\n\r\n  @Listen(\"wmUserIsTabbing\", { target: \"window\" })\r\n  toggleTabbingOn() {\r\n    this.isTabbing = true;\r\n  }\r\n\r\n  @Listen(\"wmUserIsNotTabbing\", { target: \"window\" })\r\n  toggleTabbingOff() {\r\n    this.isTabbing = false;\r\n  }\r\n\r\n  @Listen(\"keydown\")\r\n  closeOnEscape(ev: KeyboardEvent) {\r\n    if (ev.key === \"Escape\") {\r\n      this.open = false;\r\n    }\r\n  }\r\n\r\n  throttledRerender = throttle(() => forceUpdate(this.el), 50);\r\n\r\n  @Listen(\"resize\", { target: \"window\" })\r\n  handleWindowResize() {\r\n    // for component to react when breakpoint is crossed\r\n    // (doesn't rerender on window resize)\r\n    this.throttledRerender();\r\n  }\r\n\r\n  @Listen(\"wmNavigationHamburgerClicked\", { target: \"window\" })\r\n  handleHamburgerClicked() {\r\n    this.open = !this.open;\r\n  }\r\n\r\n  @Listen(\"wmNavigationItemClicked\")\r\n  handleClickOnItem() {\r\n    this.open = false;\r\n  }\r\n\r\n  @Watch(\"open\")\r\n  handleStateChange() {\r\n    if (this.isCollapsible) {\r\n      this.wmNavigationStateChanged.emit();\r\n      this.open ? this.expand() : this.collapse();\r\n    }\r\n  }\r\n\r\n  componentWillLoad() {\r\n    if (document.body.classList.contains(\"wmcl-user-is-tabbing\")) {\r\n      this.toggleTabbingOn();\r\n    }\r\n\r\n    this.el.focus = () => {\r\n      // in addition to delegatesFocus, we need to highjack the focus method to send focus to the appropriate element based on the navigation's state\r\n      const btn = this.open\r\n        ? (this.el.shadowRoot!.querySelector(\".toggle\")! as HTMLWmButtonElement)\r\n        : (document.querySelector(\"wm-navigation-hamburger\") as HTMLWmNavigationHamburgerElement);\r\n      const firstItem = this.el.querySelector(\"wm-navigation-item\")! as HTMLWmNavigationItemElement;\r\n      this.isCollapsible ? btn.focus() : firstItem.focus();\r\n    };\r\n\r\n    if (this.isCollapsible && this.open) {\r\n      // hamburger needs to know if open was initially set to true\r\n      this.wmNavigationStateChanged.emit();\r\n      this.expand();\r\n    }\r\n  }\r\n\r\n  redirectFocusFromBody(ev: FocusEvent) {\r\n    // the 2nd check excludes the case when user clicks on the page when the nav is open,\r\n    // which should not redirect focus\r\n    if ((document.activeElement as HTMLElement).tagName === \"BODY\" && !ev.relatedTarget) {\r\n      this.el.focus();\r\n    }\r\n  }\r\n\r\n  expand() {\r\n    // listen to focus on body and redirect to the component\r\n    // this is to handle trap focus when user has left the page (e.g. went to the address bar)\r\n    // and is tabbing back in\r\n    document.body.tabIndex = 0;\r\n    document.body.addEventListener(\"focus\", this.redirectFocusFromBody.bind(this), true);\r\n\r\n    // wait for nav to be expanded otherwise tooltip will be misplaced.\r\n    setTimeout(() => this.toggleEl.focus(), 250);\r\n    //document.querySelector(\"wm-navigation\")!.shadowRoot!.querySelector(\".toggle\")!.focus()\r\n  }\r\n\r\n  collapse() {\r\n    // rm event listener on body\r\n    document.body.tabIndex = -1;\r\n    document.body.removeEventListener(\"focus\", this.redirectFocusFromBody.bind(this));\r\n\r\n    const hamburgerBtn = document.querySelector(\"wm-navigation-hamburger\");\r\n    // should fail silently if el doesn't exist\r\n    // (dev may have chosen not to use the hamburger component)\r\n    if (hamburgerBtn) hamburgerBtn.focus();\r\n  }\r\n\r\n  focusLastItem() {\r\n    const items = this.el.querySelectorAll(\"wm-navigation-item\");\r\n    const lastItem = Array.from(items).pop() as HTMLWmNavigationItemElement;\r\n    lastItem.focus();\r\n  }\r\n\r\n  renderOverlay() {\r\n    return (\r\n      <div\r\n        class=\"overlay\"\r\n        onClick={() => {\r\n          this.open = false;\r\n        }}\r\n      ></div>\r\n    );\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host role=\"navigation\" aria-expanded={this.ariaExpanded} aria-label={this.mainNavigationMessage}>\r\n        {this.open ? this.renderOverlay() : \"\"}\r\n        {this.isCollapsible && (\r\n          <div class=\"trapfocus\" tabindex={this.open ? 0 : undefined} onFocus={() => this.focusLastItem()}></div>\r\n        )}\r\n        <div class=\"tray\">\r\n          <div class=\"toggle-wrapper\">\r\n            <wm-button\r\n              ref={(el) => (this.toggleEl = el as HTMLWmButtonElement)}\r\n              class={`toggle ${this.isTabbing ? \"user-is-tabbing\" : \"\"}`}\r\n              button-type=\"navigational\"\r\n              icon={this.open ? \"f156\" : \"f35c\"}\r\n              icon-size=\"2rem\"\r\n              tooltip={this.open ? this.closeTooltipMessage : this.openTooltipMessage}\r\n              tooltip-position=\"left\"\r\n              tabIndex={this.open ? undefined : -1}\r\n              onClick={() => {\r\n                this.open = !this.open;\r\n              }}\r\n            />\r\n          </div>\r\n          <ul class=\"navlist\">\r\n            <slot />\r\n          </ul>\r\n        </div>\r\n        {this.isCollapsible && (\r\n          <div class=\"trapfocus\" tabindex={this.open ? 0 : undefined} onFocus={() => this.toggleEl.focus()}></div>\r\n        )}\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n","button {\r\n  display: none;\r\n  width: 100%;\r\n  height: 100%;\r\n  border: none;\r\n  box-shadow: none;\r\n  transition: background-color 500ms cubic-bezier(0.4, 0, 0.2, 1);\r\n  background-color: transparent;\r\n  outline: none;\r\n  padding: 0;\r\n\r\n  &.user-is-tabbing:focus {\r\n    @include focus-style;\r\n  }\r\n\r\n  &:hover {\r\n    background-color: $button-default-hover;\r\n  }\r\n}\r\n\r\n.icon {\r\n  &:before {\r\n    @include mdi-icon;\r\n    content: \"\\f35c\";\r\n    font-size: rem-calc(24);\r\n    color: $button-default-text;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 1023px) {\r\n  :host {\r\n    width: rem-calc(60);\r\n    height: rem-calc(60);\r\n  }\r\n\r\n  button {\r\n    display: initial;\r\n  }\r\n}\r\n","import { h, Component, Element, Host, Prop, Listen, Event, EventEmitter, State } from \"@stencil/core\";\r\nimport { intl } from \"../../global/functions\";\r\n\r\n@Component({\r\n  tag: \"wm-navigation-hamburger\",\r\n  styleUrl: \"wm-navigation-hamburger.scss\",\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class NavigationHamburger {\r\n  @Element() el!: HTMLWmNavigationHamburgerElement;\r\n  nav!: HTMLWmNavigationElement;\r\n\r\n  @Prop() navId?: string;\r\n  @Prop({ mutable: true }) tooltipVisible = false; // this is not part of the documented API but we need to expose as prop in order to change it from the focus method defined in WillLoad()\r\n\r\n  @State() isTabbing?: boolean = false;\r\n  @State() open: boolean = false;\r\n\r\n  @Event() wmNavigationHamburgerClicked!: EventEmitter;\r\n\r\n  showNavMessage = intl.formatMessage({\r\n    id: \"navigation.showNavigation\",\r\n    defaultMessage: \"Show navigation\",\r\n    description: \"For user interface element opening a navigation menu\",\r\n  });\r\n\r\n  get tooltipEl(): HTMLElement {\r\n    return document.getElementById(\"wm-tooltip\")!;\r\n  }\r\n\r\n  @Listen(\"wmUserIsTabbing\", { target: \"window\" })\r\n  toggleTabbingOn() {\r\n    this.isTabbing = true;\r\n  }\r\n\r\n  @Listen(\"wmUserIsNotTabbing\", { target: \"window\" })\r\n  toggleTabbingOff() {\r\n    this.isTabbing = false;\r\n  }\r\n\r\n  // this also works on initial load because event is fired then\r\n  @Listen(\"wmNavigationStateChanged\", { target: \"document\" })\r\n  handleNavigationStateChanged(ev: CustomEvent) {\r\n    this.open = (ev.target! as HTMLWmNavigationElement).open;\r\n  }\r\n\r\n  componentWillLoad() {\r\n    if (document.body.classList.contains(\"wmcl-user-is-tabbing\")) {\r\n      this.toggleTabbingOn();\r\n    }\r\n    if (!this.navId) {\r\n      console.error(\"wm-navigation-hamburger: nav-id is a required prop\");\r\n    }\r\n  }\r\n\r\n  showTooltip() {\r\n    const tooltipText = this.showNavMessage;\r\n    this.tooltipEl.textContent = tooltipText;\r\n    this.tooltipEl.style.setProperty(\"--wmTooltipTop\", \"1.125rem\");\r\n    this.tooltipEl.style.setProperty(\"--wmTooltipLeft\", \"2.75rem\");\r\n    this.tooltipEl.style.transitionDelay = \"500ms\";\r\n    this.tooltipEl.style.opacity = \"1\";\r\n\r\n    // tooltip only has a maxWidth if it contains whitespace and can break\r\n    const hasNoWhitespace = tooltipText!.match(/^[^\\s]+$/);\r\n    if (hasNoWhitespace) {\r\n      this.tooltipEl.classList.add(\"single-word\");\r\n      this.tooltipEl.style.setProperty(\"--wmTooltipMaxWidth\", \"none\");\r\n    } else {\r\n      this.tooltipEl.classList.remove(\"single-word\");\r\n      this.tooltipEl.style.removeProperty(\"--wmTooltipMaxWidth\");\r\n    }\r\n\r\n    // tooltip is only visible after the transition delay.\r\n    // This also fixes an issue for keyboard users:\r\n    // if they tab to a button out of screen bounds, the page scrolls\r\n    // and hideTooltip() would be triggered before the tooltip would show\r\n    setTimeout(() => {\r\n      this.tooltipVisible = true;\r\n    }, 500);\r\n  }\r\n\r\n  hideTooltip() {\r\n    this.tooltipEl.style.transitionDelay = \"0s\";\r\n    this.tooltipEl.style.opacity = \"0\";\r\n    this.tooltipVisible = false;\r\n  }\r\n\r\n  showTooltipForKeyboardUsers() {\r\n    if (this.isTabbing) {\r\n      this.showTooltip();\r\n    }\r\n  }\r\n\r\n  handleClick() {\r\n    this.hideTooltip();\r\n    this.wmNavigationHamburgerClicked.emit();\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host class={`hamburger ${this.open ? \"nav-open\" : \"nav-closed\"}`}>\r\n        <button\r\n          class={this.isTabbing ? \"user-is-tabbing\" : undefined}\r\n          aria-expanded={this.open}\r\n          aria-controls={this.navId}\r\n          aria-label={this.showNavMessage}\r\n          onMouseEnter={() => this.showTooltip()}\r\n          onMouseLeave={() => this.hideTooltip()}\r\n          onFocus={() => this.showTooltipForKeyboardUsers()}\r\n          onBlur={() => this.hideTooltip()}\r\n          onClick={() => this.handleClick()}\r\n        >\r\n          <span class=\"icon\"></span>\r\n        </button>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n",".link {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  color: inherit;\r\n  text-decoration: none;\r\n  min-height: rem-calc(72);\r\n  text-align: center;\r\n  padding: 1.25rem 0.5rem;\r\n  font-weight: 500;\r\n  outline: none;\r\n  position: relative;\r\n\r\n  &:hover {\r\n    background-color: $light-background-hover;\r\n  }\r\n\r\n  .icon {\r\n    font-size: rem-calc(22);\r\n    color: $sidenav-icon;\r\n  }\r\n\r\n  .text {\r\n    font-size: rem-calc(14);\r\n  }\r\n\r\n  &.user-is-tabbing:focus {\r\n    // from P&SS\r\n    box-shadow: inset 0 2px 2px 0 rgb(244 243 246 / 20%), inset 0 2px 2px 0 rgb(0 0 0 / 10%), inset 0 0 4px 3px #61279e;\r\n  }\r\n}\r\n\r\n.link.active {\r\n  background-color: $pale-lilac-gray;\r\n  &:before {\r\n    content: \"\";\r\n    // link to or create semantic name\r\n    background-color: $periwinkle;\r\n    position: absolute;\r\n    height: 100%;\r\n    width: 5px;\r\n    left: 0;\r\n  }\r\n\r\n  .text {\r\n    // link to or create semantic name\r\n    color: $periwinkle;\r\n  }\r\n\r\n  .icon {\r\n    // link to or create semantic name\r\n    color: $periwinkle;\r\n  }\r\n}\r\n","import { h, Component, Prop, Element, Host, State, Listen, Event, EventEmitter } from \"@stencil/core\";\r\n\r\n@Component({\r\n  tag: \"wm-navigation-item\",\r\n  styleUrl: \"wm-navigation-item.scss\",\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class NavigationItem {\r\n  @Element() el!: HTMLWmNavigationItemElement;\r\n  @Prop() href?: string;\r\n  @Prop() text?: string;\r\n  @Prop() active?: boolean;\r\n\r\n  @State() isTabbing?: boolean = false;\r\n  @Event() wmNavigationItemClicked!: EventEmitter;\r\n\r\n  @Listen(\"wmUserIsTabbing\", { target: \"window\" })\r\n  toggleTabbingOn() {\r\n    this.isTabbing = true;\r\n  }\r\n\r\n  @Listen(\"wmUserIsNotTabbing\", { target: \"window\" })\r\n  toggleTabbingOff() {\r\n    this.isTabbing = false;\r\n  }\r\n\r\n  componentWillLoad() {\r\n    if (document.body.classList.contains(\"wmcl-user-is-tabbing\")) {\r\n      this.toggleTabbingOn();\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host role=\"listitem\">\r\n        <a\r\n          class={`link ${this.active ? \"active\" : \"\"} ${this.isTabbing ? \"user-is-tabbing\" : \"\"}`}\r\n          href={this.href}\r\n          onClick={() => this.wmNavigationItemClicked.emit()}\r\n        >\r\n          <div class=\"icon\" aria-hidden=\"true\">\r\n            <slot />\r\n          </div>\r\n          <div class=\"text\">{this.text}</div>\r\n        </a>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"gOAAA,IAAMA,EAAkB,unD,ICoBXC,EAAUC,EAAA,2B,sGAQbC,KAAAC,sBAAgCC,EAAKC,cAAc,CACzDC,GAAI,4BACJC,eAAgB,OAChBC,YAAa,kEAGPN,KAAAO,mBAA6BL,EAAKC,cAAc,CACtDC,GAAI,kBACJC,eAAgB,OAChBC,YAAa,mDAGPN,KAAAQ,oBAA8BN,EAAKC,cAAc,CACvDC,GAAI,mBACJC,eAAgB,QAChBC,YAAa,oDAgCfN,KAAAS,kBAAoBC,GAAS,WAAM,OAAAC,EAAYC,EAAKC,GAAjB,GAAsB,I,UApDD,M,eAE1B,K,CAqB9BC,OAAAC,eAAIC,EAAAC,UAAA,gBAAa,C,IAAjB,WACE,OAAOC,OAAOC,WAAa,I,uCAG7BL,OAAAC,eAAIC,EAAAC,UAAA,eAAY,C,IAAhB,WACE,OAAOjB,KAAKoB,cAERpB,KAAKqB,KAAKC,WAEVC,S,uCAINP,EAAAC,UAAAO,gBAAA,WACExB,KAAKyB,UAAY,I,EAInBT,EAAAC,UAAAS,iBAAA,WACE1B,KAAKyB,UAAY,K,EAInBT,EAAAC,UAAAU,cAAA,SAAcC,GACZ,GAAIA,EAAGC,MAAQ,SAAU,CACvB7B,KAAKqB,KAAO,K,GAOhBL,EAAAC,UAAAa,mBAAA,WAGE9B,KAAKS,mB,EAIPO,EAAAC,UAAAc,uBAAA,WACE/B,KAAKqB,MAAQrB,KAAKqB,I,EAIpBL,EAAAC,UAAAe,kBAAA,WACEhC,KAAKqB,KAAO,K,EAIdL,EAAAC,UAAAgB,kBAAA,WACE,GAAIjC,KAAKoB,cAAe,CACtBpB,KAAKkC,yBAAyBC,OAC9BnC,KAAKqB,KAAOrB,KAAKoC,SAAWpC,KAAKqC,U,GAIrCrB,EAAAC,UAAAqB,kBAAA,eAAA1B,EAAAZ,KACE,GAAIuC,SAASC,KAAKC,UAAUC,SAAS,wBAAyB,CAC5D1C,KAAKwB,iB,CAGPxB,KAAKa,GAAG8B,MAAQ,WAEd,IAAMC,EAAMhC,EAAKS,KACZT,EAAKC,GAAGgC,WAAYC,cAAc,WAClCP,SAASO,cAAc,2BAC5B,IAAMC,EAAYnC,EAAKC,GAAGiC,cAAc,sBACxClC,EAAKQ,cAAgBwB,EAAID,QAAUI,EAAUJ,O,EAG/C,GAAI3C,KAAKoB,eAAiBpB,KAAKqB,KAAM,CAEnCrB,KAAKkC,yBAAyBC,OAC9BnC,KAAKoC,Q,GAITpB,EAAAC,UAAA+B,sBAAA,SAAsBpB,GAGpB,GAAKW,SAASU,cAA8BC,UAAY,SAAWtB,EAAGuB,cAAe,CACnFnD,KAAKa,GAAG8B,O,GAIZ3B,EAAAC,UAAAmB,OAAA,eAAAxB,EAAAZ,KAIEuC,SAASC,KAAKY,SAAW,EACzBb,SAASC,KAAKa,iBAAiB,QAASrD,KAAKgD,sBAAsBM,KAAKtD,MAAO,MAG/EuD,YAAW,WAAM,OAAA3C,EAAK4C,SAASb,OAAd,GAAuB,I,EAI1C3B,EAAAC,UAAAoB,SAAA,WAEEE,SAASC,KAAKY,UAAY,EAC1Bb,SAASC,KAAKiB,oBAAoB,QAASzD,KAAKgD,sBAAsBM,KAAKtD,OAE3E,IAAM0D,EAAenB,SAASO,cAAc,2BAG5C,GAAIY,EAAcA,EAAaf,O,EAGjC3B,EAAAC,UAAA0C,cAAA,WACE,IAAMC,EAAQ5D,KAAKa,GAAGgD,iBAAiB,sBACvC,IAAMC,EAAWC,MAAMC,KAAKJ,GAAOK,MACnCH,EAASnB,O,EAGX3B,EAAAC,UAAAiD,cAAA,eAAAtD,EAAAZ,KACE,OACEmE,EAAA,OACEC,MAAM,UACNC,QAAS,WACPzD,EAAKS,KAAO,K,KAMpBL,EAAAC,UAAAqD,OAAA,eAAA1D,EAAAZ,KACE,OACEmE,EAACI,EAAI,CAACC,KAAK,aAAY,gBAAgBxE,KAAKyE,aAAY,aAAczE,KAAKC,uBACxED,KAAKqB,KAAOrB,KAAKkE,gBAAkB,GACnClE,KAAKoB,eACJ+C,EAAA,OAAKC,MAAM,YAAYM,SAAU1E,KAAKqB,KAAO,EAAIE,UAAWoD,QAAS,WAAM,OAAA/D,EAAK+C,eAAL,IAE7EQ,EAAA,OAAKC,MAAM,QACTD,EAAA,OAAKC,MAAM,kBACTD,EAAA,aACES,IAAK,SAAC/D,GAAE,OAAMD,EAAK4C,SAAW3C,CAAtB,EACRuD,MAAO,UAAAS,OAAU7E,KAAKyB,UAAY,kBAAoB,IAAI,cAC9C,eACZqD,KAAM9E,KAAKqB,KAAO,OAAS,OAAM,YACvB,OACV0D,QAAS/E,KAAKqB,KAAOrB,KAAKQ,oBAAsBR,KAAKO,mBAAkB,mBACtD,OACjB6C,SAAUpD,KAAKqB,KAAOE,WAAa,EACnC8C,QAAS,WACPzD,EAAKS,MAAQT,EAAKS,I,KAIxB8C,EAAA,MAAIC,MAAM,WACRD,EAAA,eAGHnE,KAAKoB,eACJ+C,EAAA,OAAKC,MAAM,YAAYM,SAAU1E,KAAKqB,KAAO,EAAIE,UAAWoD,QAAS,WAAM,OAAA/D,EAAK4C,SAASb,OAAd,I,8VAnL9D,I,UCpBvB,IAAMqC,EAA2B,8jC,ICQpBC,EAAmBlF,EAAA,qC,mGAY9BC,KAAAkF,eAAiBhF,EAAKC,cAAc,CAClCC,GAAI,4BACJC,eAAgB,kBAChBC,YAAa,yD,yCAV2B,M,eAEX,M,UACN,K,CAUzBQ,OAAAC,eAAIoE,EAAAlE,UAAA,YAAS,C,IAAb,WACE,OAAOsB,SAAS6C,eAAe,a,uCAIjCD,EAAAlE,UAAAO,gBAAA,WACExB,KAAKyB,UAAY,I,EAInB0D,EAAAlE,UAAAS,iBAAA,WACE1B,KAAKyB,UAAY,K,EAKnB0D,EAAAlE,UAAAoE,6BAAA,SAA6BzD,GAC3B5B,KAAKqB,KAAQO,EAAG0D,OAAoCjE,I,EAGtD8D,EAAAlE,UAAAqB,kBAAA,WACE,GAAIC,SAASC,KAAKC,UAAUC,SAAS,wBAAyB,CAC5D1C,KAAKwB,iB,CAEP,IAAKxB,KAAKuF,MAAO,CACfC,QAAQC,MAAM,qD,GAIlBN,EAAAlE,UAAAyE,YAAA,eAAA9E,EAAAZ,KACE,IAAM2F,EAAc3F,KAAKkF,eACzBlF,KAAK4F,UAAUC,YAAcF,EAC7B3F,KAAK4F,UAAUE,MAAMC,YAAY,iBAAkB,YACnD/F,KAAK4F,UAAUE,MAAMC,YAAY,kBAAmB,WACpD/F,KAAK4F,UAAUE,MAAME,gBAAkB,QACvChG,KAAK4F,UAAUE,MAAMG,QAAU,IAG/B,IAAMC,EAAkBP,EAAaQ,MAAM,YAC3C,GAAID,EAAiB,CACnBlG,KAAK4F,UAAUnD,UAAU2D,IAAI,eAC7BpG,KAAK4F,UAAUE,MAAMC,YAAY,sBAAuB,O,KACnD,CACL/F,KAAK4F,UAAUnD,UAAU4D,OAAO,eAChCrG,KAAK4F,UAAUE,MAAMQ,eAAe,sB,CAOtC/C,YAAW,WACT3C,EAAK2F,eAAiB,I,GACrB,I,EAGLpB,EAAAlE,UAAAuF,YAAA,WACExG,KAAK4F,UAAUE,MAAME,gBAAkB,KACvChG,KAAK4F,UAAUE,MAAMG,QAAU,IAC/BjG,KAAKuG,eAAiB,K,EAGxBpB,EAAAlE,UAAAwF,4BAAA,WACE,GAAIzG,KAAKyB,UAAW,CAClBzB,KAAK0F,a,GAITP,EAAAlE,UAAAyF,YAAA,WACE1G,KAAKwG,cACLxG,KAAK2G,6BAA6BxE,M,EAGpCgD,EAAAlE,UAAAqD,OAAA,eAAA1D,EAAAZ,KACE,OACEmE,EAACI,EAAI,CAACH,MAAO,aAAAS,OAAa7E,KAAKqB,KAAO,WAAa,eACjD8C,EAAA,UACEC,MAAOpE,KAAKyB,UAAY,kBAAoBF,UAAS,gBACtCvB,KAAKqB,KAAI,gBACTrB,KAAKuF,MAAK,aACbvF,KAAKkF,eACjB0B,aAAc,WAAM,OAAAhG,EAAK8E,aAAL,EACpBmB,aAAc,WAAM,OAAAjG,EAAK4F,aAAL,EACpB7B,QAAS,WAAM,OAAA/D,EAAK6F,6BAAL,EACfK,OAAQ,WAAM,OAAAlG,EAAK4F,aAAL,EACdnC,QAAS,WAAM,OAAAzD,EAAK8F,aAAL,GAEfvC,EAAA,QAAMC,MAAM,U,kOAzGU,I,UCRhC,IAAM2C,EAAsB,q2B,ICOfC,EAAcjH,EAAA,gC,sKAMM,K,CAI/BkH,EAAAhG,UAAAO,gBAAA,WACExB,KAAKyB,UAAY,I,EAInBwF,EAAAhG,UAAAS,iBAAA,WACE1B,KAAKyB,UAAY,K,EAGnBwF,EAAAhG,UAAAqB,kBAAA,WACE,GAAIC,SAASC,KAAKC,UAAUC,SAAS,wBAAyB,CAC5D1C,KAAKwB,iB,GAITyF,EAAAhG,UAAAqD,OAAA,eAAA1D,EAAAZ,KACE,OACEmE,EAACI,EAAI,CAACC,KAAK,YACTL,EAAA,KACEC,MAAO,QAAAS,OAAQ7E,KAAKkH,OAAS,SAAW,GAAE,KAAArC,OAAI7E,KAAKyB,UAAY,kBAAoB,IACnF0F,KAAMnH,KAAKmH,KACX9C,QAAS,WAAM,OAAAzD,EAAKwG,wBAAwBjF,MAA7B,GAEfgC,EAAA,OAAKC,MAAM,OAAM,cAAa,QAC5BD,EAAA,cAEFA,EAAA,OAAKC,MAAM,QAAQpE,KAAKqH,O,kOApCP,I"}

package/dist/ripple/{p-08b7ec08.system.js → p-f5df5903.system.js}

@@ -1,2 +1,2 @@
 System.register([],(function(e){"use strict";return{execute:function(){e("g",t);function t(e){return r[e]||e}var r={close:"f156",pencil:"f3eb",cancel:"f739",check:"f12c",delete:"f1c0",magnify:"f349",export:"f207","dots-vertical":"f1d9","arrow-left":"f04d","arrow-right":"f054","chevron-left":"f141","chevron-right":"f142","menu-left":"f35e","menu-down":"f35d","keyboard-backspace":"f30d","file-tree":"f645","sort-alphabetical":"f4bb","checkbox-marked-circle":"f133","account-settings":"f630","backup-restore":"f06f"};var f="planning";var c=e("a",(function(e){return e.getAttribute("mode")||document.documentElement.getAttribute("mode")||f}))}}}));
-//# sourceMappingURL=p-08b7ec08.system.js.map
+//# sourceMappingURL=p-f5df5903.system.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["getIconCodeFromName","icon","iconCodes","close","pencil","cancel","check","delete","magnify","export","defaultMode","getWmMode","exports","ref","getAttribute","document","documentElement"],"sources":["src/global/interfaces.ts"],"sourcesContent":["export type Notification = {\r\n  message: string;\r\n  id: string;\r\n  link: string;\r\n  newWindow: boolean;\r\n};\r\n\r\n// Create label for icon-only buttons\r\nexport type label = string | undefined;\r\n\r\nexport type CssClassMap = { [className: string]: boolean };\r\n\r\ninterface IconLabels {\r\n  [index: string]: string;\r\n}\r\n\r\nexport type Product = {\r\n  description?: string;\r\n  samlLinkUrl?: string;\r\n  iconUrl: string;\r\n  id: string;\r\n  linkUrl: string;\r\n  name: string;\r\n};\r\n\r\n// products retrieved from endpoint:\r\nexport type NavigatorPayload = {\r\n  connection_name?: string;\r\n  current_product_id: string;\r\n  email: string;\r\n  logout_url: string;\r\n  products: Product[];\r\n};\r\n\r\nexport type validButtonTypes =\r\n  | \"primary\"\r\n  | \"secondary\"\r\n  | \"textonly\"\r\n  | \"icononly\"\r\n  | \"navigational\"\r\n  | \"selector\"\r\n  | \"selector-primary\"\r\n  | \"pairpositive\"\r\n  | \"pairnegative\";\r\n\r\n//List of icon codes with more indicative descriptors to create labels for icon-only buttons\r\nexport const iconLabels: IconLabels = {\r\n  f156: \"Close\",\r\n  f3eb: \"Edit\",\r\n  f739: \"Cancel\",\r\n  f12c: \"Save\",\r\n  f1c0: \"Delete\",\r\n  f349: \"Search\",\r\n  f207: \"Export info\",\r\n  f1d9: \"Open dropdown\",\r\n  f04d: \"Go back\",\r\n  f054: \"Go forward\",\r\n  f141: \"Left\",\r\n  f142: \"Right\",\r\n  f35e: \"Menu left\",\r\n  f35d: \"Toggle menu down\",\r\n  f30d: \"Backspace\",\r\n  f645: \"Sort hierarchically\",\r\n  f4bb: \"Sort alphabetically\",\r\n};\r\n\r\n// For backwards compatibility, the icon prop accepts the icon name minus mdi- prefix, e.g. \"icon\"\r\n// this function converts the name to the corresponding code or returns what it was passed\r\ninterface IconCodes {\r\n  [index: string]: string;\r\n}\r\nexport function getIconCodeFromName(icon: string): string {\r\n  return iconCodes[icon] || icon;\r\n}\r\n\r\nconst iconCodes: IconCodes = {\r\n  close: \"f156\",\r\n  pencil: \"f3eb\",\r\n  cancel: \"f739\",\r\n  check: \"f12c\",\r\n  delete: \"f1c0\",\r\n  magnify: \"f349\",\r\n  export: \"f207\",\r\n  \"dots-vertical\": \"f1d9\",\r\n  \"arrow-left\": \"f04d\",\r\n  \"arrow-right\": \"f054\",\r\n  \"chevron-left\": \"f141\",\r\n  \"chevron-right\": \"f142\",\r\n  \"menu-left\": \"f35e\",\r\n  \"menu-down\": \"f35d\",\r\n  \"keyboard-backspace\": \"f30d\",\r\n  \"file-tree\": \"f645\",\r\n  \"sort-alphabetical\": \"f4bb\",\r\n  \"checkbox-marked-circle\": \"f133\",\r\n  \"account-settings\": \"f630\",\r\n  \"backup-restore\": \"f06f\",\r\n};\r\n\r\nexport const defaultMode = \"planning\";\r\n\r\nexport const getWmMode = (ref?: any) => {\r\n  return ref.getAttribute(\"mode\") || document.documentElement.getAttribute(\"mode\") || defaultMode;\r\n};\r\n\r\nexport type TooltipPlacement =\r\n  | \"top\"\r\n  | \"bottom\"\r\n  | \"left\"\r\n  | \"right\"\r\n  | \"bottom-left\"\r\n  | \"bottom-right\"\r\n  | \"top-right\"\r\n  | \"top-left\";\r\n\r\nexport type SliceElement = (SVGElement | HTMLElement);\r\n\r\nexport type SliceDetails = {\r\n  amount: number;\r\n  perc: number;\r\n  legend: string | null;\r\n  color: string;\r\n  offset: number;\r\n  id: string;\r\n  title: string | null;\r\n  text: string | null;\r\n  buttonText: string | null;\r\n  sliceRef: Element;\r\n  inSmallCluster: boolean;\r\n  coords?: {x: number, y: number};\r\n};\r\n\r\nexport type ChartDetails = {\r\n  size: number;\r\n  colors: Array<string>;\r\n  thickness?: number;\r\n  padding: number;\r\n  category: \"doughnut\" | \"stackedBar\" | \"simpleBar\";\r\n};\r\n\r\nexport type ChartType =\r\n  // progress monitor types\r\n  | \"doughnut\"\r\n  | \"bar\"\r\n  // chart types\r\n  | \"doughnut1\"\r\n  | \"doughnut2\"\r\n  | \"doughnut2plus\"\r\n  | \"doughnut3\"\r\n  | \"bar2\"\r\n  | \"bar3\"\r\n  | \"bar4\"\r\n  | \"bar5\"\r\n  | \"bar6\"\r\n  | \"bar7\"\r\n  // deprecated\r\n  | \"doughnut0\"\r\n  | \"bar1\";\r\n\r\nexport type LegendItem = { key: string; color: string };\r\n\r\nexport type UploadedFile = {\r\n  name: string;\r\n  id: string;\r\n  type: string;\r\n  lastUpdated: string; // in display format\r\n  progress?: number;\r\n  fileActions?: string;\r\n  size?: string; // in display format\r\n};\r\n"],"mappings":"yFAuEgBA,EAAoBC,GAClC,OAAOC,EAAUD,IAASA,CAC5B,CAEA,IAAMC,EAAuB,CAC3BC,MAAO,OACPC,OAAQ,OACRC,OAAQ,OACRC,MAAO,OACPC,OAAQ,OACRC,QAAS,OACTC,OAAQ,OACR,gBAAiB,OACjB,aAAc,OACd,cAAe,OACf,eAAgB,OAChB,gBAAiB,OACjB,YAAa,OACb,YAAa,OACb,qBAAsB,OACtB,YAAa,OACb,oBAAqB,OACrB,yBAA0B,OAC1B,mBAAoB,OACpB,iBAAkB,QAGb,IAAMC,EAAc,W,IAEdC,EAASC,EAAA,KAAG,SAACC,GACxB,OAAOA,EAAIC,aAAa,SAAWC,SAASC,gBAAgBF,aAAa,SAAWJ,CACtF,G"}

package/dist/ripple/{p-23e54ad4.js → p-f8d1e5a0.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-9fd3badc.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;C.call(this);break;case"ArrowRight":case"ArrowDown":t.preventDefault();this.isTabbing=true;B.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 B(){const t=e(document.activeElement);const s=(this.sliceEls.indexOf(t)+1)%this.sliceEls.length;D.call(this,s)}function C(){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 T(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=S(r,t.perc,t.amount,c)}));return e}function S(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 E(){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 G(s){const e=this.chartDetails.size+this.chartDetails.padding;const i=s==="doughnut0"||s==="doughnut";let n=i?this.slicesDetails:T(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"},E(),n.map((t=>I.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?L.call(this,t):"")))))}function I(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 L(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 N(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)=>R.call(this,t,s)))),e?q.call(this):""))}function R(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 U(s){const e=this.slicesDetails.map((t=>t.amount)).reduce(((t,s)=>t>s?t:s));let i=w(this.el.getBoundingClientRect().width);let n=y(e,i);const o=i*n;const a=Math.floor((o-e)/n);i-=a;this.el.style.setProperty("--backgroundSize",100/i+"%");this.el.style.setProperty("--labelWidth",this.labelWidth);if(s==="bar7"&&!this.showBarLegend){this.el.style.setProperty("--labelWidth","0px")}const r=[];this.slicesDetails.forEach((t=>{t.legend&&r.push(V(t.legend,this.showBarLegend,s));r.push(W.call(this,t,n,i,e))}));const h=[];for(let s=1;s<=i;s++){const e=u(s*n);h.push(t("div",{class:"tick"},t("span",null,e)))}const l=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)}`},l&&t("div",{class:"gridlines"}),t("div",{class:"rows"},r)),l&&t("div",{class:"x-axis","aria-hidden":"true"},t("div",{class:"zero"},t("span",null,"0")),h))}function V(s,e,i){const n=i==="bar7"&&!e?" hidden":"";return t("label",{class:`label${n}`},s)}function W(s,e,i,n){const o=this.currentChartType==="bar6"?e*i:n;const a=d(s.amount,o,false);const r=u(s.amount);let c=this.tempValueFormat==="amount"?r:"";if(this.currentChartType==="bar6"&&this.tempValueFormat==="percentage"){c=s.amount+"%"}else if(this.currentChartType==="bar7"&&this.tempValueFormat==="percentage"){c=d(s.amount,this.total,true)+"%"}return t("div",{class:"bar segment",style:{backgroundColor:s.color,width:a+"%"},onClick:t=>x.call(this,t,s),onFocus:t=>$.call(this,t,s),onKeyDown:t=>k.call(this,t)},t("div",{class:"value"},c))}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,U as c,G 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,N as r};
-//# sourceMappingURL=p-23e54ad4.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-edfba0e1.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-f8d1e5a0.js.map

package/dist/ripple/p-f8d1e5a0.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["colors","salmon","cyan","forest","sleet","midnight","lavender","periwinkle","gray","allChartsDetails","doughnut","size","thickness","padding","category","doughnut0","doughnut1","doughnut2","doughnut2plus","doughnut3","bar","bar1","bar2","bar3","bar4","bar5","bar6","bar7","showValue","valueFormat","textHiddenMessage","intl","formatMessage","id","defaultMessage","description","seeDetailsMessage","abbrNumber","num","Math","round","amountToPercent","val","total","asInt","amountToDegree","toFixed","number","parseFloat","floor","polarToCartesian","half","radius","startAngle","endAngle","x","cos","PI","y","sin","undefined","x2","y2","x1","y1","getArc","largeArcFlag","chartSize","z","scale","inMin","inMax","outMin","outMax","scaled","minSpacing","width","getMaxTicks","getInterval","largest","maxticks","minimum","magnitude","log10","residual","interval","handleSliceKeyDown","ev","this","popoverEl","open","key","popoverBtn","querySelector","click","handleSliceClick","s","isTabbing","coords","clientX","clientY","openPopover","call","handleSliceFocus","getPosition","target","handleChartKeydown","preventDefault","focusPrevious","focusNext","exitChart","userIsNavigating","title","text","popoverTitle","popoverText","buttonText","sliceRef","window","setTimeout","debouncedClosePopover","debounce","async","document","addEventListener","scrollableParent","findParentWithScrollbar","el","activeEl","checkForActiveElInShadow","activeElement","index","sliceEls","indexOf","length","focusSlice","componentWrapperEl","tabIndex","focusable","map","p","focus","getDetails","chartType","slicesDetails","acc","children","Array","from","reduce","slice","parseInt","getAttribute","forEach","c","i","amount","perc","colorIndex","notStartedColor","color","sliceDetails","legend","offset","uid","inSmallCluster","push","sortSlicesDetails","sortedSlicesDetails","sort","a","b","idx","prev","next","prevPerc","nextPerc","isInSmallCluster","isSmall","prevIsSmall","nextIsSmall","lessThanOnePerc","getPathData","activeAngle","largeArcFlagOuter","largeArcFlagInner","chartDetails","innerRadius","outerRadius","isHybridDoughnut","outerSeparatorOffset","innerSeparatorOffset","outerCoords","innerCoords","moveTo","arc1","line","arc2","renderInstructionsText","chartInstructions","h","renderFilter","stdDeviation","result","operator","in2","in","renderDoughnut","outerSize","class","height","renderPath","transform","renderDoughnutText","fill","d","onClick","onFocus","onKeyDown","role","arcMiddle","renderStackedBar","isHybridBar","drawAxis","tempValueFormat","renderBarText","renderStackedBarSegment","renderCompletionMessage","isLastSlice","style","backgroundColor","renderSimpleBar","labelWidth","getComputedStyle","getPropertyValue","chartPadding","componentWidth","getBoundingClientRect","chartWidth","numTicks","lastTickVal","extraTicks","setProperty","showBarLegend","rows","renderSimpleBarLegend","renderSimpleBarItem","ticks","tickVal","showGrid","show","hidden","chartMaxVal","currentChartType","cssWidth","amt","displayValue","renderLegend","showLegend","hasCluster","isBar","cur","mode","renderLegendItem","renderHiddenValuesMessage","legendItem","completionMessage"],"sources":["./src/components/charts/chartFunctions.tsx"],"sourcesContent":["import { h } from \"@stencil/core\";\r\nimport { checkForActiveElInShadow, debounce, findParentWithScrollbar, getPosition, intl } from \"../../global/functions\";\r\nimport { LegendItem, ChartType, ChartDetails, SliceDetails, SliceElement } from \"../../global/interfaces\";\r\n\r\nconst colors = {\r\n  salmon: \"#ff5f4e\",\r\n  cyan: \"#19a1a9\",\r\n  forest: \"#088000\",\r\n  sleet: \"#7f97ad\",\r\n  midnight: \"#2e1b46\",\r\n  lavender: \"#8b86ca\",\r\n  periwinkle: \"#575195\",\r\n  gray: \"#6b6b6b\",\r\n};\r\n\r\nexport const allChartsDetails: { [Key in ChartType]: ChartDetails } = {\r\n  // for progress monitor\r\n  doughnut: {\r\n    size: 155,\r\n    colors: [colors.forest, colors.gray],\r\n    thickness: 0.73,\r\n    padding: 25,\r\n    category: \"doughnut\",\r\n  },\r\n  // deprecated hybrid chart type, should use Progress Indicator's \"doughnut\" instead\r\n  doughnut0: {\r\n    size: 155,\r\n    colors: [colors.forest, colors.gray],\r\n    thickness: 0.73,\r\n    padding: 25,\r\n    category: \"doughnut\",\r\n  },\r\n  doughnut1: {\r\n    size: 130,\r\n    colors: [colors.lavender, colors.midnight, colors.gray],\r\n    thickness: 0.5,\r\n    padding: 90,\r\n    category: \"doughnut\",\r\n  },\r\n  doughnut2: {\r\n    size: 130,\r\n    colors: [colors.cyan, colors.salmon, colors.gray],\r\n    thickness: 0.5,\r\n    padding: 90,\r\n    category: \"doughnut\",\r\n  },\r\n  // an internal type only for use when doughnut 2 is populated with 4 slices\r\n  // in this case, the first slice is colored purple\r\n  doughnut2plus: {\r\n    size: 130,\r\n    colors: [colors.periwinkle, colors.cyan, colors.salmon, colors.gray],\r\n    thickness: 0.5,\r\n    padding: 90,\r\n    category: \"doughnut\",\r\n  },\r\n  doughnut3: {\r\n    size: 130,\r\n    colors: [colors.lavender, colors.midnight, \"#0089e4\", colors.forest, \"#ea8500\", \"#d54f41\", \"#146ca9\"],\r\n    thickness: 0.5,\r\n    padding: 90,\r\n    category: \"doughnut\",\r\n  },\r\n  // for progress monitor\r\n  bar: {\r\n    size: 350,\r\n    colors: [colors.forest, colors.gray],\r\n    padding: 0,\r\n    category: \"stackedBar\",\r\n  },\r\n  // deprecated hybrid chart type, should use Progress Indicator's \"bar\" instead\r\n  bar1: {\r\n    size: 350,\r\n    colors: [colors.forest, colors.gray],\r\n    padding: 0,\r\n    category: \"stackedBar\",\r\n  },\r\n  bar2: {\r\n    size: 400,\r\n    colors: [colors.gray, colors.periwinkle, colors.cyan, colors.salmon],\r\n    padding: 0,\r\n    category: \"stackedBar\",\r\n  },\r\n  bar3: {\r\n    size: 300,\r\n    colors: [\"#0d696e\", colors.cyan, \"#8e4129\", colors.salmon],\r\n    padding: 0,\r\n    category: \"stackedBar\",\r\n  },\r\n  bar4: {\r\n    size: 400,\r\n    colors: [colors.salmon, colors.cyan, colors.periwinkle],\r\n    padding: 0,\r\n    category: \"stackedBar\",\r\n  },\r\n  bar5: {\r\n    size: 400,\r\n    colors: [\r\n      colors.gray, // this is only used if prop notStartedColor is set\r\n      colors.lavender,\r\n      colors.midnight,\r\n      \"#0089e4\",\r\n      colors.forest,\r\n      \"#ea8500\",\r\n      \"#d54f41\",\r\n      \"#146ca9\",\r\n    ],\r\n    padding: 0,\r\n    category: \"stackedBar\",\r\n  },\r\n  bar6: {\r\n    size: 400,\r\n    colors: [colors.lavender],\r\n    padding: 0,\r\n    category: \"simpleBar\",\r\n  },\r\n  bar7: {\r\n    size: 400,\r\n    colors: [colors.periwinkle, colors.cyan, colors.salmon, colors.gray],\r\n    padding: 0,\r\n    category: \"simpleBar\",\r\n  },\r\n};\r\n\r\nfunction showValue(valueFormat: string): string {\r\n  return valueFormat === \"percentage\" || valueFormat === \"amount\" ? \"show-values\" : \"\";\r\n}\r\n\r\nexport const textHiddenMessage = intl.formatMessage({\r\n  id: \"chart.hiddenValues\",\r\n  defaultMessage: \"Values are not shown when too close to each other.\",\r\n  description: \"Text displayed when a chart has some values hidden\",\r\n});\r\n\r\nexport const seeDetailsMessage = intl.formatMessage({\r\n  id: \"chart.clickToSeeDetails\",\r\n  defaultMessage: \"Click or use arrow keys to see details.\",\r\n  description: \"Text displayed, guiding user to interact to see more details.\",\r\n});\r\n\r\nfunction abbrNumber(num: number) {\r\n  return num > 999 ? Math.round(num / 100) / 10 + \"K\" : num;\r\n}\r\n\r\nexport function amountToPercent(val: number, total: number, asInt: boolean) {\r\n  return asInt ? Math.round((val * 100) / total) : Math.round((val * 10000) / total) / 100; // with 2 decimals\r\n}\r\n\r\nexport function amountToDegree(val: number, total: number) {\r\n  // In a circle of {total}, determine degrees of slice {val}\r\n  return (val * 360) / total;\r\n}\r\n\r\nexport function toFixed(number: number) {\r\n  return parseFloat((Math.floor(number * 100) / 100).toFixed(2));\r\n}\r\n\r\nexport function polarToCartesian(half: number, radius: number, startAngle: number, endAngle?: number) {\r\n  var x = toFixed(half + half * radius * Math.cos((Math.PI * startAngle) / 180));\r\n  var y = toFixed(half + half * radius * Math.sin((Math.PI * startAngle) / 180));\r\n  if (endAngle !== undefined) {\r\n    // if a 2nd angle value was passed, return 2 pairs of coords\r\n    var x2 = toFixed(half + half * radius * Math.cos((Math.PI * endAngle) / 180));\r\n    var y2 = toFixed(half + half * radius * Math.sin((Math.PI * endAngle) / 180));\r\n    return { x1: x, y1: y, x2, y2 };\r\n  }\r\n  return { x, y };\r\n}\r\n\r\nfunction getArc(radius: number, largeArcFlag: string, x: number, y: number, chartSize: number) {\r\n  var z = toFixed((chartSize / 2) * radius);\r\n  return `A ${z}, ${z} 0 ${largeArcFlag} ${toFixed(x)}, ${toFixed(y)}`;\r\n}\r\n\r\nfunction scale(val: number, inMin: number, inMax: number, outMin: number, outMax: number) {\r\n  let scaled = ((val - inMin) * (outMax - outMin)) / (inMax - inMin) + outMin;\r\n  // clip the values so that whatever is passed in the output is never smaller than outMin or greater than outMax\r\n  return scaled < outMin ? outMin : scaled > outMax ? outMax : scaled;\r\n}\r\n\r\nfunction minSpacing(width: number) {\r\n  // minimum spacing between 2 ticks, in px\r\n  return scale(width, 300, 900, 70, 150);\r\n}\r\n\r\nfunction getMaxTicks(width: number) {\r\n  return Math.round(width / minSpacing(width));\r\n}\r\n\r\nfunction getInterval(largest: number, maxticks: number) {\r\n  const minimum = largest / maxticks;\r\n  const magnitude = 10 ** Math.floor(Math.log10(minimum));\r\n  const residual = minimum / magnitude;\r\n  let interval;\r\n  if (residual > 5) {\r\n    interval = 10 * magnitude;\r\n  } else if (residual > 3) {\r\n    interval = 5 * magnitude;\r\n  } else if (residual > 2) {\r\n    interval = 3 * magnitude;\r\n  } else if (residual > 1.5) {\r\n    interval = 2 * magnitude;\r\n  } else if (residual > 1) {\r\n    interval = 1.5 * magnitude;\r\n  } else {\r\n    interval = magnitude;\r\n  }\r\n  return interval;\r\n}\r\n\r\nfunction handleSliceKeyDown(this: any, ev: KeyboardEvent) {\r\n  if (this.popoverEl && this.popoverEl.open && ev.key === \"Enter\") {\r\n    const popoverBtn = this.popoverEl.querySelector(\"button\");\r\n    popoverBtn && popoverBtn.click();\r\n  }\r\n}\r\n\r\nexport function handleSliceClick(this: any, ev: MouseEvent, s: SliceDetails) {\r\n  if (this.popoverEl && !this.isTabbing) {\r\n    s.coords = { x: ev.clientX, y: ev.clientY };\r\n    openPopover.call(this, s);\r\n  }\r\n}\r\n\r\nfunction handleSliceFocus(this: any, ev: FocusEvent, s: SliceDetails) {\r\n  if (this.popoverEl && this.isTabbing) {\r\n    s.coords = getPosition(ev.target as HTMLElement);\r\n    openPopover.call(this, s);\r\n  }\r\n}\r\n\r\nexport function handleChartKeydown(this: any, ev: KeyboardEvent) {\r\n  switch (ev.key) {\r\n    // arrow up / left\r\n    case \"ArrowUp\":\r\n    case \"ArrowLeft\":\r\n      ev.preventDefault();\r\n      this.isTabbing = true; // shd already be true. just in case user clicked on chart then pressed an arrow key\r\n      focusPrevious.call(this);\r\n      break;\r\n    // arrow right / down\r\n    case \"ArrowRight\":\r\n    case \"ArrowDown\":\r\n      ev.preventDefault();\r\n      this.isTabbing = true; // shd already be true. just in case user clicked on chart then pressed an arrow key\r\n      focusNext.call(this);\r\n      break;\r\n    // tab\r\n    case \"Tab\":\r\n      exitChart.call(this);\r\n      break;\r\n    case \"Escape\":\r\n      this.popoverEl!.open = false;\r\n      this.userIsNavigating = false;\r\n      break;\r\n  }\r\n}\r\n\r\nexport function openPopover(this: any, s: SliceDetails) {\r\n  if (!!this.popoverEl && !!s.title && !!s.text) {\r\n    this.popoverEl.popoverTitle = s.title;\r\n    this.popoverEl.popoverText = s.text;\r\n    this.popoverEl.buttonText = s.buttonText;\r\n    this.popoverEl.coords = s.coords;\r\n    this.popoverEl.sliceRef = s.sliceRef;\r\n    window.setTimeout(() => {\r\n      if (this.popoverEl) {\r\n        this.popoverEl.open = true;\r\n      }\r\n    }, 30);\r\n\r\n    const debouncedClosePopover = debounce(async () => {\r\n      this.popoverEl!.open = false;\r\n    }, 10);\r\n\r\n    // set up event listeners for scrolling\r\n    // to close popover on page scroll\r\n    document.addEventListener(\"scroll\", () => {\r\n      debouncedClosePopover();\r\n    });\r\n\r\n    // ... and on parent scroll\r\n    const scrollableParent = findParentWithScrollbar(this.el as HTMLElement);\r\n    if (!!scrollableParent) {\r\n      scrollableParent.addEventListener(\"scroll\", () => {\r\n        debouncedClosePopover();\r\n      });\r\n    }\r\n  }\r\n}\r\n\r\nfunction focusNext(this: any) {\r\n  const activeEl = checkForActiveElInShadow(document.activeElement as HTMLElement);\r\n  const index =\r\n    // if the active el is not in the array the first element gets focused\r\n    (this.sliceEls!.indexOf(activeEl as HTMLElement) + 1) % this.sliceEls!.length;\r\n  focusSlice.call(this, index);\r\n}\r\n\r\nfunction focusPrevious(this: any) {\r\n  if (this.sliceEls) {\r\n    const activeEl = checkForActiveElInShadow(document.activeElement as HTMLElement);\r\n    let index = this.sliceEls.indexOf(activeEl as SliceElement);\r\n\r\n    if (index === -1) {\r\n      // not in the array : focus the first slice\r\n      index = 0;\r\n    } else if (index === 0) {\r\n      // first slice : focus the last slice\r\n      index = this.sliceEls.length - 1;\r\n    } else {\r\n      // anything else: focus previous\r\n      index -= 1;\r\n    }\r\n    focusSlice.call(this, index);\r\n  }\r\n}\r\n\r\nfunction focusSlice(this: any, index: number) {\r\n  if (this.sliceEls && this.el) {\r\n    this.userIsNavigating = true;\r\n    if (this.popoverEl) {\r\n      this.popoverEl.open = false;\r\n    }\r\n    // set tabindex of the wrapper to -1 while slices are being focused, to allow for shft-tabbing out of the component directly\r\n    this.componentWrapperEl.tabIndex = -1;\r\n    // @ts-ignore\r\n    this.el.focusable = false; // for Edge\r\n    this.sliceEls.map((p: SliceElement) => {\r\n      p.tabIndex = -1;\r\n      // @ts-ignore\r\n      p.focusable = false; // for Edge\r\n    });\r\n    this.sliceEls[index].tabIndex = 0;\r\n    // @ts-ignore\r\n    this.sliceEls[index].focusable = true; // for Edge\r\n    this.sliceEls[index].focus();\r\n    window.setTimeout(() => {\r\n      if (this.popoverEl) {\r\n        this.popoverEl.open = true;\r\n      }\r\n    }, 10);\r\n  }\r\n}\r\n\r\nexport function exitChart(this: any) {\r\n  this.sliceEls &&\r\n    this.sliceEls.map((p: SliceElement) => {\r\n      p.tabIndex = -1;\r\n      // @ts-ignore\r\n      p.focusable = false; // for Edge\r\n    });\r\n  this.userIsNavigating = false;\r\n  // delay so that we can tab out of component before chart becomes focusable again\r\n  // and in case user was still pressing an arrow key when they pressed tab\r\n  window.setTimeout(() => {\r\n    this.componentWrapperEl.tabIndex = 0;\r\n    // @ts-ignore\r\n    this.el.focusable = true; // for Edge\r\n    if (this.popoverEl) {\r\n      this.popoverEl.open = false;\r\n    }\r\n  }, 100);\r\n}\r\n\r\nexport async function getDetails(this: any, chartType: ChartType) {\r\n  this.slicesDetails = [];\r\n  let acc = 0;\r\n  const children = Array.from(this.el.children) as Array<HTMLWmChartSliceElement>;\r\n\r\n  this.total = children.reduce(\r\n    (total: number, slice: SliceElement) => (total += parseInt(slice.getAttribute(\"amount\") || \"0\")),\r\n    0\r\n  );\r\n\r\n  children.forEach((c: Element, i: number) => {\r\n    const amount = parseInt(c.getAttribute(\"amount\") || \"0\");\r\n    const perc = amountToPercent(amount, this.total, true);\r\n\r\n    let colorIndex = i;\r\n\r\n    // for bar5, first color should be skipped unless notStartedColor is set to true\r\n    if (chartType === \"bar5\") {\r\n      colorIndex = this.notStartedColor ? i : i + 1;\r\n    }\r\n\r\n    // bars in bar6 are all the same color\r\n    if (chartType === \"bar6\") {\r\n      colorIndex = 0;\r\n    }\r\n\r\n    const color = allChartsDetails[chartType].colors[colorIndex];\r\n\r\n    const sliceDetails: SliceDetails = {\r\n      amount: amount,\r\n      perc: perc,\r\n      legend: c.getAttribute(\"legend\"),\r\n      color: color || colors.gray,\r\n      offset: acc,\r\n      id: `${this.uid}-${i + 1}`,\r\n      title: c.getAttribute(\"popover-title\"),\r\n      text: c.getAttribute(\"popover-text\"),\r\n      buttonText: c.getAttribute(\"popover-button-text\"),\r\n      sliceRef: c,\r\n      inSmallCluster: false,\r\n    };\r\n    acc += amount;\r\n    this.slicesDetails.push(sliceDetails);\r\n  });\r\n}\r\n\r\nfunction sortSlicesDetails(slicesDetails: SliceDetails[], total: number): SliceDetails[] {\r\n  // sort slices by decreasing amount\r\n  let sortedSlicesDetails = [...slicesDetails].sort((a: SliceDetails, b: SliceDetails) =>\r\n    a.amount === b.amount ? 0 : a.amount > b.amount ? -1 : 1\r\n  );\r\n\r\n  let acc = 0;\r\n\r\n  sortedSlicesDetails.forEach((s: SliceDetails, idx: number) => {\r\n    const prev = sortedSlicesDetails[idx === 0 ? sortedSlicesDetails.length - 1 : idx - 1];\r\n    const next = sortedSlicesDetails[idx === sortedSlicesDetails.length - 1 ? 0 : idx + 1];\r\n    const prevPerc = amountToPercent(prev.amount, total, true);\r\n    const nextPerc = amountToPercent(next.amount, total, true);\r\n\r\n    s.offset = acc;\r\n    acc += s.amount;\r\n    s.inSmallCluster = isInSmallCluster(prevPerc, s.perc, s.amount, nextPerc);\r\n  });\r\n  return sortedSlicesDetails;\r\n}\r\n\r\nfunction isInSmallCluster(prevPerc: number, perc: number, amount: number, nextPerc: number): boolean {\r\n  // determine whether the slice is in a cluster of small values\r\n  // to avoid percentage text overlap for small values\r\n  const isSmall = perc < 4;\r\n  const prevIsSmall = prevPerc < 5;\r\n  const nextIsSmall = nextPerc < 5;\r\n  let inSmallCluster = isSmall && (prevIsSmall || nextIsSmall);\r\n\r\n  // because <1% slice percentage text has an additional character\r\n  // the inSmallCluster threshold needs to be widened for that slice only\r\n  const lessThanOnePerc = perc === 0 && amount > 0;\r\n  if (lessThanOnePerc && (nextPerc < 8 || prevPerc < 8)) {\r\n    inSmallCluster = true;\r\n  }\r\n\r\n  return inSmallCluster;\r\n}\r\n\r\nfunction getPathData(this: any, amount: number, offset: number, chartType: ChartType) {\r\n  const startAngle = amountToDegree(offset, this.total) - 90; // start at noon, not at 3 o'clock\r\n  const activeAngle = (amount / this.total) * 360;\r\n  let endAngle = startAngle + activeAngle;\r\n  const largeArcFlagOuter = activeAngle > 180 ? \"1 1\" : \"0 1\";\r\n  const largeArcFlagInner = activeAngle > 180 ? \"1 0\" : \"0 0\";\r\n  const half = this.chartDetails.size / 2;\r\n  const innerRadius = this.chartDetails.thickness!;\r\n  const outerRadius = 1;\r\n\r\n  const isHybridDoughnut = chartType === \"doughnut0\" || chartType === \"doughnut\";\r\n  const outerSeparatorOffset = 1.5;\r\n  const innerSeparatorOffset = isHybridDoughnut ? 2.25 : 3;\r\n\r\n  if (activeAngle === 360) {\r\n    // fix to avoid bad svg shape when the path goes all around (100%)\r\n    endAngle -= 0.01;\r\n  }\r\n\r\n  const outerCoords = polarToCartesian(\r\n    half,\r\n    outerRadius,\r\n    startAngle + outerSeparatorOffset, // Addition for slice separator\r\n    endAngle\r\n  );\r\n  const innerCoords = polarToCartesian(\r\n    half,\r\n    innerRadius,\r\n    startAngle + innerSeparatorOffset, // Addition for slice separator\r\n    endAngle\r\n  );\r\n\r\n  const moveTo = `M ${outerCoords.x1}, ${outerCoords.y1} `;\r\n  const arc1 = getArc(outerRadius, largeArcFlagOuter, outerCoords.x2!, outerCoords.y2!, this.chartDetails.size);\r\n  const line = ` L ${innerCoords.x2}, ${innerCoords.y2} `;\r\n  const arc2 = getArc(innerRadius, largeArcFlagInner, innerCoords.x1!, innerCoords.y1!, this.chartDetails.size);\r\n\r\n  return moveTo + arc1 + line + arc2 + \" z\";\r\n}\r\n\r\nexport function renderInstructionsText() {\r\n  const chartInstructions = intl.formatMessage({\r\n    id: \"chart.instructions\",\r\n    defaultMessage: \"Use arrow keys to browse elements, press Tab to exit.\",\r\n    description: \"For screen readers only, instructions on how to interact with the chart component\",\r\n  });\r\n\r\n  return <div id=\"chart-instructions\">{chartInstructions}</div>;\r\n}\r\n\r\nfunction renderFilter() {\r\n  return (\r\n    <defs>\r\n      <filter id=\"wmHoverDropShadow\">\r\n        <feGaussianBlur stdDeviation=\"3\"></feGaussianBlur>\r\n        <feOffset result=\"offsetblur\"></feOffset>\r\n        <feFlood flood-color=\"#333\"></feFlood>\r\n        <feComposite operator=\"in\" in2=\"offsetblur\"></feComposite>\r\n        <feMerge>\r\n          <feMergeNode></feMergeNode>\r\n          <feMergeNode in=\"SourceGraphic\"></feMergeNode>\r\n        </feMerge>\r\n      </filter>\r\n    </defs>\r\n  );\r\n}\r\n\r\nexport function renderDoughnut(this: any, chartType: ChartType) {\r\n  const outerSize = this.chartDetails.size + this.chartDetails.padding;\r\n  const isHybridDoughnut = chartType === \"doughnut0\" || chartType === \"doughnut\";\r\n  // no sorting in progress indicators\r\n  let slicesDetails = isHybridDoughnut ? this.slicesDetails : sortSlicesDetails(this.slicesDetails, this.total);\r\n\r\n  return (\r\n    <div class=\"chart-wrapper doughnut-wrapper\">\r\n      <svg width={outerSize + \"px\"} height={outerSize + \"px\"} id={`graphic-${this.uid}`} class=\"doughnut-svg\">\r\n        {renderFilter()}\r\n        {slicesDetails.map((s: SliceDetails) => renderPath.call(this, s, chartType))}\r\n        {isHybridDoughnut ? (\r\n          <text\r\n            class=\"value\"\r\n            x=\"50%\"\r\n            y=\"50%\"\r\n            font-size=\"1.5rem\"\r\n            font-weight=\"500\"\r\n            text-anchor=\"middle\"\r\n            dominant-baseline=\"middle\"\r\n          >\r\n            {amountToPercent(slicesDetails[0].amount, this.total, true) + \"%\"}\r\n          </text>\r\n        ) : (\r\n          <g\r\n            transform={`translate(${this.chartDetails.padding / 2}, ${this.chartDetails.padding / 2})`}\r\n            text-anchor=\"middle\"\r\n            dominant-baseline=\"middle\"\r\n          >\r\n            {slicesDetails.map((s: SliceDetails) =>\r\n              s.amount > 0 && !s.inSmallCluster ? renderDoughnutText.call(this, s) : \"\"\r\n            )}\r\n          </g>\r\n        )}\r\n      </svg>\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction renderPath(this: any, s: SliceDetails, chartType: ChartType) {\r\n  return (\r\n    <g transform={`translate(${this.chartDetails.padding / 2}, ${this.chartDetails.padding / 2})`}>\r\n      <path\r\n        id={s.id}\r\n        class=\"segment doughnut-segment\"\r\n        fill={s.amount ? s.color : \"transparent\"}\r\n        d={getPathData.call(this, s.amount, s.offset, chartType)}\r\n        onClick={(ev) => handleSliceClick.call(this, ev, s)}\r\n        onFocus={(ev) => handleSliceFocus.call(this, ev, s)}\r\n        onKeyDown={(ev) => handleSliceKeyDown.call(this, ev)}\r\n        role=\"img\"\r\n        aria-label={s.legend}\r\n      ></path>\r\n    </g>\r\n  );\r\n}\r\n\r\nfunction renderDoughnutText(this: any, s: SliceDetails) {\r\n  const arcMiddle = amountToDegree(s.offset + s.amount / 2, this.total);\r\n  let { x, y } = polarToCartesian(this.chartDetails.size / 2, 1.4, arcMiddle - 90);\r\n  return (\r\n    <text class=\"value\" x={x + \"px\"} y={y + \"px\"}>\r\n      {`${s.perc > 0 ? s.perc : \"<1\"}%`}\r\n    </text>\r\n  );\r\n}\r\n\r\nexport function renderStackedBar(this: any, chartType: ChartType) {\r\n  const isHybridBar = chartType === \"bar1\" || chartType === \"bar\";\r\n  return (\r\n    <div class=\"chart-wrapper bar-wrapper\">\r\n      {isHybridBar ? (\r\n        <div class=\"single-perc\">{amountToPercent(this.slicesDetails[0].amount, this.total, true) + \"%\"}</div>\r\n      ) : (\r\n        \"\"\r\n      )}\r\n      {this.chartType === \"bar3\" && this.drawAxis()}\r\n      <div class={`inner-stacked-bar-wrapper ${showValue(this.tempValueFormat)}`}>\r\n        {!isHybridBar ? (\r\n          <div class=\"values\">\r\n            {this.slicesDetails.map((s: SliceDetails, idx: number) => this.renderBarText(s, idx))}\r\n          </div>\r\n        ) : (\r\n          \"\"\r\n        )}\r\n        <div class=\"stacked-bar-segments-wrapper\">\r\n          {this.slicesDetails.map((s: SliceDetails, idx: number) => renderStackedBarSegment.call(this, s, idx))}\r\n        </div>\r\n        {isHybridBar ? renderCompletionMessage.call(this) : \"\"}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction renderStackedBarSegment(this: any, s: SliceDetails, idx: number) {\r\n  const isLastSlice = idx !== this.slicesDetails.length - 1;\r\n  const width = `calc(${amountToPercent(s.amount, this.total, false)}%${isLastSlice ? \" - 2px\" : \"\"})`;\r\n\r\n  return (\r\n    <div\r\n      class={`segment stacked-bar-segment ${amountToPercent(s.amount, this.total, false) === 0 ? \"zero\" : \"\"}`}\r\n      style={{\r\n        backgroundColor: s.color,\r\n        width: width,\r\n      }}\r\n      onClick={(ev) => handleSliceClick.call(this, ev, s)}\r\n      onFocus={(ev) => handleSliceFocus.call(this, ev, s)}\r\n      onKeyDown={(ev) => handleSliceKeyDown.call(this, ev)}\r\n    >\r\n      <span class=\"sr-only\">{s.legend}</span>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport function renderSimpleBar(this: any, chartType: ChartType) {\r\n  // find largest number and get interval, numTicks, chartMaxVal for all.\r\n  const largest = this.slicesDetails\r\n    .map((s: SliceDetails) => s.amount)\r\n    .reduce((a: number, b: number) => {\r\n      return a > b ? a : b;\r\n    });\r\n  const labelWidth = parseInt(getComputedStyle(this.el).getPropertyValue(\"--labelWidth\"), 10);\r\n  const chartPadding = 48; \r\n  const componentWidth = this.el.getBoundingClientRect().width;\r\n  const chartWidth = componentWidth - labelWidth - chartPadding;\r\n  let numTicks = getMaxTicks(chartWidth);\r\n  let interval = getInterval(largest, numTicks);\r\n  // after the algorithm finds an interval, remove extra ticks so that the greater number is always between the last tick and the one before that\r\n  const lastTickVal = numTicks * interval;\r\n  const extraTicks = Math.floor((lastTickVal - largest) / interval);\r\n  numTicks -= extraTicks;\r\n\r\n  this.el.style.setProperty(\"--backgroundSize\", 100 / numTicks + \"%\");\r\n  this.el.style.setProperty(\"--labelWidth\", this.labelWidth);\r\n\r\n  if (chartType === \"bar7\" && !this.showBarLegend) {\r\n    this.el.style.setProperty(\"--labelWidth\", \"0px\");\r\n  }\r\n\r\n  // we have to prep the data here rather than iterate directly in the return statement\r\n  // because CSS grid needs a flat structure, and return functions must\r\n  // have a single parent element\r\n  const rows: HTMLElement[] = [];\r\n  this.slicesDetails.forEach((s: SliceDetails) => {\r\n    s.legend && rows.push(renderSimpleBarLegend(s.legend, this.showBarLegend, chartType));\r\n    rows.push(renderSimpleBarItem.call(this, s, interval, numTicks, largest));\r\n  });\r\n\r\n  const ticks = [];\r\n  for (let i = 1; i <= numTicks; i++) {\r\n    const tickVal: number | string = abbrNumber(i * interval);\r\n    ticks.push(\r\n      <div class=\"tick\">\r\n        <span>{tickVal}</span>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  const showGrid = chartType === \"bar6\" && this.showGrid && this.el.getBoundingClientRect().width > 300;\r\n\r\n  return (\r\n    <div class=\"chart-wrapper simple-bar-wrapper\">\r\n      <div class={`chart ${showValue(this.tempValueFormat)}`}>\r\n        {showGrid && <div class=\"gridlines\"></div>}\r\n        <div class=\"rows\">{rows}</div>\r\n      </div>\r\n      {showGrid && (\r\n        <div class=\"x-axis\" aria-hidden=\"true\">\r\n          <div class=\"zero\">\r\n            <span>0</span>\r\n          </div>\r\n          {ticks}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction renderSimpleBarLegend(legend: string, show: boolean, chartType: ChartType): HTMLLabelElement {\r\n  // not sure how to collapse the left column to 0 width with CSS grid. text should still be available to SR.\r\n  const hidden = chartType === \"bar7\" && !show ? \" hidden\" : \"\";\r\n  return <label class={`label${hidden}`}>{legend}</label>;\r\n}\r\n\r\nfunction renderSimpleBarItem(\r\n  this: any,\r\n  s: SliceDetails,\r\n  interval: number,\r\n  ticks: number,\r\n  largest: number\r\n): HTMLDivElement {\r\n  const chartMaxVal = this.currentChartType === \"bar6\" ? interval * ticks : largest;\r\n  const width = amountToPercent(s.amount, chartMaxVal, false);\r\n  const cssWidth: string = width ? width + \"%\" : \"1px\";\r\n  const amt = abbrNumber(s.amount);\r\n  let displayValue = this.tempValueFormat === \"amount\" ? amt : \"\";\r\n  if (this.currentChartType === \"bar6\" && this.tempValueFormat === \"percentage\") {\r\n    displayValue = s.amount + \"%\";\r\n  } else if (this.currentChartType === \"bar7\" && this.tempValueFormat === \"percentage\") {\r\n    displayValue = amountToPercent(s.amount, this.total, true) + \"%\";\r\n  }\r\n\r\n  return (\r\n    <div\r\n      class={\"bar segment\"}\r\n      style={{\r\n        backgroundColor: s.color,\r\n        width: cssWidth,\r\n      }}\r\n      onClick={(ev) => handleSliceClick.call(this, ev, s)}\r\n      onFocus={(ev) => handleSliceFocus.call(this, ev, s)}\r\n      onKeyDown={(ev) => handleSliceKeyDown.call(this, ev)}\r\n    >\r\n      <div class=\"value\">{displayValue}</div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport function renderLegend(this: any, chartType: ChartType) {\r\n  // legend is hidden for bar1 and bar6 types regardless of showLegend value\r\n  if (this.showLegend) {\r\n    const hasCluster =\r\n      !this.chartDetails.isBar &&\r\n      this.slicesDetails.reduce(\r\n        (hasCluster: boolean, cur: SliceDetails) => (hasCluster = cur.inSmallCluster ? true : hasCluster),\r\n        false\r\n      );\r\n    return (\r\n      <div class=\"legend-wrapper\">\r\n        <div class={`legend ${chartType} ${this.mode === \"bar\" ? \"--top\" : \"--bottom\"}`} aria-hidden=\"true\">\r\n          {this.total > 0\r\n            ? this.slicesDetails.map((s: SliceDetails) => {\r\n                // when both legend and amount are omitted, the legend is not shown for that particular option (it's been deactivated by the user)\r\n                if (!!s.amount || !!s.legend) {\r\n                  return renderLegendItem({ key: s.legend!, color: s.color });\r\n                }\r\n              })\r\n            : \"\"}\r\n        </div>\r\n        {hasCluster && renderHiddenValuesMessage()}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport function renderLegendItem(legendItem: LegendItem) {\r\n  return (\r\n    <div class=\"legend-item\">\r\n      <div class=\"legend-color\" style={{ backgroundColor: legendItem.color }}></div>\r\n      <div class=\"legend-text\">{legendItem.key}</div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport function renderCompletionMessage(this: any) {\r\n  if (this.completionMessage) {\r\n    return <div class=\"completion-message\">{this.completionMessage}</div>;\r\n  }\r\n}\r\n\r\nexport function renderHiddenValuesMessage() {\r\n  return (\r\n    <div class=\"hidden-values-warning\">\r\n      {textHiddenMessage}\r\n      <br />\r\n      {seeDetailsMessage}\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":"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"}

package/dist/ripple/{p-a6d6eae7.js → p-fd8070fb.js}

@@ -1,2 +1,2 @@
 const t=async t=>{const e=await fetch(t);if(!!e&&!!e.ok){return await e.json()}else{throw new Error(e.statusText)}};const e=async(t,e)=>{const s=await fetch(t,{method:"POST",headers:{"Content-Type":"application/json; charset=utf-8"},body:JSON.stringify(e)});if(!!s&&!!s.ok){return await s.json()}else{throw new Error(s.statusText)}};const s=async t=>{const e=await fetch(t,{method:"DELETE"});if(!!e&&!!e.ok){return await e.json()}else{throw new Error(e.statusText)}};const n=(t,e,s)=>new Promise(((n,a)=>{const o=new XMLHttpRequest;o.upload.addEventListener("progress",(t=>s(t)));o.addEventListener("readystatechange",(function(){if(this.readyState===4&&this.status===200){n(this)}else if(this.readyState===4&&this.status!==200){a()}}));o.onerror=()=>a();o.open("PUT",t,true);o.setRequestHeader("Content-Disposition",`attachment;filename="${e.name}"`);o.send(e)}));export{e as a,s as d,t as g,n as p};
-//# sourceMappingURL=p-a6d6eae7.js.map
+//# sourceMappingURL=p-fd8070fb.js.map

package/dist/ripple/p-fd8070fb.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getRequest","async","url","response","fetch","ok","json","Error","statusText","postRequest","payload","method","headers","body","JSON","stringify","deleteRequest","putRequest","file","onProgress","Promise","resolve","reject","req","XMLHttpRequest","upload","addEventListener","ev","this","readyState","status","onerror","open","setRequestHeader","name","send"],"sources":["./src/global/services/http-service.tsx"],"sourcesContent":["export const getRequest = async (url: string) => {\r\n  const response = await fetch(url);\r\n  if (!!response && !!response.ok) {\r\n    return await response.json();\r\n  } else {\r\n    throw new Error(response.statusText);\r\n  }\r\n};\r\n\r\nexport const postRequest = async (url: string, payload: Object) => {\r\n  const response = await fetch(url, {\r\n    method: \"POST\",\r\n    headers: { \"Content-Type\": \"application/json; charset=utf-8\" },\r\n    body: JSON.stringify(payload),\r\n  });\r\n  if (!!response && !!response.ok) {\r\n    return await response.json();\r\n  } else {\r\n    throw new Error(response.statusText);\r\n  }\r\n};\r\n\r\nexport const deleteRequest = async (url: string) => {\r\n  const response = await fetch(url, { method: \"DELETE\" });\r\n  if (!!response && !!response.ok) {\r\n    return await response.json();\r\n  } else {\r\n    throw new Error(response.statusText);\r\n  }\r\n};\r\n\r\nexport const putRequest = (url: string, file: File, onProgress: Function) => {\r\n  return new Promise((resolve, reject) => {\r\n    // there's no way to track progress with the fetch API, so using XHR\r\n    const req = new XMLHttpRequest();\r\n\r\n    req.upload.addEventListener(\"progress\", (ev) => onProgress(ev));\r\n\r\n    req.addEventListener(\"readystatechange\", function () {\r\n      if (this.readyState === 4 && this.status === 200) {\r\n        resolve(this);\r\n      } else if (this.readyState === 4 && this.status !== 200) {\r\n        reject();\r\n      }\r\n    });\r\n\r\n    req.onerror = () => reject();\r\n    req.open(\"PUT\", url, true);\r\n    req.setRequestHeader(\"Content-Disposition\", `attachment;filename=\"${file.name}\"`);\r\n    req.send(file);\r\n  });\r\n};\r\n"],"mappings":"MAAaA,EAAaC,MAAOC,IAC/B,MAAMC,QAAiBC,MAAMF,GAC7B,KAAMC,KAAcA,EAASE,GAAI,CAC/B,aAAaF,EAASG,M,KACjB,CACL,MAAM,IAAIC,MAAMJ,EAASK,W,SAIhBC,EAAcR,MAAOC,EAAaQ,KAC7C,MAAMP,QAAiBC,MAAMF,EAAK,CAChCS,OAAQ,OACRC,QAAS,CAAE,eAAgB,mCAC3BC,KAAMC,KAAKC,UAAUL,KAEvB,KAAMP,KAAcA,EAASE,GAAI,CAC/B,aAAaF,EAASG,M,KACjB,CACL,MAAM,IAAIC,MAAMJ,EAASK,W,SAIhBQ,EAAgBf,MAAOC,IAClC,MAAMC,QAAiBC,MAAMF,EAAK,CAAES,OAAQ,WAC5C,KAAMR,KAAcA,EAASE,GAAI,CAC/B,aAAaF,EAASG,M,KACjB,CACL,MAAM,IAAIC,MAAMJ,EAASK,W,SAIhBS,EAAa,CAACf,EAAagB,EAAYC,IAC3C,IAAIC,SAAQ,CAACC,EAASC,KAE3B,MAAMC,EAAM,IAAIC,eAEhBD,EAAIE,OAAOC,iBAAiB,YAAaC,GAAOR,EAAWQ,KAE3DJ,EAAIG,iBAAiB,oBAAoB,WACvC,GAAIE,KAAKC,aAAe,GAAKD,KAAKE,SAAW,IAAK,CAChDT,EAAQO,K,MACH,GAAIA,KAAKC,aAAe,GAAKD,KAAKE,SAAW,IAAK,CACvDR,G,KAIJC,EAAIQ,QAAU,IAAMT,IACpBC,EAAIS,KAAK,MAAO9B,EAAK,MACrBqB,EAAIU,iBAAiB,sBAAuB,wBAAwBf,EAAKgB,SACzEX,EAAIY,KAAKjB,EAAK,W"}

package/dist/ripple/ripple.esm.js

@@ -1,2 +1,2 @@
-import{p as e,b as t}from"./p-1c23de4a.js";export{s as setNonce}from"./p-1c23de4a.js";import"./p-e8fd25c8.js";const a=()=>{const t=import.meta.url;const a={};if(t!==""){a.resourcesUrl=new URL(".",t).href}return e(a)};a().then((e=>t(JSON.parse('[["p-d0c3d25a",[[17,"wm-uploader",{"uploaderType":[1025,"uploader-type"],"type":[1],"label":[1],"buttonText":[1,"button-text"],"info":[1],"emptyStateText":[1,"empty-state-text"],"icon":[1],"fileTypes":[1,"file-types"],"maxSize":[2,"max-size"],"maxFiles":[2,"max-files"],"sortBy":[1,"sort-by"],"showInfo":[1,"show-info"],"errorMessage":[1,"error-message"],"requiredField":[4,"required-field"],"files":[1],"filesToUpload":[1040],"rejectedFiles":[1,"rejected-files"],"fileList":[32],"isTabbing":[32],"errorList":[32],"notif":[32],"internalErrorMessage":[32],"announcement":[32],"numFilesInProgress":[32],"isCondensed":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"wmUploadProgress","handleUploadProgress"],[0,"wmFileClearErrorClicked","handleFileErrorCleared"],[0,"wmIntFileDeleted","handleFileDeleted"],[0,"wmIntFilePreviewed","handleFilePreviewed"],[0,"wmIntFileDownloaded","handleFileDownloaded"]]]]],["p-0b31c210",[[17,"wm-tab-list",{"customBackground":[1,"custom-background"],"customPadding":[1,"custom-padding"],"selectedTab":[1,"selected-tab"],"controllerEnabled":[4,"controller-enabled"]},[[0,"tabItemLoaded","tabItemLoaded"],[0,"wmTabSelected","handleTabSelected"],[0,"keydownOnTabItem","handleKeydown"],[9,"resize","setLayout"]]],[17,"wm-tab-item",{"selected":[4],"show":[4],"tabId":[1,"tab-id"]},[[4,"keydown","toggleTabbingOn"],[4,"click","toggleTabbingOff"]]],[0,"wm-tab-panel",{"active":[1028],"tabId":[1025,"tab-id"]},[[4,"keydown","toggleTabbingOn"],[4,"click","toggleTabbingOff"]]]]],["p-535e33d7",[[17,"wm-navigator",{"userName":[1,"user-name"],"email":[1],"authType":[2,"auth-type"],"connectionName":[1,"connection-name"],"logoutUrl":[1,"logout-url"],"products":[1],"loadFromUserinfo":[4,"load-from-userinfo"],"isOpen":[32],"isTabbing":[32],"itemIndexToFocus":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"keydown","handleKeys"],[0,"keydownOnNavItem","handleKeydown"],[4,"click","handleClick"],[0,"buttonActivated","handleButtonClick"]]]]],["p-7b85f5a8",[[1,"wm-network-uploader",{"getPath":[1,"get-path"],"requestUploadPath":[1,"request-upload-path"],"uploadPath":[1,"upload-path"],"requestDownloadPath":[1,"request-download-path"],"deletePath":[1,"delete-path"],"associatedData":[1,"associated-data"],"buttonText":[1,"button-text"],"emptyStateText":[1,"empty-state-text"],"icon":[1],"fileTypes":[1,"file-types"],"maxSize":[1026,"max-size"],"maxFiles":[2,"max-files"],"sortBy":[1,"sort-by"],"isTabbing":[32],"fileList":[32],"inProgressList":[32],"errorList":[32],"notif":[32],"snackbar":[32],"numFilesInProgress":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"wmUploadProgress","handleUploadProgress"],[0,"userFinishedSnack","handleFinishedSnack"]]]]],["p-e252738e",[[17,"wm-navigation",{"open":[1540],"isTabbing":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"keydown","closeOnEscape"],[9,"resize","handleWindowResize"],[8,"wmNavigationHamburgerClicked","handleHamburgerClicked"],[0,"wmNavigationItemClicked","handleClickOnItem"]]],[17,"wm-navigation-hamburger",{"navId":[1,"nav-id"],"tooltipVisible":[1028,"tooltip-visible"],"isTabbing":[32],"open":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[4,"wmNavigationStateChanged","handleNavigationStateChanged"]]],[17,"wm-navigation-item",{"href":[1],"text":[1],"active":[4],"isTabbing":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"]]]]],["p-bfc8d2bb",[[17,"wm-progress-indicator",{"label":[1],"subinfo":[1],"completionMessage":[1,"completion-message"],"showLegend":[4,"show-legend"],"isTabbing":[32],"mode":[32],"userIsNavigating":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"keydown","handleKeydown"],[0,"wmProgressSliceUpdated","handleSliceUpdate"]]],[17,"wm-progress-monitor",{"breakpoint":[8],"groupLegend":[1,"group-legend"],"barLabelsWidth":[1,"bar-labels-width"]}],[1,"wm-progress-slice",{"legend":[1],"amount":[1],"popoverTitle":[1,"popover-title"],"popoverText":[1,"popover-text"],"popoverButtonText":[1,"popover-button-text"]}]]],["p-2b577e99",[[17,"wm-chart",{"chartType":[1,"chart-type"],"label":[1],"labelWidth":[1,"label-width"],"subinfo":[1],"completionMessage":[1,"completion-message"],"valueFormat":[1,"value-format"],"showValues":[1,"show-values"],"showGrid":[4,"show-grid"],"showLegend":[4,"show-legend"],"showBarLegend":[4,"show-bar-legend"],"notStartedColor":[4,"not-started-color"],"labelPosition":[1,"label-position"],"isTabbing":[32],"userIsNavigating":[32],"hasHiddenBarValue":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"keydown","handleKeydown"],[0,"wmChartSliceUpdated","handleSliceUpdate"]]]]],["p-695286e7",[[17,"wm-datepicker",{"value":[1025],"disabled":[4],"dateFormat":[1025,"date-format"],"errorMessage":[513,"error-message"],"labelPosition":[1025,"label-position"],"label":[1025],"requiredField":[4,"required-field"],"requiredFieldMessage":[1,"required-field-message"],"preventValidation":[1,"prevent-validation"],"displayError":[32]},[[0,"keydown","handleTabbingOn"],[0,"click","handleTabbingOff"],[0,"popupBlurred","handlePopupBlurred"],[0,"cellTriggered","handleCellTriggered"]]]]],["p-4a014591",[[0,"wm-modal-footer",{"secondaryText":[1,"secondary-text"],"primaryText":[1,"primary-text"],"infoText":[1,"info-text"],"primaryActionDisabled":[4,"primary-action-disabled"],"deleteStyle":[4,"delete-style"]}]]],["p-87da5d8e",[[0,"wm-modal-header",{"heading":[1],"subheading":[1]}]]],["p-98a9eb8c",[[17,"wm-search",{"searchType":[1025,"search-type"],"disabled":[516],"placeholder":[1],"label":[1],"numResults":[1026,"num-results"],"value":[1537],"highlightedId":[1,"highlighted-id"],"highlightedName":[1,"highlighted-name"],"isTabbing":[32],"highlightedNum":[32],"previousBlurredValue":[32],"parentModal":[32],"announcement":[32],"updateValue":[64]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"]]]]],["p-9b9eb944",[[0,"wm-chart-slice",{"legend":[1],"amount":[1],"popoverTitle":[1,"popover-title"],"popoverText":[1,"popover-text"],"popoverButtonText":[1,"popover-button-text"]}]]],["p-4a45a473",[[17,"wm-input",{"label":[1],"labelPosition":[1,"label-position"],"value":[1537],"disabled":[516],"info":[1],"placeholder":[1],"requiredField":[4,"required-field"],"requiredFieldMessage":[1,"required-field-message"],"errorMessage":[1,"error-message"],"characterLimit":[2,"character-limit"],"preventValidation":[1,"prevent-validation"],"type":[1],"step":[2],"min":[2],"max":[2],"announcement":[32],"displayedErrorMessage":[32]}]]],["p-0a23f0fa",[[0,"wm-modal",{"open":[1540],"isOpen":[1540,"is-open"],"elementToFocus":[1025,"element-to-focus"],"modalType":[513,"modal-type"],"isTypeDialog":[516,"is-type-dialog"],"uid":[1537],"emitCloseEvent":[64],"emitPrimaryEvent":[64],"emitSecondaryEvent":[64]},[[0,"click","handleClick"],[0,"keydown","closeModalOnEscape"]]]]],["p-bc883afc",[[17,"wm-pagination",{"currentPage":[2,"current-page"],"totalItems":[2,"total-items"],"itemsPerPage":[2,"items-per-page"],"value":[2],"isLargeViewport":[4,"is-large-viewport"],"isTabbing":[32],"srAnnouncement":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[9,"resize","handleResize"]]]]],["p-5e2be836",[[17,"wm-tag-input",{"label":[1],"labelPosition":[1,"label-position"],"options":[1025],"selectedTags":[1537,"selected-tags"],"info":[1],"addNew":[4,"add-new"],"placeholder":[1025],"characterLimit":[2,"character-limit"],"maxTags":[2,"max-tags"],"tagInputType":[1,"tag-input-type"],"colHeaders":[1,"col-headers"],"colWidths":[1,"col-widths"],"colWrap":[1,"col-wrap"],"focusedListItem":[32],"focusedTag":[32],"tablePosition":[32],"isExpanded":[32],"tagsList":[32],"optionsList":[32],"charCount":[32],"liveRegionMessage":[32]},[[0,"wmTagInputRowUpdated","handleRowUpdate"],[4,"click","closeIfNotElOrChild"],[11,"scroll","dismissTooltip"]]]]],["p-0d7bccf7",[[0,"wm-tag-input-row",{"col1":[1],"col2":[1],"col3":[1],"col4":[1],"locked":[4]}]]],["p-0cd88c74",[[17,"wm-timepicker",{"disabled":[4],"value":[1537],"errorMessage":[1,"error-message"],"label":[1],"labelPosition":[1,"label-position"],"requiredField":[4,"required-field"],"requiredFieldMessage":[1,"required-field-message"],"preventValidation":[1,"prevent-validation"],"selectedOption":[32],"isExpanded":[32],"isTabbing":[32],"displayedErrorMessage":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"keydown","handleKey"]]]]],["p-e61d2c52",[[17,"wm-toggletip",{"label":[1],"tooltip":[1025],"tooltipText":[1,"tooltip-text"],"tooltipPosition":[1537,"tooltip-position"],"isOpen":[32],"isTabbing":[32]},[[0,"keydown","handleKeydown"],[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[4,"click","handleClick"]]]]],["p-59654f8e",[[0,"wm-wrapper"]]],["p-c5a50724",[[0,"priv-datepicker",{"disabled":[4],"isExpanded":[1540,"is-expanded"],"view":[1537],"date":[1040],"selectedYear":[1026,"selected-year"],"selectedMonth":[1026,"selected-month"],"selectedDay":[1026,"selected-day"],"monthInFocus":[1026,"month-in-focus"],"yearInFocus":[1026,"year-in-focus"],"dayInFocus":[1026,"day-in-focus"],"parentId":[1537,"parent-id"],"monthNumInFocus":[32],"isTabbing":[32]},[[0,"keydown","handleKey"],[0,"keydown","toggleTabbingOn"],[9,"mousedown","toggleTabbingOff"],[4,"click","blurHandler"],[8,"blur","handleBlurOnWindow"]]]]],["p-4391166c",[[17,"priv-navigator-button",{"expanded":[1028],"altText":[1,"alt-text"],"isTabbing":[1028,"is-tabbing"]}]]],["p-bf569af0",[[1,"priv-navigator-item",{"selected":[1028],"focused":[1028],"link":[1025]},[[0,"keydown","handleKeyDown"]]]]],["p-054e206a",[[1,"wm-snackbar",{"notifications":[1537]},[[4,"keydown","checkForTabbing"],[5,"mouseover","handleMouse"]]]]],["p-45e7b944",[[0,"priv-chart-popover",{"sliceRef":[16],"popoverTitle":[1,"popover-title"],"popoverText":[1,"popover-text"],"buttonText":[1,"button-text"],"open":[1028],"coords":[16]},[[4,"click","handleClickOnDocument"],[0,"click","handleClick"]]]]],["p-54f29e18",[[17,"wm-select",{"disabled":[516],"invalid":[1028],"maxHeight":[1,"max-height"],"label":[1025],"labelPosition":[1,"label-position"],"requiredField":[4,"required-field"],"errorMessage":[1025,"error-message"],"multiple":[4],"search":[4],"selectAll":[4,"select-all"],"placeholder":[1],"searchPlaceholder":[1,"search-placeholder"],"allSelectedMessage":[1,"all-selected-message"],"isTabbing":[32],"isExpanded":[32],"announcement":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"wmOptionSelected","handleOptionSelection"],[0,"wmEnterKeyPressed","handleChildEnter"],[0,"wmKeyUpPressed","handleChildUp"],[0,"wmKeyDownPressed","handleChildDown"],[0,"wmHomeKeyPressed","moveToFirstOption"],[0,"wmEndKeyPressed","moveToLastOption"],[0,"wmEscKeyPressed","closePopupOnEscape"],[0,"wmOptionBlurred","handleOptionBlur"],[6,"click","handleClick"],[0,"keydown","handleKey"],[0,"wmLetterPressed","findAndFocusOption"]]],[1,"wm-option",{"value":[1],"subinfo":[1025],"disabled":[516],"selected":[516],"focused":[4],"searchTerm":[32]},[[0,"keydown","handleKeydown"],[0,"click","handleSelection"],[0,"blur","handleBlur"]]]]],["p-9727c8f5",[[17,"wm-button",{"disabled":[516],"buttonType":[1025,"button-type"],"buttonStyle":[1025,"button-style"],"icon":[1537],"iconSize":[1,"icon-size"],"iconRotate":[2,"icon-rotate"],"iconFlip":[1,"icon-flip"],"tooltip":[1537],"labelForIdenticalButtons":[1,"label-for-identical-buttons"],"tooltipPosition":[1,"tooltip-position"],"permanentlyDelete":[4,"permanently-delete"],"textWrap":[4,"text-wrap"],"customBackground":[1,"custom-background"],"tooltipVisible":[1028,"tooltip-visible"],"isTabbing":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[11,"scroll","handleScroll"],[0,"keydown","handleKeydown"]]]]],["p-76830e28",[[17,"wm-action-menu",{"tooltipPosition":[1,"tooltip-position"],"actionMenuType":[1,"action-menu-type"],"buttonType":[1,"button-type"],"buttonText":[1,"button-text"],"disabled":[516],"tooltip":[1],"labelForIdenticalButtons":[1,"label-for-identical-buttons"],"darkMode":[4,"dark-mode"],"isExpanded":[32]},[[0,"wmMenuitemClicked","handleClickedItem"],[0,"wmKeyUpPressed","handleKeyUp"],[0,"wmKeyDownPressed","handleKeyDown"],[0,"wmHomeKeyPressed","handleHomeKey"],[0,"wmEndKeyPressed","handleEndKey"],[0,"wmTabKeyPressed","handleTabKey"],[0,"wmEscKeyPressed","handleEscKey"],[0,"keydown","handleKey"],[0,"wmMenuitemBlurred","handleMenuitemBlur"],[0,"wmLetterPressed","findAndFocusItem"]]],[1,"wm-menuitem",{"disabled":[4],"focused":[4],"icon":[1025],"description":[1],"isKeying":[32]},[[8,"wmUserIsKeying","toggleKeyingOn"],[8,"wmUserIsTabbing","toggleKeyingOn"],[8,"wmUserIsNotKeying","toggleKeyingOff"],[8,"wmUserIsNotTabbing","toggleKeyingOff"],[0,"keydown","handleKeydown"],[0,"click","handleClick"],[0,"blur","handleBlur"]]]]],["p-2a9fa9b5",[[17,"wm-file",{"file":[1],"showInfo":[1,"show-info"],"errorMessage":[1,"error-message"],"isCondensed":[32]}]]],["p-d939cb54",[[17,"wm-file-list",{"files":[1],"showInfo":[1,"show-info"]},[[0,"wmIntFileDownloaded","handleFileDownloaded"],[0,"wmIntFilePreviewed","handleFilePreviewed"],[0,"wmIntFileDeleted","handleFileDeleted"]]]]]]'),e)));
+import{p as e,b as t}from"./p-1c23de4a.js";export{s as setNonce}from"./p-1c23de4a.js";import"./p-3303b568.js";const a=()=>{const t=import.meta.url;const a={};if(t!==""){a.resourcesUrl=new URL(".",t).href}return e(a)};a().then((e=>t(JSON.parse('[["p-efc36352",[[17,"wm-uploader",{"uploaderType":[1025,"uploader-type"],"type":[1],"label":[1],"buttonText":[1,"button-text"],"info":[1],"emptyStateText":[1,"empty-state-text"],"icon":[1],"fileTypes":[1,"file-types"],"maxSize":[2,"max-size"],"maxFiles":[2,"max-files"],"sortBy":[1,"sort-by"],"showInfo":[1,"show-info"],"errorMessage":[1,"error-message"],"requiredField":[4,"required-field"],"files":[1],"filesToUpload":[1040],"rejectedFiles":[1,"rejected-files"],"fileList":[32],"isTabbing":[32],"errorList":[32],"notif":[32],"internalErrorMessage":[32],"announcement":[32],"numFilesInProgress":[32],"isCondensed":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"wmUploadProgress","handleUploadProgress"],[0,"wmFileClearErrorClicked","handleFileErrorCleared"],[0,"wmIntFileDeleted","handleFileDeleted"],[0,"wmIntFilePreviewed","handleFilePreviewed"],[0,"wmIntFileDownloaded","handleFileDownloaded"]]]]],["p-40cc5375",[[17,"wm-tab-list",{"customBackground":[1,"custom-background"],"customPadding":[1,"custom-padding"],"selectedTab":[1,"selected-tab"],"controllerEnabled":[4,"controller-enabled"]},[[0,"tabItemLoaded","tabItemLoaded"],[0,"wmTabSelected","handleTabSelected"],[0,"keydownOnTabItem","handleKeydown"],[9,"resize","setLayout"]]],[17,"wm-tab-item",{"selected":[4],"show":[4],"tabId":[1,"tab-id"]},[[4,"keydown","toggleTabbingOn"],[4,"click","toggleTabbingOff"]]],[0,"wm-tab-panel",{"active":[1028],"tabId":[1025,"tab-id"]},[[4,"keydown","toggleTabbingOn"],[4,"click","toggleTabbingOff"]]]]],["p-5bf24119",[[17,"wm-navigator",{"userName":[1,"user-name"],"email":[1],"authType":[2,"auth-type"],"connectionName":[1,"connection-name"],"logoutUrl":[1,"logout-url"],"products":[1],"loadFromUserinfo":[4,"load-from-userinfo"],"isOpen":[32],"isTabbing":[32],"itemIndexToFocus":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"keydown","handleKeys"],[0,"keydownOnNavItem","handleKeydown"],[4,"click","handleClick"],[0,"buttonActivated","handleButtonClick"]]]]],["p-a1c4d1d2",[[1,"wm-network-uploader",{"getPath":[1,"get-path"],"requestUploadPath":[1,"request-upload-path"],"uploadPath":[1,"upload-path"],"requestDownloadPath":[1,"request-download-path"],"deletePath":[1,"delete-path"],"associatedData":[1,"associated-data"],"buttonText":[1,"button-text"],"emptyStateText":[1,"empty-state-text"],"icon":[1],"fileTypes":[1,"file-types"],"maxSize":[1026,"max-size"],"maxFiles":[2,"max-files"],"sortBy":[1,"sort-by"],"isTabbing":[32],"fileList":[32],"inProgressList":[32],"errorList":[32],"notif":[32],"snackbar":[32],"numFilesInProgress":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"wmUploadProgress","handleUploadProgress"],[0,"userFinishedSnack","handleFinishedSnack"]]]]],["p-78a7278d",[[17,"wm-navigation",{"open":[1540],"isTabbing":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"keydown","closeOnEscape"],[9,"resize","handleWindowResize"],[8,"wmNavigationHamburgerClicked","handleHamburgerClicked"],[0,"wmNavigationItemClicked","handleClickOnItem"]]],[17,"wm-navigation-hamburger",{"navId":[1,"nav-id"],"tooltipVisible":[1028,"tooltip-visible"],"isTabbing":[32],"open":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[4,"wmNavigationStateChanged","handleNavigationStateChanged"]]],[17,"wm-navigation-item",{"href":[1],"text":[1],"active":[4],"isTabbing":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"]]]]],["p-34567f7e",[[17,"wm-progress-indicator",{"label":[1],"subinfo":[1],"completionMessage":[1,"completion-message"],"showLegend":[4,"show-legend"],"isTabbing":[32],"mode":[32],"userIsNavigating":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"keydown","handleKeydown"],[0,"wmProgressSliceUpdated","handleSliceUpdate"]]],[17,"wm-progress-monitor",{"breakpoint":[8],"groupLegend":[1,"group-legend"],"barLabelsWidth":[1,"bar-labels-width"]}],[1,"wm-progress-slice",{"legend":[1],"amount":[1],"popoverTitle":[1,"popover-title"],"popoverText":[1,"popover-text"],"popoverButtonText":[1,"popover-button-text"]}]]],["p-873a5f0f",[[17,"wm-chart",{"chartType":[1,"chart-type"],"label":[1],"labelWidth":[1,"label-width"],"subinfo":[1],"completionMessage":[1,"completion-message"],"valueFormat":[1,"value-format"],"showValues":[1,"show-values"],"showGrid":[4,"show-grid"],"showLegend":[4,"show-legend"],"showBarLegend":[4,"show-bar-legend"],"notStartedColor":[4,"not-started-color"],"labelPosition":[1,"label-position"],"isTabbing":[32],"userIsNavigating":[32],"hasHiddenBarValue":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"keydown","handleKeydown"],[0,"wmChartSliceUpdated","handleSliceUpdate"]]]]],["p-1da75922",[[17,"wm-datepicker",{"value":[1025],"disabled":[4],"dateFormat":[1025,"date-format"],"errorMessage":[513,"error-message"],"labelPosition":[1025,"label-position"],"label":[1025],"requiredField":[4,"required-field"],"requiredFieldMessage":[1,"required-field-message"],"preventValidation":[1,"prevent-validation"],"displayError":[32]},[[0,"keydown","handleTabbingOn"],[0,"click","handleTabbingOff"],[0,"popupBlurred","handlePopupBlurred"],[0,"cellTriggered","handleCellTriggered"]]]]],["p-4a014591",[[0,"wm-modal-footer",{"secondaryText":[1,"secondary-text"],"primaryText":[1,"primary-text"],"infoText":[1,"info-text"],"primaryActionDisabled":[4,"primary-action-disabled"],"deleteStyle":[4,"delete-style"]}]]],["p-82323561",[[0,"wm-modal-header",{"heading":[1],"subheading":[1]}]]],["p-136460c0",[[17,"wm-search",{"searchType":[1025,"search-type"],"disabled":[516],"placeholder":[1],"label":[1],"numResults":[1026,"num-results"],"value":[1537],"highlightedId":[1,"highlighted-id"],"highlightedName":[1,"highlighted-name"],"isTabbing":[32],"highlightedNum":[32],"previousBlurredValue":[32],"parentModal":[32],"announcement":[32],"updateValue":[64]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"]]]]],["p-9b9eb944",[[0,"wm-chart-slice",{"legend":[1],"amount":[1],"popoverTitle":[1,"popover-title"],"popoverText":[1,"popover-text"],"popoverButtonText":[1,"popover-button-text"]}]]],["p-9c9cf5e7",[[17,"wm-input",{"label":[1],"labelPosition":[1,"label-position"],"value":[1537],"disabled":[516],"info":[1],"placeholder":[1],"requiredField":[4,"required-field"],"requiredFieldMessage":[1,"required-field-message"],"errorMessage":[1,"error-message"],"characterLimit":[2,"character-limit"],"preventValidation":[1,"prevent-validation"],"type":[1],"step":[2],"min":[2],"max":[2],"announcement":[32],"displayedErrorMessage":[32]}]]],["p-22d9c36e",[[0,"wm-modal",{"open":[1540],"isOpen":[1540,"is-open"],"elementToFocus":[1025,"element-to-focus"],"modalType":[513,"modal-type"],"isTypeDialog":[516,"is-type-dialog"],"uid":[1537],"emitCloseEvent":[64],"emitPrimaryEvent":[64],"emitSecondaryEvent":[64]},[[0,"click","handleClick"],[0,"keydown","closeModalOnEscape"]]]]],["p-e29c4789",[[17,"wm-pagination",{"currentPage":[2,"current-page"],"totalItems":[2,"total-items"],"itemsPerPage":[2,"items-per-page"],"value":[2],"isLargeViewport":[4,"is-large-viewport"],"isTabbing":[32],"srAnnouncement":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[9,"resize","handleResize"]]]]],["p-ab996399",[[17,"wm-tag-input",{"label":[1],"labelPosition":[1,"label-position"],"options":[1025],"selectedTags":[1537,"selected-tags"],"info":[1],"addNew":[4,"add-new"],"placeholder":[1025],"characterLimit":[2,"character-limit"],"maxTags":[2,"max-tags"],"tagInputType":[1,"tag-input-type"],"colHeaders":[1,"col-headers"],"colWidths":[1,"col-widths"],"colWrap":[1,"col-wrap"],"focusedListItem":[32],"focusedTag":[32],"tablePosition":[32],"isExpanded":[32],"tagsList":[32],"optionsList":[32],"charCount":[32],"liveRegionMessage":[32]},[[0,"wmTagInputRowUpdated","handleRowUpdate"],[4,"click","closeIfNotElOrChild"],[11,"scroll","dismissTooltip"]]]]],["p-0d7bccf7",[[0,"wm-tag-input-row",{"col1":[1],"col2":[1],"col3":[1],"col4":[1],"locked":[4]}]]],["p-e6b9766e",[[17,"wm-timepicker",{"disabled":[4],"value":[1537],"errorMessage":[1,"error-message"],"label":[1],"labelPosition":[1,"label-position"],"requiredField":[4,"required-field"],"requiredFieldMessage":[1,"required-field-message"],"preventValidation":[1,"prevent-validation"],"selectedOption":[32],"isExpanded":[32],"isTabbing":[32],"displayedErrorMessage":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"keydown","handleKey"]]]]],["p-75c9cad6",[[17,"wm-toggletip",{"label":[1],"tooltip":[1025],"tooltipText":[1,"tooltip-text"],"tooltipPosition":[1537,"tooltip-position"],"isOpen":[32],"isTabbing":[32]},[[0,"keydown","handleKeydown"],[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[4,"click","handleClick"]]]]],["p-59654f8e",[[0,"wm-wrapper"]]],["p-24f7d6eb",[[0,"priv-datepicker",{"disabled":[4],"isExpanded":[1540,"is-expanded"],"view":[1537],"date":[1040],"selectedYear":[1026,"selected-year"],"selectedMonth":[1026,"selected-month"],"selectedDay":[1026,"selected-day"],"monthInFocus":[1026,"month-in-focus"],"yearInFocus":[1026,"year-in-focus"],"dayInFocus":[1026,"day-in-focus"],"parentId":[1537,"parent-id"],"monthNumInFocus":[32],"isTabbing":[32]},[[0,"keydown","handleKey"],[0,"keydown","toggleTabbingOn"],[9,"mousedown","toggleTabbingOff"],[4,"click","blurHandler"],[8,"blur","handleBlurOnWindow"]]]]],["p-4391166c",[[17,"priv-navigator-button",{"expanded":[1028],"altText":[1,"alt-text"],"isTabbing":[1028,"is-tabbing"]}]]],["p-bf569af0",[[1,"priv-navigator-item",{"selected":[1028],"focused":[1028],"link":[1025]},[[0,"keydown","handleKeyDown"]]]]],["p-edae6ef2",[[1,"wm-snackbar",{"notifications":[1537]},[[4,"keydown","checkForTabbing"],[5,"mouseover","handleMouse"]]]]],["p-81c698e2",[[0,"priv-chart-popover",{"sliceRef":[16],"popoverTitle":[1,"popover-title"],"popoverText":[1,"popover-text"],"buttonText":[1,"button-text"],"open":[1028],"coords":[16]},[[4,"click","handleClickOnDocument"],[0,"click","handleClick"]]]]],["p-d23db6e2",[[17,"wm-select",{"disabled":[516],"invalid":[1028],"maxHeight":[1,"max-height"],"label":[1025],"labelPosition":[1,"label-position"],"requiredField":[4,"required-field"],"errorMessage":[1025,"error-message"],"multiple":[4],"search":[4],"selectAll":[4,"select-all"],"placeholder":[1],"searchPlaceholder":[1,"search-placeholder"],"allSelectedMessage":[1,"all-selected-message"],"isTabbing":[32],"isExpanded":[32],"announcement":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[0,"wmOptionSelected","handleOptionSelection"],[0,"wmEnterKeyPressed","handleChildEnter"],[0,"wmKeyUpPressed","handleChildUp"],[0,"wmKeyDownPressed","handleChildDown"],[0,"wmHomeKeyPressed","moveToFirstOption"],[0,"wmEndKeyPressed","moveToLastOption"],[0,"wmEscKeyPressed","closePopupOnEscape"],[0,"wmOptionBlurred","handleOptionBlur"],[6,"click","handleClick"],[0,"keydown","handleKey"],[0,"wmLetterPressed","findAndFocusOption"]]],[1,"wm-option",{"value":[1],"subinfo":[1025],"disabled":[516],"selected":[516],"focused":[4],"searchTerm":[32]},[[0,"keydown","handleKeydown"],[0,"click","handleSelection"],[0,"blur","handleBlur"]]]]],["p-a6cd8eb1",[[17,"wm-button",{"disabled":[516],"buttonType":[1025,"button-type"],"buttonStyle":[1025,"button-style"],"icon":[1537],"iconSize":[1,"icon-size"],"iconRotate":[2,"icon-rotate"],"iconFlip":[1,"icon-flip"],"tooltip":[1537],"labelForIdenticalButtons":[1,"label-for-identical-buttons"],"tooltipPosition":[1,"tooltip-position"],"permanentlyDelete":[4,"permanently-delete"],"textWrap":[4,"text-wrap"],"customBackground":[1,"custom-background"],"tooltipVisible":[1028,"tooltip-visible"],"isTabbing":[32]},[[8,"wmUserIsTabbing","toggleTabbingOn"],[8,"wmUserIsNotTabbing","toggleTabbingOff"],[11,"scroll","handleScroll"],[0,"keydown","handleKeydown"]]]]],["p-4370bb17",[[17,"wm-action-menu",{"tooltipPosition":[1,"tooltip-position"],"actionMenuType":[1,"action-menu-type"],"buttonType":[1,"button-type"],"buttonText":[1,"button-text"],"disabled":[516],"tooltip":[1],"labelForIdenticalButtons":[1,"label-for-identical-buttons"],"darkMode":[4,"dark-mode"],"isExpanded":[32]},[[0,"wmMenuitemClicked","handleClickedItem"],[0,"wmKeyUpPressed","handleKeyUp"],[0,"wmKeyDownPressed","handleKeyDown"],[0,"wmHomeKeyPressed","handleHomeKey"],[0,"wmEndKeyPressed","handleEndKey"],[0,"wmTabKeyPressed","handleTabKey"],[0,"wmEscKeyPressed","handleEscKey"],[0,"keydown","handleKey"],[0,"wmMenuitemBlurred","handleMenuitemBlur"],[0,"wmLetterPressed","findAndFocusItem"]]],[1,"wm-menuitem",{"disabled":[4],"focused":[4],"icon":[1025],"description":[1],"isKeying":[32]},[[8,"wmUserIsKeying","toggleKeyingOn"],[8,"wmUserIsTabbing","toggleKeyingOn"],[8,"wmUserIsNotKeying","toggleKeyingOff"],[8,"wmUserIsNotTabbing","toggleKeyingOff"],[0,"keydown","handleKeydown"],[0,"click","handleClick"],[0,"blur","handleBlur"]]]]],["p-54df11c8",[[17,"wm-file",{"file":[1],"showInfo":[1,"show-info"],"errorMessage":[1,"error-message"],"isCondensed":[32]}]]],["p-d939cb54",[[17,"wm-file-list",{"files":[1],"showInfo":[1,"show-info"]},[[0,"wmIntFileDownloaded","handleFileDownloaded"],[0,"wmIntFilePreviewed","handleFilePreviewed"],[0,"wmIntFileDeleted","handleFileDeleted"]]]]]]'),e)));
 //# sourceMappingURL=ripple.esm.js.map