@watermarkinsights/ripple 5.7.0-9 → 5.7.0

package/dist/ripple/{p-e687176d.entry.js → p-b3114a58.entry.js}

@@ -1 +1 @@
-import{r as t,f as i,h as e,H as o,g as s}from"./p-568c595f.js";import{d as r,F as n,x as a,G as l,H as h,I as c}from"./p-16f65bf4.js";import{n as p,o as d}from"./p-eddbcb21.js";import{l as g,c as v,g as x}from"./p-21d372ed.js";const u=class{constructor(i){t(this,i),this.minTickWidth=120,this.popoverData=[],this.focusedDataPoint=[0,0],this.dataPointMatrix=[],this.xIntervals=[],this.displayedXIntervals=[],this.yIntervals=[],this.lineStyles=[{color:"#8b86ca",icon:"f536"},{color:"#2e1b46",icon:"f12f"},{color:"#0089e4",icon:"f763"},{color:"#088000",icon:"f4ce"},{color:"#ea8500",icon:"f70a"},{color:"#d54f41",icon:"f536"},{color:"#146ca9",icon:"f6ff"}],this.debouncedResize=r((async()=>{this.displayedXIntervals=this.determineDisplayedXIntervals()}),100),this.label=void 0,this.description="",this.xAxisLabel=void 0,this.yAxisLabel=void 0,this.lineData=void 0,this.units="null,null",this.labelWidth="120px",this.highlightQualifier="highlighted",this.highlightStart=void 0,this.highlightEnd=void 0,this.visibilityToggles=!1,this.showDeltas=!1,this.yRange=void 0,this.parsedLineData={},this.popoverIndex=-1,this.focusedLine=-1,this.hiddenLines=[],this.isTabbing=!1,this.intervalSkip=0,this.announcement=""}parseData(){this.parsedLineData=JSON.parse(this.lineData),this.yIntervals=this.calcYIntervals().reverse(),this.xIntervals=Object.keys(Object.values(this.parsedLineData)[0]),this.displayedXIntervals=this.determineDisplayedXIntervals(),this.dataPointMatrix=Object.entries(this.parsedLineData).map((t=>this.buildLineDataPointDetails(t[0],t[1]))),this.popoverData=n(this.dataPointMatrix)}handleIntervalSkip(){this.parseData()}get hasPartialInterval(){return this.intervalSkip>0&&this.xIntervals.length%2==0}get parsedUnits(){return a(this.units).map((t=>"null"===t?null:t))}get visibilityToggleEls(){return this.legendEl.querySelectorAll("wm-button")}get lineEls(){return this.plotAreaEl.querySelectorAll(".line")}get firstVisibleLineIdx(){let t=0;for(;this.hiddenLines.includes(t);)t++;return t<this.dataPointMatrix.length?t:-1}get pointEls(){return this.plotAreaEl.querySelectorAll(".point")}toggleTabbingOn(){this.isTabbing=!0}toggleTabbingOff(){this.isTabbing=!1}componentWillLoad(){this.parseData()}componentDidLoad(){new ResizeObserver((()=>this.debouncedResize())).observe(this.el)}handleVisibilityToggleKeydown(t,i){switch(t.key){case"Tab":t.shiftKey||-1===this.firstVisibleLineIdx||(t.preventDefault(),this.announce(this.lineFocusMessage(this.firstVisibleLineIdx)),this.focusDataPoint(this.firstVisibleLineIdx,0));break;case"ArrowUp":case"ArrowLeft":t.preventDefault();const e=l(i,-1,this.dataPointMatrix.length-1);this.visibilityToggleEls[e].focus();break;case"ArrowDown":case"ArrowRight":t.preventDefault();const o=l(i,1,this.dataPointMatrix.length-1);this.visibilityToggleEls[o].focus()}}handleDataPointKeydown(t){const[i,e]=this.focusedDataPoint,o=this.lineEls[i].querySelectorAll(".point").length,s=this.dataPointMatrix.length;switch(t.key){case"Tab":t.shiftKey&&this.visibilityToggles&&(t.preventDefault(),this.visibilityToggleEls[0].focus());break;case"ArrowUp":t.preventDefault();let r=i;do{r=l(r,-1,s-1)}while(this.hiddenLines.includes(r));this.announce(this.lineFocusMessage(r)),this.focusDataPoint(r,e);break;case"ArrowDown":t.preventDefault();let n=i;do{n=l(n,1,s-1)}while(this.hiddenLines.includes(n));this.announce(this.lineFocusMessage(n)),this.focusDataPoint(n,e);break;case"ArrowLeft":t.preventDefault();const a=l(e,-1,o-1);this.focusDataPoint(i,a);break;case"ArrowRight":t.preventDefault();const h=l(e,1,o-1);this.focusDataPoint(i,h)}}announce(t){this.liveRegionEl.textContent===t&&(t+=" "),this.announcement=t}lineFocusMessage(t){const i=this.dataPointMatrix[t][0].lineLabel,e=this.dataPointMatrix[t].filter((t=>null!==t.yValue)).length;return`${i}, line ${t+1} of ${this.dataPointMatrix.length} with ${e} data points`}focusDataPoint(t,i){const e=this.lineEls[t].querySelectorAll(".point")[i];this.pointEls.forEach((t=>t.tabIndex=-1)),e.tabIndex=0,e.focus(),this.focusedDataPoint=[t,i]}focusDataPointByEl(t){const i=parseInt(t.dataset.lineidx),e=Array.from(t.parentElement.querySelectorAll(".point")).indexOf(t);this.pointEls.forEach((t=>t.tabIndex=-1)),t.tabIndex=0,t.focus(),this.focusedDataPoint=[i,e]}calcYIntervals(){let t=[];if(this.yRange)t=a(this.yRange).map((t=>parseInt(t)));else{let i=[];Object.values(this.parsedLineData).flat().forEach((t=>i.push(...Object.values(t))));const e=i.filter((t=>null!==t));let o=Math.min(...e);const s=Math.max(...e);let r=d(s-o,4),n=r;for(;o%r!=0&&n>0;)o--,n--;r=d(s-o,4);let a=o;for(;a<=s+r;)t.push(a),a+=r}return t}determineDisplayedXIntervals(){const t=this.plotAreaEl&&this.plotAreaEl.clientWidth>0?Math.round(this.plotAreaEl.clientWidth/this.minTickWidth):this.xIntervals.length,{skipInterval:i,skippedList:e}=h(this.xIntervals,t);return this.intervalSkip=i,e}buildLineDataPointDetails(t,i){let e=[];const o=Object.entries(i);let s;return o.forEach(((i,r)=>{const[n,a]=i;let l=100/(o.length-1)*r;const h=null===a?null:100-c(a,this.yIntervals[this.yIntervals.length-1],this.yIntervals[0]);0===r&&(l+=this.plotAreaEl&&this.plotAreaEl.clientWidth>0?8/this.plotAreaEl.clientWidth*100:1),n!==this.highlightStart||s||(s=!0),e.push({lineLabel:t,xValue:n,yValue:a,xPositionPercent:l,yPositionPercent:h,highlighted:s}),n===this.highlightEnd&&s&&(s=!1)})),e}toggleLineVisibility(t){this.hiddenLines.includes(t)?this.hiddenLines=this.hiddenLines.filter((i=>i!==t)):this.hiddenLines.push(t),i(this.el)}resetDataPointFocus(){this.popoverIndex=-1,this.pointEls.forEach((t=>t.tabIndex=-1)),-1!==this.firstVisibleLineIdx&&(this.lineEls[this.firstVisibleLineIdx].querySelectorAll(".point")[0].tabIndex=0,this.focusedDataPoint=[this.firstVisibleLineIdx,0])}calcDelta(t,i){let e;if(null===t.yValue||null===i.yValue)e=g.noData;else if(t.yValue==i.yValue)e="0%";else if(0==i.yValue)e="-";else{const o=Math.round((t.yValue-i.yValue)/i.yValue*100*100)/100;e=`${o>0?"+":""}${o}%`}return e}renderLegend(){const t=Object.keys(this.parsedLineData);return e("div",{ref:t=>this.legendEl=t,class:"legend"},t.map(((t,i)=>{const o=this.hiddenLines.includes(i);return e("div",{id:`legend-label-${i}`,class:"legend-label "+(-1!==this.focusedLine&&this.focusedLine!==i?"faded":""),onMouseEnter:()=>this.focusedLine=o?-1:i,onMouseLeave:()=>this.focusedLine=-1},this.renderIcon(i),t,this.visibilityToggles&&this.renderVisibilityToggle(t,i,o))})))}renderVisibilityToggle(t,i,o){return e("wm-button",{id:`visibility-button-${i}`,class:"visibility-toggle","label-for-identical-buttons":`${0===i?`Toggle line visibility list with ${this.dataPointMatrix.length} items`:""} ${o?x.show:x.hide} ${t} toggle ${o?"pressed":""}`,"button-type":"navigational",tooltip:o?x.show:x.hide,tooltipPosition:"bottom",icon:o?"f209":"f208",onClick:()=>this.toggleLineVisibility(i),onKeyDown:t=>this.handleVisibilityToggleKeydown(t,i),onFocus:()=>this.popoverIndex=-1})}renderIcon(t){const{color:i,icon:o}=this.lineStyles[t];return e("span",{class:"icon",style:{"--iconColor":i,"--icon":`"\\${o}"`,"--translation":5===t?"rotate(180deg)":"unset"}})}renderXIntervals(){return e("div",{class:"x-intervals",style:{"--columns":`.5fr repeat(${this.xIntervals.length-2}, 1fr) .5fr`}},this.xIntervals.map((t=>e("span",{class:"x-interval "+(this.displayedXIntervals.includes(t)?"":"hidden")},t))))}renderYIntervals(){return e("div",{ref:t=>this.yIntervalsEl=t,class:"y-intervals"},this.yIntervals.map((t=>e("span",{class:"y-interval"},p(t)))))}renderData(){return this.dataPointMatrix.map(((t,i)=>{let o=this.focusedLine===i?"focused":"faded";const s=this.hiddenLines.includes(i);return e("div",{class:`line ${-1!==this.focusedLine?o:""} ${s?"hidden":""}`},this.renderLines(i),this.renderPoints(i))}))}renderPoints(t){const i=this.dataPointMatrix[t];return e("div",{class:"line-icons"},i.map(((o,s)=>{const{lineLabel:r,xValue:n,yValue:a,xPositionPercent:l,yPositionPercent:h,highlighted:c}=o;if(null!==a){const{color:p,icon:d}=this.lineStyles[t],v=0===t&&0===s?0:void 0,x={"--icon":`"\\${d}"`,"--iconColor":p,"--xPosition":l+"%","--yPosition":h+"%","--translation":5===t?"translate(-50%, -50%) rotate(180deg)":"translate(-50%, -50%)"};let u=`${r} ${c?this.highlightQualifier:""} ${this.xAxisLabel} ${n+(this.parsedUnits[0]?this.parsedUnits[0]:"")}, ${this.yAxisLabel}: ${a+(this.parsedUnits[1]?this.parsedUnits[1]:"")}`;if(this.showDeltas&&s>0){const t=i[s-1];u+=`, ${g.getChangeSince(t.xValue)} ${this.calcDelta(o,t)}`}return e("span",{id:`${r}-${s}`,role:"img","aria-label":u,tabIndex:v,class:"point icon",style:x,"data-lineidx":t,"data-xvalue":n,onKeyDown:t=>this.handleDataPointKeydown(t),onFocus:()=>this.popoverIndex=s,onClick:t=>this.focusDataPointByEl(t.target),onMouseEnter:()=>this.popoverIndex=s})}})))}renderLines(t){const i=this.dataPointMatrix[t];return e("svg",{class:"line-svg"},i.map(((o,s)=>{if(null!==o.yValue&&s!==i.length-1&&null!==i[s+1].yValue){const{color:r}=this.lineStyles[t],{xPositionPercent:n,yPositionPercent:a}=o,{xPositionPercent:l,yPositionPercent:h}=i[s+1];return e("line",{x1:n+"%",y1:a+"%",x2:l+"%",y2:h+"%",stroke:r,"stroke-width":"2px"})}})))}renderHoverAreas(){return e("div",{class:"hover-area-wrapper",style:{"--columns":`.5fr repeat(${this.xIntervals.length-2}, 1fr) .5fr`},onMouseLeave:()=>this.popoverIndex=-1},this.xIntervals.map(((t,i)=>e("div",{onMouseEnter:()=>this.popoverIndex=i}))))}renderPopover(){if(!(this.popoverData&&this.popoverData[this.popoverIndex]&&this.plotAreaEl.querySelector(`.point[data-xvalue="${this.dataPointMatrix[0][this.popoverIndex].xValue}"]`)))return"";const t=this.popoverData[this.popoverIndex],i=t[0].xPositionPercent,o=t.map((t=>t.yPositionPercent)).filter((t=>null!==t)),s=o.reduce(((t,i)=>t+i),0)/o.length,r=this.plotAreaEl.querySelector(`.point[data-xvalue="${this.dataPointMatrix[0][this.popoverIndex].xValue}"]`),n=this.el.getBoundingClientRect(),a=r.getBoundingClientRect(),l=a.left-n.left,h=n.right-a.right>=(this.popoverEl?Math.min(this.popoverEl.clientWidth,400):400),c=l>=(this.popoverEl?Math.min(this.popoverEl.clientWidth,400):400),p=8/this.plotAreaEl.clientWidth*100;let d={"--leftPosition":h?i+p+"%":"unset","--rightPosition":c?100-i+p+"%":"unset","--topPosition":s+"%",transform:"translateY(-50%)"};if(!c&&!h){const t=`0px - ${this.labelWidth} - 20px - ${this.yIntervalsEl.clientWidth+"px"} + ${this.el.scrollLeft+"px"} + 2px`;d={"--leftPosition":"0%","--topPosition":"0%",maxWidth:Math.min(this.el.clientWidth-2,400)+"px",transform:`translateX(calc(${t}))`}}return e("div",{ref:t=>this.popoverEl=t,class:"popover",style:d},e("div",{class:"title"},t[0].xValue,this.parsedUnits[0]&&e("span",{class:"unit --x"},"(",this.parsedUnits[0],")")),this.showDeltas&&this.popoverIndex>0&&e("div",{class:"comparison-title"},g.getChangeSince(this.popoverData[this.popoverIndex-1][0].xValue)),this.renderPopoverTable())}renderPopoverTable(){return e("table",{class:"popover-table"},this.popoverData[this.popoverIndex].map(((t,i)=>{if(!this.hiddenLines.includes(i)){const{lineLabel:o,yValue:s}=t,r=this.popoverIndex>0?this.popoverData[this.popoverIndex-1][i]:null,n=null!==s?(new Intl.NumberFormat).format(s):null;return e("tr",{class:"popover-row"},e("td",null,this.renderIcon(i)),e("td",{class:"row-label"},o),e("td",{class:"row-value"},null===s?g.noData:n,null!==s&&this.parsedUnits[1]&&e("span",{class:"unit --y"},this.parsedUnits[1])),this.showDeltas&&r&&this.renderDeltas(t,r))}})))}renderDeltas(t,i){const o=this.calcDelta(t,i),s="+"==o.toString()[0]||"-"==o?"positive":"-"==o.toString()[0]?"negative":"";return i&&e("td",{class:`delta --${s}`},o)}renderHoverIndicator(){return this.dataPointMatrix.length>0&&this.dataPointMatrix[0][this.popoverIndex]?e("div",{class:"hover-indicator",style:{"--xPosition":this.dataPointMatrix[0][this.popoverIndex].xPositionPercent+"%"}}):""}renderHighlight(){const t=this.dataPointMatrix[0][this.xIntervals.indexOf(this.highlightStart)].xPositionPercent,i=this.highlightEnd?100-this.dataPointMatrix[0][this.xIntervals.indexOf(this.highlightEnd)].xPositionPercent:0;return e("div",{class:"highlight",style:{"--startPercentage":t+"%","--endPercentage":i+"%"}})}render(){return e(o,{onBlur:()=>this.resetDataPointFocus(),onMouseLeave:()=>this.popoverIndex=-1},e("div",{class:"component-wrapper",role:"application","aria-roledescription":v.interactiveChart,"aria-label":this.label,"aria-describedby":"chart-description"},this.renderLegend(),e("div",{class:"chart-wrapper"},e("div",{class:"chart-label --y-axis",style:{"--labelWidth":this.labelWidth}},this.yAxisLabel,this.parsedUnits[1]&&` (${this.parsedUnits[1]})`),this.renderYIntervals(),e("div",{ref:t=>this.plotAreaEl=t,class:"plot-area "+(this.hasPartialInterval?"":"right-border"),style:{"--backgroundSize":`${this.dataPointMatrix[0][this.xIntervals.indexOf(this.displayedXIntervals[1])].xPositionPercent}%`}},this.highlightStart&&this.renderHighlight(),this.renderData(),this.renderHoverAreas()),-1!==this.popoverIndex&&this.renderHoverIndicator(),-1!==this.popoverIndex&&this.renderPopover(),this.renderXIntervals(),e("div",{class:"chart-label --x-axis"},this.xAxisLabel,this.parsedUnits[0]&&` (${this.parsedUnits[0]})`)),e("div",{id:"chart-description",class:"sr-only"},`${g.instructions} ${this.description}`),e("div",{ref:t=>this.liveRegionEl=t,"aria-live":"polite",class:"sr-only"},this.announcement)))}get el(){return s(this)}static get watchers(){return{lineData:["parseData"],intervalSkip:["handleIntervalSkip"]}}};u.style=':host{--wmcolor-linechart-currentposition:var(--wmcolor-lavender);--wmcolor-linechart-delta-text-negative:var(--wmcolor-text-negative);--wmcolor-linechart-delta-text-positive:var(--wmcolor-text-positive);--wmcolor-linechart-gridline:var(--wmcolor-chart-gridline);--wmcolor-linechart-highlight-background:var(--wmcolor-interactive-background-highlight);--wmcolor-linechart-popover-background:var(--wmcolor-chart-popover-background);display:block;height:500px;width:100%;font-size:14px;overflow-y:visible;overflow-x:auto}:host .component-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:562px;width:100%;height:100%;outline:none}:host .icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;position:relative;color:var(--iconColor);-webkit-transform:var(--translation, unset);transform:var(--translation, unset)}:host .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:var(--icon);padding:0 3px;z-index:1}:host .icon:after{color:white;position:absolute;left:3px;-webkit-transform:scale(180%);transform:scale(180%);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:var(--icon);z-index:0}:host .legend{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px 16px;margin-top:4px;margin-bottom:16px}:host .legend .legend-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:default;font-weight:600}:host .legend .legend-label.faded{opacity:0.3}:host .legend .legend-label .icon{margin-right:4px}:host .legend .visibility-toggle{margin-left:4px}:host .chart-wrapper{position:relative;-ms-flex-positive:1;flex-grow:1;display:grid;grid-template-columns:auto auto 1fr;grid-template-rows:1fr auto auto;margin-right:16px}:host .chart-label{font-size:14px;font-weight:600}:host .chart-label.--y-axis{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:var(--labelWidth);align-self:center;margin-right:16px;grid-area:1/1/2/2;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}:host .chart-label.--x-axis{margin-top:16px;text-align:center;grid-area:3/3/4/4}:host .y-intervals{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;grid-area:1/2/2/3;margin-right:4px}:host .y-intervals .y-interval{text-align:right}:host .x-intervals{display:grid;grid-template-columns:var(--columns);grid-area:2/3/3/4;line-height:1;margin-top:4px}:host .x-intervals .x-interval{text-align:center}:host .x-intervals .x-interval:first-child{text-align:left}:host .x-intervals .x-interval:last-child{text-align:right}:host .x-intervals .x-interval.hidden{visibility:hidden}:host .plot-area{position:relative;grid-area:1/3/2/4;background-image:linear-gradient(90deg, var(--wmcolor-linechart-gridline) 1px, transparent 1px);border-bottom:1px solid var(--wmcolor-linechart-gridline);background-size:var(--backgroundSize)}:host .plot-area.right-border{border-right:1px solid var(--wmcolor-linechart-gridline)}:host .line{position:absolute;width:100%;height:100%}:host .line .icon{position:absolute;-webkit-transform:var(--translation);transform:var(--translation);left:var(--xPosition);top:var(--yPosition);z-index:1}:host .line .icon:focus{z-index:2;outline:none}:host .line .icon:focus:before{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:0;border-radius:3px}:host .line .line-svg{height:100%;width:100%}:host .line.faded{opacity:0.3}:host .line.focused{z-index:1}:host .line.hidden{visibility:hidden}:host .hover-area-wrapper{position:absolute;width:100%;height:100%;top:0;left:0;display:grid;grid-template-rows:1fr;grid-template-columns:var(--columns)}:host .hover-indicator{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;height:100%;width:2px;border:1px solid var(--wmcolor-linechart-currentposition);-webkit-transform:translateX(-50%);transform:translateX(-50%);left:var(--xPosition);grid-column:3/4;grid-row:1/2;pointer-events:none}:host .popover{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:400px;background-color:var(--wmcolor-linechart-popover-background);position:absolute;top:var(--topPosition, 0);left:var(--leftPosition, unset);right:var(--rightPosition, unset);padding:16px;border-radius:5px;-webkit-box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.09);box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.09);-webkit-transform:translateY(-50%);transform:translateY(-50%);line-height:1;z-index:3;grid-column:3/4;grid-row:1/2;pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box}:host .popover .title{font-size:16px;font-weight:600}:host .popover .comparison-title{font-style:italic;margin-top:4px}:host .popover .unit{font-size:12px;font-weight:600}:host .popover .unit.--x{margin-left:4px}:host .popover .popover-table{margin-top:16px}:host .popover .popover-table .popover-row{line-height:1}:host .popover .popover-table .popover-row:not(:last-child) td{padding-bottom:8px}:host .popover .popover-table .popover-row .row-label{font-weight:600;padding-right:16px;overflow-wrap:anywhere}:host .popover .popover-table .popover-row .row-label .icon{margin-right:4px}:host .popover .popover-table .popover-row .row-value,:host .popover .popover-table .popover-row .delta{text-align:right;white-space:nowrap}:host .popover .popover-table .popover-row .delta{padding-left:12px;font-weight:600}:host .popover .popover-table .popover-row .delta.--positive{color:var(--wmcolor-linechart-delta-text-positive)}:host .popover .popover-table .popover-row .delta.--negative{color:var(--wmcolor-linechart-delta-text-negative)}:host .highlight{position:absolute;height:100%;background-color:color-mix(in srgb, var(--wmcolor-linechart-highlight-background) 60%, transparent);left:var(--startPercentage);right:var(--endPercentage)}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}';export{u as wm_line_chart}
+import{r as t,f as i,h as e,H as o,g as s}from"./p-568c595f.js";import{d as r,F as n,x as a,G as l,H as h,I as c}from"./p-eca78c2b.js";import{n as p,o as d}from"./p-5943c8b1.js";import{l as g,c as v,g as x}from"./p-02dc1562.js";const u=class{constructor(i){t(this,i),this.minTickWidth=120,this.popoverData=[],this.focusedDataPoint=[0,0],this.dataPointMatrix=[],this.xIntervals=[],this.displayedXIntervals=[],this.yIntervals=[],this.lineStyles=[{color:"#8b86ca",icon:"f536"},{color:"#2e1b46",icon:"f12f"},{color:"#0089e4",icon:"f763"},{color:"#088000",icon:"f4ce"},{color:"#ea8500",icon:"f70a"},{color:"#d54f41",icon:"f536"},{color:"#146ca9",icon:"f6ff"}],this.debouncedResize=r((async()=>{this.displayedXIntervals=this.determineDisplayedXIntervals()}),100),this.label=void 0,this.description="",this.xAxisLabel=void 0,this.yAxisLabel=void 0,this.lineData=void 0,this.units="null,null",this.labelWidth="120px",this.highlightQualifier="highlighted",this.highlightStart=void 0,this.highlightEnd=void 0,this.visibilityToggles=!1,this.showDeltas=!1,this.yRange=void 0,this.parsedLineData={},this.popoverIndex=-1,this.focusedLine=-1,this.hiddenLines=[],this.isTabbing=!1,this.intervalSkip=0,this.announcement=""}parseData(){this.parsedLineData=JSON.parse(this.lineData),this.yIntervals=this.calcYIntervals().reverse(),this.xIntervals=Object.keys(Object.values(this.parsedLineData)[0]),this.displayedXIntervals=this.determineDisplayedXIntervals(),this.dataPointMatrix=Object.entries(this.parsedLineData).map((t=>this.buildLineDataPointDetails(t[0],t[1]))),this.popoverData=n(this.dataPointMatrix)}handleIntervalSkip(){this.parseData()}get hasPartialInterval(){return this.intervalSkip>0&&this.xIntervals.length%2==0}get parsedUnits(){return a(this.units).map((t=>"null"===t?null:t))}get visibilityToggleEls(){return this.legendEl.querySelectorAll("wm-button")}get lineEls(){return this.plotAreaEl.querySelectorAll(".line")}get firstVisibleLineIdx(){let t=0;for(;this.hiddenLines.includes(t);)t++;return t<this.dataPointMatrix.length?t:-1}get pointEls(){return this.plotAreaEl.querySelectorAll(".point")}toggleTabbingOn(){this.isTabbing=!0}toggleTabbingOff(){this.isTabbing=!1}componentWillLoad(){this.parseData()}componentDidLoad(){new ResizeObserver((()=>this.debouncedResize())).observe(this.el)}handleVisibilityToggleKeydown(t,i){switch(t.key){case"Tab":t.shiftKey||-1===this.firstVisibleLineIdx||(t.preventDefault(),this.announce(this.lineFocusMessage(this.firstVisibleLineIdx)),this.focusDataPoint(this.firstVisibleLineIdx,0));break;case"ArrowUp":case"ArrowLeft":t.preventDefault();const e=l(i,-1,this.dataPointMatrix.length-1);this.visibilityToggleEls[e].focus();break;case"ArrowDown":case"ArrowRight":t.preventDefault();const o=l(i,1,this.dataPointMatrix.length-1);this.visibilityToggleEls[o].focus()}}handleDataPointKeydown(t){const[i,e]=this.focusedDataPoint,o=this.lineEls[i].querySelectorAll(".point").length,s=this.dataPointMatrix.length;switch(t.key){case"Tab":t.shiftKey&&this.visibilityToggles&&(t.preventDefault(),this.visibilityToggleEls[0].focus());break;case"ArrowUp":t.preventDefault();let r=i;do{r=l(r,-1,s-1)}while(this.hiddenLines.includes(r));this.announce(this.lineFocusMessage(r)),this.focusDataPoint(r,e);break;case"ArrowDown":t.preventDefault();let n=i;do{n=l(n,1,s-1)}while(this.hiddenLines.includes(n));this.announce(this.lineFocusMessage(n)),this.focusDataPoint(n,e);break;case"ArrowLeft":t.preventDefault();const a=l(e,-1,o-1);this.focusDataPoint(i,a);break;case"ArrowRight":t.preventDefault();const h=l(e,1,o-1);this.focusDataPoint(i,h)}}announce(t){this.liveRegionEl.textContent===t&&(t+=" "),this.announcement=t}lineFocusMessage(t){const i=this.dataPointMatrix[t][0].lineLabel,e=this.dataPointMatrix[t].filter((t=>null!==t.yValue)).length;return`${i}, line ${t+1} of ${this.dataPointMatrix.length} with ${e} data points`}focusDataPoint(t,i){const e=this.lineEls[t].querySelectorAll(".point")[i];this.pointEls.forEach((t=>t.tabIndex=-1)),e.tabIndex=0,e.focus(),this.focusedDataPoint=[t,i]}focusDataPointByEl(t){const i=parseInt(t.dataset.lineidx),e=Array.from(t.parentElement.querySelectorAll(".point")).indexOf(t);this.pointEls.forEach((t=>t.tabIndex=-1)),t.tabIndex=0,t.focus(),this.focusedDataPoint=[i,e]}calcYIntervals(){let t=[];if(this.yRange)t=a(this.yRange).map((t=>parseInt(t)));else{let i=[];Object.values(this.parsedLineData).flat().forEach((t=>i.push(...Object.values(t))));const e=i.filter((t=>null!==t));let o=Math.min(...e);const s=Math.max(...e);let r=d(s-o,4),n=r;for(;o%r!=0&&n>0;)o--,n--;r=d(s-o,4);let a=o;for(;a<=s+r;)t.push(a),a+=r}return t}determineDisplayedXIntervals(){const t=this.plotAreaEl&&this.plotAreaEl.clientWidth>0?Math.round(this.plotAreaEl.clientWidth/this.minTickWidth):this.xIntervals.length,{skipInterval:i,skippedList:e}=h(this.xIntervals,t);return this.intervalSkip=i,e}buildLineDataPointDetails(t,i){let e=[];const o=Object.entries(i);let s;return o.forEach(((i,r)=>{const[n,a]=i;let l=100/(o.length-1)*r;const h=null===a?null:100-c(a,this.yIntervals[this.yIntervals.length-1],this.yIntervals[0]);0===r&&(l+=this.plotAreaEl&&this.plotAreaEl.clientWidth>0?8/this.plotAreaEl.clientWidth*100:1),n!==this.highlightStart||s||(s=!0),e.push({lineLabel:t,xValue:n,yValue:a,xPositionPercent:l,yPositionPercent:h,highlighted:s}),n===this.highlightEnd&&s&&(s=!1)})),e}toggleLineVisibility(t){this.hiddenLines.includes(t)?this.hiddenLines=this.hiddenLines.filter((i=>i!==t)):this.hiddenLines.push(t),i(this.el)}resetDataPointFocus(){this.popoverIndex=-1,this.pointEls.forEach((t=>t.tabIndex=-1)),-1!==this.firstVisibleLineIdx&&(this.lineEls[this.firstVisibleLineIdx].querySelectorAll(".point")[0].tabIndex=0,this.focusedDataPoint=[this.firstVisibleLineIdx,0])}calcDelta(t,i){let e;if(null===t.yValue||null===i.yValue)e=g.noData;else if(t.yValue==i.yValue)e="0%";else if(0==i.yValue)e="-";else{const o=Math.round((t.yValue-i.yValue)/i.yValue*100*100)/100;e=`${o>0?"+":""}${o}%`}return e}renderLegend(){const t=Object.keys(this.parsedLineData);return e("div",{ref:t=>this.legendEl=t,class:"legend"},t.map(((t,i)=>{const o=this.hiddenLines.includes(i);return e("div",{id:`legend-label-${i}`,class:"legend-label "+(-1!==this.focusedLine&&this.focusedLine!==i?"faded":""),onMouseEnter:()=>this.focusedLine=o?-1:i,onMouseLeave:()=>this.focusedLine=-1},this.renderIcon(i),t,this.visibilityToggles&&this.renderVisibilityToggle(t,i,o))})))}renderVisibilityToggle(t,i,o){return e("wm-button",{id:`visibility-button-${i}`,class:"visibility-toggle","label-for-identical-buttons":`${0===i?`Toggle line visibility list with ${this.dataPointMatrix.length} items`:""} ${o?x.show:x.hide} ${t} toggle ${o?"pressed":""}`,"button-type":"navigational",tooltip:o?x.show:x.hide,tooltipPosition:"bottom",icon:o?"f209":"f208",onClick:()=>this.toggleLineVisibility(i),onKeyDown:t=>this.handleVisibilityToggleKeydown(t,i),onFocus:()=>this.popoverIndex=-1})}renderIcon(t){const{color:i,icon:o}=this.lineStyles[t];return e("span",{class:"icon",style:{"--iconColor":i,"--icon":`"\\${o}"`,"--translation":5===t?"rotate(180deg)":"unset"}})}renderXIntervals(){return e("div",{class:"x-intervals",style:{"--columns":`.5fr repeat(${this.xIntervals.length-2}, 1fr) .5fr`}},this.xIntervals.map((t=>e("span",{class:"x-interval "+(this.displayedXIntervals.includes(t)?"":"hidden")},t))))}renderYIntervals(){return e("div",{ref:t=>this.yIntervalsEl=t,class:"y-intervals"},this.yIntervals.map((t=>e("span",{class:"y-interval"},p(t)))))}renderData(){return this.dataPointMatrix.map(((t,i)=>{let o=this.focusedLine===i?"focused":"faded";const s=this.hiddenLines.includes(i);return e("div",{class:`line ${-1!==this.focusedLine?o:""} ${s?"hidden":""}`},this.renderLines(i),this.renderPoints(i))}))}renderPoints(t){const i=this.dataPointMatrix[t];return e("div",{class:"line-icons"},i.map(((o,s)=>{const{lineLabel:r,xValue:n,yValue:a,xPositionPercent:l,yPositionPercent:h,highlighted:c}=o;if(null!==a){const{color:p,icon:d}=this.lineStyles[t],v=0===t&&0===s?0:void 0,x={"--icon":`"\\${d}"`,"--iconColor":p,"--xPosition":l+"%","--yPosition":h+"%","--translation":5===t?"translate(-50%, -50%) rotate(180deg)":"translate(-50%, -50%)"};let u=`${r} ${c?this.highlightQualifier:""} ${this.xAxisLabel} ${n+(this.parsedUnits[0]?this.parsedUnits[0]:"")}, ${this.yAxisLabel}: ${a+(this.parsedUnits[1]?this.parsedUnits[1]:"")}`;if(this.showDeltas&&s>0){const t=i[s-1];u+=`, ${g.getChangeSince(t.xValue)} ${this.calcDelta(o,t)}`}return e("span",{id:`${r}-${s}`,role:"img","aria-label":u,tabIndex:v,class:"point icon",style:x,"data-lineidx":t,"data-xvalue":n,onKeyDown:t=>this.handleDataPointKeydown(t),onFocus:()=>this.popoverIndex=s,onClick:t=>this.focusDataPointByEl(t.target),onMouseEnter:()=>this.popoverIndex=s})}})))}renderLines(t){const i=this.dataPointMatrix[t];return e("svg",{class:"line-svg"},i.map(((o,s)=>{if(null!==o.yValue&&s!==i.length-1&&null!==i[s+1].yValue){const{color:r}=this.lineStyles[t],{xPositionPercent:n,yPositionPercent:a}=o,{xPositionPercent:l,yPositionPercent:h}=i[s+1];return e("line",{x1:n+"%",y1:a+"%",x2:l+"%",y2:h+"%",stroke:r,"stroke-width":"2px"})}})))}renderHoverAreas(){return e("div",{class:"hover-area-wrapper",style:{"--columns":`.5fr repeat(${this.xIntervals.length-2}, 1fr) .5fr`},onMouseLeave:()=>this.popoverIndex=-1},this.xIntervals.map(((t,i)=>e("div",{onMouseEnter:()=>this.popoverIndex=i}))))}renderPopover(){if(!(this.popoverData&&this.popoverData[this.popoverIndex]&&this.plotAreaEl.querySelector(`.point[data-xvalue="${this.dataPointMatrix[0][this.popoverIndex].xValue}"]`)))return"";const t=this.popoverData[this.popoverIndex],i=t[0].xPositionPercent,o=t.map((t=>t.yPositionPercent)).filter((t=>null!==t)),s=o.reduce(((t,i)=>t+i),0)/o.length,r=this.plotAreaEl.querySelector(`.point[data-xvalue="${this.dataPointMatrix[0][this.popoverIndex].xValue}"]`),n=this.el.getBoundingClientRect(),a=r.getBoundingClientRect(),l=a.left-n.left,h=n.right-a.right>=(this.popoverEl?Math.min(this.popoverEl.clientWidth,400):400),c=l>=(this.popoverEl?Math.min(this.popoverEl.clientWidth,400):400),p=8/this.plotAreaEl.clientWidth*100;let d={"--leftPosition":h?i+p+"%":"unset","--rightPosition":c?100-i+p+"%":"unset","--topPosition":s+"%",transform:"translateY(-50%)"};if(!c&&!h){const t=`0px - ${this.labelWidth} - 20px - ${this.yIntervalsEl.clientWidth+"px"} + ${this.el.scrollLeft+"px"} + 2px`;d={"--leftPosition":"0%","--topPosition":"0%",maxWidth:Math.min(this.el.clientWidth-2,400)+"px",transform:`translateX(calc(${t}))`}}return e("div",{ref:t=>this.popoverEl=t,class:"popover",style:d},e("div",{class:"title"},t[0].xValue,this.parsedUnits[0]&&e("span",{class:"unit --x"},"(",this.parsedUnits[0],")")),this.showDeltas&&this.popoverIndex>0&&e("div",{class:"comparison-title"},g.getChangeSince(this.popoverData[this.popoverIndex-1][0].xValue)),this.renderPopoverTable())}renderPopoverTable(){return e("table",{class:"popover-table"},this.popoverData[this.popoverIndex].map(((t,i)=>{if(!this.hiddenLines.includes(i)){const{lineLabel:o,yValue:s}=t,r=this.popoverIndex>0?this.popoverData[this.popoverIndex-1][i]:null,n=null!==s?(new Intl.NumberFormat).format(s):null;return e("tr",{class:"popover-row"},e("td",null,this.renderIcon(i)),e("td",{class:"row-label"},o),e("td",{class:"row-value"},null===s?g.noData:n,null!==s&&this.parsedUnits[1]&&e("span",{class:"unit --y"},this.parsedUnits[1])),this.showDeltas&&r&&this.renderDeltas(t,r))}})))}renderDeltas(t,i){const o=this.calcDelta(t,i),s="+"==o.toString()[0]||"-"==o?"positive":"-"==o.toString()[0]?"negative":"";return i&&e("td",{class:`delta --${s}`},o)}renderHoverIndicator(){return this.dataPointMatrix.length>0&&this.dataPointMatrix[0][this.popoverIndex]?e("div",{class:"hover-indicator",style:{"--xPosition":this.dataPointMatrix[0][this.popoverIndex].xPositionPercent+"%"}}):""}renderHighlight(){const t=this.dataPointMatrix[0][this.xIntervals.indexOf(this.highlightStart)].xPositionPercent,i=this.highlightEnd?100-this.dataPointMatrix[0][this.xIntervals.indexOf(this.highlightEnd)].xPositionPercent:0;return e("div",{class:"highlight",style:{"--startPercentage":t+"%","--endPercentage":i+"%"}})}render(){return e(o,{onBlur:()=>this.resetDataPointFocus(),onMouseLeave:()=>this.popoverIndex=-1},e("div",{class:"component-wrapper",role:"application","aria-roledescription":v.interactiveChart,"aria-label":this.label,"aria-describedby":"chart-description"},this.renderLegend(),e("div",{class:"chart-wrapper"},e("div",{class:"chart-label --y-axis",style:{"--labelWidth":this.labelWidth}},this.yAxisLabel,this.parsedUnits[1]&&` (${this.parsedUnits[1]})`),this.renderYIntervals(),e("div",{ref:t=>this.plotAreaEl=t,class:"plot-area "+(this.hasPartialInterval?"":"right-border"),style:{"--backgroundSize":`${this.dataPointMatrix[0][this.xIntervals.indexOf(this.displayedXIntervals[1])].xPositionPercent}%`}},this.highlightStart&&this.renderHighlight(),this.renderData(),this.renderHoverAreas()),-1!==this.popoverIndex&&this.renderHoverIndicator(),-1!==this.popoverIndex&&this.renderPopover(),this.renderXIntervals(),e("div",{class:"chart-label --x-axis"},this.xAxisLabel,this.parsedUnits[0]&&` (${this.parsedUnits[0]})`)),e("div",{id:"chart-description",class:"sr-only"},`${g.instructions} ${this.description}`),e("div",{ref:t=>this.liveRegionEl=t,"aria-live":"polite",class:"sr-only"},this.announcement)))}get el(){return s(this)}static get watchers(){return{lineData:["parseData"],intervalSkip:["handleIntervalSkip"]}}};u.style=':host{--wmcolor-linechart-currentposition:var(--wmcolor-lavender);--wmcolor-linechart-delta-text-negative:var(--wmcolor-text-negative);--wmcolor-linechart-delta-text-positive:var(--wmcolor-text-positive);--wmcolor-linechart-gridline:var(--wmcolor-chart-gridline);--wmcolor-linechart-highlight-background:var(--wmcolor-interactive-background-highlight);--wmcolor-linechart-popover-background:var(--wmcolor-chart-popover-background);display:block;height:500px;width:100%;font-size:14px;overflow-y:visible;overflow-x:auto}:host .component-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:562px;width:100%;height:100%;outline:none}:host .icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;position:relative;color:var(--iconColor);-webkit-transform:var(--translation, unset);transform:var(--translation, unset)}:host .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:var(--icon);padding:0 3px;z-index:1}:host .icon:after{color:white;position:absolute;left:3px;-webkit-transform:scale(180%);transform:scale(180%);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:var(--icon);z-index:0}:host .legend{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px 16px;margin-top:4px;margin-bottom:16px}:host .legend .legend-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:default;font-weight:600}:host .legend .legend-label.faded{opacity:0.3}:host .legend .legend-label .icon{margin-right:4px}:host .legend .visibility-toggle{margin-left:4px}:host .chart-wrapper{position:relative;-ms-flex-positive:1;flex-grow:1;display:grid;grid-template-columns:auto auto 1fr;grid-template-rows:1fr auto auto;margin-right:16px}:host .chart-label{font-size:14px;font-weight:600}:host .chart-label.--y-axis{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:var(--labelWidth);align-self:center;margin-right:16px;grid-area:1/1/2/2;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}:host .chart-label.--x-axis{margin-top:16px;text-align:center;grid-area:3/3/4/4}:host .y-intervals{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;grid-area:1/2/2/3;margin-right:4px}:host .y-intervals .y-interval{text-align:right}:host .x-intervals{display:grid;grid-template-columns:var(--columns);grid-area:2/3/3/4;line-height:1;margin-top:4px}:host .x-intervals .x-interval{text-align:center}:host .x-intervals .x-interval:first-child{text-align:left}:host .x-intervals .x-interval:last-child{text-align:right}:host .x-intervals .x-interval.hidden{visibility:hidden}:host .plot-area{position:relative;grid-area:1/3/2/4;background-image:linear-gradient(90deg, var(--wmcolor-linechart-gridline) 1px, transparent 1px);border-bottom:1px solid var(--wmcolor-linechart-gridline);background-size:var(--backgroundSize)}:host .plot-area.right-border{border-right:1px solid var(--wmcolor-linechart-gridline)}:host .line{position:absolute;width:100%;height:100%}:host .line .icon{position:absolute;-webkit-transform:var(--translation);transform:var(--translation);left:var(--xPosition);top:var(--yPosition);z-index:1}:host .line .icon:focus{z-index:2;outline:none}:host .line .icon:focus:before{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:0;border-radius:3px}:host .line .line-svg{height:100%;width:100%}:host .line.faded{opacity:0.3}:host .line.focused{z-index:1}:host .line.hidden{visibility:hidden}:host .hover-area-wrapper{position:absolute;width:100%;height:100%;top:0;left:0;display:grid;grid-template-rows:1fr;grid-template-columns:var(--columns)}:host .hover-indicator{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;height:100%;width:2px;border:1px solid var(--wmcolor-linechart-currentposition);-webkit-transform:translateX(-50%);transform:translateX(-50%);left:var(--xPosition);grid-column:3/4;grid-row:1/2;pointer-events:none}:host .popover{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:400px;background-color:var(--wmcolor-linechart-popover-background);position:absolute;top:var(--topPosition, 0);left:var(--leftPosition, unset);right:var(--rightPosition, unset);padding:16px;border-radius:5px;-webkit-box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.09);box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.09);-webkit-transform:translateY(-50%);transform:translateY(-50%);line-height:1;z-index:3;grid-column:3/4;grid-row:1/2;pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box}:host .popover .title{font-size:16px;font-weight:600}:host .popover .comparison-title{font-style:italic;margin-top:4px}:host .popover .unit{font-size:12px;font-weight:600}:host .popover .unit.--x{margin-left:4px}:host .popover .popover-table{margin-top:16px}:host .popover .popover-table .popover-row{line-height:1}:host .popover .popover-table .popover-row:not(:last-child) td{padding-bottom:8px}:host .popover .popover-table .popover-row .row-label{font-weight:600;padding-right:16px;overflow-wrap:anywhere}:host .popover .popover-table .popover-row .row-label .icon{margin-right:4px}:host .popover .popover-table .popover-row .row-value,:host .popover .popover-table .popover-row .delta{text-align:right;white-space:nowrap}:host .popover .popover-table .popover-row .delta{padding-left:12px;font-weight:600}:host .popover .popover-table .popover-row .delta.--positive{color:var(--wmcolor-linechart-delta-text-positive)}:host .popover .popover-table .popover-row .delta.--negative{color:var(--wmcolor-linechart-delta-text-negative)}:host .highlight{position:absolute;height:100%;background-color:color-mix(in srgb, var(--wmcolor-linechart-highlight-background) 60%, transparent);left:var(--startPercentage);right:var(--endPercentage)}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}';export{u as wm_line_chart}

package/dist/ripple/{p-5300b15d.entry.js → p-b976c84b.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,g as s}from"./p-568c595f.js";import{g as i}from"./p-16f65bf4.js";const h=class{constructor(s){t(this,s),this.privTagOptionSelected=e(this,"privTagOptionSelected",7),this.privTagOptionDeselected=e(this,"privTagOptionDeselected",7),this.wmTagOptionSelected=e(this,"wmTagOptionSelected",7),this.wmTagOptionDeselected=e(this,"wmTagOptionDeselected",7),this.selected=!1,this.locked=!1,this.col1=void 0,this.col2=void 0,this.col3=void 0,this.col4=void 0}async emitSelectedEvent(){this.wmTagOptionSelected.emit()}async emitDeselectedEvent(){this.wmTagOptionDeselected.emit()}componentWillLoad(){this.el.id||(this.el.id=i())}handleSelected(){this.selected?this.privTagOptionSelected.emit():this.privTagOptionDeselected.emit()}get el(){return s(this)}static get watchers(){return{selected:["handleSelected"]}}};export{h as wm_tag_option}
+import{r as t,c as e,g as s}from"./p-568c595f.js";import{g as i}from"./p-eca78c2b.js";const h=class{constructor(s){t(this,s),this.privTagOptionSelected=e(this,"privTagOptionSelected",7),this.privTagOptionDeselected=e(this,"privTagOptionDeselected",7),this.wmTagOptionSelected=e(this,"wmTagOptionSelected",7),this.wmTagOptionDeselected=e(this,"wmTagOptionDeselected",7),this.selected=!1,this.locked=!1,this.col1=void 0,this.col2=void 0,this.col3=void 0,this.col4=void 0}async emitSelectedEvent(){this.wmTagOptionSelected.emit()}async emitDeselectedEvent(){this.wmTagOptionDeselected.emit()}componentWillLoad(){this.el.id||(this.el.id=i())}handleSelected(){this.selected?this.privTagOptionSelected.emit():this.privTagOptionDeselected.emit()}get el(){return s(this)}static get watchers(){return{selected:["handleSelected"]}}};export{h as wm_tag_option}

package/dist/ripple/{p-226fe4e0.entry.js → p-c2657183.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as s,H as e,g as h}from"./p-568c595f.js";import{t as o,a as n}from"./p-16f65bf4.js";const p=class{constructor(s){t(this,s),this.wmOptgroupAllSelected=i(this,"wmOptgroupAllSelected",7),this.wmOptgroupAllDeselected=i(this,"wmOptgroupAllDeselected",7),this.optgroupExpanded=i(this,"optgroupExpanded",7),this.optgroupHidden=i(this,"optgroupHidden",7),this.label=void 0,this.isExpanded=!1,this.multiple=!1,this.disabled=!1}get parentNestedSelect(){return this.el.parentElement}get isDisabled(){return o(this.disabled)}isExpandedChanged(){this.isExpanded?(this.el.classList.add("visible"),this.optgroupExpanded.emit(),window.setTimeout((()=>{this.optionListEl.handleInitialFocus()}),250)):(this.optgroupHidden.emit(this.label),this.optionListEl.clearSearch(),window.setTimeout((()=>{this.el.classList.remove("visible")}),250)),this.parentNestedSelect.multiple&&this.optionListEl.updateOptionVisibility()}async emitDeselection(){this.wmOptgroupAllDeselected.emit()}async handleChildChange(){this.optionListEl.handleChildChange()}handleOptionKeyLeft(){this.isExpanded=!1}componentWillLoad(){n(this.el,this.isDisabled)}render(){return s(e,null,s("div",{class:"list-wrapper"},s("priv-option-list",{ref:t=>this.optionListEl=t,multiple:this.parentNestedSelect.multiple,search:this.parentNestedSelect.search,maxHeight:this.parentNestedSelect.constrainedMaxHeight,searchPlaceholder:this.parentNestedSelect.searchPlaceholder,optgroupLabel:this.label,selectAll:this.parentNestedSelect.selectAll,onOptionListAllSelected:()=>this.wmOptgroupAllSelected.emit(),onOptionListAllDeselected:()=>this.wmOptgroupAllDeselected.emit()},s("slot",null))))}static get delegatesFocus(){return!0}get el(){return h(this)}static get watchers(){return{isExpanded:["isExpandedChanged"]}}};p.style=":host{width:100%;display:none}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host(.visible){display:unset}";export{p as wm_optgroup}
+import{r as t,c as i,h as s,H as e,g as h}from"./p-568c595f.js";import{t as o,a as n}from"./p-eca78c2b.js";const p=class{constructor(s){t(this,s),this.wmOptgroupAllSelected=i(this,"wmOptgroupAllSelected",7),this.wmOptgroupAllDeselected=i(this,"wmOptgroupAllDeselected",7),this.optgroupExpanded=i(this,"optgroupExpanded",7),this.optgroupHidden=i(this,"optgroupHidden",7),this.label=void 0,this.isExpanded=!1,this.multiple=!1,this.disabled=!1}get parentNestedSelect(){return this.el.parentElement}get isDisabled(){return o(this.disabled)}isExpandedChanged(){this.isExpanded?(this.el.classList.add("visible"),this.optgroupExpanded.emit(),window.setTimeout((()=>{this.optionListEl.handleInitialFocus()}),250)):(this.optgroupHidden.emit(this.label),this.optionListEl.clearSearch(),window.setTimeout((()=>{this.el.classList.remove("visible")}),250)),this.parentNestedSelect.multiple&&this.optionListEl.updateOptionVisibility()}async emitDeselection(){this.wmOptgroupAllDeselected.emit()}async handleChildChange(){this.optionListEl.handleChildChange()}handleOptionKeyLeft(){this.isExpanded=!1}componentWillLoad(){n(this.el,this.isDisabled)}render(){return s(e,null,s("div",{class:"list-wrapper"},s("priv-option-list",{ref:t=>this.optionListEl=t,multiple:this.parentNestedSelect.multiple,search:this.parentNestedSelect.search,maxHeight:this.parentNestedSelect.constrainedMaxHeight,searchPlaceholder:this.parentNestedSelect.searchPlaceholder,optgroupLabel:this.label,selectAll:this.parentNestedSelect.selectAll,onOptionListAllSelected:()=>this.wmOptgroupAllSelected.emit(),onOptionListAllDeselected:()=>this.wmOptgroupAllDeselected.emit()},s("slot",null))))}static get delegatesFocus(){return!0}get el(){return h(this)}static get watchers(){return{isExpanded:["isExpandedChanged"]}}};p.style=":host{width:100%;display:none}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host(.visible){display:unset}";export{p as wm_optgroup}

package/dist/ripple/{p-a3c01e10.system.entry.js → p-c39a3951.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-ab8d78cc.system.js","./p-ae82b3d2.system.js"],(function(t){"use strict";var o,e,r,i,n,a,s,l,p,h,c;return{setters:[function(t){o=t.r;e=t.h;r=t.H;i=t.g},function(t){n=t.i;a=t.h;s=t.k;l=t.p;p=t.q;h=t.r;c=t.s}],execute:function(){var m=':host{--button-size:16px}:host(.size-small){--button-size:16px}:host(.size-small) .button:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:2px}:host(.size-large){--button-size:40px}:host(.size-large) .button:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:-3px}:host{--wmcolor-toggletip-background:var(--wmcolor-background-dark);--wmcolor-toggletip-icon-background:var(--wmcolor-background-dark);--wmcolor-toggletip-icon-text:var(--wmcolor-icon-ondark);--wmcolor-toggletip-text:var(--wmcolor-text-ondark);display:inline-block;position:relative;height:var(--button-size);width:var(--button-size);text-transform:none;font-weight:normal}:host .button{display:-ms-flexbox;display:flex;background:none;border:none;padding:0;width:inherit;height:inherit;border-radius:50%;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:relative;cursor:pointer}:host .button: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:"\\f2fc";font-size:16px;color:var(--wmcolor-toggletip-icon-background);background:radial-gradient(var(--wmcolor-toggletip-icon-text) 40%, transparent 0%)}:host .button:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:-3px}:host .tooltip{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden;clip:rect(0, 0, 0, 0);pointer-events:none;font-family:inherit;font-size:0.875rem;text-transform:none;font-weight:normal;background:var(--wmcolor-tooltip-background);color:var(--wmcolor-tooltip-text);padding:0.375rem;line-height:normal;z-index:30;white-space:nowrap}:host .tooltip.hover{clip:auto;width:auto;height:auto;opacity:1;-webkit-transition:opacity 500ms 500ms;transition:opacity 500ms 500ms;padding:0.375rem;white-space:nowrap}:host .toggletip{position:absolute;max-width:13.75rem;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:0.5rem 0.75rem;border-radius:0.1875rem;background:var(--wmcolor-toggletip-background);color:var(--wmcolor-toggletip-text);font-size:14px;z-index:30}:host .toggletip.top:before{content:"";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;top:100%;border-top-color:var(--wmcolor-toggletip-background);border-top-width:0.25rem;border-left-width:0.375rem;border-right-width:0.375rem;margin-left:-0.375rem;left:50%}:host .toggletip.bottom:before{content:"";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;bottom:100%;border-bottom-color:var(--wmcolor-toggletip-background);border-bottom-width:0.25rem;border-left-width:0.375rem;border-right-width:0.375rem;margin-left:-0.375rem;left:50%}:host .toggletip.right:before{content:"";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;bottom:100%;border-right-color:var(--wmcolor-toggletip-background);border-right-width:0.25rem;border-top-width:0.375rem;border-bottom-width:0.375rem;border-left-width:0px;top:calc(50% - 6px);left:-0.1875rem}:host .toggletip.left:before{content:"";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;bottom:100%;border-left-color:var(--wmcolor-toggletip-background);border-left-width:0.25rem;border-top-width:0.375rem;border-bottom-width:0.375rem;border-right-width:0px;top:calc(50% - 6px);right:-0.1875rem}:host .toggletip.bottom-right:before{content:"";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;bottom:100%;border-bottom-color:var(--wmcolor-toggletip-background);border-bottom-width:0.25rem;border-left-width:0.375rem;border-right-width:0.375rem;margin-left:-0.375rem;left:50%;margin-left:unset;left:0.875rem}:host .toggletip.bottom-left:before{content:"";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;bottom:100%;border-bottom-color:var(--wmcolor-toggletip-background);border-bottom-width:0.25rem;border-left-width:0.375rem;border-right-width:0.375rem;margin-left:-0.375rem;left:50%;left:unset;margin-left:unset;right:0.875rem}:host .toggletip.top-right:before{content:"";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;top:100%;border-top-color:var(--wmcolor-toggletip-background);border-top-width:0.25rem;border-left-width:0.375rem;border-right-width:0.375rem;margin-left:-0.375rem;left:50%;margin-left:unset;left:0.875rem}:host .toggletip.top-left:before{content:"";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;top:100%;border-top-color:var(--wmcolor-toggletip-background);border-top-width:0.25rem;border-left-width:0.375rem;border-right-width:0.375rem;margin-left:-0.375rem;left:50%;left:unset;margin-left:unset;right:0.875rem}:host .toggletip.hidden{-webkit-transform:scale(0, 0) !important;transform:scale(0, 0) !important;visibility:hidden}:host .toggletip{top:calc(var(--button-size) / 2);left:calc(var(--button-size) / 2)}:host .toggletip.top{-webkit-transform:translate(-50%, calc(-100% - 18px));transform:translate(-50%, calc(-100% - 18px))}:host .toggletip.bottom{-webkit-transform:translate(-50%, 18px);transform:translate(-50%, 18px)}:host .toggletip.right{-webkit-transform:translate(18px, -50%);transform:translate(18px, -50%)}:host .toggletip.left{-webkit-transform:translate(calc(-100% - 18px), -50%);transform:translate(calc(-100% - 18px), -50%)}:host .toggletip.bottom-right{-webkit-transform:translate(-20px, 18px);transform:translate(-20px, 18px)}:host .toggletip.bottom-left{-webkit-transform:translate(calc(-100% + 20px), 18px);transform:translate(calc(-100% + 20px), 18px)}:host .toggletip.top-right{-webkit-transform:translate(-20px, calc(-100% - 18px));transform:translate(-20px, calc(-100% - 18px))}:host .toggletip.top-left{-webkit-transform:translate(calc(-100% + 20px), calc(-100% - 18px));transform:translate(calc(-100% + 20px), calc(-100% - 18px))}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}';var g=t("wm_toggletip",function(){function t(t){o(this,t);this.tooltipMessage=n.formatMessage({id:"toggletip.moreInformation",defaultMessage:"More information"});this.label=undefined;this.tooltip=undefined;this.tooltipPosition="bottom-right";this.targetSize="small";this.isOpen=false}t.prototype.componentWillLoad=function(){var t=["top","right","bottom","left","top-right","top-left","bottom-right","bottom-left"];if(!this.label){console.error("wm-toggletip must have a label property")}if(!this.tooltip){console.error("wm-toggletip must have a tooltip property")}if(!t.includes(this.tooltipPosition)){console.error('wm-toggletip: tooltip-position has an invalid value of "'.concat(this.tooltipPosition,'", make sure to use one of the following values: ').concat(t))}};t.prototype.handleKeydown=function(t){switch(t.key){case"Escape":t.preventDefault();if(this.isOpen){t.stopPropagation();this.close()}break;case"Tab":if(this.isOpen){this.close()}}};t.prototype.handleClick=function(t){if(this.isOpen){if(t.target===this.el||this.el.contains(t.target)){this.announceToggletip()}else{this.close()}}};t.prototype.open=function(){a();this.setToggletipPosition(this.tooltipPosition,this.el,this.toggletipEl.clientHeight,this.toggletipEl.clientWidth);this.isOpen=true;this.announceToggletip()};t.prototype.close=function(){this.isOpen=false;a()};t.prototype.handleBlur=function(){a();this.liveRegionEl.innerHTML=""};t.prototype.announceToggletip=function(){var t=this;this.liveRegionEl.innerHTML="";setTimeout((function(){t.liveRegionEl.innerHTML=t.tooltip}),10)};t.prototype.setToggletipPosition=function(t,o,e,r){if(t.includes("bottom")&&s(o,e)){t=t.replace("bottom","top")}else if(t.includes("top")&&l(o,e)){t=t.replace("top","bottom")}if(t.includes("left")&&p(o,r)){t=t.replace("left","right")}else if(t.includes("right")&&h(o,r)){t=t.replace("right","left")}};t.prototype.render=function(){var t=this;return e(r,{class:"size-".concat(this.targetSize)},e("button",{class:"button",type:"button","aria-label":this.label,onClick:function(){return t.open()},onMouseEnter:function(){return c(t.tooltipPosition,t.el,t.tooltipMessage)},onMouseLeave:function(){return a()},onFocus:function(){return c(t.tooltipPosition,t.el,t.tooltipMessage)},onBlur:function(){return t.handleBlur()}}),e("div",{ref:function(o){return t.toggletipEl=o},class:"toggletip ".concat(this.isOpen?"":"hidden"," ").concat(this.tooltipPosition)},this.tooltip),e("div",{ref:function(o){return t.liveRegionEl=o},class:"live-region sr-only",role:"status","aria-live":"polite","aria-atomic":"true"}))};Object.defineProperty(t,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return t}());g.style=m}}}));
+System.register(["./p-ab8d78cc.system.js","./p-edd87140.system.js"],(function(t){"use strict";var o,e,r,i,n,a,s,l,p,h,c;return{setters:[function(t){o=t.r;e=t.h;r=t.H;i=t.g},function(t){n=t.i;a=t.h;s=t.k;l=t.p;p=t.q;h=t.r;c=t.s}],execute:function(){var m=':host{--button-size:16px}:host(.size-small){--button-size:16px}:host(.size-small) .button:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:2px}:host(.size-large){--button-size:40px}:host(.size-large) .button:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:-3px}:host{--wmcolor-toggletip-background:var(--wmcolor-background-dark);--wmcolor-toggletip-icon-background:var(--wmcolor-background-dark);--wmcolor-toggletip-icon-text:var(--wmcolor-icon-ondark);--wmcolor-toggletip-text:var(--wmcolor-text-ondark);display:inline-block;position:relative;height:var(--button-size);width:var(--button-size);text-transform:none;font-weight:normal}:host .button{display:-ms-flexbox;display:flex;background:none;border:none;padding:0;width:inherit;height:inherit;border-radius:50%;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:relative;cursor:pointer}:host .button: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:"\\f2fc";font-size:16px;color:var(--wmcolor-toggletip-icon-background);background:radial-gradient(var(--wmcolor-toggletip-icon-text) 40%, transparent 0%)}:host .button:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:-3px}:host .tooltip{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden;clip:rect(0, 0, 0, 0);pointer-events:none;font-family:inherit;font-size:0.875rem;text-transform:none;font-weight:normal;background:var(--wmcolor-tooltip-background);color:var(--wmcolor-tooltip-text);padding:0.375rem;line-height:normal;z-index:30;white-space:nowrap}:host .tooltip.hover{clip:auto;width:auto;height:auto;opacity:1;-webkit-transition:opacity 500ms 500ms;transition:opacity 500ms 500ms;padding:0.375rem;white-space:nowrap}:host .toggletip{position:absolute;max-width:13.75rem;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:0.5rem 0.75rem;border-radius:0.1875rem;background:var(--wmcolor-toggletip-background);color:var(--wmcolor-toggletip-text);font-size:14px;z-index:30}:host .toggletip.top:before{content:"";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;top:100%;border-top-color:var(--wmcolor-toggletip-background);border-top-width:0.25rem;border-left-width:0.375rem;border-right-width:0.375rem;margin-left:-0.375rem;left:50%}:host .toggletip.bottom:before{content:"";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;bottom:100%;border-bottom-color:var(--wmcolor-toggletip-background);border-bottom-width:0.25rem;border-left-width:0.375rem;border-right-width:0.375rem;margin-left:-0.375rem;left:50%}:host .toggletip.right:before{content:"";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;bottom:100%;border-right-color:var(--wmcolor-toggletip-background);border-right-width:0.25rem;border-top-width:0.375rem;border-bottom-width:0.375rem;border-left-width:0px;top:calc(50% - 6px);left:-0.1875rem}:host .toggletip.left:before{content:"";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;bottom:100%;border-left-color:var(--wmcolor-toggletip-background);border-left-width:0.25rem;border-top-width:0.375rem;border-bottom-width:0.375rem;border-right-width:0px;top:calc(50% - 6px);right:-0.1875rem}:host .toggletip.bottom-right:before{content:"";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;bottom:100%;border-bottom-color:var(--wmcolor-toggletip-background);border-bottom-width:0.25rem;border-left-width:0.375rem;border-right-width:0.375rem;margin-left:-0.375rem;left:50%;margin-left:unset;left:0.875rem}:host .toggletip.bottom-left:before{content:"";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;bottom:100%;border-bottom-color:var(--wmcolor-toggletip-background);border-bottom-width:0.25rem;border-left-width:0.375rem;border-right-width:0.375rem;margin-left:-0.375rem;left:50%;left:unset;margin-left:unset;right:0.875rem}:host .toggletip.top-right:before{content:"";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;top:100%;border-top-color:var(--wmcolor-toggletip-background);border-top-width:0.25rem;border-left-width:0.375rem;border-right-width:0.375rem;margin-left:-0.375rem;left:50%;margin-left:unset;left:0.875rem}:host .toggletip.top-left:before{content:"";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;top:100%;border-top-color:var(--wmcolor-toggletip-background);border-top-width:0.25rem;border-left-width:0.375rem;border-right-width:0.375rem;margin-left:-0.375rem;left:50%;left:unset;margin-left:unset;right:0.875rem}:host .toggletip.hidden{-webkit-transform:scale(0, 0) !important;transform:scale(0, 0) !important;visibility:hidden}:host .toggletip{top:calc(var(--button-size) / 2);left:calc(var(--button-size) / 2)}:host .toggletip.top{-webkit-transform:translate(-50%, calc(-100% - 18px));transform:translate(-50%, calc(-100% - 18px))}:host .toggletip.bottom{-webkit-transform:translate(-50%, 18px);transform:translate(-50%, 18px)}:host .toggletip.right{-webkit-transform:translate(18px, -50%);transform:translate(18px, -50%)}:host .toggletip.left{-webkit-transform:translate(calc(-100% - 18px), -50%);transform:translate(calc(-100% - 18px), -50%)}:host .toggletip.bottom-right{-webkit-transform:translate(-20px, 18px);transform:translate(-20px, 18px)}:host .toggletip.bottom-left{-webkit-transform:translate(calc(-100% + 20px), 18px);transform:translate(calc(-100% + 20px), 18px)}:host .toggletip.top-right{-webkit-transform:translate(-20px, calc(-100% - 18px));transform:translate(-20px, calc(-100% - 18px))}:host .toggletip.top-left{-webkit-transform:translate(calc(-100% + 20px), calc(-100% - 18px));transform:translate(calc(-100% + 20px), calc(-100% - 18px))}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}';var g=t("wm_toggletip",function(){function t(t){o(this,t);this.tooltipMessage=n.formatMessage({id:"toggletip.moreInformation",defaultMessage:"More information"});this.label=undefined;this.tooltip=undefined;this.tooltipPosition="bottom-right";this.targetSize="small";this.isOpen=false}t.prototype.componentWillLoad=function(){var t=["top","right","bottom","left","top-right","top-left","bottom-right","bottom-left"];if(!this.label){console.error("wm-toggletip must have a label property")}if(!this.tooltip){console.error("wm-toggletip must have a tooltip property")}if(!t.includes(this.tooltipPosition)){console.error('wm-toggletip: tooltip-position has an invalid value of "'.concat(this.tooltipPosition,'", make sure to use one of the following values: ').concat(t))}};t.prototype.handleKeydown=function(t){switch(t.key){case"Escape":t.preventDefault();if(this.isOpen){t.stopPropagation();this.close()}break;case"Tab":if(this.isOpen){this.close()}}};t.prototype.handleClick=function(t){if(this.isOpen){if(t.target===this.el||this.el.contains(t.target)){this.announceToggletip()}else{this.close()}}};t.prototype.open=function(){a();this.setToggletipPosition(this.tooltipPosition,this.el,this.toggletipEl.clientHeight,this.toggletipEl.clientWidth);this.isOpen=true;this.announceToggletip()};t.prototype.close=function(){this.isOpen=false;a()};t.prototype.handleBlur=function(){a();this.liveRegionEl.innerHTML=""};t.prototype.announceToggletip=function(){var t=this;this.liveRegionEl.innerHTML="";setTimeout((function(){t.liveRegionEl.innerHTML=t.tooltip}),10)};t.prototype.setToggletipPosition=function(t,o,e,r){if(t.includes("bottom")&&s(o,e)){t=t.replace("bottom","top")}else if(t.includes("top")&&l(o,e)){t=t.replace("top","bottom")}if(t.includes("left")&&p(o,r)){t=t.replace("left","right")}else if(t.includes("right")&&h(o,r)){t=t.replace("right","left")}};t.prototype.render=function(){var t=this;return e(r,{class:"size-".concat(this.targetSize)},e("button",{class:"button",type:"button","aria-label":this.label,onClick:function(){return t.open()},onMouseEnter:function(){return c(t.tooltipPosition,t.el,t.tooltipMessage)},onMouseLeave:function(){return a()},onFocus:function(){return c(t.tooltipPosition,t.el,t.tooltipMessage)},onBlur:function(){return t.handleBlur()}}),e("div",{ref:function(o){return t.toggletipEl=o},class:"toggletip ".concat(this.isOpen?"":"hidden"," ").concat(this.tooltipPosition)},this.tooltip),e("div",{ref:function(o){return t.liveRegionEl=o},class:"live-region sr-only",role:"status","aria-live":"polite","aria-atomic":"true"}))};Object.defineProperty(t,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return t}());g.style=m}}}));

package/dist/ripple/{p-3deaf4d9.system.entry.js → p-cbd2473d.system.entry.js}

@@ -1 +1 @@
-var __spreadArray=this&&this.__spreadArray||function(t,e,r){if(r||arguments.length===2)for(var i=0,o=e.length,a;i<o;i++){if(a||!(i in e)){if(!a)a=Array.prototype.slice.call(e,0,i);a[i]=e[i]}}return t.concat(a||Array.prototype.slice.call(e))};System.register(["./p-ab8d78cc.system.js","./p-ae82b3d2.system.js","./p-81c2df85.system.js"],(function(t){"use strict";var e,r,i,o,a,n,s,l,c,h,d,u,p,f,g,m;return{setters:[function(t){e=t.r;r=t.c;i=t.f;o=t.h;a=t.g},function(t){n=t.i;s=t.d;l=t.u;c=t.m;h=t.h;d=t.v;u=t.w;p=t.s;f=t.k;g=t.x},function(t){m=t.g}],execute:function(){var b=':host{--wmcolor-taginput-altrow-background-table:var(--wmcolor-table-altrow-background);--wmcolor-taginput-border:var(--wmcolor-input-border);--wmcolor-taginput-charcount-background:var(--wmcolor-input-charcount-background);--wmcolor-taginput-header-background-table:var(--wmcolor-table-header-background);--wmcolor-taginput-help-text:var(--wmcolor-text);--wmcolor-taginput-icon:var(--wmcolor-icon-accent);--wmcolor-taginput-maxtags-background:var(--wmcolor-background-readonly);--wmcolor-taginput-maxtags-border:var(--wmcolor-input-border);--wmcolor-taginput-maxtags-text:var(--wmcolor-text);--wmcolor-taginput-option-background-hover:var(--wmcolor-option-background-hover);--wmcolor-taginput-option-background:var(--wmcolor-option-background);--wmcolor-taginput-option-border:var(--wmcolor-option-border);--wmcolor-taginput-option-text-selected:var(--wmcolor-option-text-disabled);--wmcolor-taginput-option-text:var(--wmcolor-interactive);--wmcolor-taginput-row-background-hover:var(--wmcolor-interactive-background-hover);--wmcolor-taginput-row-background-selected:var(--wmcolor-table-row-background-selected);--wmcolor-taginput-row-background-table:var(--wmcolor-table-row-background);--wmcolor-taginput-row-border-selected:var(--wmcolor-table-row-border-selected);--wmcolor-taginput-tag-background-focus:var(--wmcolor-palelilacgray-dark);--wmcolor-taginput-tag-background-highlight:var(--wmcolor-interactive-background-highlight);--wmcolor-taginput-tag-background-locked:var(--wmcolor-interactive-disabled);--wmcolor-taginput-tag-background:var(--wmcolor-palelilacgray);--wmcolor-taginput-tag-text-locked:var(--wmcolor-text-ondark);--wmcolor-taginput-tag-text:var(--wmcolor-text);--wmcolor-taginput-tagbutton-background-hover:var(--wmcolor-button-background-icononly-hover);--wmcolor-taginput-tagbutton-border:var(--wmcolor-button-border-icononly);--wmcolor-taginput-tagbutton-icon-hover:var(--wmcolor-button-icon-icononly-hover);--wmcolor-taginput-tagbutton-icon:var(--wmcolor-button-icon-icononly);font-family:inherit;width:100%;display:block;max-height:80vh}:host *{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px}:host .wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}:host .wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}:host .wrapper .label .required{color:var(--wmcolor-text-required)}:host .wrapper.label-left{-ms-flex-direction:row;flex-direction:row}:host .wrapper.label-left .label-wrapper{line-height:2.5rem}:host .wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}:host .wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .wrapper.invalid .label{color:var(--wmcolor-text-error)}:host .wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f026";margin-left:0.3125rem}[dir=RTL] :host .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}:host .wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}:host .wrapper{width:100%;height:100%;max-height:inherit;min-height:inherit;position:relative}:host .field-wrapper{position:relative;width:100%;border:1px solid;border-color:var(--wmcolor-taginput-border);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px}:host .field-wrapper.focused{outline:2px solid var(--wmcolor-input-border-focus);border-color:var(--wmcolor-input-border-focus)}:host .field-wrapper.invalid{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);box-shadow:0 0 0 1px var(--wmcolor-input-border-error);border-color:var(--wmcolor-input-border-error)}:host .wrapper:not(.label-left) .field-wrapper{-ms-flex-negative:0;flex-shrink:0}:host .character-count{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:5rem;background-color:var(--wmcolor-taginput-charcount-background);font-size:0.875rem;font-weight:500;-ms-flex-item-align:stretch;align-self:stretch}:host .tags-and-input-wrapper{position:relative;width:100%;padding:8px 8px 8px 6px;overflow:auto;max-height:200px}:host .tags-and-input-wrapper.in-modal{max-height:20vh}:host .upper-row{width:100%;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:justify;justify-content:space-between}:host .upper-row:before{-ms-flex-item-align:start;align-self:flex-start;display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f349";color:var(--wmcolor-taginput-icon);padding:0.75rem 0.5rem 0.75rem 0.75rem;line-height:normal;font-size:1.12rem}:host .lower-row{width:100%;min-height:1.875rem}:host #max-tags{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:1.875rem;background-color:var(--wmcolor-taginput-maxtags-background);padding:0.5rem 1rem;color:var(--wmcolor-taginput-maxtags-text);font-size:0.875rem;border-top:1px solid var(--wmcolor-taginput-maxtags-border);border-radius:0 0 3px 3px}:host .tag-area{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0;margin:0;gap:8px}:host .tag-area:focus{outline:none}:host .tag-area li{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;height:1.75rem;list-style:none;color:var(--wmcolor-taginput-tag-text);background-color:var(--wmcolor-taginput-tag-background);padding:0.5rem 0.625rem;-webkit-transition:background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);white-space:pre}:host .tag-area li.highlight{-webkit-animation:fadeIn 1s;animation:fadeIn 1s}@-webkit-keyframes fadeIn{0%{background-color:var(--wmcolor-taginput-tag-background)}50%{background-color:var(--wmcolor-taginput-tag-background-highlight)}100%{background-color:var(--wmcolor-taginput-tag-background)}}@keyframes fadeIn{0%{background-color:var(--wmcolor-taginput-tag-background)}50%{background-color:var(--wmcolor-taginput-tag-background-highlight)}100%{background-color:var(--wmcolor-taginput-tag-background)}}:host .tag-area li.locked{background-color:var(--wmcolor-taginput-tag-background-locked);color:var(--wmcolor-taginput-tag-text-locked)}:host .tag-area li .icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:1.25rem;width:1.25rem;padding:0;margin-left:0.5rem}:host .tag-area li .icon.remove-btn{border:1px solid var(--wmcolor-taginput-tagbutton-border);color:var(--wmcolor-taginput-tagbutton-icon);border-radius:50%;cursor:pointer;-webkit-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1)}:host .tag-area li .icon.remove-btn:hover{color:var(--wmcolor-taginput-tagbutton-icon-hover);background-color:var(--wmcolor-taginput-tagbutton-background-hover)}:host .tag-area li .icon.remove-btn:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f156"}:host .tag-area li .icon.lock{color:var(--wmcolor-taginput-tag-text-locked)}:host .tag-area li .icon.lock: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:"\\f341"}:host .tag-area.user-is-keying:focus-visible li.focused{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:3px}:host .input{font-family:inherit;border:none;height:1.75rem;padding:0;margin:0;right:8px}:host .input:focus{outline:none}:host .tag-area:not(.empty)+.input.extended{-webkit-margin-before:8px;margin-block-start:8px}:host .dropdown-wrapper{margin:0;padding:0;-webkit-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0);-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;position:absolute;top:calc(100% + 2px);right:0;z-index:100;width:100%;font-size:0.875rem}:host .dropdown-wrapper .dropdown{-webkit-overflow-scrolling:touch;overflow:auto;max-height:12.5rem;margin:0;padding:0}:host .dropdown-wrapper.open{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}:host .dropdown-wrapper.upwards{top:unset;bottom:calc(100% + 2px);-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom}:host .dropdown-wrapper li,:host .dropdown-wrapper div{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0 1rem;background:var(--wmcolor-taginput-option-background);list-style:none;min-height:2.6875rem;white-space:pre-wrap;overflow-wrap:anywhere}:host .dropdown-wrapper li.option,:host .dropdown-wrapper li.add-new-btn,:host .dropdown-wrapper div.option,:host .dropdown-wrapper div.add-new-btn{cursor:pointer;color:var(--wmcolor-taginput-option-text);font-weight:bold;width:100%;border:none}:host .dropdown-wrapper li.option[aria-selected=true],:host .dropdown-wrapper li.add-new-btn[aria-selected=true],:host .dropdown-wrapper div.option[aria-selected=true],:host .dropdown-wrapper div.add-new-btn[aria-selected=true]{color:var(--wmcolor-taginput-option-text-selected);font-style:italic;font-weight:normal;cursor:unset}:host .dropdown-wrapper li.option:hover:not([aria-selected=true]),:host .dropdown-wrapper li.option.focused,:host .dropdown-wrapper li.add-new-btn:hover:not([aria-selected=true]),:host .dropdown-wrapper li.add-new-btn.focused,:host .dropdown-wrapper div.option:hover:not([aria-selected=true]),:host .dropdown-wrapper div.option.focused,:host .dropdown-wrapper div.add-new-btn:hover:not([aria-selected=true]),:host .dropdown-wrapper div.add-new-btn.focused{outline:none;background:var(--wmcolor-taginput-option-background-hover)}:host .dropdown-wrapper li.help-text,:host .dropdown-wrapper div.help-text{color:var(--wmcolor-taginput-help-text);height:auto;min-height:2.6875rem;padding-top:0.25rem;padding-bottom:0.25rem;white-space:normal}:host .dropdown-wrapper li:not(:last-child),:host .dropdown-wrapper div:not(:last-child){border-bottom:2px solid var(--wmcolor-taginput-option-border)}:host .info-text{font-style:italic;margin-top:0.25rem}:host .table-wrapper{overflow:auto;margin-top:1.5rem}:host .table-wrapper #table{width:100%;border-spacing:0px}:host .table-wrapper #table.fixed-widths{table-layout:fixed}:host .table-wrapper #table .headers{height:2.5rem;background-color:var(--wmcolor-taginput-header-background-table)}:host .table-wrapper #table .headers th{text-align:left;font-size:0.75rem;font-weight:700;text-transform:uppercase;padding:0 1.5rem}:host .table-wrapper tr:nth-child(even){background-color:var(--wmcolor-taginput-altrow-background-table)}:host .table-wrapper tr.selected,:host .table-wrapper tr.locked{background-color:var(--wmcolor-taginput-row-background-selected);-webkit-box-shadow:inset 0 0 0 1px var(--wmcolor-taginput-row-border-selected);box-shadow:inset 0 0 0 1px var(--wmcolor-taginput-row-border-selected);font-weight:500}:host .table-wrapper tr.focused,:host .table-wrapper tr:hover:not(.locked){background-color:var(--wmcolor-taginput-row-background-hover);-webkit-box-shadow:none;box-shadow:none}:host .table-wrapper tr.locked td{cursor:auto}:host .table-wrapper tr.locked td:first-child .cell-content-wrapper: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:"\\f33e";margin-right:0.5rem;color:var(--wmcolor-taginput-tag-text)}:host .table-wrapper td{height:3.75rem;vertical-align:middle;padding:0 1.5rem;cursor:pointer}:host .table-wrapper td.focused{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:-3px}:host .table-wrapper td .cell-content-wrapper.trunc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .description{display:none}:host .no-results{padding:1.25rem 1.5rem}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host #error{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem}:host #error:not(:empty){margin-top:0.25rem}';var w=t("wm_tag_input",function(){function t(t){var o=this;e(this,t);this.wmTagInputTagAdded=r(this,"wmTagInputTagAdded",7);this.addNewHelpText=n.formatMessage({id:"tagInput.addNewHelpText",defaultMessage:"Press the Enter or Comma key to add a new tag.",description:"Help text appearing in a dropdown. Use imperative"});this.selectionHelpText=n.formatMessage({id:"tagInput.selectionHelpText",defaultMessage:"Search and select a tag.",description:"Help text appearing in a dropdown. Use imperative"});this.maxTagsReachedMessage=n.formatMessage({id:"tagInput.maxTagsReached",defaultMessage:"No more tags can be added because the limit has been reached."});this.tagAreaInstructions=n.formatMessage({id:"tagInput.tagAreaInstructions",defaultMessage:"tag selection. Press Backspace or Delete to remove a tag."});this.tagsAddedMessage=n.formatMessage({id:"tagInput.tagsAdded",defaultMessage:"Tags added",description:"Full message for context: 'Tags added: x/y"});this.openUp=false;this.inModal=false;this.debouncedUpdate=s((function(){return i(o.el)}),30);this.label=undefined;this.errorMessage=undefined;this.info=undefined;this.labelPosition="top";this.maxTags=undefined;this.placeholder=undefined;this.requiredField=false;this.tagInputType="dropdown";this.helpText=undefined;this.addNew=true;this.characterLimit=50;this.colHeaders=undefined;this.colWidths=undefined;this.colWrap=undefined;this.isKeying=false;this.isExpanded=false;this.liveRegionMessage="";this.focusedOption=undefined;this.focusedColumn=0;this.focusedTagIndex=undefined;this.tagsList=[]}t.prototype.toggleKeyingOn=function(){this.isKeying=true};t.prototype.toggleKeyingOff=function(){this.isKeying=false};Object.defineProperty(t.prototype,"isDropdown",{get:function(){return this.tagInputType==="dropdown"},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isTable",{get:function(){return this.tagInputType==="table"},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"charCount",{get:function(){return this.inputEl?this.inputEl.value.length:0},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"tooltipVisible",{get:function(){return document.getElementById("wm-tooltip").classList.contains("show")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"optionEls",{get:function(){return Array.from(this.el.querySelectorAll("wm-tag-option"))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"filteredOptionEls",{get:function(){var t=this;var e=this.inputEl?this.inputEl.value.toLowerCase():"";var r=Array.from(this.optionEls).filter((function(r){var i="";if(t.isDropdown){i=r.textContent.toLowerCase()}else if(t.isTable){i=[r.col1,r.col2,r.col3,r.col4].join("").toLowerCase()}return i.includes(e)}));return r},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"taggedOptions",{get:function(){return this.optionEls.filter((function(t){return t.selected||t.locked}))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"_tagEls",{get:function(){return this.tagAreaEl?Array.from(this.tagAreaEl.querySelectorAll(".tag")):[]},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"focusedTag",{get:function(){if(this.focusedTagIndex!==undefined&&this.focusedTagIndex>=0){return this._tagEls[this.focusedTagIndex]}},enumerable:false,configurable:true});t.prototype.tagOptionFromEl=function(t){return t.id==="add-new-btn"?undefined:this.el.querySelector("#"+t.id)};t.prototype.tagOptionFromTag=function(t){var e=t.id.replace("tag-","");return this.el.querySelector("#"+e)};t.prototype.elFromTagOption=function(t){return this.el.shadowRoot.querySelector("#"+t.id)};Object.defineProperty(t.prototype,"_focusedOption",{get:function(){if(!!this.focusedOption){return this.elFromTagOption(this.focusedOption)}else if(this.addNewButton&&this.addNewButton.classList.contains("focused")){return this.addNewButton}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"_focusedCell",{get:function(){if(!!this._focusedOption){var t=Array.from(this._focusedOption.querySelectorAll("td"));var e=this.focusedColumn||0;return t[e]}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"inputActiveDescendantId",{get:function(){if(this._focusedOption){if(this.isTable){var t=Array.from(this._focusedOption.querySelectorAll("td"));return t[this.focusedColumn].id}return this._focusedOption.id}return null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"tagLimitReached",{get:function(){return!!(this.maxTags&&this.taggedOptions.length>=this.maxTags)},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"noResultsMessage",{get:function(){return n.formatMessage({id:"tagInput.noResults",defaultMessage:"No results match your search.",description:"Message displayed when a user's search returns empty."})},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"inputMinimumWidth",{get:function(){if(this._tagEls){var t=getComputedStyle(this.inputEl);var e=getComputedStyle(this._tagEls[this._tagEls.length-1]);var r=[t.paddingLeft,t.paddingRight,t.marginLeft,t.marginRight,e.marginRight].reduce((function(t,e){return t+parseInt(e.replace("px",""))}),0);var i=Math.max(150,l(this.inputEl,this.placeholder).width+r);return i}else{return 150}},enumerable:false,configurable:true});t.prototype.getTagName=function(t){return this.isDropdown?t.textContent:t.col1};t.prototype.isExistingTag=function(t){var e=this;var r=this.optionEls.map((function(t){return e.getTagName(t).toLowerCase()}));return r.includes(t.toLowerCase())};t.prototype.tagAddedMessage=function(t){return n.formatMessage({id:"tagInput.tagAdded",defaultMessage:"{tagName} added.",description:"A confirmation for adding a tag."},{tagName:t})};t.prototype.tagRemovedMessage=function(t){return n.formatMessage({id:"tagInput.tagRemoved",defaultMessage:"{tagName} removed.",description:"A confirmation for removing a tag."},{tagName:t})};t.prototype.tagAlreadyAddedMessage=function(t){return n.formatMessage({id:"tagInput.tagAlreadyAdded",defaultMessage:"{tagName} has already been added.",description:"An alert for adding a tag that is already present."},{tagName:t})};t.prototype.tagLockedMessage=function(t){return n.formatMessage({id:"tagInput.tagLocked",defaultMessage:"{tagName} is locked and cannot be removed.",description:"An alert for when a user tries to remove a tag that is locked."},{tagName:t})};t.prototype.isElOrChild=function(t){return t===this.el||this.el.shadowRoot.contains(t)||this.el.contains(t)};t.prototype.componentWillLoad=function(){var t=this;if(!this.placeholder){this.placeholder=this.createPlaceholderDefault(this.addNew,this.optionEls.length>0)}if(!this.label){console.error("wm-tag-input must have a label property")}this.el.focus=function(){var e=t._tagEls[0];if(e){t.tagAreaEl.focus();t.focusTag(e)}else{t.inputEl.focus()}};var e=new ResizeObserver((function(){return t.debouncedUpdate()}));e.observe(this.el);if(this.el.closest("wm-modal")){this.inModal=true}var r=[];var i=[];this.optionEls.forEach((function(t){if(t.locked){r.push(t)}else if(t.selected){i.push(t)}}));this.tagsList=__spreadArray(__spreadArray([],r,true),i,true)};t.prototype.componentDidLoad=function(){var t=this;var e=new MutationObserver((function(e){return e.forEach((function(e){return t.handleChangeAnnouncement(e)}))}));e.observe(this.el,{subtree:true,attributes:true,attributeFilter:["selected"],childList:true});var r=new MutationObserver((function(e){return e.forEach((function(e){return t.handleOptionListChange(e)}))}));r.observe(this.el,{childList:true});if(!!this.tagAreaEl){var i=new MutationObserver((function(e){return e.forEach((function(e){return t.handleTagListChange(e)}))}));i.observe(this.tagAreaEl,{childList:true})}};t.prototype.handleChangeAnnouncement=function(t){var e=t.target;if(t.type=="childList"&&t.removedNodes.length>0){this.announce(this.tagRemovedMessage(t.removedNodes[0].textContent))}else if(t.type=="attributes"){var r=this.getTagName(e);if(e.selected){var i=this.tagAddedMessage(r);if(this.tagLimitReached){i+=" ".concat(this.maxTagsReachedMessage)}this.announce(i)}else{this.announce(this.tagRemovedMessage(r))}}};t.prototype.handleOptionListChange=function(t){var e=this;var r=Array.from(t.addedNodes);if(r.length>0){r.forEach((function(t){return!e.tagsList.includes(t)&&e.tagsList.push(t)}))}var i=Array.from(t.removedNodes);if(i.length>0){this.tagsList=this.tagsList.filter((function(t){return!i.includes(t)}))}};t.prototype.handleTagOptionSelected=function(t){var e=t.target;this.tagsList=this.tagsList.concat(e)};t.prototype.handleTagOptionDeselected=function(t){var e=t.target;this.tagsList=this.tagsList.filter((function(t){return t!=e}))};t.prototype.handleTagListChange=function(t){var e=Array.from(t.addedNodes);if(!!e){e.forEach((function(t){t.classList.add("highlight")}))}var r=t.removedNodes[0];if(!!r){r.classList.remove("highlight");if(this.focusedTag){this.focusTag(this.focusedTag)}else if(this._tagEls.length>0){var i=this._tagEls[this._tagEls.length-1];this.focusTag(i)}else{this.inputEl.focus()}}};t.prototype.componentDidRender=function(){var t=this;this.positionInput();this._tagEls.forEach((function(e){var r=e.querySelector(".tag-text");var i=t.el.shadowRoot.querySelector(".tags-and-input-wrapper");var o=r.getBoundingClientRect().left;var a=i.getBoundingClientRect().right-10-8-28;var n=e.id.replace("tag-","");var s=n&&t.el.querySelector("#"+n);if(s){r.textContent=c(r,t.getTagName(s),a-o,5)}}))};t.prototype.createPlaceholderDefault=function(t,e){var r=n.formatMessage({id:"tagInput.placeholderAddAndSearch",defaultMessage:"Add or search for a tag",description:"Placeholder text. Use imperative"});var i=n.formatMessage({id:"tagInput.placeholderSearch",defaultMessage:"Search and select a tag",description:"Placeholder text. Use imperative"});var o=n.formatMessage({id:"tagInput.placeholderAdd",defaultMessage:"Add a new tag",description:"Placeholder text. Use imperative"});var a="";if(t&&e){a=r}else if(!t&&e){a=i}else if(t){a=o}return a};t.prototype.handleClick=function(t){var e=t.target;if(this.isDropdown&&!this.el.contains(e)&&this.isExpanded){this.closeDropdown()}};t.prototype.announceError=function(){var t=this;if(this.errorMessage){setTimeout((function(){return t.announce(t.errorMessage)}),100)}};t.prototype.handleOptionClick=function(t){t.preventDefault();this.resetInput();var e;if(this.isTable){e=t.target;e=this.tagOptionFromEl(e.closest("tr"))}else{e=this.tagOptionFromEl(t.target)}e.click();if(e.locked){this.announce(this.tagLockedMessage(this.getTagName(e)))}else{e.selected?this.isTable&&e.emitDeselectedEvent():e.emitSelectedEvent()}};t.prototype.dismissTooltip=function(){if(this.tooltipVisible){h()}};t.prototype.handleInputKeyDown=function(t){if(/^.$/.test(t.key)&&this.charCount>=this.characterLimit){this.announce(this.generateCharacterLimitWarning(this.charCount,this.characterLimit))}switch(t.key){case"Enter":t.preventDefault();this.handleInputEnter();break;case"ArrowDown":t.preventDefault();this.handleInputArrowDown();break;case"ArrowUp":t.preventDefault();this.handleInputArrowUp();break;case"ArrowLeft":if(this.isTable){t.preventDefault();this.focusPrevCell()}break;case"ArrowRight":if(this.isTable){t.preventDefault();this.focusNextCell()}break;case"Escape":if(this.isDropdown&&this.isExpanded){t.preventDefault();this.closeDropdown()}break;case"ArrowLeft":case"Backspace":this.handleInputBackspace();break}};t.prototype.handleInputFocus=function(){if(this.isDropdown){this.openDropdown();this.clearOptionFocus()}};t.prototype.handleInputChanged=function(t){this.clearOptionFocus();if(this.isDropdown){if(this.charCount>=this.characterLimit-5){this.announce(this.generateCharacterLimitWarning(this.charCount,this.characterLimit))}if(!this.isExpanded){this.openDropdown()}}var e=t.target.value;if(e.includes(",")&&this.addNew){this.addTags(e)}else{this.announceExistingOptions()}};t.prototype.handleInputEnter=function(){if(this.focusedOption){if(this.focusedOption.locked){this.announce(this.tagLockedMessage(this.getTagName(this.focusedOption)))}else{this.focusedOption.click();this.focusedOption.selected?this.isTable&&this.focusedOption.emitDeselectedEvent():this.focusedOption.emitSelectedEvent();this.resetInput()}}else if(this.isDropdown){var t=this.inputEl.value;if(!!t){this.isExistingTag(t)?this.announce(this.tagAlreadyAddedMessage(t)):this.addTags(t);this.resetInput()}}};t.prototype.handleInputArrowDown=function(){var t=this;if(this.isDropdown){if(!this.isExpanded){this.openDropdown()}else{var e=[];if(this.addNewButton&&this.addNewButton.id==="add-new-btn"){e.push(this.addNewButton)}this.filteredOptionEls.forEach((function(r){e.push(t.elFromTagOption(r))}));var r=d(e,this._focusedOption,true);this.focusOption(r)}}else{var i=this.filteredOptionEls.map((function(e){return t.elFromTagOption(e)}));var r=d(i,this._focusedOption,true);this.focusOption(r)}};t.prototype.handleInputArrowUp=function(){var t=this;if(this.isDropdown){if(!this.isExpanded){this.openDropdown()}else{var e=[];if(this.addNewButton){e.push(this.addNewButton)}this.filteredOptionEls.forEach((function(r){e.push(t.elFromTagOption(r))}));var r=u(e,this._focusedOption,true);this.focusOption(r)}}else{var i=this.filteredOptionEls.map((function(e){return t.elFromTagOption(e)}));var r=u(i,this._focusedOption,true);this.focusOption(r)}};t.prototype.handleInputBackspace=function(){var t=this;if(this.inputEl.value===""&&this._tagEls.length>0){this.isKeying=true;window.requestAnimationFrame((function(){t.tagAreaEl.focus();t.focusTag(t._tagEls[t._tagEls.length-1])}))}};t.prototype.handleTagAreaKeyDown=function(t){switch(t.key){case"ArrowLeft":case"ArrowUp":t.preventDefault();if(this.focusedTag){var e=u(this._tagEls,this.focusedTag,true);this.focusTag(e)}break;case"ArrowRight":case"ArrowDown":t.preventDefault();if(this.focusedTag){var r=d(this._tagEls,this.focusedTag,true);this.focusTag(r)}break;case"Backspace":case"Delete":if(this.focusedTag){var i=this.tagOptionFromTag(this.focusedTag);if(i.locked){this.announce(this.tagLockedMessage(this.getTagName(i)))}else{i.emitDeselectedEvent()}}break}};t.prototype.handleBlur=function(t){this.dismissTooltip();this.clearOptionFocus();var e=t.relatedTarget;if(!this.isElOrChild(e)){this.fieldWrapperEl.classList.remove("focused");if(this.isDropdown){this.closeDropdown()}}};t.prototype.handleTagAreaFocus=function(t){if(this.isDropdown){this.closeDropdown()}if(this._tagEls.length>0){var e=t.relatedTarget;if(e&&e.id==="input"){var r=this._tagEls[this._tagEls.length-1];this.focusTag(r)}else{var i=this._tagEls[0];this.focusTag(i)}}};t.prototype.focusPrevCell=function(){if(this.focusedOption){if(this.focusedColumn>0){this.focusedColumn-=1}}};t.prototype.focusNextCell=function(){if(this._focusedOption){var t=this._focusedOption.querySelectorAll("td").length-1;if(this.focusedColumn<t){this.focusedColumn+=1}}};t.prototype.focusOption=function(t){if(t){this.focusedOption=this.tagOptionFromEl(t);if(t===this.addNewButton){this.addNewButton.classList.add("focused")}else{this.addNewButton&&this.addNewButton.classList.remove("focused")}if(this.isTable){var e=this._focusedOption.querySelector(".cell-content-wrapper");var r=e.scrollWidth>e.clientWidth;this.dismissTooltip();if(r){p("bottom",this._focusedOption,this._focusedOption.innerText)}}t.scrollIntoView({block:"nearest"})}};t.prototype.showTooltipIfTruncated=function(t){var e=t.querySelector(".tag-text").textContent;var r=t.id.replace("tag-","");if(r){var i=this.el.querySelector("#"+r);var o=this.getTagName(i);if(e!==o&&e.includes("...")){p("bottom",t,o)}}};t.prototype.focusTag=function(t){var e=this;this.focusedTagIndex=this._tagEls.indexOf(t);t.scrollIntoView({block:"nearest"});window.requestAnimationFrame((function(){h();e.showTooltipIfTruncated(t)}))};t.prototype.clearOptionFocus=function(){this.focusedOption=undefined;this.focusedColumn=0};t.prototype.openDropdown=function(){this.openUp=f(this.el,this.dropdownEl.clientHeight,this.el.clientHeight,-2);this.isExpanded=true};t.prototype.closeDropdown=function(){this.clearOptionFocus();this.isExpanded=false};t.prototype.resetInput=function(){this.inputEl.value=""};t.prototype.announce=function(t){if(this.liveRegionEl.textContent===t){t+=" "}this.liveRegionMessage=t};t.prototype.addTags=function(t){var e=this;var r=t.split(",").filter((function(t){return t.match(/\S/)}));r.forEach((function(t){e.wmTagInputTagAdded.emit(t)}));this.announce(this.tagAddedMessage(r.join(", ")));this.resetInput()};t.prototype.announceExistingOptions=function(){var t=this;window.requestAnimationFrame((function(){var e=t.filteredOptionEls.length;var r=n.formatMessage({id:"tagInput.existingOptions",defaultMessage:"{num, plural, one {1 existing option.} other {# existing options.}}"},{num:e});t.announce(r)}))};t.prototype.generateCharacterLimitWarning=function(t,e){var r=m.getCharactersEntered(t,e);if(t>=e){r+=" ".concat(m.characterLimitReached)}return r};t.prototype.positionInput=function(){if(this.tagAreaEl){var t=this._tagEls[this._tagEls.length-1];this.inputEl.style.position="static";this.inputEl.style.width="100%";this.inputEl.classList.add("extended");if(t){var e=this.tagAreaEl.getBoundingClientRect().right-t.getBoundingClientRect().right;if(e>=this.inputMinimumWidth){this.inputEl.style.position="absolute";this.inputEl.style.top=t.offsetTop.toString()+"px";this.inputEl.style.width=(e-8).toString()+"px";this.inputEl.classList.remove("extended")}}}};t.prototype.handleTagMouseEnter=function(t){this.showTooltipIfTruncated(t.target)};t.prototype.renderDropdown=function(){var t=this;return o("div",{class:"dropdown-wrapper ".concat(this.isExpanded?"open":""," ").concat(this.openUp?"upwards":""),ref:function(e){return t.dropdownEl=e}},o("div",{id:"help-text",class:"help-text"},this.renderHelpText()),o("ul",{class:"dropdown",id:"dropdown",role:"listbox","aria-multiselectable":"true","aria-expanded":this.isExpanded?"true":"false","aria-label":this.label,tabindex:-1},this.inputEl&&this.renderAddNewButton(),this.filteredOptionEls.map((function(e){return t.renderListItem(e)}))))};t.prototype.renderHelpText=function(){if(this.helpText)return this.helpText;var t="";if(this.optionEls.length>0){t=this.selectionHelpText}if(this.addNew){t+=" "+this.addNewHelpText}return t};t.prototype.renderAddNewButton=function(){var t=this;var e=this.inputEl.value.trim();var r=this.inputEl.value.match(/\S/);var i=this.isExistingTag(this.inputEl.value.trim());return this.addNew&&r&&!i&&o("li",{ref:function(e){return t.addNewButton=e},id:"add-new-btn",class:"add-new-btn",onClick:function(){return t.addTags(e)}},"Add "+e)};t.prototype.renderTable=function(){var t=this;return o("div",{class:"table-wrapper",onScroll:function(){return t.dismissTooltip()}},o("table",{id:"table",role:"grid",class:"".concat(this.colWidths?"fixed-widths":""),"aria-label":this.label,"aria-multiselectable":"true"},this.renderTableHeaders(),this.filteredOptionEls.length?this.filteredOptionEls.map((function(e){return t.renderTableRow(e)})):o("div",{class:"no-results"},this.noResultsMessage)))};t.prototype.renderTableHeaders=function(){var t=this;return o("tr",{class:"headers",role:"row"},g(this.colHeaders).map((function(e,r){var i="wrap";if(t.colWrap&&g(t.colWrap)[r]){i=g(t.colWrap)[r]}return o("th",{class:"header-cell ".concat(i),role:"columnheader",width:t.colWidths?g(t.colWidths)[r]:""},e)})))};t.prototype.renderTag=function(t){var e=this;var r=this.focusedTag&&this.focusedTag.id==="tag-"+t.id?"focused":"";var i=this.getTagName(t);return o("li",{id:"tag-"+t.id,role:"option",class:"tag ".concat(r," ").concat(t.locked?"locked":""),"aria-describedby":"tag-".concat(t.id,"-description"),onMouseEnter:function(t){return e.handleTagMouseEnter(t)},onMouseLeave:h},o("span",{class:"sr-only"},i),o("div",{class:"description",id:"tag-".concat(t.id,"-description")},t.locked?"locked":""),o("span",{class:"tag-text","aria-hidden":"true"},i),t.locked?o("div",{class:"icon lock"}):o("button",{class:"icon remove-btn",tabIndex:-1,onClick:function(){return t.emitDeselectedEvent()}}))};t.prototype.renderTags=function(){var t=this;return this.tagsList.map((function(e){return t.renderTag(e)}))};t.prototype.renderTagCounter=function(){if(this.maxTags){return o("div",{class:"lower-row"},o("div",{id:"max-tags"},this.renderMaxTags()))}};t.prototype.renderMaxTags=function(){if(this.helpText){return this.helpText}else{var t="".concat(this.tagsAddedMessage,": ").concat(this.taggedOptions.length,"/").concat(this.maxTags);if(this.tagLimitReached){t+="- ".concat(this.maxTagsReachedMessage)}return t}};t.prototype.handleCellMouseEnter=function(t){var e=t.target;var r=e.querySelector(".cell-content-wrapper");var i=r.scrollWidth>r.clientWidth;if(i){p("bottom",e,e.innerText)}};t.prototype.renderTableCells=function(t){var e=this;var r=[t.col1,t.col2,t.col3,t.col4].filter((function(t){return!!t}));return r.map((function(r,i){var a="".concat(t.id,"-col").concat(i+1);var n="wrap";if(e.colWrap&&g(e.colWrap)[i]){n=g(e.colWrap)[i]}var s={focused:!!e._focusedCell&&a===e._focusedCell.id};return o("td",{id:a,class:s,role:"gridcell","aria-describedby":"".concat(a,"-description"),"aria-selected":t.selected?"true":"false","aria-readonly":t.locked?"true":null,onMouseEnter:function(t){return e.handleCellMouseEnter(t)},onMouseLeave:function(){return h()}},o("div",{class:"cell-content-wrapper ".concat(n)},r),o("div",{class:"description",id:"".concat(a,"-description")},t.locked?"locked":""))}))};t.prototype.renderTableRow=function(t){var e=this;var r={selected:t.selected,locked:t.locked,focused:this.focusedOption&&t===this.focusedOption?true:false};return o("tr",{id:t.id,class:r,onClick:function(t){return e.handleOptionClick(t)}},this.renderTableCells(t))};t.prototype.renderListItem=function(t){var e=this;if(!!this.inputEl){var r=this.focusedOption&&t===this.focusedOption;return o("li",{id:t.id,role:"option",class:"option ".concat(r?"focused":""),"aria-selected":t.selected?"true":"false",onClick:function(t){return e.handleOptionClick(t)}},t.textContent)}};t.prototype.render=function(){var t=this;return o("div",{class:"wrapper label-".concat(this.labelPosition," ").concat(this.errorMessage?"invalid":"")},o("div",{class:"label-wrapper"},o("label",{class:"label",htmlFor:"input"},this.label,this.requiredField&&o("span",{class:"required","aria-hidden":"true"},"*"))),o("div",{class:"field-wrapper ".concat(this.el.shadowRoot.activeElement===this.inputEl?"focused":""," ").concat(this.errorMessage?"invalid":""),ref:function(e){return t.fieldWrapperEl=e}},o("div",{class:"upper-row"},o("div",{class:"tags-and-input-wrapper ".concat(this.inModal?"in-modal":"")},o("ul",{ref:function(e){return t.tagAreaEl=e},class:"tag-area ".concat(this.taggedOptions.length===0&&"empty"," ").concat(this.isKeying?"user-is-keying":""),role:"listbox","aria-activedescendant":this.focusedTag?this.focusedTag.id:null,"aria-orientation":"horizontal","aria-label":"".concat(this.label," ").concat(this.tagAreaInstructions),tabindex:this._tagEls.length>0?0:-1,"aria-describedby":"info max-tags",onFocus:function(e){return t.handleTagAreaFocus(e)},onBlur:function(e){t.focusedTagIndex=undefined;t.handleBlur(e)},onKeyDown:function(e){return t.handleTagAreaKeyDown(e)}},this.renderTags()),o("input",{id:"input",class:"input",role:"combobox",ref:function(e){return t.inputEl=e},autocomplete:"off","aria-required":this.requiredField?"true":null,"aria-controls":this.tagInputType,"aria-describedby":"help-text".concat(this.errorMessage?" error ":""," max-tags"),"aria-label":"".concat(this.label," ").concat(this.isDropdown?m.getCharacterLimit(this.characterLimit):""),"aria-expanded":this.isDropdown?this.isExpanded.toString():null,"aria-activedescendant":this.inputActiveDescendantId,placeholder:this.placeholder,maxLength:this.isDropdown?this.characterLimit:undefined,onInput:function(e){return t.handleInputChanged(e)},onBlur:function(e){t.handleBlur(e)},onFocus:function(){return t.handleInputFocus()},onKeyDown:function(e){return t.handleInputKeyDown(e)}})),this.isDropdown&&o("div",{class:"character-count"},this.charCount,"/",this.characterLimit)),this.renderTagCounter(),this.isDropdown&&this.renderDropdown()),this.info&&o("div",{id:"info",class:"info-text"},this.info),o("div",{id:"error"},this.errorMessage),o("div",{class:"sr-only","aria-live":"polite",ref:function(e){return t.liveRegionEl=e},"aria-atomic":"true"},this.liveRegionMessage),this.isTable&&this.renderTable())};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{errorMessage:["announceError"]}},enumerable:false,configurable:true});return t}());w.style=b}}}));
+var __spreadArray=this&&this.__spreadArray||function(t,e,r){if(r||arguments.length===2)for(var i=0,o=e.length,a;i<o;i++){if(a||!(i in e)){if(!a)a=Array.prototype.slice.call(e,0,i);a[i]=e[i]}}return t.concat(a||Array.prototype.slice.call(e))};System.register(["./p-ab8d78cc.system.js","./p-edd87140.system.js","./p-ee31c799.system.js"],(function(t){"use strict";var e,r,i,o,a,n,s,l,c,h,d,u,p,f,g,m;return{setters:[function(t){e=t.r;r=t.c;i=t.f;o=t.h;a=t.g},function(t){n=t.i;s=t.d;l=t.u;c=t.m;h=t.h;d=t.v;u=t.w;p=t.s;f=t.k;g=t.x},function(t){m=t.g}],execute:function(){var b=':host{--wmcolor-taginput-altrow-background-table:var(--wmcolor-table-altrow-background);--wmcolor-taginput-border:var(--wmcolor-input-border);--wmcolor-taginput-charcount-background:var(--wmcolor-input-charcount-background);--wmcolor-taginput-header-background-table:var(--wmcolor-table-header-background);--wmcolor-taginput-help-text:var(--wmcolor-text);--wmcolor-taginput-icon:var(--wmcolor-icon-accent);--wmcolor-taginput-maxtags-background:var(--wmcolor-background-readonly);--wmcolor-taginput-maxtags-border:var(--wmcolor-input-border);--wmcolor-taginput-maxtags-text:var(--wmcolor-text);--wmcolor-taginput-option-background-hover:var(--wmcolor-option-background-hover);--wmcolor-taginput-option-background:var(--wmcolor-option-background);--wmcolor-taginput-option-border:var(--wmcolor-option-border);--wmcolor-taginput-option-text-selected:var(--wmcolor-option-text-disabled);--wmcolor-taginput-option-text:var(--wmcolor-interactive);--wmcolor-taginput-row-background-hover:var(--wmcolor-interactive-background-hover);--wmcolor-taginput-row-background-selected:var(--wmcolor-table-row-background-selected);--wmcolor-taginput-row-background-table:var(--wmcolor-table-row-background);--wmcolor-taginput-row-border-selected:var(--wmcolor-table-row-border-selected);--wmcolor-taginput-tag-background-focus:var(--wmcolor-palelilacgray-dark);--wmcolor-taginput-tag-background-highlight:var(--wmcolor-interactive-background-highlight);--wmcolor-taginput-tag-background-locked:var(--wmcolor-interactive-disabled);--wmcolor-taginput-tag-background:var(--wmcolor-palelilacgray);--wmcolor-taginput-tag-text-locked:var(--wmcolor-text-ondark);--wmcolor-taginput-tag-text:var(--wmcolor-text);--wmcolor-taginput-tagbutton-background-hover:var(--wmcolor-button-background-icononly-hover);--wmcolor-taginput-tagbutton-border:var(--wmcolor-button-border-icononly);--wmcolor-taginput-tagbutton-icon-hover:var(--wmcolor-button-icon-icononly-hover);--wmcolor-taginput-tagbutton-icon:var(--wmcolor-button-icon-icononly);font-family:inherit;width:100%;display:block;max-height:80vh}:host *{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px}:host .wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}:host .wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}:host .wrapper .label .required{color:var(--wmcolor-text-required)}:host .wrapper.label-left{-ms-flex-direction:row;flex-direction:row}:host .wrapper.label-left .label-wrapper{line-height:2.5rem}:host .wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}:host .wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .wrapper.invalid .label{color:var(--wmcolor-text-error)}:host .wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f026";margin-left:0.3125rem}[dir=RTL] :host .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}:host .wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}:host .wrapper{width:100%;height:100%;max-height:inherit;min-height:inherit;position:relative}:host .field-wrapper{position:relative;width:100%;border:1px solid;border-color:var(--wmcolor-taginput-border);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px}:host .field-wrapper.focused{outline:2px solid var(--wmcolor-input-border-focus);border-color:var(--wmcolor-input-border-focus)}:host .field-wrapper.invalid{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);box-shadow:0 0 0 1px var(--wmcolor-input-border-error);border-color:var(--wmcolor-input-border-error)}:host .wrapper:not(.label-left) .field-wrapper{-ms-flex-negative:0;flex-shrink:0}:host .character-count{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:5rem;background-color:var(--wmcolor-taginput-charcount-background);font-size:0.875rem;font-weight:500;-ms-flex-item-align:stretch;align-self:stretch}:host .tags-and-input-wrapper{position:relative;width:100%;padding:8px 8px 8px 6px;overflow:auto;max-height:200px}:host .tags-and-input-wrapper.in-modal{max-height:20vh}:host .upper-row{width:100%;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:justify;justify-content:space-between}:host .upper-row:before{-ms-flex-item-align:start;align-self:flex-start;display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f349";color:var(--wmcolor-taginput-icon);padding:0.75rem 0.5rem 0.75rem 0.75rem;line-height:normal;font-size:1.12rem}:host .lower-row{width:100%;min-height:1.875rem}:host #max-tags{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:1.875rem;background-color:var(--wmcolor-taginput-maxtags-background);padding:0.5rem 1rem;color:var(--wmcolor-taginput-maxtags-text);font-size:0.875rem;border-top:1px solid var(--wmcolor-taginput-maxtags-border);border-radius:0 0 3px 3px}:host .tag-area{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0;margin:0;gap:8px}:host .tag-area:focus{outline:none}:host .tag-area li{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;height:1.75rem;list-style:none;color:var(--wmcolor-taginput-tag-text);background-color:var(--wmcolor-taginput-tag-background);padding:0.5rem 0.625rem;-webkit-transition:background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);white-space:pre}:host .tag-area li.highlight{-webkit-animation:fadeIn 1s;animation:fadeIn 1s}@-webkit-keyframes fadeIn{0%{background-color:var(--wmcolor-taginput-tag-background)}50%{background-color:var(--wmcolor-taginput-tag-background-highlight)}100%{background-color:var(--wmcolor-taginput-tag-background)}}@keyframes fadeIn{0%{background-color:var(--wmcolor-taginput-tag-background)}50%{background-color:var(--wmcolor-taginput-tag-background-highlight)}100%{background-color:var(--wmcolor-taginput-tag-background)}}:host .tag-area li.locked{background-color:var(--wmcolor-taginput-tag-background-locked);color:var(--wmcolor-taginput-tag-text-locked)}:host .tag-area li .icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:1.25rem;width:1.25rem;padding:0;margin-left:0.5rem}:host .tag-area li .icon.remove-btn{border:1px solid var(--wmcolor-taginput-tagbutton-border);color:var(--wmcolor-taginput-tagbutton-icon);border-radius:50%;cursor:pointer;-webkit-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1)}:host .tag-area li .icon.remove-btn:hover{color:var(--wmcolor-taginput-tagbutton-icon-hover);background-color:var(--wmcolor-taginput-tagbutton-background-hover)}:host .tag-area li .icon.remove-btn:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f156"}:host .tag-area li .icon.lock{color:var(--wmcolor-taginput-tag-text-locked)}:host .tag-area li .icon.lock: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:"\\f341"}:host .tag-area.user-is-keying:focus-visible li.focused{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:3px}:host .input{font-family:inherit;border:none;height:1.75rem;padding:0;margin:0;right:8px}:host .input:focus{outline:none}:host .tag-area:not(.empty)+.input.extended{-webkit-margin-before:8px;margin-block-start:8px}:host .dropdown-wrapper{margin:0;padding:0;-webkit-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0);-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;position:absolute;top:calc(100% + 2px);right:0;z-index:100;width:100%;font-size:0.875rem}:host .dropdown-wrapper .dropdown{-webkit-overflow-scrolling:touch;overflow:auto;max-height:12.5rem;margin:0;padding:0}:host .dropdown-wrapper.open{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}:host .dropdown-wrapper.upwards{top:unset;bottom:calc(100% + 2px);-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom}:host .dropdown-wrapper li,:host .dropdown-wrapper div{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0 1rem;background:var(--wmcolor-taginput-option-background);list-style:none;min-height:2.6875rem;white-space:pre-wrap;overflow-wrap:anywhere}:host .dropdown-wrapper li.option,:host .dropdown-wrapper li.add-new-btn,:host .dropdown-wrapper div.option,:host .dropdown-wrapper div.add-new-btn{cursor:pointer;color:var(--wmcolor-taginput-option-text);font-weight:bold;width:100%;border:none}:host .dropdown-wrapper li.option[aria-selected=true],:host .dropdown-wrapper li.add-new-btn[aria-selected=true],:host .dropdown-wrapper div.option[aria-selected=true],:host .dropdown-wrapper div.add-new-btn[aria-selected=true]{color:var(--wmcolor-taginput-option-text-selected);font-style:italic;font-weight:normal;cursor:unset}:host .dropdown-wrapper li.option:hover:not([aria-selected=true]),:host .dropdown-wrapper li.option.focused,:host .dropdown-wrapper li.add-new-btn:hover:not([aria-selected=true]),:host .dropdown-wrapper li.add-new-btn.focused,:host .dropdown-wrapper div.option:hover:not([aria-selected=true]),:host .dropdown-wrapper div.option.focused,:host .dropdown-wrapper div.add-new-btn:hover:not([aria-selected=true]),:host .dropdown-wrapper div.add-new-btn.focused{outline:none;background:var(--wmcolor-taginput-option-background-hover)}:host .dropdown-wrapper li.help-text,:host .dropdown-wrapper div.help-text{color:var(--wmcolor-taginput-help-text);height:auto;min-height:2.6875rem;padding-top:0.25rem;padding-bottom:0.25rem;white-space:normal}:host .dropdown-wrapper li:not(:last-child),:host .dropdown-wrapper div:not(:last-child){border-bottom:2px solid var(--wmcolor-taginput-option-border)}:host .info-text{font-style:italic;margin-top:0.25rem}:host .table-wrapper{overflow:auto;margin-top:1.5rem}:host .table-wrapper #table{width:100%;border-spacing:0px}:host .table-wrapper #table.fixed-widths{table-layout:fixed}:host .table-wrapper #table .headers{height:2.5rem;background-color:var(--wmcolor-taginput-header-background-table)}:host .table-wrapper #table .headers th{text-align:left;font-size:0.75rem;font-weight:700;text-transform:uppercase;padding:0 1.5rem}:host .table-wrapper tr:nth-child(even){background-color:var(--wmcolor-taginput-altrow-background-table)}:host .table-wrapper tr.selected,:host .table-wrapper tr.locked{background-color:var(--wmcolor-taginput-row-background-selected);-webkit-box-shadow:inset 0 0 0 1px var(--wmcolor-taginput-row-border-selected);box-shadow:inset 0 0 0 1px var(--wmcolor-taginput-row-border-selected);font-weight:500}:host .table-wrapper tr.focused,:host .table-wrapper tr:hover:not(.locked){background-color:var(--wmcolor-taginput-row-background-hover);-webkit-box-shadow:none;box-shadow:none}:host .table-wrapper tr.locked td{cursor:auto}:host .table-wrapper tr.locked td:first-child .cell-content-wrapper: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:"\\f33e";margin-right:0.5rem;color:var(--wmcolor-taginput-tag-text)}:host .table-wrapper td{height:3.75rem;vertical-align:middle;padding:0 1.5rem;cursor:pointer}:host .table-wrapper td.focused{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:-3px}:host .table-wrapper td .cell-content-wrapper.trunc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .description{display:none}:host .no-results{padding:1.25rem 1.5rem}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host #error{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem}:host #error:not(:empty){margin-top:0.25rem}';var w=t("wm_tag_input",function(){function t(t){var o=this;e(this,t);this.wmTagInputTagAdded=r(this,"wmTagInputTagAdded",7);this.addNewHelpText=n.formatMessage({id:"tagInput.addNewHelpText",defaultMessage:"Press the Enter or Comma key to add a new tag.",description:"Help text appearing in a dropdown. Use imperative"});this.selectionHelpText=n.formatMessage({id:"tagInput.selectionHelpText",defaultMessage:"Search and select a tag.",description:"Help text appearing in a dropdown. Use imperative"});this.maxTagsReachedMessage=n.formatMessage({id:"tagInput.maxTagsReached",defaultMessage:"No more tags can be added because the limit has been reached."});this.tagAreaInstructions=n.formatMessage({id:"tagInput.tagAreaInstructions",defaultMessage:"tag selection. Press Backspace or Delete to remove a tag."});this.tagsAddedMessage=n.formatMessage({id:"tagInput.tagsAdded",defaultMessage:"Tags added",description:"Full message for context: 'Tags added: x/y"});this.openUp=false;this.inModal=false;this.debouncedUpdate=s((function(){return i(o.el)}),30);this.label=undefined;this.errorMessage=undefined;this.info=undefined;this.labelPosition="top";this.maxTags=undefined;this.placeholder=undefined;this.requiredField=false;this.tagInputType="dropdown";this.helpText=undefined;this.addNew=true;this.characterLimit=50;this.colHeaders=undefined;this.colWidths=undefined;this.colWrap=undefined;this.isKeying=false;this.isExpanded=false;this.liveRegionMessage="";this.focusedOption=undefined;this.focusedColumn=0;this.focusedTagIndex=undefined;this.tagsList=[]}t.prototype.toggleKeyingOn=function(){this.isKeying=true};t.prototype.toggleKeyingOff=function(){this.isKeying=false};Object.defineProperty(t.prototype,"isDropdown",{get:function(){return this.tagInputType==="dropdown"},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"isTable",{get:function(){return this.tagInputType==="table"},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"charCount",{get:function(){return this.inputEl?this.inputEl.value.length:0},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"tooltipVisible",{get:function(){return document.getElementById("wm-tooltip").classList.contains("show")},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"optionEls",{get:function(){return Array.from(this.el.querySelectorAll("wm-tag-option"))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"filteredOptionEls",{get:function(){var t=this;var e=this.inputEl?this.inputEl.value.toLowerCase():"";var r=Array.from(this.optionEls).filter((function(r){var i="";if(t.isDropdown){i=r.textContent.toLowerCase()}else if(t.isTable){i=[r.col1,r.col2,r.col3,r.col4].join("").toLowerCase()}return i.includes(e)}));return r},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"taggedOptions",{get:function(){return this.optionEls.filter((function(t){return t.selected||t.locked}))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"_tagEls",{get:function(){return this.tagAreaEl?Array.from(this.tagAreaEl.querySelectorAll(".tag")):[]},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"focusedTag",{get:function(){if(this.focusedTagIndex!==undefined&&this.focusedTagIndex>=0){return this._tagEls[this.focusedTagIndex]}},enumerable:false,configurable:true});t.prototype.tagOptionFromEl=function(t){return t.id==="add-new-btn"?undefined:this.el.querySelector("#"+t.id)};t.prototype.tagOptionFromTag=function(t){var e=t.id.replace("tag-","");return this.el.querySelector("#"+e)};t.prototype.elFromTagOption=function(t){return this.el.shadowRoot.querySelector("#"+t.id)};Object.defineProperty(t.prototype,"_focusedOption",{get:function(){if(!!this.focusedOption){return this.elFromTagOption(this.focusedOption)}else if(this.addNewButton&&this.addNewButton.classList.contains("focused")){return this.addNewButton}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"_focusedCell",{get:function(){if(!!this._focusedOption){var t=Array.from(this._focusedOption.querySelectorAll("td"));var e=this.focusedColumn||0;return t[e]}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"inputActiveDescendantId",{get:function(){if(this._focusedOption){if(this.isTable){var t=Array.from(this._focusedOption.querySelectorAll("td"));return t[this.focusedColumn].id}return this._focusedOption.id}return null},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"tagLimitReached",{get:function(){return!!(this.maxTags&&this.taggedOptions.length>=this.maxTags)},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"noResultsMessage",{get:function(){return n.formatMessage({id:"tagInput.noResults",defaultMessage:"No results match your search.",description:"Message displayed when a user's search returns empty."})},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"inputMinimumWidth",{get:function(){if(this._tagEls){var t=getComputedStyle(this.inputEl);var e=getComputedStyle(this._tagEls[this._tagEls.length-1]);var r=[t.paddingLeft,t.paddingRight,t.marginLeft,t.marginRight,e.marginRight].reduce((function(t,e){return t+parseInt(e.replace("px",""))}),0);var i=Math.max(150,l(this.inputEl,this.placeholder).width+r);return i}else{return 150}},enumerable:false,configurable:true});t.prototype.getTagName=function(t){return this.isDropdown?t.textContent:t.col1};t.prototype.isExistingTag=function(t){var e=this;var r=this.optionEls.map((function(t){return e.getTagName(t).toLowerCase()}));return r.includes(t.toLowerCase())};t.prototype.tagAddedMessage=function(t){return n.formatMessage({id:"tagInput.tagAdded",defaultMessage:"{tagName} added.",description:"A confirmation for adding a tag."},{tagName:t})};t.prototype.tagRemovedMessage=function(t){return n.formatMessage({id:"tagInput.tagRemoved",defaultMessage:"{tagName} removed.",description:"A confirmation for removing a tag."},{tagName:t})};t.prototype.tagAlreadyAddedMessage=function(t){return n.formatMessage({id:"tagInput.tagAlreadyAdded",defaultMessage:"{tagName} has already been added.",description:"An alert for adding a tag that is already present."},{tagName:t})};t.prototype.tagLockedMessage=function(t){return n.formatMessage({id:"tagInput.tagLocked",defaultMessage:"{tagName} is locked and cannot be removed.",description:"An alert for when a user tries to remove a tag that is locked."},{tagName:t})};t.prototype.isElOrChild=function(t){return t===this.el||this.el.shadowRoot.contains(t)||this.el.contains(t)};t.prototype.componentWillLoad=function(){var t=this;if(!this.placeholder){this.placeholder=this.createPlaceholderDefault(this.addNew,this.optionEls.length>0)}if(!this.label){console.error("wm-tag-input must have a label property")}this.el.focus=function(){var e=t._tagEls[0];if(e){t.tagAreaEl.focus();t.focusTag(e)}else{t.inputEl.focus()}};var e=new ResizeObserver((function(){return t.debouncedUpdate()}));e.observe(this.el);if(this.el.closest("wm-modal")){this.inModal=true}var r=[];var i=[];this.optionEls.forEach((function(t){if(t.locked){r.push(t)}else if(t.selected){i.push(t)}}));this.tagsList=__spreadArray(__spreadArray([],r,true),i,true)};t.prototype.componentDidLoad=function(){var t=this;var e=new MutationObserver((function(e){return e.forEach((function(e){return t.handleChangeAnnouncement(e)}))}));e.observe(this.el,{subtree:true,attributes:true,attributeFilter:["selected"],childList:true});var r=new MutationObserver((function(e){return e.forEach((function(e){return t.handleOptionListChange(e)}))}));r.observe(this.el,{childList:true});if(!!this.tagAreaEl){var i=new MutationObserver((function(e){return e.forEach((function(e){return t.handleTagListChange(e)}))}));i.observe(this.tagAreaEl,{childList:true})}};t.prototype.handleChangeAnnouncement=function(t){var e=t.target;if(t.type=="childList"&&t.removedNodes.length>0){this.announce(this.tagRemovedMessage(t.removedNodes[0].textContent))}else if(t.type=="attributes"){var r=this.getTagName(e);if(e.selected){var i=this.tagAddedMessage(r);if(this.tagLimitReached){i+=" ".concat(this.maxTagsReachedMessage)}this.announce(i)}else{this.announce(this.tagRemovedMessage(r))}}};t.prototype.handleOptionListChange=function(t){var e=this;var r=Array.from(t.addedNodes);if(r.length>0){r.forEach((function(t){return!e.tagsList.includes(t)&&e.tagsList.push(t)}))}var i=Array.from(t.removedNodes);if(i.length>0){this.tagsList=this.tagsList.filter((function(t){return!i.includes(t)}))}};t.prototype.handleTagOptionSelected=function(t){var e=t.target;this.tagsList=this.tagsList.concat(e)};t.prototype.handleTagOptionDeselected=function(t){var e=t.target;this.tagsList=this.tagsList.filter((function(t){return t!=e}))};t.prototype.handleTagListChange=function(t){var e=Array.from(t.addedNodes);if(!!e){e.forEach((function(t){t.classList.add("highlight")}))}var r=t.removedNodes[0];if(!!r){r.classList.remove("highlight");if(this.focusedTag){this.focusTag(this.focusedTag)}else if(this._tagEls.length>0){var i=this._tagEls[this._tagEls.length-1];this.focusTag(i)}else{this.inputEl.focus()}}};t.prototype.componentDidRender=function(){var t=this;this.positionInput();this._tagEls.forEach((function(e){var r=e.querySelector(".tag-text");var i=t.el.shadowRoot.querySelector(".tags-and-input-wrapper");var o=r.getBoundingClientRect().left;var a=i.getBoundingClientRect().right-10-8-28;var n=e.id.replace("tag-","");var s=n&&t.el.querySelector("#"+n);if(s){r.textContent=c(r,t.getTagName(s),a-o,5)}}))};t.prototype.createPlaceholderDefault=function(t,e){var r=n.formatMessage({id:"tagInput.placeholderAddAndSearch",defaultMessage:"Add or search for a tag",description:"Placeholder text. Use imperative"});var i=n.formatMessage({id:"tagInput.placeholderSearch",defaultMessage:"Search and select a tag",description:"Placeholder text. Use imperative"});var o=n.formatMessage({id:"tagInput.placeholderAdd",defaultMessage:"Add a new tag",description:"Placeholder text. Use imperative"});var a="";if(t&&e){a=r}else if(!t&&e){a=i}else if(t){a=o}return a};t.prototype.handleClick=function(t){var e=t.target;if(this.isDropdown&&!this.el.contains(e)&&this.isExpanded){this.closeDropdown()}};t.prototype.announceError=function(){var t=this;if(this.errorMessage){setTimeout((function(){return t.announce(t.errorMessage)}),100)}};t.prototype.handleOptionClick=function(t){t.preventDefault();this.resetInput();var e;if(this.isTable){e=t.target;e=this.tagOptionFromEl(e.closest("tr"))}else{e=this.tagOptionFromEl(t.target)}e.click();if(e.locked){this.announce(this.tagLockedMessage(this.getTagName(e)))}else{e.selected?this.isTable&&e.emitDeselectedEvent():e.emitSelectedEvent()}};t.prototype.dismissTooltip=function(){if(this.tooltipVisible){h()}};t.prototype.handleInputKeyDown=function(t){if(/^.$/.test(t.key)&&this.charCount>=this.characterLimit){this.announce(this.generateCharacterLimitWarning(this.charCount,this.characterLimit))}switch(t.key){case"Enter":t.preventDefault();this.handleInputEnter();break;case"ArrowDown":t.preventDefault();this.handleInputArrowDown();break;case"ArrowUp":t.preventDefault();this.handleInputArrowUp();break;case"ArrowLeft":if(this.isTable){t.preventDefault();this.focusPrevCell()}break;case"ArrowRight":if(this.isTable){t.preventDefault();this.focusNextCell()}break;case"Escape":if(this.isDropdown&&this.isExpanded){t.preventDefault();this.closeDropdown()}break;case"ArrowLeft":case"Backspace":this.handleInputBackspace();break}};t.prototype.handleInputFocus=function(){if(this.isDropdown){this.openDropdown();this.clearOptionFocus()}};t.prototype.handleInputChanged=function(t){this.clearOptionFocus();if(this.isDropdown){if(this.charCount>=this.characterLimit-5){this.announce(this.generateCharacterLimitWarning(this.charCount,this.characterLimit))}if(!this.isExpanded){this.openDropdown()}}var e=t.target.value;if(e.includes(",")&&this.addNew){this.addTags(e)}else{this.announceExistingOptions()}};t.prototype.handleInputEnter=function(){if(this.focusedOption){if(this.focusedOption.locked){this.announce(this.tagLockedMessage(this.getTagName(this.focusedOption)))}else{this.focusedOption.click();this.focusedOption.selected?this.isTable&&this.focusedOption.emitDeselectedEvent():this.focusedOption.emitSelectedEvent();this.resetInput()}}else if(this.isDropdown){var t=this.inputEl.value;if(!!t){this.isExistingTag(t)?this.announce(this.tagAlreadyAddedMessage(t)):this.addTags(t);this.resetInput()}}};t.prototype.handleInputArrowDown=function(){var t=this;if(this.isDropdown){if(!this.isExpanded){this.openDropdown()}else{var e=[];if(this.addNewButton&&this.addNewButton.id==="add-new-btn"){e.push(this.addNewButton)}this.filteredOptionEls.forEach((function(r){e.push(t.elFromTagOption(r))}));var r=d(e,this._focusedOption,true);this.focusOption(r)}}else{var i=this.filteredOptionEls.map((function(e){return t.elFromTagOption(e)}));var r=d(i,this._focusedOption,true);this.focusOption(r)}};t.prototype.handleInputArrowUp=function(){var t=this;if(this.isDropdown){if(!this.isExpanded){this.openDropdown()}else{var e=[];if(this.addNewButton){e.push(this.addNewButton)}this.filteredOptionEls.forEach((function(r){e.push(t.elFromTagOption(r))}));var r=u(e,this._focusedOption,true);this.focusOption(r)}}else{var i=this.filteredOptionEls.map((function(e){return t.elFromTagOption(e)}));var r=u(i,this._focusedOption,true);this.focusOption(r)}};t.prototype.handleInputBackspace=function(){var t=this;if(this.inputEl.value===""&&this._tagEls.length>0){this.isKeying=true;window.requestAnimationFrame((function(){t.tagAreaEl.focus();t.focusTag(t._tagEls[t._tagEls.length-1])}))}};t.prototype.handleTagAreaKeyDown=function(t){switch(t.key){case"ArrowLeft":case"ArrowUp":t.preventDefault();if(this.focusedTag){var e=u(this._tagEls,this.focusedTag,true);this.focusTag(e)}break;case"ArrowRight":case"ArrowDown":t.preventDefault();if(this.focusedTag){var r=d(this._tagEls,this.focusedTag,true);this.focusTag(r)}break;case"Backspace":case"Delete":if(this.focusedTag){var i=this.tagOptionFromTag(this.focusedTag);if(i.locked){this.announce(this.tagLockedMessage(this.getTagName(i)))}else{i.emitDeselectedEvent()}}break}};t.prototype.handleBlur=function(t){this.dismissTooltip();this.clearOptionFocus();var e=t.relatedTarget;if(!this.isElOrChild(e)){this.fieldWrapperEl.classList.remove("focused");if(this.isDropdown){this.closeDropdown()}}};t.prototype.handleTagAreaFocus=function(t){if(this.isDropdown){this.closeDropdown()}if(this._tagEls.length>0){var e=t.relatedTarget;if(e&&e.id==="input"){var r=this._tagEls[this._tagEls.length-1];this.focusTag(r)}else{var i=this._tagEls[0];this.focusTag(i)}}};t.prototype.focusPrevCell=function(){if(this.focusedOption){if(this.focusedColumn>0){this.focusedColumn-=1}}};t.prototype.focusNextCell=function(){if(this._focusedOption){var t=this._focusedOption.querySelectorAll("td").length-1;if(this.focusedColumn<t){this.focusedColumn+=1}}};t.prototype.focusOption=function(t){if(t){this.focusedOption=this.tagOptionFromEl(t);if(t===this.addNewButton){this.addNewButton.classList.add("focused")}else{this.addNewButton&&this.addNewButton.classList.remove("focused")}if(this.isTable){var e=this._focusedOption.querySelector(".cell-content-wrapper");var r=e.scrollWidth>e.clientWidth;this.dismissTooltip();if(r){p("bottom",this._focusedOption,this._focusedOption.innerText)}}t.scrollIntoView({block:"nearest"})}};t.prototype.showTooltipIfTruncated=function(t){var e=t.querySelector(".tag-text").textContent;var r=t.id.replace("tag-","");if(r){var i=this.el.querySelector("#"+r);var o=this.getTagName(i);if(e!==o&&e.includes("...")){p("bottom",t,o)}}};t.prototype.focusTag=function(t){var e=this;this.focusedTagIndex=this._tagEls.indexOf(t);t.scrollIntoView({block:"nearest"});window.requestAnimationFrame((function(){h();e.showTooltipIfTruncated(t)}))};t.prototype.clearOptionFocus=function(){this.focusedOption=undefined;this.focusedColumn=0};t.prototype.openDropdown=function(){this.openUp=f(this.el,this.dropdownEl.clientHeight,this.el.clientHeight,-2);this.isExpanded=true};t.prototype.closeDropdown=function(){this.clearOptionFocus();this.isExpanded=false};t.prototype.resetInput=function(){this.inputEl.value=""};t.prototype.announce=function(t){if(this.liveRegionEl.textContent===t){t+=" "}this.liveRegionMessage=t};t.prototype.addTags=function(t){var e=this;var r=t.split(",").filter((function(t){return t.match(/\S/)}));r.forEach((function(t){e.wmTagInputTagAdded.emit(t)}));this.announce(this.tagAddedMessage(r.join(", ")));this.resetInput()};t.prototype.announceExistingOptions=function(){var t=this;window.requestAnimationFrame((function(){var e=t.filteredOptionEls.length;var r=n.formatMessage({id:"tagInput.existingOptions",defaultMessage:"{num, plural, one {1 existing option.} other {# existing options.}}"},{num:e});t.announce(r)}))};t.prototype.generateCharacterLimitWarning=function(t,e){var r=m.getCharactersEntered(t,e);if(t>=e){r+=" ".concat(m.characterLimitReached)}return r};t.prototype.positionInput=function(){if(this.tagAreaEl){var t=this._tagEls[this._tagEls.length-1];this.inputEl.style.position="static";this.inputEl.style.width="100%";this.inputEl.classList.add("extended");if(t){var e=this.tagAreaEl.getBoundingClientRect().right-t.getBoundingClientRect().right;if(e>=this.inputMinimumWidth){this.inputEl.style.position="absolute";this.inputEl.style.top=t.offsetTop.toString()+"px";this.inputEl.style.width=(e-8).toString()+"px";this.inputEl.classList.remove("extended")}}}};t.prototype.handleTagMouseEnter=function(t){this.showTooltipIfTruncated(t.target)};t.prototype.renderDropdown=function(){var t=this;return o("div",{class:"dropdown-wrapper ".concat(this.isExpanded?"open":""," ").concat(this.openUp?"upwards":""),ref:function(e){return t.dropdownEl=e}},o("div",{id:"help-text",class:"help-text"},this.renderHelpText()),o("ul",{class:"dropdown",id:"dropdown",role:"listbox","aria-multiselectable":"true","aria-expanded":this.isExpanded?"true":"false","aria-label":this.label,tabindex:-1},this.inputEl&&this.renderAddNewButton(),this.filteredOptionEls.map((function(e){return t.renderListItem(e)}))))};t.prototype.renderHelpText=function(){if(this.helpText)return this.helpText;var t="";if(this.optionEls.length>0){t=this.selectionHelpText}if(this.addNew){t+=" "+this.addNewHelpText}return t};t.prototype.renderAddNewButton=function(){var t=this;var e=this.inputEl.value.trim();var r=this.inputEl.value.match(/\S/);var i=this.isExistingTag(this.inputEl.value.trim());return this.addNew&&r&&!i&&o("li",{ref:function(e){return t.addNewButton=e},id:"add-new-btn",class:"add-new-btn",onClick:function(){return t.addTags(e)}},"Add "+e)};t.prototype.renderTable=function(){var t=this;return o("div",{class:"table-wrapper",onScroll:function(){return t.dismissTooltip()}},o("table",{id:"table",role:"grid",class:"".concat(this.colWidths?"fixed-widths":""),"aria-label":this.label,"aria-multiselectable":"true"},this.renderTableHeaders(),this.filteredOptionEls.length?this.filteredOptionEls.map((function(e){return t.renderTableRow(e)})):o("div",{class:"no-results"},this.noResultsMessage)))};t.prototype.renderTableHeaders=function(){var t=this;return o("tr",{class:"headers",role:"row"},g(this.colHeaders).map((function(e,r){var i="wrap";if(t.colWrap&&g(t.colWrap)[r]){i=g(t.colWrap)[r]}return o("th",{class:"header-cell ".concat(i),role:"columnheader",width:t.colWidths?g(t.colWidths)[r]:""},e)})))};t.prototype.renderTag=function(t){var e=this;var r=this.focusedTag&&this.focusedTag.id==="tag-"+t.id?"focused":"";var i=this.getTagName(t);return o("li",{id:"tag-"+t.id,role:"option",class:"tag ".concat(r," ").concat(t.locked?"locked":""),"aria-describedby":"tag-".concat(t.id,"-description"),onMouseEnter:function(t){return e.handleTagMouseEnter(t)},onMouseLeave:h},o("span",{class:"sr-only"},i),o("div",{class:"description",id:"tag-".concat(t.id,"-description")},t.locked?"locked":""),o("span",{class:"tag-text","aria-hidden":"true"},i),t.locked?o("div",{class:"icon lock"}):o("button",{class:"icon remove-btn",tabIndex:-1,onClick:function(){return t.emitDeselectedEvent()}}))};t.prototype.renderTags=function(){var t=this;return this.tagsList.map((function(e){return t.renderTag(e)}))};t.prototype.renderTagCounter=function(){if(this.maxTags){return o("div",{class:"lower-row"},o("div",{id:"max-tags"},this.renderMaxTags()))}};t.prototype.renderMaxTags=function(){if(this.helpText){return this.helpText}else{var t="".concat(this.tagsAddedMessage,": ").concat(this.taggedOptions.length,"/").concat(this.maxTags);if(this.tagLimitReached){t+="- ".concat(this.maxTagsReachedMessage)}return t}};t.prototype.handleCellMouseEnter=function(t){var e=t.target;var r=e.querySelector(".cell-content-wrapper");var i=r.scrollWidth>r.clientWidth;if(i){p("bottom",e,e.innerText)}};t.prototype.renderTableCells=function(t){var e=this;var r=[t.col1,t.col2,t.col3,t.col4].filter((function(t){return!!t}));return r.map((function(r,i){var a="".concat(t.id,"-col").concat(i+1);var n="wrap";if(e.colWrap&&g(e.colWrap)[i]){n=g(e.colWrap)[i]}var s={focused:!!e._focusedCell&&a===e._focusedCell.id};return o("td",{id:a,class:s,role:"gridcell","aria-describedby":"".concat(a,"-description"),"aria-selected":t.selected?"true":"false","aria-readonly":t.locked?"true":null,onMouseEnter:function(t){return e.handleCellMouseEnter(t)},onMouseLeave:function(){return h()}},o("div",{class:"cell-content-wrapper ".concat(n)},r),o("div",{class:"description",id:"".concat(a,"-description")},t.locked?"locked":""))}))};t.prototype.renderTableRow=function(t){var e=this;var r={selected:t.selected,locked:t.locked,focused:this.focusedOption&&t===this.focusedOption?true:false};return o("tr",{id:t.id,class:r,onClick:function(t){return e.handleOptionClick(t)}},this.renderTableCells(t))};t.prototype.renderListItem=function(t){var e=this;if(!!this.inputEl){var r=this.focusedOption&&t===this.focusedOption;return o("li",{id:t.id,role:"option",class:"option ".concat(r?"focused":""),"aria-selected":t.selected?"true":"false",onClick:function(t){return e.handleOptionClick(t)}},t.textContent)}};t.prototype.render=function(){var t=this;return o("div",{class:"wrapper label-".concat(this.labelPosition," ").concat(this.errorMessage?"invalid":"")},o("div",{class:"label-wrapper"},o("label",{class:"label",htmlFor:"input"},this.label,this.requiredField&&o("span",{class:"required","aria-hidden":"true"},"*"))),o("div",{class:"field-wrapper ".concat(this.el.shadowRoot.activeElement===this.inputEl?"focused":""," ").concat(this.errorMessage?"invalid":""),ref:function(e){return t.fieldWrapperEl=e}},o("div",{class:"upper-row"},o("div",{class:"tags-and-input-wrapper ".concat(this.inModal?"in-modal":"")},o("ul",{ref:function(e){return t.tagAreaEl=e},class:"tag-area ".concat(this.taggedOptions.length===0&&"empty"," ").concat(this.isKeying?"user-is-keying":""),role:"listbox","aria-activedescendant":this.focusedTag?this.focusedTag.id:null,"aria-orientation":"horizontal","aria-label":"".concat(this.label," ").concat(this.tagAreaInstructions),tabindex:this._tagEls.length>0?0:-1,"aria-describedby":"info max-tags",onFocus:function(e){return t.handleTagAreaFocus(e)},onBlur:function(e){t.focusedTagIndex=undefined;t.handleBlur(e)},onKeyDown:function(e){return t.handleTagAreaKeyDown(e)}},this.renderTags()),o("input",{id:"input",class:"input",role:"combobox",ref:function(e){return t.inputEl=e},autocomplete:"off","aria-required":this.requiredField?"true":null,"aria-controls":this.tagInputType,"aria-describedby":"help-text".concat(this.errorMessage?" error ":""," max-tags"),"aria-label":"".concat(this.label," ").concat(this.isDropdown?m.getCharacterLimit(this.characterLimit):""),"aria-expanded":this.isDropdown?this.isExpanded.toString():null,"aria-activedescendant":this.inputActiveDescendantId,placeholder:this.placeholder,maxLength:this.isDropdown?this.characterLimit:undefined,onInput:function(e){return t.handleInputChanged(e)},onBlur:function(e){t.handleBlur(e)},onFocus:function(){return t.handleInputFocus()},onKeyDown:function(e){return t.handleInputKeyDown(e)}})),this.isDropdown&&o("div",{class:"character-count"},this.charCount,"/",this.characterLimit)),this.renderTagCounter(),this.isDropdown&&this.renderDropdown()),this.info&&o("div",{id:"info",class:"info-text"},this.info),o("div",{id:"error"},this.errorMessage),o("div",{class:"sr-only","aria-live":"polite",ref:function(e){return t.liveRegionEl=e},"aria-atomic":"true"},this.liveRegionMessage),this.isTable&&this.renderTable())};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{errorMessage:["announceError"]}},enumerable:false,configurable:true});return t}());w.style=b}}}));

package/dist/ripple/{p-3d50db36.entry.js → p-cedfcf23.entry.js}

@@ -1 +1 @@
-import{r as t,c as a,h as n,H as i,g as o}from"./p-568c595f.js";import{g as e,s as r,h as s}from"./p-16f65bf4.js";import{g as c}from"./p-21d372ed.js";const p=class{constructor(n){t(this,n),this.wmSnackbarSnackFinished=a(this,"wmSnackbarSnackFinished",7),this.wmSnackbarActionTriggered=a(this,"wmSnackbarActionTriggered",7),this.parsedNotifications=[],this.uid=this.el.id?this.el.id:e(),this.focusOnDismiss=null,this.timers={},this.notifications="[]",this.isTabbing=!1,this.announcement=""}componentDidLoad(){new MutationObserver((t=>t.forEach((t=>this.handleSnackMutation(t))))).observe(this.snackAreaEl,{childList:!0})}handleSnackMutation(t){const a=Array.from(t.addedNodes);a.length>0&&(a.forEach((t=>t.querySelector(".wm-snackbar").classList.add("grow"))),a[0].scrollIntoView())}updateSnacks(t){const a=[...this.parsedNotifications];if(this.parsedNotifications=[...JSON.parse(t)],this.resetUpdatedNotifications(a),a.length<this.parsedNotifications.length){const t=this.parsedNotifications[0];if(!t.link){const a=window.setTimeout((()=>this.snackExpired(t.id)),6e3);this.timers=Object.assign({[t.id]:a},this.timers)}this.announce(`${t.message} ${this.isTabbing?"":t.link}`),this.isTabbing&&t.link&&(this.focusOnDismiss=document.activeElement?document.activeElement:null,this.stopTimer(t),window.requestAnimationFrame((()=>{this.el.shadowRoot.querySelector(`#action-${t.id}`).focus()})))}this.setMinWidths()}setMinWidths(){requestAnimationFrame((()=>{this.el.shadowRoot.querySelectorAll(".msg").forEach((t=>{t.classList.remove("long"),t.scrollWidth>216&&t.classList.add("long")}))}))}resetUpdatedNotifications(t){let a=[];t.forEach((t=>{this.parsedNotifications.forEach((n=>{n.id==t.id&&n.message!=t.message&&a.push(n)}))})),a.forEach((t=>{const a=this.el.shadowRoot.querySelector(`#snack-${t.id}`);if(a&&(a.classList.remove("grow"),window.requestAnimationFrame((()=>a.classList.add("grow")))),this.stopTimer(t),!t.link){const a=window.setTimeout((()=>this.snackExpired(t.id)),6e3);this.timers=Object.assign({[t.id]:a},this.timers)}this.announce(`${t.message} ${this.isTabbing?"":t.link}`)}))}checkForTabbing(t){"Tab"===t.key&&(this.isTabbing=!0)}handleMouse(){this.isTabbing=!1}snackDismissed(t){this.endSnack(t),t.link&&this.isTabbing&&this.focusOnDismiss&&(this.focusOnDismiss.focus(),this.focusOnDismiss=null)}snackExpired(t){const a=this.parsedNotifications.find((a=>a.id==t));a&&this.endSnack(a)}endSnack(t){this.stopTimer(t),this.el.shadowRoot.querySelector(`#snack-${t.id}`).classList.add("shrink"),setTimeout((()=>{this.wmSnackbarSnackFinished.emit({id:t.id,message:t.message,link:t.link,newWindow:t.newWindow})}),250)}snackLinkClicked(t){this.stopTimer(t),this.wmSnackbarActionTriggered.emit({id:t.id,message:t.message,link:t.link,newWindow:t.newWindow})}stopTimer(t){this.timers[t.id]&&(clearTimeout(this.timers[t.id]),delete this.timers[t.id])}announce(t){this.liveRegionEl.textContent===t&&(t+=" "),this.announcement=t}renderSnackbars(){return this.parsedNotifications.map((t=>n("div",{class:"wm-snack-wrapper",key:`snack-${t.id}`},n("div",{id:`snack-${t.id}`,class:"wm-snackbar active neutral"},n("div",{class:"sr-only",tabindex:t.link?0:-1,onFocus:()=>t.link&&this.snackDismissed(t)}),n("div",{class:"content-wrapper"},n("div",{class:"msg-wrapper"},n("span",{class:"msg"},t.message),t.link&&n("a",{id:`action-${t.id}`,class:"link "+(t.newWindow?"new-window":""),"aria-label":`Click to ${t.link}...${t.newWindow?" "+c.newWindow:""}`,tabindex:0,onClick:()=>{this.snackLinkClicked(t)},onKeyDown:a=>"Enter"===a.key&&this.snackLinkClicked(t)},n("span",{"aria-hidden":"true"},t.link))),n("button",{id:`close-button-${t.id}`,"aria-label":"Close this notification",class:"closesnack",tabindex:t.link?0:-1,onClick:()=>this.snackDismissed(t),onMouseEnter:t=>r("bottom",t.target,c.close),onMouseLeave:()=>s(),onFocus:t=>this.isTabbing&&r("bottom",t.target,c.close),onBlur:()=>s()})),n("div",{class:"sr-only",tabindex:t.link?0:-1,onFocus:()=>t.link&&this.snackDismissed(t)})))))}render(){return n(i,null,n("div",{ref:t=>this.snackAreaEl=t,class:{"list-wrapper":!0,"user-is-tabbing":this.isTabbing,empty:0==this.parsedNotifications.length}},this.renderSnackbars()),n("div",{class:"sr-only","aria-live":"polite","aria-atomic":"false",id:`wm-live-region-${this.uid}`,ref:t=>this.liveRegionEl=t},this.announcement))}get el(){return o(this)}static get watchers(){return{notifications:["updateSnacks"]}}};p.style=':host{--wmcolor-snackbar-background:var(--wmcolor-background-dark);--wmcolor-snackbar-close-background-hover:var(--wmcolor-button-background-navigational-hover-ondark);--wmcolor-snackbar-close-background:var(--wmcolor-button-background-navigational-ondark);--wmcolor-snackbar-close-icon-hover:var(--wmcolor-button-icon-navigational-hover-ondark);--wmcolor-snackbar-close-icon:var(--wmcolor-button-icon-navigational-ondark);--wmcolor-snackbar-text:var(--wmcolor-text-ondark);position:fixed;bottom:0;z-index:2001}:host *{-webkit-box-sizing:border-box;box-sizing:border-box;margin:unset}:host .list-wrapper{-webkit-overflow-scrolling:touch;width:35.5rem;max-height:17.5rem;overflow:auto;padding:1.125rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1.25rem;position:fixed;bottom:0.75rem;left:0.75rem}:host .list-wrapper.empty{visibility:hidden}:host .wm-snack-wrapper{width:100%;height:100%}:host .wm-snack-wrapper .wm-snackbar{-webkit-box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-ms-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);-webkit-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);-moz-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);font-size:0.875rem;color:var(--wmcolor-snackbar-text);padding:4px 16px;min-height:3.75rem;background:var(--wmcolor-snackbar-background);opacity:0;left:0;position:relative;font-family:inherit}:host .wm-snack-wrapper .wm-snackbar.grow{-webkit-animation:grow 0.25s;animation:grow 0.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes grow{0%{opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes grow{0%{opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}:host .wm-snack-wrapper .wm-snackbar.shrink{-webkit-animation:shrink 0.25s;animation:shrink 0.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes shrink{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes shrink{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9)}}:host .wm-snack-wrapper .wm-snackbar .link{letter-spacing:0;text-transform:none;font-size:0.875rem;border:none;padding-left:0;padding-right:0;height:auto;border-radius:0;line-height:1;margin-right:1rem;text-decoration:none;font-weight:600;cursor:pointer}:host .wm-snack-wrapper .wm-snackbar .link.new-window::after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline;content:"\\f3cc";margin-left:0.25rem}:host .wm-snack-wrapper .wm-snackbar .link:hover{text-decoration:underline}:host .wm-snack-wrapper .wm-snackbar .link:focus{outline:none;border:none}:host .wm-snack-wrapper .wm-snackbar .link::-moz-focus-inner{border:0;outline:none}:host .wm-snack-wrapper .wm-snackbar:not(:last-child){margin-bottom:1.25rem}:host .wm-snack-wrapper .wm-snackbar.active:not(button){opacity:1}:host .wm-snack-wrapper .wm-snackbar .content-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;position:relative;padding:0}:host .wm-snack-wrapper .wm-snackbar .content-wrapper .msg-wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px;width:100%;-ms-flex-align:center;align-items:center}:host .wm-snack-wrapper .wm-snackbar .content-wrapper .msg-wrapper .msg{display:block;-ms-flex:0 0 0px;flex:0 0 0;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}:host .wm-snack-wrapper .wm-snackbar .content-wrapper .msg-wrapper .msg.long{min-width:216px;-ms-flex:1 0 0px;flex:1 0 0}:host .wm-snack-wrapper .wm-snackbar .content-wrapper .msg-wrapper .link{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto}:host .wm-snack-wrapper .wm-snackbar .content-wrapper .msg-wrapper .link span{display:block;white-space:nowrap}:host .wm-snack-wrapper .wm-snackbar .content-wrapper .closesnack{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;background-color:var(--wmcolor-snackbar-close-background);color:var(--wmcolor-snackbar-close-icon);cursor:pointer;border:none;font-size:1rem;padding:0;height:auto;line-height:1;min-width:2.75rem;min-height:2.75rem;text-align:center;letter-spacing:normal}:host .wm-snack-wrapper .wm-snackbar .content-wrapper .closesnack: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:"\\f156";font-size:1.12rem}:host .wm-snack-wrapper .wm-snackbar .content-wrapper .closesnack:hover{background-color:var(--wmcolor-snackbar-close-background-hover);color:var(--wmcolor-snackbar-close-icon-hover)}:host .wm-snack-wrapper .wm-snackbar .content-wrapper .closesnack:focus{outline:none}:host .wm-snack-wrapper .wm-snackbar .content-wrapper .closesnack::-moz-focus-inner{border:0;outline:none}:host .wm-snack-wrapper .wm-snackbar .content-wrapper .closesnack:active{-ms-transform:scale(0.9, 0.9);-webkit-transform:scale(0.9, 0.9);-moz-transform:scale(0.9, 0.9);transform:scale(0.9, 0.9)}:host .wm-snack-wrapper .wm-snackbar .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important;top:0;left:0}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important;top:0;left:0}.user-is-tabbing .wm-snack-wrapper .wm-snackbar .content-wrapper .closesnack:focus:not(:active){outline:3px solid var(--wmcolor-interactive-focus);outline-offset:0}.user-is-tabbing .wm-snack-wrapper .wm-snackbar .content-wrapper .closesnack:focus:not(:active)>.tooltip{clip:auto;width:auto;height:auto;opacity:1;-webkit-transition:opacity 500ms 500ms;transition:opacity 500ms 500ms;padding:0.375rem;top:2.75rem;left:2.75rem;white-space:nowrap;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (min-width: 48rem){.user-is-tabbing .wm-snack-wrapper .wm-snackbar .content-wrapper .closesnack:focus:not(:active)>.tooltip{top:2.0625rem;left:auto}}.user-is-tabbing .wm-snack-wrapper .wm-snackbar .content-wrapper .link:focus:not(:active){outline:3px solid var(--wmcolor-interactive-focus);outline-offset:2px}';export{p as wm_snackbar}
+import{r as t,c as a,h as n,H as i,g as o}from"./p-568c595f.js";import{g as e,s as r,h as s}from"./p-eca78c2b.js";import{g as c}from"./p-02dc1562.js";const p=class{constructor(n){t(this,n),this.wmSnackbarSnackFinished=a(this,"wmSnackbarSnackFinished",7),this.wmSnackbarActionTriggered=a(this,"wmSnackbarActionTriggered",7),this.parsedNotifications=[],this.uid=this.el.id?this.el.id:e(),this.focusOnDismiss=null,this.timers={},this.notifications="[]",this.isTabbing=!1,this.announcement=""}componentDidLoad(){new MutationObserver((t=>t.forEach((t=>this.handleSnackMutation(t))))).observe(this.snackAreaEl,{childList:!0})}handleSnackMutation(t){const a=Array.from(t.addedNodes);a.length>0&&(a.forEach((t=>t.querySelector(".wm-snackbar").classList.add("grow"))),a[0].scrollIntoView())}updateSnacks(t){const a=[...this.parsedNotifications];if(this.parsedNotifications=[...JSON.parse(t)],this.resetUpdatedNotifications(a),a.length<this.parsedNotifications.length){const t=this.parsedNotifications[0];if(!t.link){const a=window.setTimeout((()=>this.snackExpired(t.id)),6e3);this.timers=Object.assign({[t.id]:a},this.timers)}this.announce(`${t.message} ${this.isTabbing?"":t.link}`),this.isTabbing&&t.link&&(this.focusOnDismiss=document.activeElement?document.activeElement:null,this.stopTimer(t),window.requestAnimationFrame((()=>{this.el.shadowRoot.querySelector(`#action-${t.id}`).focus()})))}this.setMinWidths()}setMinWidths(){requestAnimationFrame((()=>{this.el.shadowRoot.querySelectorAll(".msg").forEach((t=>{t.classList.remove("long"),t.scrollWidth>216&&t.classList.add("long")}))}))}resetUpdatedNotifications(t){let a=[];t.forEach((t=>{this.parsedNotifications.forEach((n=>{n.id==t.id&&n.message!=t.message&&a.push(n)}))})),a.forEach((t=>{const a=this.el.shadowRoot.querySelector(`#snack-${t.id}`);if(a&&(a.classList.remove("grow"),window.requestAnimationFrame((()=>a.classList.add("grow")))),this.stopTimer(t),!t.link){const a=window.setTimeout((()=>this.snackExpired(t.id)),6e3);this.timers=Object.assign({[t.id]:a},this.timers)}this.announce(`${t.message} ${this.isTabbing?"":t.link}`)}))}checkForTabbing(t){"Tab"===t.key&&(this.isTabbing=!0)}handleMouse(){this.isTabbing=!1}snackDismissed(t){this.endSnack(t),t.link&&this.isTabbing&&this.focusOnDismiss&&(this.focusOnDismiss.focus(),this.focusOnDismiss=null)}snackExpired(t){const a=this.parsedNotifications.find((a=>a.id==t));a&&this.endSnack(a)}endSnack(t){this.stopTimer(t),this.el.shadowRoot.querySelector(`#snack-${t.id}`).classList.add("shrink"),setTimeout((()=>{this.wmSnackbarSnackFinished.emit({id:t.id,message:t.message,link:t.link,newWindow:t.newWindow})}),250)}snackLinkClicked(t){this.stopTimer(t),this.wmSnackbarActionTriggered.emit({id:t.id,message:t.message,link:t.link,newWindow:t.newWindow})}stopTimer(t){this.timers[t.id]&&(clearTimeout(this.timers[t.id]),delete this.timers[t.id])}announce(t){this.liveRegionEl.textContent===t&&(t+=" "),this.announcement=t}renderSnackbars(){return this.parsedNotifications.map((t=>n("div",{class:"wm-snack-wrapper",key:`snack-${t.id}`},n("div",{id:`snack-${t.id}`,class:"wm-snackbar active neutral"},n("div",{class:"sr-only",tabindex:t.link?0:-1,onFocus:()=>t.link&&this.snackDismissed(t)}),n("div",{class:"content-wrapper"},n("div",{class:"msg-wrapper"},n("span",{class:"msg"},t.message),t.link&&n("a",{id:`action-${t.id}`,class:"link "+(t.newWindow?"new-window":""),"aria-label":`Click to ${t.link}...${t.newWindow?" "+c.newWindow:""}`,tabindex:0,onClick:()=>{this.snackLinkClicked(t)},onKeyDown:a=>"Enter"===a.key&&this.snackLinkClicked(t)},n("span",{"aria-hidden":"true"},t.link))),n("button",{id:`close-button-${t.id}`,"aria-label":"Close this notification",class:"closesnack",tabindex:t.link?0:-1,onClick:()=>this.snackDismissed(t),onMouseEnter:t=>r("bottom",t.target,c.close),onMouseLeave:()=>s(),onFocus:t=>this.isTabbing&&r("bottom",t.target,c.close),onBlur:()=>s()})),n("div",{class:"sr-only",tabindex:t.link?0:-1,onFocus:()=>t.link&&this.snackDismissed(t)})))))}render(){return n(i,null,n("div",{ref:t=>this.snackAreaEl=t,class:{"list-wrapper":!0,"user-is-tabbing":this.isTabbing,empty:0==this.parsedNotifications.length}},this.renderSnackbars()),n("div",{class:"sr-only","aria-live":"polite","aria-atomic":"false",id:`wm-live-region-${this.uid}`,ref:t=>this.liveRegionEl=t},this.announcement))}get el(){return o(this)}static get watchers(){return{notifications:["updateSnacks"]}}};p.style=':host{--wmcolor-snackbar-background:var(--wmcolor-background-dark);--wmcolor-snackbar-close-background-hover:var(--wmcolor-button-background-navigational-hover-ondark);--wmcolor-snackbar-close-background:var(--wmcolor-button-background-navigational-ondark);--wmcolor-snackbar-close-icon-hover:var(--wmcolor-button-icon-navigational-hover-ondark);--wmcolor-snackbar-close-icon:var(--wmcolor-button-icon-navigational-ondark);--wmcolor-snackbar-text:var(--wmcolor-text-ondark);position:fixed;bottom:0;z-index:2001}:host *{-webkit-box-sizing:border-box;box-sizing:border-box;margin:unset}:host .list-wrapper{-webkit-overflow-scrolling:touch;width:35.5rem;max-height:17.5rem;overflow:auto;padding:1.125rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1.25rem;position:fixed;bottom:0.75rem;left:0.75rem}:host .list-wrapper.empty{visibility:hidden}:host .wm-snack-wrapper{width:100%;height:100%}:host .wm-snack-wrapper .wm-snackbar{-webkit-box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-ms-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);-webkit-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);-moz-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);font-size:0.875rem;color:var(--wmcolor-snackbar-text);padding:4px 16px;min-height:3.75rem;background:var(--wmcolor-snackbar-background);opacity:0;left:0;position:relative;font-family:inherit}:host .wm-snack-wrapper .wm-snackbar.grow{-webkit-animation:grow 0.25s;animation:grow 0.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes grow{0%{opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes grow{0%{opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}:host .wm-snack-wrapper .wm-snackbar.shrink{-webkit-animation:shrink 0.25s;animation:shrink 0.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes shrink{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes shrink{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9)}}:host .wm-snack-wrapper .wm-snackbar .link{letter-spacing:0;text-transform:none;font-size:0.875rem;border:none;padding-left:0;padding-right:0;height:auto;border-radius:0;line-height:1;margin-right:1rem;text-decoration:none;font-weight:600;cursor:pointer}:host .wm-snack-wrapper .wm-snackbar .link.new-window::after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline;content:"\\f3cc";margin-left:0.25rem}:host .wm-snack-wrapper .wm-snackbar .link:hover{text-decoration:underline}:host .wm-snack-wrapper .wm-snackbar .link:focus{outline:none;border:none}:host .wm-snack-wrapper .wm-snackbar .link::-moz-focus-inner{border:0;outline:none}:host .wm-snack-wrapper .wm-snackbar:not(:last-child){margin-bottom:1.25rem}:host .wm-snack-wrapper .wm-snackbar.active:not(button){opacity:1}:host .wm-snack-wrapper .wm-snackbar .content-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;position:relative;padding:0}:host .wm-snack-wrapper .wm-snackbar .content-wrapper .msg-wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px;width:100%;-ms-flex-align:center;align-items:center}:host .wm-snack-wrapper .wm-snackbar .content-wrapper .msg-wrapper .msg{display:block;-ms-flex:0 0 0px;flex:0 0 0;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}:host .wm-snack-wrapper .wm-snackbar .content-wrapper .msg-wrapper .msg.long{min-width:216px;-ms-flex:1 0 0px;flex:1 0 0}:host .wm-snack-wrapper .wm-snackbar .content-wrapper .msg-wrapper .link{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto}:host .wm-snack-wrapper .wm-snackbar .content-wrapper .msg-wrapper .link span{display:block;white-space:nowrap}:host .wm-snack-wrapper .wm-snackbar .content-wrapper .closesnack{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;background-color:var(--wmcolor-snackbar-close-background);color:var(--wmcolor-snackbar-close-icon);cursor:pointer;border:none;font-size:1rem;padding:0;height:auto;line-height:1;min-width:2.75rem;min-height:2.75rem;text-align:center;letter-spacing:normal}:host .wm-snack-wrapper .wm-snackbar .content-wrapper .closesnack: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:"\\f156";font-size:1.12rem}:host .wm-snack-wrapper .wm-snackbar .content-wrapper .closesnack:hover{background-color:var(--wmcolor-snackbar-close-background-hover);color:var(--wmcolor-snackbar-close-icon-hover)}:host .wm-snack-wrapper .wm-snackbar .content-wrapper .closesnack:focus{outline:none}:host .wm-snack-wrapper .wm-snackbar .content-wrapper .closesnack::-moz-focus-inner{border:0;outline:none}:host .wm-snack-wrapper .wm-snackbar .content-wrapper .closesnack:active{-ms-transform:scale(0.9, 0.9);-webkit-transform:scale(0.9, 0.9);-moz-transform:scale(0.9, 0.9);transform:scale(0.9, 0.9)}:host .wm-snack-wrapper .wm-snackbar .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important;top:0;left:0}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important;top:0;left:0}.user-is-tabbing .wm-snack-wrapper .wm-snackbar .content-wrapper .closesnack:focus:not(:active){outline:3px solid var(--wmcolor-interactive-focus);outline-offset:0}.user-is-tabbing .wm-snack-wrapper .wm-snackbar .content-wrapper .closesnack:focus:not(:active)>.tooltip{clip:auto;width:auto;height:auto;opacity:1;-webkit-transition:opacity 500ms 500ms;transition:opacity 500ms 500ms;padding:0.375rem;top:2.75rem;left:2.75rem;white-space:nowrap;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (min-width: 48rem){.user-is-tabbing .wm-snack-wrapper .wm-snackbar .content-wrapper .closesnack:focus:not(:active)>.tooltip{top:2.0625rem;left:auto}}.user-is-tabbing .wm-snack-wrapper .wm-snackbar .content-wrapper .link:focus:not(:active){outline:3px solid var(--wmcolor-interactive-focus);outline-offset:2px}';export{p as wm_snackbar}

package/dist/ripple/{p-a0ecb6d7.system.entry.js → p-d824406e.system.entry.js}

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,o,i,e){function n(t){return t instanceof i?t:new i((function(o){o(t)}))}return new(i||(i=Promise))((function(i,r){function a(t){try{c(e.next(t))}catch(t){r(t)}}function s(t){try{c(e["throw"](t))}catch(t){r(t)}}function c(t){t.done?i(t.value):n(t.value).then(a,s)}c((e=e.apply(t,o||[])).next())}))};var __generator=this&&this.__generator||function(t,o){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},e,n,r,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(o){return c([t,o])}}function c(s){if(e)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(i=0)),i)try{if(e=1,n&&(r=s[0]&2?n["return"]:s[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,s[1])).done)return r;if(n=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;n=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){i.label=s[1];break}if(s[0]===6&&i.label<r[1]){i.label=r[1];r=s;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(s);break}if(r[2])i.ops.pop();i.trys.pop();continue}s=o.call(t,i)}catch(t){s=[6,t];n=0}finally{e=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-ab8d78cc.system.js","./p-ae82b3d2.system.js"],(function(t){"use strict";var o,i,e,n,r,a,s,c;return{setters:[function(t){o=t.r;i=t.c;e=t.h;n=t.H;r=t.g},function(t){a=t.d;s=t.M;c=t.i}],execute:function(){var p="priv-chart-popover{--wmcolor-chart-popover-link-background:var(--wmcolor-background-transparent);--wmcolor-chart-popover-link-text-focus:var(--wmcolor-interactive-focus);--wmcolor-chart-popover-link-text:var(--wmcolor-button-text-textonly);position:fixed;z-index:10;border-radius:0.1875rem;-webkit-box-shadow:0 11px 15px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.12);-moz-box-shadow:0 11px 15px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.12);box-shadow:0 11px 15px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.12);background-color:var(--wmcolor-chart-popover-background);font-size:0.875rem;text-align:left}priv-chart-popover.user-is-tabbing .button-text{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:2px}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.popover{width:10.5rem;padding:0.625rem 0.9375rem;-webkit-box-sizing:border-box;box-sizing:border-box}.popover .title{font-size:1em;font-weight:500;margin:0;padding-top:0;padding-left:0;padding-bottom:0.25rem}.popover .title.positive{color:var(--wmcolor-chart-label-text-positive)}.popover .title.negative{color:var(--wmcolor-chart-label-text-negative)}.popover .text{margin:0;margin-bottom:0.5rem}.popover .popover-button{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;position:relative;display:inline-block;margin-left:1rem;padding-left:0;padding-right:0;height:auto;border:none;background:var(--wmcolor-chart-popover-link-background);cursor:pointer;text-decoration:none;letter-spacing:0;text-transform:none;text-align:initial;font-size:0.875rem;font-weight:700;color:var(--wmcolor-chart-popover-link-text);line-height:normal}.popover .popover-button .button-text{display:inline-block}.popover .popover-button .btn-icon{position:absolute;top:0.1875rem;left:-1rem}.popover .popover-button:focus{outline:none}.popover .popover-button::-moz-focus-inner{border:0;outline:none}.popover .popover-button:hover{text-decoration:none}.popover .popover-button:hover span{text-decoration:underline}";var h=t("priv_chart_popover",function(){function t(t){var e=this;o(this,t);this.wmChartPopoverButtonTriggered=i(this,"wmChartPopoverButtonTriggered",7);this.wmProgressIndicatorButtonTriggered=i(this,"wmProgressIndicatorButtonTriggered",7);this.intChartPopoverOpenChanged=i(this,"intChartPopoverOpenChanged",7);this.chartEl=this.el.parentElement.getRootNode().host;this.popoverWidth=168;this.popoverClicked=false;this.debouncedClosePopover=a((function(){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(t){this.open=false;return[2]}))}))}),10);this.open=false;this.sliceDetails=undefined}Object.defineProperty(t.prototype,"eventToEmit",{get:function(){return this.chartEl.nodeName==="WM-CHART"?this.wmChartPopoverButtonTriggered:this.wmProgressIndicatorButtonTriggered},enumerable:false,configurable:true});t.prototype.handleClickOnDocument=function(t){if(this.open){if(t.target!=this.sliceDetails.sliceRef){this.open=this.popoverClicked;this.popoverClicked=false}}};t.prototype.handleClick=function(t){if(this.open){this.popoverClicked=t.target===this.el||this.el.contains(t.target)}};t.prototype.componentDidLoad=function(){var t=this;document.addEventListener("scroll",(function(){t.debouncedClosePopover()}));var o=s(this.chartEl);if(!!o){o.addEventListener("scroll",(function(){t.debouncedClosePopover()}))}};t.prototype.handleOpenChange=function(){this.intChartPopoverOpenChanged.emit(this.open)};t.prototype.handleDetailsChange=function(){if(this.sliceDetails&&this.sliceDetails.coords){this.positionPopover()}};t.prototype.updateHighlightedInfo=function(){};t.prototype.handleButtonClick=function(){if(this.sliceDetails){var t=this.sliceDetails.sliceRef;t.click();this.eventToEmit.emit(t)}};t.prototype.renderLiveRegion=function(){if(this.liveRegion){this.liveRegion.innerHTML="";var t=document.createElement("div");var o=document.createElement("span");o.innerHTML=this.sliceDetails.title+" "||"";t.appendChild(o);var i=document.createElement("span");i.innerHTML=this.sliceDetails.text+" "||"";t.appendChild(i);if(this.sliceDetails.buttonText){var e=document.createElement("span");e.innerHTML=this.sliceDetails.buttonText+" "+c.formatMessage({id:"chart.infoButton",defaultMessage:"Button. Click for more information."});t.appendChild(e)}this.liveRegion.appendChild(t)}};t.prototype.positionPopover=function(){this.el.style.top=this.sliceDetails.coords.y+"px";if(window.innerWidth-this.sliceDetails.coords.x>=this.popoverWidth+10){this.el.style.left=this.sliceDetails.coords.x+"px"}else{this.el.style.left=this.sliceDetails.coords.x-this.popoverWidth+"px"}};t.prototype.render=function(){var t=this;var o=this.sliceDetails&&this.sliceDetails.title&&(this.sliceDetails.title[0]==="-"?"negative":this.sliceDetails.title[0]==="+"?"positive":"");return e(n,null,!!this.open&&this.sliceDetails?e("div",{"aria-hidden":"true",class:"popover"},e("h1",{class:"title ".concat(o)},this.sliceDetails.title),e("p",{class:"text"},this.sliceDetails.text),this.sliceDetails.buttonText?e("button",{tabindex:"-1",focusable:"false",class:"popover-button",onClick:function(){return t.handleButtonClick()}},e("svg",{class:"btn-icon",height:"9",width:"9"},e("path",{fill:"#575195",d:"M0 3.38v2.25h9V3.38H0zM0 0v2.25h4.5V0H0zm6.19 6.75H0V9h6.19V6.75z"})),e("span",{class:"button-text"},this.sliceDetails.buttonText)):""):"",e("div",{ref:function(o){return t.liveRegion=o},class:"live-region sr-only","aria-live":"polite","aria-atomic":"true"},this.open&&this.renderLiveRegion()))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["handleOpenChange"],sliceDetails:["handleDetailsChange"]}},enumerable:false,configurable:true});return t}());h.style=p}}}));
+var __awaiter=this&&this.__awaiter||function(t,o,i,e){function n(t){return t instanceof i?t:new i((function(o){o(t)}))}return new(i||(i=Promise))((function(i,r){function a(t){try{c(e.next(t))}catch(t){r(t)}}function s(t){try{c(e["throw"](t))}catch(t){r(t)}}function c(t){t.done?i(t.value):n(t.value).then(a,s)}c((e=e.apply(t,o||[])).next())}))};var __generator=this&&this.__generator||function(t,o){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},e,n,r,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(o){return c([t,o])}}function c(s){if(e)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(i=0)),i)try{if(e=1,n&&(r=s[0]&2?n["return"]:s[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,s[1])).done)return r;if(n=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;n=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){i.label=s[1];break}if(s[0]===6&&i.label<r[1]){i.label=r[1];r=s;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(s);break}if(r[2])i.ops.pop();i.trys.pop();continue}s=o.call(t,i)}catch(t){s=[6,t];n=0}finally{e=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-ab8d78cc.system.js","./p-edd87140.system.js"],(function(t){"use strict";var o,i,e,n,r,a,s,c;return{setters:[function(t){o=t.r;i=t.c;e=t.h;n=t.H;r=t.g},function(t){a=t.d;s=t.M;c=t.i}],execute:function(){var p="priv-chart-popover{--wmcolor-chart-popover-link-background:var(--wmcolor-background-transparent);--wmcolor-chart-popover-link-text-focus:var(--wmcolor-interactive-focus);--wmcolor-chart-popover-link-text:var(--wmcolor-button-text-textonly);position:fixed;z-index:10;border-radius:0.1875rem;-webkit-box-shadow:0 11px 15px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.12);-moz-box-shadow:0 11px 15px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.12);box-shadow:0 11px 15px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.12);background-color:var(--wmcolor-chart-popover-background);font-size:0.875rem;text-align:left}priv-chart-popover.user-is-tabbing .button-text{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:2px}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.popover{width:10.5rem;padding:0.625rem 0.9375rem;-webkit-box-sizing:border-box;box-sizing:border-box}.popover .title{font-size:1em;font-weight:500;margin:0;padding-top:0;padding-left:0;padding-bottom:0.25rem}.popover .title.positive{color:var(--wmcolor-chart-label-text-positive)}.popover .title.negative{color:var(--wmcolor-chart-label-text-negative)}.popover .text{margin:0;margin-bottom:0.5rem}.popover .popover-button{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;position:relative;display:inline-block;margin-left:1rem;padding-left:0;padding-right:0;height:auto;border:none;background:var(--wmcolor-chart-popover-link-background);cursor:pointer;text-decoration:none;letter-spacing:0;text-transform:none;text-align:initial;font-size:0.875rem;font-weight:700;color:var(--wmcolor-chart-popover-link-text);line-height:normal}.popover .popover-button .button-text{display:inline-block}.popover .popover-button .btn-icon{position:absolute;top:0.1875rem;left:-1rem}.popover .popover-button:focus{outline:none}.popover .popover-button::-moz-focus-inner{border:0;outline:none}.popover .popover-button:hover{text-decoration:none}.popover .popover-button:hover span{text-decoration:underline}";var h=t("priv_chart_popover",function(){function t(t){var e=this;o(this,t);this.wmChartPopoverButtonTriggered=i(this,"wmChartPopoverButtonTriggered",7);this.wmProgressIndicatorButtonTriggered=i(this,"wmProgressIndicatorButtonTriggered",7);this.intChartPopoverOpenChanged=i(this,"intChartPopoverOpenChanged",7);this.chartEl=this.el.parentElement.getRootNode().host;this.popoverWidth=168;this.popoverClicked=false;this.debouncedClosePopover=a((function(){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(t){this.open=false;return[2]}))}))}),10);this.open=false;this.sliceDetails=undefined}Object.defineProperty(t.prototype,"eventToEmit",{get:function(){return this.chartEl.nodeName==="WM-CHART"?this.wmChartPopoverButtonTriggered:this.wmProgressIndicatorButtonTriggered},enumerable:false,configurable:true});t.prototype.handleClickOnDocument=function(t){if(this.open){if(t.target!=this.sliceDetails.sliceRef){this.open=this.popoverClicked;this.popoverClicked=false}}};t.prototype.handleClick=function(t){if(this.open){this.popoverClicked=t.target===this.el||this.el.contains(t.target)}};t.prototype.componentDidLoad=function(){var t=this;document.addEventListener("scroll",(function(){t.debouncedClosePopover()}));var o=s(this.chartEl);if(!!o){o.addEventListener("scroll",(function(){t.debouncedClosePopover()}))}};t.prototype.handleOpenChange=function(){this.intChartPopoverOpenChanged.emit(this.open)};t.prototype.handleDetailsChange=function(){if(this.sliceDetails&&this.sliceDetails.coords){this.positionPopover()}};t.prototype.updateHighlightedInfo=function(){};t.prototype.handleButtonClick=function(){if(this.sliceDetails){var t=this.sliceDetails.sliceRef;t.click();this.eventToEmit.emit(t)}};t.prototype.renderLiveRegion=function(){if(this.liveRegion){this.liveRegion.innerHTML="";var t=document.createElement("div");var o=document.createElement("span");o.innerHTML=this.sliceDetails.title+" "||"";t.appendChild(o);var i=document.createElement("span");i.innerHTML=this.sliceDetails.text+" "||"";t.appendChild(i);if(this.sliceDetails.buttonText){var e=document.createElement("span");e.innerHTML=this.sliceDetails.buttonText+" "+c.formatMessage({id:"chart.infoButton",defaultMessage:"Button. Click for more information."});t.appendChild(e)}this.liveRegion.appendChild(t)}};t.prototype.positionPopover=function(){this.el.style.top=this.sliceDetails.coords.y+"px";if(window.innerWidth-this.sliceDetails.coords.x>=this.popoverWidth+10){this.el.style.left=this.sliceDetails.coords.x+"px"}else{this.el.style.left=this.sliceDetails.coords.x-this.popoverWidth+"px"}};t.prototype.render=function(){var t=this;var o=this.sliceDetails&&this.sliceDetails.title&&(this.sliceDetails.title[0]==="-"?"negative":this.sliceDetails.title[0]==="+"?"positive":"");return e(n,null,!!this.open&&this.sliceDetails?e("div",{"aria-hidden":"true",class:"popover"},e("h1",{class:"title ".concat(o)},this.sliceDetails.title),e("p",{class:"text"},this.sliceDetails.text),this.sliceDetails.buttonText?e("button",{tabindex:"-1",focusable:"false",class:"popover-button",onClick:function(){return t.handleButtonClick()}},e("svg",{class:"btn-icon",height:"9",width:"9"},e("path",{fill:"#575195",d:"M0 3.38v2.25h9V3.38H0zM0 0v2.25h4.5V0H0zm6.19 6.75H0V9h6.19V6.75z"})),e("span",{class:"button-text"},this.sliceDetails.buttonText)):""):"",e("div",{ref:function(o){return t.liveRegion=o},class:"live-region sr-only","aria-live":"polite","aria-atomic":"true"},this.open&&this.renderLiveRegion()))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["handleOpenChange"],sliceDetails:["handleDetailsChange"]}},enumerable:false,configurable:true});return t}());h.style=p}}}));