@watermarkinsights/ripple 3.16.0 → 3.17.0-2

package/dist/ripple/{p-6c5006d1.entry.js → p-a2663226.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as i,f as s,g as o}from"./p-c2abdcba.js";import{i as a,l as r,x as n}from"./p-fa36e7b3.js";const h=class{constructor(s){t(this,s),this.cellTriggered=e(this,"cellTriggered",7),this.toggleButtonClicked=e(this,"toggleButtonClicked",7),this.popupClosed=e(this,"popupClosed",7),this.popupBlurred=e(this,"popupBlurred",7),this.disabled=!1,this.isExpanded=!1,this.view="day",this.date=new Date,this.selectedYear=this.date.getUTCFullYear(),this.selectedMonth=this.date.getUTCMonth()+1,this.selectedDay=this.date.getUTCDate(),this.monthInFocus=this.selectedMonth,this.yearInFocus=this.selectedYear,this.dayInFocus=this.selectedDay,this.monthNumInFocus=this.selectedMonth,this.parentId="",this.isTabbing=!1,this.popupClicked=!0,this.buttonClicked=!0,this.prevClicked=!0,this.nextClicked=!0,this.openUp=!1,this.calendar_months=[a.formatMessage({id:"date.january",defaultMessage:"January",description:"Month of the year"}),a.formatMessage({id:"date.february",defaultMessage:"February",description:"Month of the year"}),a.formatMessage({id:"date.march",defaultMessage:"March",description:"Month of the year"}),a.formatMessage({id:"date.april",defaultMessage:"April",description:"Month of the year"}),a.formatMessage({id:"date.may",defaultMessage:"May",description:"Month of the year"}),a.formatMessage({id:"date.june",defaultMessage:"June",description:"Month of the year"}),a.formatMessage({id:"date.july",defaultMessage:"July",description:"Month of the year"}),a.formatMessage({id:"date.august",defaultMessage:"August",description:"Month of the year"}),a.formatMessage({id:"date.september",defaultMessage:"September",description:"Month of the year"}),a.formatMessage({id:"date.october",defaultMessage:"October",description:"Month of the year"}),a.formatMessage({id:"date.november",defaultMessage:"November",description:"Month of the year"}),a.formatMessage({id:"date.december",defaultMessage:"December",description:"Month of the year"})],this.weekdays=[a.formatMessage({id:"date.sunday",defaultMessage:"Sunday"}),a.formatMessage({id:"date.monday",defaultMessage:"Monday"}),a.formatMessage({id:"date.tuesday",defaultMessage:"Tuesday"}),a.formatMessage({id:"date.wednesday",defaultMessage:"Wednesday"}),a.formatMessage({id:"date.thursday",defaultMessage:"Thursday"}),a.formatMessage({id:"date.friday",defaultMessage:"Friday"}),a.formatMessage({id:"date.saturday",defaultMessage:"Saturday"})],this.renderCalendarDate=(t,e)=>{let s=this.removeZeroes(String(t[1])),o=this.removeZeroes(String(t[2])),r=s===this.monthInFocus?"current-month":"";const n=t[0]+t[1]+t[2],h=this.isDateToday(t);return i("div",{role:"gridcell",id:`cell-${n}-${this.parentId}`,class:`date-cell ${r}`,"aria-selected":!1,"aria-label":`${h?`${a.formatMessage({id:"date.today",defaultMessage:"today",description:"calendar button"})}, `:""}${this.weekdays[e]}, ${this.calendar_months[s-1]} ${o}, ${t[0]}`,onClick:t=>{this.handleTriggeredDate(t.target)},onKeyDown:t=>this.trapFocusEnd(t),"data-month":t[1],"data-year":t[0],onBlur:t=>t.stopPropagation()},o)}}handleKey(t){switch(this.prevClicked=!1,this.nextClicked=!1,t.key){case"Enter":t.preventDefault(),!t.target.id.includes("popup-title")&&t.target.click();break;case"Escape":t.preventDefault(),this.isExpanded&&(t.stopPropagation(),this.closePopup(!0));break;case"PageUp":t.preventDefault(),this.backOneMonth();break;case"PageDown":t.preventDefault(),this.forwardOneMonth();break;case"Home":t.preventDefault(),this.unfocusCell(),this.dayInFocus=1,s(this.el);break;case"End":t.preventDefault(),this.unfocusCell(),this.dayInFocus=this.getMonthDays(this.monthInFocus,this.yearInFocus),s(this.el);break;case"ArrowLeft":if(t.preventDefault(),"day"===this.view)if(this.unfocusCell(),1===this.dayInFocus){const t=this.getPreviousMonth(this.monthInFocus,this.yearInFocus);this.monthInFocus=t.month,this.yearInFocus=t.year,this.dayInFocus=this.getMonthDays(this.monthInFocus,this.yearInFocus)}else this.dayInFocus-=1;else this.unfocusMonth(),0===this.monthNumInFocus?this.monthNumInFocus=11:this.monthNumInFocus-=1;break;case"ArrowRight":if(t.preventDefault(),"day"===this.view)if(this.unfocusCell(),this.dayInFocus===this.getMonthDays(this.monthInFocus,this.yearInFocus)){const t=this.getNextMonth(this.monthInFocus,this.yearInFocus);this.monthInFocus=t.month,this.yearInFocus=t.year,this.dayInFocus=1}else this.dayInFocus+=1;else this.unfocusMonth(),11===this.monthNumInFocus?this.monthNumInFocus=0:this.monthNumInFocus+=1;break;case"ArrowUp":if(t.preventDefault(),"day"===this.view)if(this.unfocusCell(),this.dayInFocus<8){const t=this.getPreviousMonth(this.monthInFocus,this.yearInFocus);this.monthInFocus=t.month,this.yearInFocus=t.year;const e=7-this.dayInFocus;this.dayInFocus=this.getMonthDays(this.monthInFocus,this.yearInFocus)-e}else this.dayInFocus-=7;else this.unfocusMonth(),this.monthNumInFocus<3?this.monthNumInFocus+=9:this.monthNumInFocus-=3;break;case"ArrowDown":if(t.preventDefault(),this.isExpanded)if("day"===this.view){if(!(document.activeElement.shadowRoot||document).activeElement.classList.contains("date-cell")){this.focusCell();break}this.unfocusCell();const t=this.getMonthDays(this.monthInFocus,this.yearInFocus)-7;if(this.dayInFocus>t){const e=this.getNextMonth(this.monthInFocus,this.yearInFocus);this.monthInFocus=e.month,this.yearInFocus=e.year,this.dayInFocus=this.dayInFocus-t}else this.dayInFocus+=7}else{const t=(document.activeElement.shadowRoot||document).activeElement;if("BUTTON"===t.tagName||t.id.includes("popup-title-year")){this.focusMonth();break}this.unfocusMonth(),this.monthNumInFocus>8?this.monthNumInFocus-=9:this.monthNumInFocus+=3}else this.openPopup()}}toggleTabbingOn(t){["Tab","ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Enter"].includes(t.key)&&(this.isTabbing=!0)}toggleTabbingOff(){this.isTabbing=!1}blurHandler(t){this.popupClicked||this.buttonClicked||!this.isExpanded||(this.closePopup(),this.popupBlurred.emit({relatedTarget:t.target})),this.popupClicked=!1,this.buttonClicked=!1}handleBlurOnWindow(t){this.isExpanded&&(this.closePopup(),this.popupBlurred.emit({relatedTarget:t.target}))}componentDidUpdate(){this.handleSelectedDate(),this.isExpanded&&(this.prevClicked?this.prevButton.focus():this.nextClicked?this.nextButton.focus():"day"===this.view?this.focusCell():this.focusMonth())}componentDidLoad(){this.handleSelectedDate(),this.setDateValuesForView()}zeroPad(t,e){return String.prototype.padStart||(String.prototype.padStart=function(t,e){return(t-=this.length)>e.length&&(e+=e.repeat(t/e.length)),e.slice(0,t)+String(this)}),`${t.toString()}`.padStart(e,"0")}removeZeroes(t){return+t<10?+t.slice(1):+t}isDateToday(t){const e=new Date;return[e.getFullYear().toString(),(e.getMonth()+1).toString(),e.getDate().toString()].reduce(((e,i,s)=>e&&this.removeZeroes(t[s]).toString()===i),!0)}togglePopup(){this.isExpanded?this.closePopup():this.openPopup(),this.buttonClicked=!0}closePopup(t=!1){this.isExpanded=!1,this.popupEl.classList.remove("open"),window.setTimeout((()=>{this.popupEl.style.visibility="hidden"}),250),"day"===this.view&&this.unfocusCell(),this.monthInFocus=this.selectedMonth,this.yearInFocus=this.selectedYear,this.dayInFocus=this.selectedDay,this.changeView("day"),t&&this.buttonEl.focus()}openPopup(){this.panelPosition(),this.setDateValuesForView(),this.prevClicked=!1,this.nextClicked=!1,this.popupEl.style.visibility="visible",window.requestAnimationFrame((()=>{this.popupEl.classList.add("open")})),this.isExpanded=!0,this.focusCell()}getMonthDays(t,e){return 2===t?e%4==0?29:28:[4,6,9,11].includes(t)?30:31}getMonthFirstDay(t,e){return+new Date(e,t-1,1,12,0,0).getDay()+1}getPreviousMonth(t,e){return{month:t>1?t-1:12,year:t>1?e:e-1}}getNextMonth(t,e){return{month:t<12?t+1:1,year:t<12?e:e+1}}getCalendarDates(t,e){const i=this.getMonthDays(t,e),s=this.getMonthFirstDay(t,e)-1;let o=42-(s+i);o=o>6?o-7:o;const{month:a,year:r}=this.getPreviousMonth(t,e),{month:n,year:h}=this.getNextMonth(t,e),d=this.getMonthDays(a,r);return[...[...new Array(s).fill("1")].map(((t,e)=>{const i=e+1+(d-s);return[r.toString(),this.zeroPad(a,2),this.zeroPad(i,2)]})),...[...new Array(i).fill("1")].map(((i,s)=>{const o=s+1;return[e.toString(),this.zeroPad(t,2),this.zeroPad(o,2)]})),...[...new Array(o).fill("1")].map(((t,e)=>{const i=e+1;return[h.toString(),this.zeroPad(n,2),this.zeroPad(i,2)]}))]}forwardOneMonth(){this.unfocusCell();const t=this.getNextMonth(this.monthInFocus,this.yearInFocus);this.monthInFocus=t.month,this.yearInFocus=t.year;const e=this.getMonthDays(this.monthInFocus,this.yearInFocus);this.dayInFocus>this.getMonthDays(this.monthInFocus,this.yearInFocus)&&(this.dayInFocus=e),this.updateLiveRegion(`Displaying ${this.calendar_months[this.monthInFocus-1]}, ${this.yearInFocus}`)}backOneMonth(){this.unfocusCell();const t=this.getPreviousMonth(this.monthInFocus,this.yearInFocus);this.monthInFocus=t.month,this.yearInFocus=t.year;const e=this.getMonthDays(this.monthInFocus,this.yearInFocus);this.dayInFocus>this.getMonthDays(this.monthInFocus,this.yearInFocus)&&(this.dayInFocus=e),this.updateLiveRegion(`Viewing ${this.calendar_months[this.monthInFocus-1]}, ${this.yearInFocus}`)}handleTriggeredDate(t){this.cellTriggered.emit(t),this.closePopup(!0)}handleSelectedDate(){this.selectedDate&&this.selectedDate.removeAttribute("aria-selected"),this.selectedDate=this.getCellById(this.selectedYear,this.selectedMonth,this.selectedDay),this.selectedDate&&this.selectedDate.setAttribute("aria-selected","true")}getCellById(t,e,i){const s=t+this.zeroPad(e,2)+this.zeroPad(i,2);return this.el.querySelector(`#cell-${s}-${this.parentId}`)}unfocusCell(){this.getCellById(this.yearInFocus,this.monthInFocus,this.dayInFocus).tabIndex=-1}focusCell(){const t=this.getMonthDays(this.monthInFocus,this.yearInFocus);this.dayInFocus=this.dayInFocus>t?t:this.dayInFocus;const e=this.getCellById(this.yearInFocus,this.monthInFocus,this.dayInFocus);e&&(e.tabIndex=0,e.focus())}unfocusMonth(){this.el.querySelector(`#month-${this.monthNumInFocus}-${this.parentId}`).tabIndex=-1}focusMonth(){const t=this.el.querySelector(`#month-${this.monthNumInFocus}-${this.parentId}`);t.tabIndex=0,t.focus()}trapFocusLeft(t){t.shiftKey&&"Tab"===t.key&&(t.preventDefault(),this.focusCellInView())}trapFocusEnd(t){t.shiftKey||"Tab"!==t.key||(t.preventDefault(),this.prevButton.focus())}trapFocusRight(t){t.shiftKey||"Tab"!==t.key||(t.preventDefault(),this.focusCellInView())}focusCellInView(){"day"===this.view?this.focusCell():this.focusMonth()}toggleBusyAttribute(t){this.el.querySelector("#wm-container").setAttribute("aria-busy",t)}setDateValuesForView(){this.selectedYear=this.date.getUTCFullYear(),this.selectedMonth=this.date.getUTCMonth()+1,this.selectedDay=this.date.getUTCDate(),this.monthInFocus=this.selectedMonth,this.yearInFocus=this.selectedYear,this.dayInFocus=this.selectedDay,this.monthNumInFocus=this.selectedMonth-1}updateLiveRegion(t){this.el.querySelector("#live-region").innerHTML=t}panelPosition(){let t=document.getElementById(this.parentId);const e=t.shadowRoot.querySelector(".label-wrapper").clientHeight;this.openUp=r(t,this.popupEl,e),n(t,336)?(this.popupEl.style.left="0",this.popupEl.style.right="auto"):(this.popupEl.style.right="0",this.popupEl.style.left="auto")}changeView(t){this.view=t,this.monthNumInFocus=this.monthInFocus-1}renderMonths(t,e){return i("div",{id:`month-${e}-${this.parentId}`,class:"month "+(this.selectedMonth-1===e?"selected":""),role:"gridcell",tabindex:e+1===this.monthInFocus?0:-1,onKeyDown:t=>this.trapFocusEnd(t),onBlur:t=>t.stopPropagation(),onClick:()=>{this.monthInFocus=e+1,this.changeView("day")}},t)}render(){const t=this.getCalendarDates(this.monthInFocus,this.yearInFocus);return i("div",{class:"container",id:"wm-container"},i("button",{disabled:this.disabled,onClick:this.togglePopup.bind(this),"aria-describedby":`date-input-${this.parentId}`,ref:t=>this.buttonEl=t,"aria-expanded":`${this.isExpanded}`,class:"toggle",id:`toggle-${this.parentId}`},i("span",{class:"calendar",title:a.formatMessage({id:"date.calendarView",defaultMessage:"Calendar View",description:"Calendar button"})})),i("div",{class:`popup ${this.view}-view ${this.openUp?"expand-upwards":""} ${this.isTabbing?"user-is-tabbing":""}`,id:`popup-${this.parentId}`,ref:t=>this.popupEl=t,onClick:()=>this.popupClicked=!0,role:"application","aria-describedby":"application"},"day"===this.view?i("div",{class:"day-view"},i("div",{class:"calendar-header"},i("button",{onClick:()=>{this.prevClicked=!0,this.popupClicked=!0,this.backOneMonth()},onKeyDown:t=>this.trapFocusLeft(t),ref:t=>this.prevButton=t,class:"arw-btn","aria-label":a.formatMessage({id:"date.selectPreviousMonth",defaultMessage:"Select previous month",description:"Calendar button"})},i("span",{class:"mdi"},"")),i("div",{id:`popup-title-month-${this.parentId}`,class:"title-box",tabindex:0,role:"button",onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.changeView("month"))},onClick:this.changeView.bind(this,"month"),"aria-label":`${a.formatMessage({id:"date.currentMonth",defaultMessage:"current month",description:"Calendar button"})}: ${this.calendar_months[this.monthInFocus-1]}\n                  ${this.yearInFocus}.`,"aria-describedby":"month-title"},i("span",{class:"title","aria-hidden":"true"},this.calendar_months[this.monthInFocus-1]," ",this.yearInFocus)),i("button",{onClick:()=>{this.nextClicked=!0,this.popupClicked=!0,this.forwardOneMonth()},onKeyDown:t=>this.trapFocusRight(t),"aria-label":a.formatMessage({id:"date.selectNextMonth",defaultMessage:"Select next month",description:"Calendar button"}),ref:t=>this.nextButton=t,class:"arw-btn"},i("span",{class:"mdi"},""))),i("div",{"aria-labelledby":`popup-title-month-${this.parentId}`,role:"grid",class:"date-grid"},i("div",{role:"rowgroup",class:"date-header"},i("div",{role:"row",class:"header-row"},i("div",{role:"columnheader",class:"header-cell"},i("span",null,a.formatMessage({id:"date.su",defaultMessage:"Su",description:"Abbreviated day of the week"}))),i("div",{role:"columnheader",class:"header-cell"},i("span",null,a.formatMessage({id:"date.mo",defaultMessage:"Mo",description:"Abbreviated day of the week"}))),i("div",{role:"columnheader",class:"header-cell"},i("span",null,a.formatMessage({id:"date.tu",defaultMessage:"Tu",description:"Abbreviated day of the week"}))),i("div",{role:"columnheader",class:"header-cell"},i("span",null,a.formatMessage({id:"date.we",defaultMessage:"We",description:"Abbreviated day of the week"}))),i("div",{role:"columnheader",class:"header-cell"},i("span",null,a.formatMessage({id:"date.th",defaultMessage:"Th",description:"Abbreviated day of the week"}))),i("div",{role:"columnheader",class:"header-cell"},i("span",null,a.formatMessage({id:"date.fr",defaultMessage:"Fr",description:"Abbreviated day of the week"}))),i("div",{role:"columnheader",class:"header-cell"},i("span",null,a.formatMessage({id:"date.sa",defaultMessage:"Sa",description:"Abbreviated day of the week"}))))),i("div",{role:"rowgroup"},i("div",{role:"row",class:"date-row"},t.slice(0,7).map(((t,e)=>this.renderCalendarDate(t,e)))),i("div",{role:"row"},t.slice(7,14).map(((t,e)=>this.renderCalendarDate(t,e)))),i("div",{role:"row"},t.slice(14,21).map(((t,e)=>this.renderCalendarDate(t,e)))),i("div",{role:"row"},t.slice(21,28).map(((t,e)=>this.renderCalendarDate(t,e)))),i("div",{role:"row"},t.slice(28,35).map(((t,e)=>this.renderCalendarDate(t,e)))),t.length>35?i("div",{role:"row"},t.slice(35).map(((t,e)=>this.renderCalendarDate(t,e)))):""))):i("div",{class:"month-view"},i("div",{class:"calendar-header"},i("button",{onClick:()=>{this.prevClicked=!0,this.popupClicked=!0,this.yearInFocus-=1,this.updateLiveRegion(`${this.yearInFocus} selected.`)},onKeyDown:t=>this.trapFocusLeft(t),"aria-label":a.formatMessage({id:"date.selectPreviousYear",defaultMessage:"Select previous year",description:"Calendar button"}),ref:t=>this.prevButton=t,class:"arw-btn"},i("span",{class:"mdi"},"")),i("div",{id:`popup-title-year-${this.parentId}`,tabindex:0,class:"title-box year",role:"button",onClick:this.changeView.bind(this,"day"),onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.changeView("day"))},"aria-labelledby":"year-title"},i("span",{class:"title"},this.yearInFocus)),i("button",{onClick:()=>{this.nextClicked=!0,this.popupClicked=!0,this.yearInFocus+=1,this.updateLiveRegion(`${this.yearInFocus} selected.`)},"aria-label":a.formatMessage({id:"date.selectNextYear",defaultMessage:"Select next year",description:"Calendar button"}),onKeyDown:t=>this.trapFocusRight(t),ref:t=>this.nextButton=t,class:"arw-btn"},i("span",{class:"mdi"},""))),i("div",{"aria-labelledby":`popup-title-year-${this.parentId}`,role:"grid",class:"months"},i("div",{role:"row",class:"month-row"},this.calendar_months.slice(0,3).map(((t,e)=>this.renderMonths(t,e)))),i("div",{role:"row",class:"month-row"},this.calendar_months.slice(3,6).map(((t,e)=>this.renderMonths(t,e+3)))),i("div",{role:"row",class:"month-row"},this.calendar_months.slice(6,9).map(((t,e)=>this.renderMonths(t,e+6)))),i("div",{role:"row",class:"month-row"},this.calendar_months.slice(9).map(((t,e)=>this.renderMonths(t,e+9))))))),this.isExpanded&&i("div",{id:"live-region","aria-live":"polite","aria-relevant":"text",class:"sr-only"}),i("div",{id:"month-title",class:"sr-only"},a.formatMessage({id:"date.selectMonth",defaultMessage:"Activate to select a month.",description:"Calendar button"})),i("div",{id:"year-title",class:"sr-only"},a.formatMessage({id:"date.selectYear",defaultMessage:"Activate to select a year.",description:"Calendar button"})),i("div",{id:"application",class:"sr-only"},a.formatMessage({id:"date.instructions",defaultMessage:"Use arrows to select a date in the table. Tab left or right to buttons for selecting previous month, next month, or the month selection table."})))}get el(){return o(this)}};h.style='.toggle{all:unset;cursor:pointer;padding:0 0.375rem;height:2.375rem;border:none;-moz-border-top-right-radius:3px;-webkit-border-top-right-radius:3px;border-top-right-radius:3px;-moz-border-bottom-right-radius:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;-moz-border-top-left-radius:0;-webkit-border-top-left-radius:0;border-top-left-radius:0;-moz-border-bottom-left-radius:0;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background-color:#fff}.toggle:disabled{pointer-events:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background-color:rgba(74, 74, 74, 0.05)}.toggle:disabled .calendar::after{color:#7b7b7b}.toggle:hover{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background:#e6e6e6}.toggle:hover .calendar::after{color:#575195}[dir=RTL] .toggle{right:auto;left:0}.toggle span::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:"\\f0ed";font-size:1.5rem;color:#575195;padding:0;line-height:2.5rem}.toggle:focus{outline:none}.toggle::-moz-focus-inner{border:0}.user-is-tabbing .toggle:focus{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e}.user-is-tabbing .toggle:focus::-moz-focus-inner{border:0}.popup{visibility:hidden;font-family:inherit;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;-webkit-box-shadow:0px 4px 15px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow:0px 4px 15px 0px rgba(0, 0, 0, 0.2);box-shadow:0px 4px 15px 0px rgba(0, 0, 0, 0.2);width:21rem;z-index:10;position:absolute;left:0;top:40px;min-height:21.0625rem;-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;-webkit-transform-origin:center top;transform-origin:center top;-webkit-transform:scale(1, 0);transform:scale(1, 0);background-color:#fff}.popup.open{-webkit-transform:scale(1, 1);transform:scale(1, 1)}.popup.expand-upwards{top:auto;bottom:2.375rem;-webkit-transform-origin:center bottom;transform-origin:center bottom}.popup .calendar-header{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;position:relative;padding:0.9375rem 0.25rem}.popup .calendar-header .title-box{height:2.625rem;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;border:1px solid;font-weight:500;font-size:0.875rem;background:transparent;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:0 0.375rem 0 0.75rem;border-color:#575195;color:#575195}.popup .calendar-header .title-box: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:"\\f140";padding-left:0.75rem}.popup .calendar-header .title-box.year:after{content:"\\f143"}.popup .calendar-header .title-box::-moz-focus-inner{border:0}.popup .calendar-header .title-box:focus{outline:none}.popup .calendar-header .arw-btn{cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;width:2.75rem;height:2.75rem;border:none;color:#575195;background:transparent;padding:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;line-height:2.75rem}.popup .calendar-header .arw-btn .mdi{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.5rem;font-weight:normal;line-height:2.75rem}.popup .calendar-header .arw-btn .mdi:hover{background-color:#efeef1}.popup .calendar-header .arw-btn:focus{outline:none}.popup .calendar-header .arw-btn: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);background-color:#d7d6d9}.popup .day-view{min-width:100%}.popup .day-view .date-grid{width:100%;text-align:center;border-collapse:collapse;margin-bottom:0.4375rem;color:#757575}.popup .day-view .date-grid .date-row:first-child .date-cell{margin-top:0.125rem}.popup .day-view .date-grid .date-header{background-color:#eeedf4}.popup .day-view .date-grid .header-cell{height:2.0625rem;line-height:2.0625rem;width:2.75rem;margin:0 calc((14.28% - 44px) / 2);padding:0;display:inline-block;font-size:0.8125rem;font-weight:bold;color:#4a4a4a;border:none}.popup .day-view .date-grid .date-cell{cursor:pointer;display:inline-block;padding:0;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;height:2.75rem;width:2.75rem;margin:0 calc((14.28% - 44px) / 2);font-size:0.875rem;font-weight:500;line-height:2.75rem}.popup .day-view .date-grid .date-cell:focus{outline:none}.popup .day-view .date-grid .date-cell:hover{background-color:#efeef1}.popup .day-view .date-grid .date-cell:active{background-color:#575195;color:#ffffff}.popup .day-view .date-grid .date-cell.current-month{color:#4a4a4a}.popup .day-view .date-grid .date-cell.current-month[aria-selected=true]{background-color:#575195;color:#ffffff}.popup .month-view .months{border-top:2px solid;border-top-color:#eeedf4;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.popup .month-view .month-row{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;width:100%;border-bottom:2px solid;border-bottom-color:#eeedf4}.popup .month-view .month{cursor:pointer;text-align:center;width:100%;height:4rem;line-height:4rem;font-weight:500;color:#575195}.popup .month-view .month:not(:last-child){border-right:2px solid;border-right-color:#eeedf4}.popup .month-view .month:focus{outline:none}.popup .month-view .month:hover{background-color:#efeef1}.popup .month-view .month:active,.popup .month-view .month.selected{background-color:#575195;color:#ffffff}.popup.user-is-tabbing button:focus,.popup.user-is-tabbing .title-box:focus,.popup.user-is-tabbing .date-cell:focus,.popup.user-is-tabbing .month:focus{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;border:none;z-index:11}.popup.user-is-tabbing button:focus::-moz-focus-inner,.popup.user-is-tabbing .title-box:focus::-moz-focus-inner,.popup.user-is-tabbing .date-cell:focus::-moz-focus-inner,.popup.user-is-tabbing .month:focus::-moz-focus-inner{border:0}.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{h as priv_datepicker}
+import{r as t,c as e,h as i,f as s,g as o}from"./p-c2abdcba.js";import{i as a,l as r,x as n}from"./p-cd73566d.js";const h=class{constructor(s){t(this,s),this.cellTriggered=e(this,"cellTriggered",7),this.toggleButtonClicked=e(this,"toggleButtonClicked",7),this.popupClosed=e(this,"popupClosed",7),this.popupBlurred=e(this,"popupBlurred",7),this.disabled=!1,this.isExpanded=!1,this.view="day",this.date=new Date,this.selectedYear=this.date.getUTCFullYear(),this.selectedMonth=this.date.getUTCMonth()+1,this.selectedDay=this.date.getUTCDate(),this.monthInFocus=this.selectedMonth,this.yearInFocus=this.selectedYear,this.dayInFocus=this.selectedDay,this.monthNumInFocus=this.selectedMonth,this.parentId="",this.isTabbing=!1,this.popupClicked=!0,this.buttonClicked=!0,this.prevClicked=!0,this.nextClicked=!0,this.openUp=!1,this.calendar_months=[a.formatMessage({id:"date.january",defaultMessage:"January",description:"Month of the year"}),a.formatMessage({id:"date.february",defaultMessage:"February",description:"Month of the year"}),a.formatMessage({id:"date.march",defaultMessage:"March",description:"Month of the year"}),a.formatMessage({id:"date.april",defaultMessage:"April",description:"Month of the year"}),a.formatMessage({id:"date.may",defaultMessage:"May",description:"Month of the year"}),a.formatMessage({id:"date.june",defaultMessage:"June",description:"Month of the year"}),a.formatMessage({id:"date.july",defaultMessage:"July",description:"Month of the year"}),a.formatMessage({id:"date.august",defaultMessage:"August",description:"Month of the year"}),a.formatMessage({id:"date.september",defaultMessage:"September",description:"Month of the year"}),a.formatMessage({id:"date.october",defaultMessage:"October",description:"Month of the year"}),a.formatMessage({id:"date.november",defaultMessage:"November",description:"Month of the year"}),a.formatMessage({id:"date.december",defaultMessage:"December",description:"Month of the year"})],this.weekdays=[a.formatMessage({id:"date.sunday",defaultMessage:"Sunday"}),a.formatMessage({id:"date.monday",defaultMessage:"Monday"}),a.formatMessage({id:"date.tuesday",defaultMessage:"Tuesday"}),a.formatMessage({id:"date.wednesday",defaultMessage:"Wednesday"}),a.formatMessage({id:"date.thursday",defaultMessage:"Thursday"}),a.formatMessage({id:"date.friday",defaultMessage:"Friday"}),a.formatMessage({id:"date.saturday",defaultMessage:"Saturday"})],this.renderCalendarDate=(t,e)=>{let s=this.removeZeroes(String(t[1])),o=this.removeZeroes(String(t[2])),r=s===this.monthInFocus?"current-month":"";const n=t[0]+t[1]+t[2],h=this.isDateToday(t);return i("div",{role:"gridcell",id:`cell-${n}-${this.parentId}`,class:`date-cell ${r}`,"aria-selected":!1,"aria-label":`${h?`${a.formatMessage({id:"date.today",defaultMessage:"today",description:"calendar button"})}, `:""}${this.weekdays[e]}, ${this.calendar_months[s-1]} ${o}, ${t[0]}`,onClick:t=>{this.handleTriggeredDate(t.target)},onKeyDown:t=>this.trapFocusEnd(t),"data-month":t[1],"data-year":t[0],onBlur:t=>t.stopPropagation()},o)}}handleKey(t){switch(this.prevClicked=!1,this.nextClicked=!1,t.key){case"Enter":t.preventDefault(),!t.target.id.includes("popup-title")&&t.target.click();break;case"Escape":t.preventDefault(),this.isExpanded&&(t.stopPropagation(),this.closePopup(!0));break;case"PageUp":t.preventDefault(),this.backOneMonth();break;case"PageDown":t.preventDefault(),this.forwardOneMonth();break;case"Home":t.preventDefault(),this.unfocusCell(),this.dayInFocus=1,s(this.el);break;case"End":t.preventDefault(),this.unfocusCell(),this.dayInFocus=this.getMonthDays(this.monthInFocus,this.yearInFocus),s(this.el);break;case"ArrowLeft":if(t.preventDefault(),"day"===this.view)if(this.unfocusCell(),1===this.dayInFocus){const t=this.getPreviousMonth(this.monthInFocus,this.yearInFocus);this.monthInFocus=t.month,this.yearInFocus=t.year,this.dayInFocus=this.getMonthDays(this.monthInFocus,this.yearInFocus)}else this.dayInFocus-=1;else this.unfocusMonth(),0===this.monthNumInFocus?this.monthNumInFocus=11:this.monthNumInFocus-=1;break;case"ArrowRight":if(t.preventDefault(),"day"===this.view)if(this.unfocusCell(),this.dayInFocus===this.getMonthDays(this.monthInFocus,this.yearInFocus)){const t=this.getNextMonth(this.monthInFocus,this.yearInFocus);this.monthInFocus=t.month,this.yearInFocus=t.year,this.dayInFocus=1}else this.dayInFocus+=1;else this.unfocusMonth(),11===this.monthNumInFocus?this.monthNumInFocus=0:this.monthNumInFocus+=1;break;case"ArrowUp":if(t.preventDefault(),"day"===this.view)if(this.unfocusCell(),this.dayInFocus<8){const t=this.getPreviousMonth(this.monthInFocus,this.yearInFocus);this.monthInFocus=t.month,this.yearInFocus=t.year;const e=7-this.dayInFocus;this.dayInFocus=this.getMonthDays(this.monthInFocus,this.yearInFocus)-e}else this.dayInFocus-=7;else this.unfocusMonth(),this.monthNumInFocus<3?this.monthNumInFocus+=9:this.monthNumInFocus-=3;break;case"ArrowDown":if(t.preventDefault(),this.isExpanded)if("day"===this.view){if(!(document.activeElement.shadowRoot||document).activeElement.classList.contains("date-cell")){this.focusCell();break}this.unfocusCell();const t=this.getMonthDays(this.monthInFocus,this.yearInFocus)-7;if(this.dayInFocus>t){const e=this.getNextMonth(this.monthInFocus,this.yearInFocus);this.monthInFocus=e.month,this.yearInFocus=e.year,this.dayInFocus=this.dayInFocus-t}else this.dayInFocus+=7}else{const t=(document.activeElement.shadowRoot||document).activeElement;if("BUTTON"===t.tagName||t.id.includes("popup-title-year")){this.focusMonth();break}this.unfocusMonth(),this.monthNumInFocus>8?this.monthNumInFocus-=9:this.monthNumInFocus+=3}else this.openPopup()}}toggleTabbingOn(t){["Tab","ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Enter"].includes(t.key)&&(this.isTabbing=!0)}toggleTabbingOff(){this.isTabbing=!1}blurHandler(t){this.popupClicked||this.buttonClicked||!this.isExpanded||(this.closePopup(),this.popupBlurred.emit({relatedTarget:t.target})),this.popupClicked=!1,this.buttonClicked=!1}handleBlurOnWindow(t){this.isExpanded&&(this.closePopup(),this.popupBlurred.emit({relatedTarget:t.target}))}componentDidUpdate(){this.handleSelectedDate(),this.isExpanded&&(this.prevClicked?this.prevButton.focus():this.nextClicked?this.nextButton.focus():"day"===this.view?this.focusCell():this.focusMonth())}componentDidLoad(){this.handleSelectedDate(),this.setDateValuesForView()}zeroPad(t,e){return String.prototype.padStart||(String.prototype.padStart=function(t,e){return(t-=this.length)>e.length&&(e+=e.repeat(t/e.length)),e.slice(0,t)+String(this)}),`${t.toString()}`.padStart(e,"0")}removeZeroes(t){return+t<10?+t.slice(1):+t}isDateToday(t){const e=new Date;return[e.getFullYear().toString(),(e.getMonth()+1).toString(),e.getDate().toString()].reduce(((e,i,s)=>e&&this.removeZeroes(t[s]).toString()===i),!0)}togglePopup(){this.isExpanded?this.closePopup():this.openPopup(),this.buttonClicked=!0}closePopup(t=!1){this.isExpanded=!1,this.popupEl.classList.remove("open"),window.setTimeout((()=>{this.popupEl.style.visibility="hidden"}),250),"day"===this.view&&this.unfocusCell(),this.monthInFocus=this.selectedMonth,this.yearInFocus=this.selectedYear,this.dayInFocus=this.selectedDay,this.changeView("day"),t&&this.buttonEl.focus()}openPopup(){this.panelPosition(),this.setDateValuesForView(),this.prevClicked=!1,this.nextClicked=!1,this.popupEl.style.visibility="visible",window.requestAnimationFrame((()=>{this.popupEl.classList.add("open")})),this.isExpanded=!0,this.focusCell()}getMonthDays(t,e){return 2===t?e%4==0?29:28:[4,6,9,11].includes(t)?30:31}getMonthFirstDay(t,e){return+new Date(e,t-1,1,12,0,0).getDay()+1}getPreviousMonth(t,e){return{month:t>1?t-1:12,year:t>1?e:e-1}}getNextMonth(t,e){return{month:t<12?t+1:1,year:t<12?e:e+1}}getCalendarDates(t,e){const i=this.getMonthDays(t,e),s=this.getMonthFirstDay(t,e)-1;let o=42-(s+i);o=o>6?o-7:o;const{month:a,year:r}=this.getPreviousMonth(t,e),{month:n,year:h}=this.getNextMonth(t,e),d=this.getMonthDays(a,r);return[...[...new Array(s).fill("1")].map(((t,e)=>{const i=e+1+(d-s);return[r.toString(),this.zeroPad(a,2),this.zeroPad(i,2)]})),...[...new Array(i).fill("1")].map(((i,s)=>{const o=s+1;return[e.toString(),this.zeroPad(t,2),this.zeroPad(o,2)]})),...[...new Array(o).fill("1")].map(((t,e)=>{const i=e+1;return[h.toString(),this.zeroPad(n,2),this.zeroPad(i,2)]}))]}forwardOneMonth(){this.unfocusCell();const t=this.getNextMonth(this.monthInFocus,this.yearInFocus);this.monthInFocus=t.month,this.yearInFocus=t.year;const e=this.getMonthDays(this.monthInFocus,this.yearInFocus);this.dayInFocus>this.getMonthDays(this.monthInFocus,this.yearInFocus)&&(this.dayInFocus=e),this.updateLiveRegion(`Displaying ${this.calendar_months[this.monthInFocus-1]}, ${this.yearInFocus}`)}backOneMonth(){this.unfocusCell();const t=this.getPreviousMonth(this.monthInFocus,this.yearInFocus);this.monthInFocus=t.month,this.yearInFocus=t.year;const e=this.getMonthDays(this.monthInFocus,this.yearInFocus);this.dayInFocus>this.getMonthDays(this.monthInFocus,this.yearInFocus)&&(this.dayInFocus=e),this.updateLiveRegion(`Viewing ${this.calendar_months[this.monthInFocus-1]}, ${this.yearInFocus}`)}handleTriggeredDate(t){this.cellTriggered.emit(t),this.closePopup(!0)}handleSelectedDate(){this.selectedDate&&this.selectedDate.removeAttribute("aria-selected"),this.selectedDate=this.getCellById(this.selectedYear,this.selectedMonth,this.selectedDay),this.selectedDate&&this.selectedDate.setAttribute("aria-selected","true")}getCellById(t,e,i){const s=t+this.zeroPad(e,2)+this.zeroPad(i,2);return this.el.querySelector(`#cell-${s}-${this.parentId}`)}unfocusCell(){this.getCellById(this.yearInFocus,this.monthInFocus,this.dayInFocus).tabIndex=-1}focusCell(){const t=this.getMonthDays(this.monthInFocus,this.yearInFocus);this.dayInFocus=this.dayInFocus>t?t:this.dayInFocus;const e=this.getCellById(this.yearInFocus,this.monthInFocus,this.dayInFocus);e&&(e.tabIndex=0,e.focus())}unfocusMonth(){this.el.querySelector(`#month-${this.monthNumInFocus}-${this.parentId}`).tabIndex=-1}focusMonth(){const t=this.el.querySelector(`#month-${this.monthNumInFocus}-${this.parentId}`);t.tabIndex=0,t.focus()}trapFocusLeft(t){t.shiftKey&&"Tab"===t.key&&(t.preventDefault(),this.focusCellInView())}trapFocusEnd(t){t.shiftKey||"Tab"!==t.key||(t.preventDefault(),this.prevButton.focus())}trapFocusRight(t){t.shiftKey||"Tab"!==t.key||(t.preventDefault(),this.focusCellInView())}focusCellInView(){"day"===this.view?this.focusCell():this.focusMonth()}toggleBusyAttribute(t){this.el.querySelector("#wm-container").setAttribute("aria-busy",t)}setDateValuesForView(){this.selectedYear=this.date.getUTCFullYear(),this.selectedMonth=this.date.getUTCMonth()+1,this.selectedDay=this.date.getUTCDate(),this.monthInFocus=this.selectedMonth,this.yearInFocus=this.selectedYear,this.dayInFocus=this.selectedDay,this.monthNumInFocus=this.selectedMonth-1}updateLiveRegion(t){this.el.querySelector("#live-region").innerHTML=t}panelPosition(){let t=document.getElementById(this.parentId);const e=t.shadowRoot.querySelector(".label-wrapper").clientHeight;this.openUp=r(t,this.popupEl,e),n(t,336)?(this.popupEl.style.left="0",this.popupEl.style.right="auto"):(this.popupEl.style.right="0",this.popupEl.style.left="auto")}changeView(t){this.view=t,this.monthNumInFocus=this.monthInFocus-1}renderMonths(t,e){return i("div",{id:`month-${e}-${this.parentId}`,class:"month "+(this.selectedMonth-1===e?"selected":""),role:"gridcell",tabindex:e+1===this.monthInFocus?0:-1,onKeyDown:t=>this.trapFocusEnd(t),onBlur:t=>t.stopPropagation(),onClick:()=>{this.monthInFocus=e+1,this.changeView("day")}},t)}render(){const t=this.getCalendarDates(this.monthInFocus,this.yearInFocus);return i("div",{class:"container",id:"wm-container"},i("button",{disabled:this.disabled,onClick:this.togglePopup.bind(this),"aria-describedby":`date-input-${this.parentId}`,ref:t=>this.buttonEl=t,"aria-expanded":`${this.isExpanded}`,class:"toggle",id:`toggle-${this.parentId}`},i("span",{class:"calendar",title:a.formatMessage({id:"date.calendarView",defaultMessage:"Calendar View",description:"Calendar button"})})),i("div",{class:`popup ${this.view}-view ${this.openUp?"expand-upwards":""} ${this.isTabbing?"user-is-tabbing":""}`,id:`popup-${this.parentId}`,ref:t=>this.popupEl=t,onClick:()=>this.popupClicked=!0,role:"application","aria-describedby":"application"},"day"===this.view?i("div",{class:"day-view"},i("div",{class:"calendar-header"},i("button",{onClick:()=>{this.prevClicked=!0,this.popupClicked=!0,this.backOneMonth()},onKeyDown:t=>this.trapFocusLeft(t),ref:t=>this.prevButton=t,class:"arw-btn","aria-label":a.formatMessage({id:"date.selectPreviousMonth",defaultMessage:"Select previous month",description:"Calendar button"})},i("span",{class:"mdi"},"")),i("div",{id:`popup-title-month-${this.parentId}`,class:"title-box",tabindex:0,role:"button",onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.changeView("month"))},onClick:this.changeView.bind(this,"month"),"aria-label":`${a.formatMessage({id:"date.currentMonth",defaultMessage:"current month",description:"Calendar button"})}: ${this.calendar_months[this.monthInFocus-1]}\n                  ${this.yearInFocus}.`,"aria-describedby":"month-title"},i("span",{class:"title","aria-hidden":"true"},this.calendar_months[this.monthInFocus-1]," ",this.yearInFocus)),i("button",{onClick:()=>{this.nextClicked=!0,this.popupClicked=!0,this.forwardOneMonth()},onKeyDown:t=>this.trapFocusRight(t),"aria-label":a.formatMessage({id:"date.selectNextMonth",defaultMessage:"Select next month",description:"Calendar button"}),ref:t=>this.nextButton=t,class:"arw-btn"},i("span",{class:"mdi"},""))),i("div",{"aria-labelledby":`popup-title-month-${this.parentId}`,role:"grid",class:"date-grid"},i("div",{role:"rowgroup",class:"date-header"},i("div",{role:"row",class:"header-row"},i("div",{role:"columnheader",class:"header-cell"},i("span",null,a.formatMessage({id:"date.su",defaultMessage:"Su",description:"Abbreviated day of the week"}))),i("div",{role:"columnheader",class:"header-cell"},i("span",null,a.formatMessage({id:"date.mo",defaultMessage:"Mo",description:"Abbreviated day of the week"}))),i("div",{role:"columnheader",class:"header-cell"},i("span",null,a.formatMessage({id:"date.tu",defaultMessage:"Tu",description:"Abbreviated day of the week"}))),i("div",{role:"columnheader",class:"header-cell"},i("span",null,a.formatMessage({id:"date.we",defaultMessage:"We",description:"Abbreviated day of the week"}))),i("div",{role:"columnheader",class:"header-cell"},i("span",null,a.formatMessage({id:"date.th",defaultMessage:"Th",description:"Abbreviated day of the week"}))),i("div",{role:"columnheader",class:"header-cell"},i("span",null,a.formatMessage({id:"date.fr",defaultMessage:"Fr",description:"Abbreviated day of the week"}))),i("div",{role:"columnheader",class:"header-cell"},i("span",null,a.formatMessage({id:"date.sa",defaultMessage:"Sa",description:"Abbreviated day of the week"}))))),i("div",{role:"rowgroup"},i("div",{role:"row",class:"date-row"},t.slice(0,7).map(((t,e)=>this.renderCalendarDate(t,e)))),i("div",{role:"row"},t.slice(7,14).map(((t,e)=>this.renderCalendarDate(t,e)))),i("div",{role:"row"},t.slice(14,21).map(((t,e)=>this.renderCalendarDate(t,e)))),i("div",{role:"row"},t.slice(21,28).map(((t,e)=>this.renderCalendarDate(t,e)))),i("div",{role:"row"},t.slice(28,35).map(((t,e)=>this.renderCalendarDate(t,e)))),t.length>35?i("div",{role:"row"},t.slice(35).map(((t,e)=>this.renderCalendarDate(t,e)))):""))):i("div",{class:"month-view"},i("div",{class:"calendar-header"},i("button",{onClick:()=>{this.prevClicked=!0,this.popupClicked=!0,this.yearInFocus-=1,this.updateLiveRegion(`${this.yearInFocus} selected.`)},onKeyDown:t=>this.trapFocusLeft(t),"aria-label":a.formatMessage({id:"date.selectPreviousYear",defaultMessage:"Select previous year",description:"Calendar button"}),ref:t=>this.prevButton=t,class:"arw-btn"},i("span",{class:"mdi"},"")),i("div",{id:`popup-title-year-${this.parentId}`,tabindex:0,class:"title-box year",role:"button",onClick:this.changeView.bind(this,"day"),onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.changeView("day"))},"aria-labelledby":"year-title"},i("span",{class:"title"},this.yearInFocus)),i("button",{onClick:()=>{this.nextClicked=!0,this.popupClicked=!0,this.yearInFocus+=1,this.updateLiveRegion(`${this.yearInFocus} selected.`)},"aria-label":a.formatMessage({id:"date.selectNextYear",defaultMessage:"Select next year",description:"Calendar button"}),onKeyDown:t=>this.trapFocusRight(t),ref:t=>this.nextButton=t,class:"arw-btn"},i("span",{class:"mdi"},""))),i("div",{"aria-labelledby":`popup-title-year-${this.parentId}`,role:"grid",class:"months"},i("div",{role:"row",class:"month-row"},this.calendar_months.slice(0,3).map(((t,e)=>this.renderMonths(t,e)))),i("div",{role:"row",class:"month-row"},this.calendar_months.slice(3,6).map(((t,e)=>this.renderMonths(t,e+3)))),i("div",{role:"row",class:"month-row"},this.calendar_months.slice(6,9).map(((t,e)=>this.renderMonths(t,e+6)))),i("div",{role:"row",class:"month-row"},this.calendar_months.slice(9).map(((t,e)=>this.renderMonths(t,e+9))))))),this.isExpanded&&i("div",{id:"live-region","aria-live":"polite","aria-relevant":"text",class:"sr-only"}),i("div",{id:"month-title",class:"sr-only"},a.formatMessage({id:"date.selectMonth",defaultMessage:"Activate to select a month.",description:"Calendar button"})),i("div",{id:"year-title",class:"sr-only"},a.formatMessage({id:"date.selectYear",defaultMessage:"Activate to select a year.",description:"Calendar button"})),i("div",{id:"application",class:"sr-only"},a.formatMessage({id:"date.instructions",defaultMessage:"Use arrows to select a date in the table. Tab left or right to buttons for selecting previous month, next month, or the month selection table."})))}get el(){return o(this)}};h.style='.toggle{all:unset;cursor:pointer;padding:0 0.375rem;height:2.375rem;border:none;-moz-border-top-right-radius:3px;-webkit-border-top-right-radius:3px;border-top-right-radius:3px;-moz-border-bottom-right-radius:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;-moz-border-top-left-radius:0;-webkit-border-top-left-radius:0;border-top-left-radius:0;-moz-border-bottom-left-radius:0;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background-color:#fff}.toggle:disabled{pointer-events:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background-color:rgba(74, 74, 74, 0.05)}.toggle:disabled .calendar::after{color:#7b7b7b}.toggle:hover{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background:#e6e6e6}.toggle:hover .calendar::after{color:#575195}[dir=RTL] .toggle{right:auto;left:0}.toggle span::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:"\\f0ed";font-size:1.5rem;color:#575195;padding:0;line-height:2.5rem}.toggle:focus{outline:none}.toggle::-moz-focus-inner{border:0}.user-is-tabbing .toggle:focus{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e}.user-is-tabbing .toggle:focus::-moz-focus-inner{border:0}.popup{visibility:hidden;font-family:inherit;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;-webkit-box-shadow:0px 4px 15px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow:0px 4px 15px 0px rgba(0, 0, 0, 0.2);box-shadow:0px 4px 15px 0px rgba(0, 0, 0, 0.2);width:21rem;z-index:10;position:absolute;left:0;top:40px;min-height:21.0625rem;-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;-webkit-transform-origin:center top;transform-origin:center top;-webkit-transform:scale(1, 0);transform:scale(1, 0);background-color:#fff}.popup.open{-webkit-transform:scale(1, 1);transform:scale(1, 1)}.popup.expand-upwards{top:auto;bottom:2.375rem;-webkit-transform-origin:center bottom;transform-origin:center bottom}.popup .calendar-header{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;position:relative;padding:0.9375rem 0.25rem}.popup .calendar-header .title-box{height:2.625rem;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;border:1px solid;font-weight:500;font-size:0.875rem;background:transparent;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:0 0.375rem 0 0.75rem;border-color:#575195;color:#575195}.popup .calendar-header .title-box: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:"\\f140";padding-left:0.75rem}.popup .calendar-header .title-box.year:after{content:"\\f143"}.popup .calendar-header .title-box::-moz-focus-inner{border:0}.popup .calendar-header .title-box:focus{outline:none}.popup .calendar-header .arw-btn{cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;width:2.75rem;height:2.75rem;border:none;color:#575195;background:transparent;padding:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;line-height:2.75rem}.popup .calendar-header .arw-btn .mdi{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.5rem;font-weight:normal;line-height:2.75rem}.popup .calendar-header .arw-btn .mdi:hover{background-color:#efeef1}.popup .calendar-header .arw-btn:focus{outline:none}.popup .calendar-header .arw-btn: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);background-color:#d7d6d9}.popup .day-view{min-width:100%}.popup .day-view .date-grid{width:100%;text-align:center;border-collapse:collapse;margin-bottom:0.4375rem;color:#757575}.popup .day-view .date-grid .date-row:first-child .date-cell{margin-top:0.125rem}.popup .day-view .date-grid .date-header{background-color:#eeedf4}.popup .day-view .date-grid .header-cell{height:2.0625rem;line-height:2.0625rem;width:2.75rem;margin:0 calc((14.28% - 44px) / 2);padding:0;display:inline-block;font-size:0.8125rem;font-weight:bold;color:#4a4a4a;border:none}.popup .day-view .date-grid .date-cell{cursor:pointer;display:inline-block;padding:0;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;height:2.75rem;width:2.75rem;margin:0 calc((14.28% - 44px) / 2);font-size:0.875rem;font-weight:500;line-height:2.75rem}.popup .day-view .date-grid .date-cell:focus{outline:none}.popup .day-view .date-grid .date-cell:hover{background-color:#efeef1}.popup .day-view .date-grid .date-cell:active{background-color:#575195;color:#ffffff}.popup .day-view .date-grid .date-cell.current-month{color:#4a4a4a}.popup .day-view .date-grid .date-cell.current-month[aria-selected=true]{background-color:#575195;color:#ffffff}.popup .month-view .months{border-top:2px solid;border-top-color:#eeedf4;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.popup .month-view .month-row{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;width:100%;border-bottom:2px solid;border-bottom-color:#eeedf4}.popup .month-view .month{cursor:pointer;text-align:center;width:100%;height:4rem;line-height:4rem;font-weight:500;color:#575195}.popup .month-view .month:not(:last-child){border-right:2px solid;border-right-color:#eeedf4}.popup .month-view .month:focus{outline:none}.popup .month-view .month:hover{background-color:#efeef1}.popup .month-view .month:active,.popup .month-view .month.selected{background-color:#575195;color:#ffffff}.popup.user-is-tabbing button:focus,.popup.user-is-tabbing .title-box:focus,.popup.user-is-tabbing .date-cell:focus,.popup.user-is-tabbing .month:focus{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;border:none;z-index:11}.popup.user-is-tabbing button:focus::-moz-focus-inner,.popup.user-is-tabbing .title-box:focus::-moz-focus-inner,.popup.user-is-tabbing .date-cell:focus::-moz-focus-inner,.popup.user-is-tabbing .month:focus::-moz-focus-inner{border:0}.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{h as priv_datepicker}

package/dist/ripple/{p-54fb8d84.entry.js → p-a60407e7.entry.js}

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

package/dist/ripple/{p-05d01f10.system.entry.js → p-b6eb9ed6.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-726b9452.system.js","./p-0ec5e02c.system.js"],(function(e){"use strict";var t,o,n,i,r,a,s,l,d,p,u,m;return{setters:[function(e){t=e.r;o=e.c;n=e.f;i=e.h;r=e.H;a=e.g},function(e){s=e.g;l=e.d;d=e.i;p=e.u;u=e.q;m=e.r}],execute:function(){var c=':host .wm-button,wm-uploader .wm-button{-ms-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);-moz-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 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), border 500ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;width:inherit;border:2px solid #575195;color:#575195;font-family:inherit;font-size:0.75rem;font-weight:700;height:2.75rem;padding:0 1.3333333333em;cursor:pointer;position:relative;background:#fff;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-decoration:none;text-transform:uppercase;letter-spacing:0.01875rem;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}@media screen and (min-width: 48rem){:host .wm-button,wm-uploader .wm-button{height:3.3333333333em}}:host .wm-button.nowrap,wm-uploader .wm-button.nowrap{display:inline-block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .wm-button:focus,wm-uploader .wm-button:focus{outline:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}:host .wm-button::-moz-focus-inner,wm-uploader .wm-button::-moz-focus-inner{border:0;outline:none}:host .wm-button.user-is-tabbing:focus:not(:disabled):not(.disabled) :host .wm-button.-textonly .button-text,wm-uploader .wm-button.user-is-tabbing:focus:not(:disabled):not(.disabled) :host .wm-button.-textonly .button-text,:host .wm-button.user-is-tabbing:focus:not(:disabled):not(.disabled) wm-uploader .wm-button.-textonly .button-text,wm-uploader .wm-button.user-is-tabbing:focus:not(:disabled):not(.disabled) wm-uploader .wm-button.-textonly .button-text{background:-webkit-gradient(linear, left top, right top, color-stop(66%, #3862e9), color-stop(0, transparent)) repeat-x;background:linear-gradient(90deg, #3862e9 66%, transparent 0) repeat-x;background-size:6px 3px;background-position:0 1em;border-radius:0;line-height:normal}:host .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled),wm-uploader .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled){-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}:host .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark),wm-uploader .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark){-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e}:host .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark)::-moz-focus-inner,wm-uploader .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark)::-moz-focus-inner{border:0}:host .wm-button.dark:not(.-textonly):not(:disabled):not(.disabled),wm-uploader .wm-button.dark:not(.-textonly):not(:disabled):not(.disabled){background:transparent;border:2px solid #fff;color:#fff}:host .wm-button.dark:not(.-textonly):not(:disabled):not(.disabled):hover,wm-uploader .wm-button.dark:not(.-textonly):not(:disabled):not(.disabled):hover{color:#575195;background:#e6e6e6;border:2px solid #e6e6e6}:host .wm-button.dark.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled).dark,wm-uploader .wm-button.dark.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled).dark{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #c6b4e3;-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #c6b4e3;box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #c6b4e3;outline:none}:host .wm-button:active:not(:disabled):not(.disabled):not(.-textonly):not(.-actionbutton):not(.displayedoption),wm-uploader .wm-button:active:not(:disabled):not(.disabled):not(.-textonly):not(.-actionbutton):not(.displayedoption){-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-button .mdi,wm-uploader .wm-button .mdi{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host .wm-button:not(.-icononly):not(.-navigational) .mdi,wm-uploader .wm-button:not(.-icononly):not(.-navigational) .mdi{margin-right:0.3125rem}:host .wm-button[dir=RTL] :not(.-icononly) .mdi,wm-uploader .wm-button[dir=RTL] :not(.-icononly) .mdi{margin-left:0.3125rem;margin-right:0}:host .wm-button.-primary:not(.-textonly),wm-uploader .wm-button.-primary:not(.-textonly){background:#575195;color:#fff}:host .wm-button.-primary:not(.-textonly):not(:focus),wm-uploader .wm-button.-primary:not(.-textonly):not(:focus){-webkit-box-shadow:0 2px 2px 0 rgba(87, 81, 149, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 2px 2px 0 rgba(87, 81, 149, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.2);box-shadow:0 2px 2px 0 rgba(87, 81, 149, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.2)}:host .wm-button.-primary:not(.-textonly):hover:not(:disabled):not(.disabled),wm-uploader .wm-button.-primary:not(.-textonly):hover:not(:disabled):not(.disabled){background:#464177}:host .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled),wm-uploader .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled){color:#575195;background:#fff;border:2px solid #fff}:host .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled):hover,wm-uploader .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled):hover{color:#575195;background:#e6e6e6;border:2px solid #e6e6e6}:host .wm-button.-secondary:hover:not(:disabled):not(.disabled),wm-uploader .wm-button.-secondary:hover:not(:disabled):not(.disabled),:host .wm-button.-icononly:hover:not(:disabled):not(.disabled),wm-uploader .wm-button.-icononly:hover:not(:disabled):not(.disabled){background:#464177;color:#fff}:host .wm-button.-textonly,wm-uploader .wm-button.-textonly{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;display:inline-block;letter-spacing:0;text-transform:none;text-align:initial;font-size:0.875rem;border:none;background:transparent;padding-left:0;padding-right:0;height:auto;border-radius:0;line-height:1}:host .wm-button.-textonly+.-textonly,wm-uploader .wm-button.-textonly+.-textonly{margin-left:0.3125rem}:host .wm-button.-textonly:focus,wm-uploader .wm-button.-textonly:focus{outline:none}:host .wm-button.-textonly::-moz-focus-inner,wm-uploader .wm-button.-textonly::-moz-focus-inner{border:0;outline:none}:host .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled) .button-text,wm-uploader .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled) .button-text{background:-webkit-gradient(linear, left top, right top, color-stop(66%, #3862e9), color-stop(0, transparent)) repeat-x;background:linear-gradient(90deg, #3862e9 66%, transparent 0) repeat-x;background-size:6px 3px;background-position:0 1em;border-radius:0;line-height:normal}:host .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled).dark .button-text,wm-uploader .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled).dark .button-text{background:-webkit-gradient(linear, left top, right top, color-stop(66%, #fff), color-stop(0, transparent)) repeat-x;background:linear-gradient(90deg, #fff 66%, transparent 0) repeat-x;background-size:6px 3px;background-position:0 1em;border-radius:0;line-height:normal}:host .wm-button.-textonly.small,wm-uploader .wm-button.-textonly.small{font-size:0.625rem}:host .wm-button.-textonly:hover:not(:disabled):not(.disabled):not(.-permanentlydelete),wm-uploader .wm-button.-textonly:hover:not(:disabled):not(.disabled):not(.-permanentlydelete){text-decoration:underline}:host .wm-button.-textonly.-permanentlydelete,wm-uploader .wm-button.-textonly.-permanentlydelete{color:#c0392b}:host .wm-button.-textonly.-permanentlydelete:hover:not(:disabled):not(.disabled):not(.dark),wm-uploader .wm-button.-textonly.-permanentlydelete:hover:not(:disabled):not(.disabled):not(.dark){text-decoration:underline;color:#c0392b !important}:host .wm-button.-textonly.dark,wm-uploader .wm-button.-textonly.dark{color:#fff}:host .wm-button.-textonly.dark:hover:not(:disabled):not(.disabled),wm-uploader .wm-button.-textonly.dark:hover:not(:disabled):not(.disabled){text-decoration:underline;color:#fff !important}:host .wm-button.-icononly,wm-uploader .wm-button.-icononly,:host .wm-button.-navigational,wm-uploader .wm-button.-navigational{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;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-button.-icononly:not(:focus),wm-uploader .wm-button.-icononly:not(:focus),:host .wm-button.-navigational:not(:focus),wm-uploader .wm-button.-navigational:not(:focus){-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}@media screen and (min-width: 48rem){:host .wm-button.-icononly,wm-uploader .wm-button.-icononly,:host .wm-button.-navigational,wm-uploader .wm-button.-navigational{min-width:2.5rem;min-height:2.5rem}}:host .wm-button.-icononly,wm-uploader .wm-button.-icononly{border-width:1px !important}:host .wm-button.-icononly:before,wm-uploader .wm-button.-icononly: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}:host .wm-button.-navigational,wm-uploader .wm-button.-navigational{border:none !important;background-color:transparent}:host .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled),wm-uploader .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled){color:#575195}:host .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled):hover,wm-uploader .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled):hover,:host .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled).selected,wm-uploader .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled).selected{background-color:#d7d6d9}:host .wm-button.-navigational:before,wm-uploader .wm-button.-navigational: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}:host .wm-button.-permanentlydelete:not(.-textonly),wm-uploader .wm-button.-permanentlydelete:not(.-textonly){background:#c0392b;border-color:#c0392b;color:#fff}:host .wm-button.-permanentlydelete:not(.-textonly):hover:not(:disabled):not(.disabled):not(.dark),wm-uploader .wm-button.-permanentlydelete:not(.-textonly):hover:not(:disabled):not(.disabled):not(.dark){background:#9a2e22;border-color:#9a2e22}:host .wm-button.-pairnegative,wm-uploader .wm-button.-pairnegative{background:#cc4c3e;border-color:#cc4c3e;color:#fff}:host .wm-button.-pairnegative:hover:not(:disabled):not(.disabled),wm-uploader .wm-button.-pairnegative:hover:not(:disabled):not(.disabled){background:#a33d32;border-color:#a33d32}:host .wm-button.-pairpositive,wm-uploader .wm-button.-pairpositive{background:#15868d;border-color:#15868d;color:#fff}:host .wm-button.-pairpositive:hover:not(:disabled):not(.disabled),wm-uploader .wm-button.-pairpositive:hover:not(:disabled):not(.disabled){background:#116b71;border-color:#116b71}:host .wm-button.-selectoronly,wm-uploader .wm-button.-selectoronly{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;display:block;background:transparent;border:1px solid #575195;border-radius:3px 3px 3px 3px;height:2.75rem;min-width:11.4375rem;padding:0 1.875rem 0 0.9375rem;line-height:normal;font-family:inherit;color:#575195;font-weight:500;font-size:0.875rem;text-transform:none;letter-spacing:0.01875rem;text-align:left}@media screen and (min-width: 48rem){:host .wm-button.-selectoronly,wm-uploader .wm-button.-selectoronly{height:2.5rem}}:host .wm-button.-selectoronly:before,wm-uploader .wm-button.-selectoronly:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f140";position:absolute;right:0.5625rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none}:host .wm-button.-selectoronly:hover:not(:disabled):not(.disabled),wm-uploader .wm-button.-selectoronly:hover:not(:disabled):not(.disabled){background:transparent;text-decoration:none}:host .wm-button.-selectoronly:active,wm-uploader .wm-button.-selectoronly:active{-ms-transform:scale(1, 1) !important;-webkit-transform:scale(1, 1) !important;transform:scale(1, 1) !important}:host .wm-button.-selectoronly::-moz-focus-inner,wm-uploader .wm-button.-selectoronly::-moz-focus-inner{border:0}:host .wm-button.-selectoronly .overflowcontrol,wm-uploader .wm-button.-selectoronly .overflowcontrol{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:visible}:host .wm-button:disabled,wm-uploader .wm-button:disabled,:host .wm-button.disabled,wm-uploader .wm-button.disabled{background:inherit;border-color:#737373;color:#737373;cursor:default;pointer-events:none}:host .wm-button:disabled.-primary,wm-uploader .wm-button:disabled.-primary,:host .wm-button:disabled.-permanentlydelete,wm-uploader .wm-button:disabled.-permanentlydelete,:host .wm-button:disabled.-pairnegative,wm-uploader .wm-button:disabled.-pairnegative,:host .wm-button:disabled.-pairpositive,wm-uploader .wm-button:disabled.-pairpositive,:host .wm-button.disabled.-primary,wm-uploader .wm-button.disabled.-primary,:host .wm-button.disabled.-permanentlydelete,wm-uploader .wm-button.disabled.-permanentlydelete,:host .wm-button.disabled.-pairnegative,wm-uploader .wm-button.disabled.-pairnegative,:host .wm-button.disabled.-pairpositive,wm-uploader .wm-button.disabled.-pairpositive{background:#737373;color:#fff;border-color:#737373}:host .wm-button:disabled.-secondary,wm-uploader .wm-button:disabled.-secondary,:host .wm-button.disabled.-secondary,wm-uploader .wm-button.disabled.-secondary{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}:host .wm-button:disabled.-selectoronly,wm-uploader .wm-button:disabled.-selectoronly,:host .wm-button.disabled.-selectoronly,wm-uploader .wm-button.disabled.-selectoronly{color:#737373}:host .wm-button:disabled.-textonly,wm-uploader .wm-button:disabled.-textonly,:host .wm-button.disabled.-textonly,wm-uploader .wm-button.disabled.-textonly{color:#6b6b6b;background:transparent}:host .wm-button:disabled.dark.-secondary:not(.-permanentlydelete),wm-uploader .wm-button:disabled.dark.-secondary:not(.-permanentlydelete),:host .wm-button:disabled.dark.-textonly,wm-uploader .wm-button:disabled.dark.-textonly,:host .wm-button:disabled.dark.-navigational,wm-uploader .wm-button:disabled.dark.-navigational,:host .wm-button:disabled.dark.-icononly,wm-uploader .wm-button:disabled.dark.-icononly,:host .wm-button.disabled.dark.-secondary:not(.-permanentlydelete),wm-uploader .wm-button.disabled.dark.-secondary:not(.-permanentlydelete),:host .wm-button.disabled.dark.-textonly,wm-uploader .wm-button.disabled.dark.-textonly,:host .wm-button.disabled.dark.-navigational,wm-uploader .wm-button.disabled.dark.-navigational,:host .wm-button.disabled.dark.-icononly,wm-uploader .wm-button.disabled.dark.-icononly{color:#b5b5b5;border-color:#b5b5b5}:host .wm-button:disabled.dark.-primary,wm-uploader .wm-button:disabled.dark.-primary,:host .wm-button:disabled.dark.-permanentlydelete:not(.-textonly),wm-uploader .wm-button:disabled.dark.-permanentlydelete:not(.-textonly),:host .wm-button.disabled.dark.-primary,wm-uploader .wm-button.disabled.dark.-primary,:host .wm-button.disabled.dark.-permanentlydelete:not(.-textonly),wm-uploader .wm-button.disabled.dark.-permanentlydelete:not(.-textonly){background:#a6a6a6;border-color:#a6a6a6;color:#353b48}:host a.wm-button,wm-uploader a.wm-button,:host label.wm-button,wm-uploader label.wm-button{height:auto;padding-top:0.75rem;padding-bottom:0.75rem}:host,wm-uploader{width:100%;height:100%;display:block;position:relative;max-width:1140px}:host[dir=RTL] .mdi,wm-uploader[dir=RTL] .mdi{margin-left:0.3125rem;margin-right:0}:host input:focus+.wm-button.user-is-tabbing,wm-uploader input:focus+.wm-button.user-is-tabbing{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e !important;-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e !important;box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e !important}:host *,wm-uploader *{-webkit-box-sizing:border-box;box-sizing:border-box}.wm-button.disabled{pointer-events:initial !important}.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}.header{margin-bottom:2.5rem}.header.type1,.header.type2{margin-bottom:1rem}.header .slot-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start}.header .info-wrapper{-ms-flex-align:center;align-items:center}.header .info-wrapper .info{font-size:0.875rem;margin-left:1rem}.header .accepted-types{font-size:0.875rem}.header .requirements{font-size:0.875rem;margin-left:1rem}.footer{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:end;align-items:flex-end;padding:0.9375rem 1.875rem}.footer .notif-wrapper{-ms-flex-align:end;align-items:flex-end}.footer .filecount-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.footer .filecount-wrapper .filecount{font-size:0.875rem;margin-right:1rem}.notif-wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin-bottom:0.75rem}.notif-wrapper.type1,.notif-wrapper.type2{-ms-flex-direction:column;flex-direction:column;margin-bottom:1rem}.notif-wrapper .requirements{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.notif{padding-top:0.25rem;font-size:0.875rem;font-style:italic}.notif.error{color:#c0392b}.info-wrapper{position:relative;display:-ms-flexbox;display:flex}.name-wrapper{overflow:hidden}.name-wrapper+.file-controls{-ms-flex:none;flex:none;margin-left:1rem}.empty-block{margin:5rem auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.empty-block .upload-file{margin-bottom:1.875rem}.empty-block .empty-message{font-size:0.875rem;margin-bottom:0.4375rem}.empty-block .empty-message.large{font-size:1.5rem}.empty-block .info-wrapper{-ms-flex-pack:center;justify-content:center;width:100%}.empty-block .info-wrapper .wm-button{width:auto}.list-container{overflow-y:unset}.list-container.checkmark-spacer{margin-right:2.75rem}.list-container.type1,.list-container.type2{overflow-y:auto}.list-container.type1 ul,.list-container.type2 ul{margin:revert}.list-container.type1 .file-list li,.list-container.type1 .inprogress-list li,.list-container.type2 .file-list li,.list-container.type2 .inprogress-list li{margin-bottom:1.625rem}.list-container.type1 .error-list li,.list-container.type2 .error-list li{margin-bottom:1.25rem}.list-container.type1{padding:0 1.875rem;height:16.25rem}ul{list-style:none;padding:0;width:100%;margin:0}ul li{position:relative;font-size:0.875rem;margin-bottom:0.5rem}ul li .file{min-width:300px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;position:relative;height:3.5rem;padding:0.5rem 1.25rem;background:#f4f4f4;border:1px solid #6b6b6b;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}ul li .file+.file{margin-top:1.25rem}ul li .file .filename{white-space:nowrap}ul li .file .left-group{overflow:hidden}ul li .file .right-group{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-left:5rem}ul li .file .right-group .file-controls{display:-ms-flexbox;display:flex}ul li .file .right-group .file-info{white-space:nowrap;margin-right:1rem}ul li .file wm-button+wm-button{margin-left:1rem}ul li.condensed .right-group{padding-left:2.5rem}ul li.checked .file: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:"\\f133";position:absolute;right:-44px;color:#088000;font-size:28px;line-height:1}ul .progress{position:absolute;left:0;top:0;right:0;height:8px}ul.file-list li,ul.inprogress-list li{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}ul.file-list li .file,ul.inprogress-list li .file{-ms-flex:1;flex:1}ul.error-list li{margin-bottom:0.5rem}ul.error-list li .file{border:1px solid #c0392b;background-color:#f5ebea;height:3.75rem}ul.error-list li .error-message{color:#c0392b;padding-top:0.25rem;font-style:italic}.ch-measure{width:1ch !important}';var b=e("wm_uploader",function(){function e(e){var i=this;t(this,e);this.wmUploaderFilesSelected=o(this,"wmUploaderFilesSelected",7);this.wmFilesSelected=o(this,"wmFilesSelected",7);this.wmUploaderDeleteFile=o(this,"wmUploaderDeleteFile",7);this.wmDeleteFile=o(this,"wmDeleteFile",7);this.wmUploaderDownloadFile=o(this,"wmUploaderDownloadFile",7);this.wmDownloadFile=o(this,"wmDownloadFile",7);this.wmUploaderPreviewFile=o(this,"wmUploaderPreviewFile",7);this.fileTypes="pdf txt log xml doc docx xls xlsx ppt pptx gif jpg jpeg png csv";this.sortBy="date";this.showInfo="time";this.fileList=[];this.filesToUpload=[];this.isTabbing=false;this.errorList=[];this.announcement="";this.isCondensed=false;this.inputId=s();this.debouncedResize=l((function(){i.isCondensed=i.el.clientWidth<500;n(i.el)}),50)}Object.defineProperty(e.prototype,"uploadButtonEl",{get:function(){return this.el.shadowRoot.querySelector("#".concat(this.inputId))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"tempUploaderType",{get:function(){return this.type||this.uploaderType},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"effectiveMaxSize",{get:function(){var e=100;var t=100;return this.maxSize?Math.min(this.maxSize,t):e},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"chMeasure",{get:function(){return this.el.shadowRoot.querySelector(".ch-measure").clientWidth},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"fileLimitReached",{get:function(){return this.maxFiles&&this.fileList.length>=this.maxFiles},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"fileLimitExceededMessage",{get:function(){return d.formatMessage({id:"uploader.fileUploadLimitExceeded",defaultMessage:"Upload unsuccessful because file selection would exceed the maximum number of files",description:"Message displayed when trying to upload too many files"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"fileLimitReachedMessage",{get:function(){return d.formatMessage({id:"uploader.fileUploadLimitReached",defaultMessage:"The maximum number of files has been reached",description:"Message displayed when trying to upload additional files, but the limit has been reached"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"fileCountMessage",{get:function(){return d.formatMessage({id:"uploader.fileCount",defaultMessage:"{x} of {y} Files",description:"A count of the number of files currently uploaded"},{x:this.fileList.length,y:this.maxFiles})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"maxSizeMessage",{get:function(){return d.formatMessage({id:"uploader.maxSize",defaultMessage:"Maximum file size {maxSize}MB",description:"An indicator of the maximum file size the uploader allows"},{maxSize:this.effectiveMaxSize})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"acceptedFileTypesMessage",{get:function(){var e="."+this.fileTypes.split(" ").join(", .");return d.formatMessage({id:"uploader.acceptedFileTypes",defaultMessage:"Accepted file {amount, plural, =1 {type} other {types}}: {fileTypes}"},{fileTypes:e,amount:this.fileTypes.split(" ").length})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"previewActionMessage",{get:function(){return d.formatMessage({id:"uploader.previewAction",defaultMessage:"Preview File",description:"Label of a button that triggers a file to be previewed"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"downloadActionMessage",{get:function(){return d.formatMessage({id:"uploader.downloadAction",defaultMessage:"Download File",description:"Label of a button that triggers a file to be downloaded"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"deleteActionMessage",{get:function(){return d.formatMessage({id:"uploader.deleteAction",defaultMessage:"Delete File",description:"Label of a button that triggers a file to be delete"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"clearButtonText",{get:function(){return d.formatMessage({id:"uploader.clearErrorText",defaultMessage:"Clear",description:"Text for a button used to clear an error"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"actionMenuLabel",{get:function(){return d.formatMessage({id:"uploader.actionMenuLabel",defaultMessage:"Actions",description:"Label of a button that opens a menu of file actions"})},enumerable:false,configurable:true});e.prototype.toggleTabbingOn=function(){this.isTabbing=true};e.prototype.toggleTabbingOff=function(){this.isTabbing=false};e.prototype.handleUploadProgress=function(e){var t=this;this.fileList.map((function(o){if(o.id===e.detail.id){o.progress=e.detail.progress;n(t.el)}}));if(e.detail.progress===100){this.numFilesInProgress-=1}if(!this.srProgress&&this.numFilesInProgress){var o=this.numFilesInProgress;this.srProgress=setInterval((function(){var e=t.fileList.reduce((function(e,t){return t.progress?e+t.progress:e}),0);t.announce(d.formatMessage({id:"uploader.uploadProgress",defaultMessage:"Upload progress: {percentage}%"},{percentage:Math.floor(e/o)}))}),5e3)}};e.prototype.parseFiles=function(){if(!!this.files){if(typeof this.files==="string"){var e=JSON.parse(this.files);if(typeof e==="object"){this.fileList=e}else{throw new Error("could not parse string passed to files attribute")}}else{throw new Error("Attribute 'files' should be a string")}}};e.prototype.parseRejectedFiles=function(){if(!!this.rejectedFiles){if(typeof this.files==="string"){var e=JSON.parse(this.rejectedFiles);if(typeof e==="object"){this.errorList=e}else{throw new Error("could not parse string passed to errors attribute")}}else{throw new Error("Attribute 'rejected-files' should be a string")}}};e.prototype.uploadNotifications=function(e,t){var o=this;if(t>0&&e===0){setTimeout((function(){o.notif=null}),20*1e3);var i=d.formatMessage({id:"uploader.finishedUploading",defaultMessage:"Finished uploading"});this.notif={message:i,isError:false};this.announce(i);this.numFilesInProgress=null;clearInterval(this.srProgress);n(this.el)}else if(e>0&&e!=t){var i=d.formatMessage({id:"uploader.filesUploading",defaultMessage:"{num, plural, one {1 file uploading} other {# files uploading}}"},{num:e});this.notif={message:i,isError:false};this.announce(i);n(this.el)}};e.prototype.isValidSize=function(e){return this.convertBytes(e,"MB").size<=this.effectiveMaxSize};e.prototype.convertBytes=function(e,t){var o=["bytes","KB","MB","GB","TB"];var n=0;var i=typeof e==="number"?e:parseInt(e);if(t){while(o.indexOf(t)>n){i/=1024;n++}}else{while(i>1e3){i/=1024;n++}}return{size:i,unit:o[n]}};e.prototype.isDuplicate=function(e){return this.fileList.find((function(t){var o=t.type?t.name+"."+t.type:t.name;return o===e}))};e.prototype.isEmpty=function(){return!this.fileList.length&&!this.errorList.length};Object.defineProperty(e.prototype,"isDisabled",{get:function(){return this.fileLimitReached||this.numFilesInProgress>0},enumerable:false,configurable:true});e.prototype.isItemUploading=function(e){return e.hasOwnProperty("progress")&&e.progress<100};e.prototype.announce=function(e){if(this.liveRegion.textContent===e){e+=" "}this.announcement=e};e.prototype.clearError=function(e){this.errorList=this.errorList.filter((function(t){return t.name!=e}));this.notif=null};e.prototype.clearErrors=function(){this.errorList=[];this.notif=null};e.prototype.handleFiles=function(e){var t=this;this.filesToUpload=[];var o=this.fileTypes.split(" ").join(", ");var n=Array.from(e.target.files);if(!!this.maxFiles&&this.fileList.length+n.length>this.maxFiles){var i=this.fileLimitExceededMessage;this.notif={message:i,isError:true};this.announce(i)}else{n&&n.map((function(e){if(!p(e,t.fileTypes)){var n={name:e.name,message:d.formatMessage({id:"uploader.invalidFileType",defaultMessage:"The file type is invalid. Accepted types: {validTypes}"},{validTypes:o})};t.errorList.push(n)}else if(e.size===0){var n={name:e.name,message:d.formatMessage({id:"uploader.zeroFileSize",defaultMessage:"The file must be more than 0 bytes",description:"Error message when user attempts to upload a file of no size"})};t.errorList.push(n)}else if(!t.isValidSize(e.size)){var n={name:e.name,message:d.formatMessage({id:"uploader.fileTooLarge",defaultMessage:"The selected file is too large. Maximum file size is {size}Mb"},{size:t.effectiveMaxSize})};t.errorList.push(n)}else if(t.isDuplicate(e.name)){var n={name:e.name,message:d.formatMessage({id:"uploader.duplicateName",defaultMessage:"A file with this name already exists."})};t.errorList.push(n)}else{t.filesToUpload.push(e)}}));if(this.filesToUpload.length>0){this.numFilesInProgress=this.filesToUpload.length;this.wmUploaderFilesSelected.emit(this.filesToUpload);this.wmFilesSelected.emit(this.filesToUpload)}}e.target.value=""};e.prototype.previewFile=function(e){this.clearErrors();this.wmUploaderPreviewFile.emit(e.id)};e.prototype.downloadFile=function(e){this.clearErrors();this.wmUploaderDownloadFile.emit(e.id);this.wmDownloadFile.emit(e.id)};e.prototype.deleteFile=function(e){this.clearErrors();n(this.el);this.wmUploaderDeleteFile.emit(e.id);this.wmDeleteFile.emit(e.id)};e.prototype.componentWillLoad=function(){var e=this;if(!this.buttonText){throw new Error("wm-uploader: button-text is a required prop")}if(this.type){console.warn("wm-uploader: type has been deprecated as of v3.1.0. Please use uploader-type instead.")}if(this.tempUploaderType==="1"&&!this.emptyStateText){throw new Error("wm-uploader: empty-state-text is a required prop")}var t=new ResizeObserver((function(){return e.debouncedResize()}));t.observe(this.el);this.parseFiles();this.clearErrors();this.parseRejectedFiles()};e.prototype.componentDidLoad=function(){if(document.body.classList.contains("wmcl-user-is-tabbing")){this.toggleTabbingOn()}};e.prototype.uploadButtonOnClick=function(e){if(this.isDisabled){e.preventDefault();if(this.numFilesInProgress>0){var t=d.formatMessage({id:"uploader.waitToUpload",defaultMessage:"Please wait for current upload to complete before uploading new files.",description:"Message for screen reader users"});this.announce(t)}else if(this.fileLimitReached){var t=this.fileLimitReachedMessage;var o={message:t,isError:true};this.notif=o;this.announce(t)}}else{this.clearErrors()}};e.prototype.renderUploadSvg=function(){return i("svg",{class:"upload-file",width:"91",height:"84",viewBox:"0 0 91 84"},i("path",{transform:"rotate(-180.000000) translate(-452, -255.5)",fill:"#eae8ec",d:"M361,249.681818 L361,197.318182 C361,194.118182 365.555061,191.5 371.122358,191.5 L391.316463,191.5 L391.286495,200.562515 L369.871211,200.600292 L369.885404,200.622146 L369.886423,246.655947 L443.657038,246.840767 L443.657038,200.622146 L421.683537,200.622146 L421.683537,191.5 L441.978865,191.5 C447.546162,191.5 452,194.118182 452,197.318182 L452,249.681818 C452,252.881818 447.546162,255.5 441.978865,255.5 L371.122358,255.5 C365.504449,255.5 361,252.881818 361,249.681818 Z M391.5,207 L406,221 L420.5,207 L409.625,207 L409.625,172 L402.375,172 L402.375,207 L391.5,207 Z"}))};e.prototype.renderIcon=function(){var e=this.icon&&this.icon==="f066";return this.icon&&i("span",{class:"mdi ".concat(e?"rotate":"")},String.fromCodePoint(parseInt("0x".concat(this.icon))))};e.prototype.renderInfo=function(){return this.info&&this.tempUploaderType==="2"?i("span",{class:"info"},this.info):""};e.prototype.renderNotif=function(){return this.notif?i("div",{class:"notif ".concat(this.notif.isError?"error":"")},this.notif.message):""};e.prototype.renderUploadButton=function(e){var t=this;return i("div",{class:"info-wrapper"},i("input",{name:this.inputId,id:this.inputId,class:"sr-only","aria-describedby":"file-count max-size accepted-types",type:"file",multiple:true,onClick:function(e){return t.uploadButtonOnClick(e)},onChange:function(e){return t.handleFiles(e)}}),i("label",{htmlFor:this.inputId,class:"wm-button ".concat(e).concat(this.isTabbing?" user-is-tabbing":"")},this.renderIcon(),this.buttonText),this.renderInfo())};e.prototype.renderEmptyState=function(){return i("div",{class:"empty-block"},this.renderUploadSvg(),i("div",{class:"empty-message"},this.emptyStateText),this.renderUploadButton("-primary empty-button"),this.renderNotif())};e.prototype.renderFileName=function(e,t){var o=this;return i("div",{class:"left-group"},i("div",{class:"name-wrapper"},i("span",{class:"filename","data-filename":e,onMouseEnter:function(t){return o.handleFilenameMouseEnter(t,e)},onMouseLeave:function(){return u()}}),t&&i("span",{class:"sr-only"},"uploading"),i("div",{class:"sr-only ch-measure"})))};e.prototype.renderErrorList=function(){var e=this;if(!!this.errorList.length){var t=this.errorList.reduce((function(e,t){return e+"".concat(t.name,": ").concat(t.message," ")}),"");this.announce(t);return i("ul",{class:"error-list"},this.errorList.map((function(t){var o=d.formatMessage({id:"uploader.clearErrorLabel",defaultMessage:"Clear {fileName} error",description:"Label for a button used to clear an error, including filename"},{fileName:t.name});return i("li",null,i("div",{class:"file --error"},e.renderFileName(t.name,false),i("wm-button",{"permanently-delete":true,"button-type":"textonly","label-for-identical-buttons":o,onClick:function(){e.clearError(t.name);e.uploadButtonEl.focus()}},e.clearButtonText)),i("div",{class:"error-message"},t.message))})))}};e.prototype.renderFileInProgress=function(e){var t=e.type?"".concat(e.name,".").concat(e.type):e.name;return i("li",null,i("div",{class:"file --progress"},i("div",{class:"progress",style:{background:"linear-gradient(to right, rgba(67, 126, 142, 1) ".concat(e.progress,"%, transparent ").concat(e.progress,"%)")}}),this.renderFileName(t,this.isItemUploading(e))))};e.prototype.renderFile=function(e){var t=e.type?"".concat(e.name,".").concat(e.type):e.name;var o=e.fileActions&&e.fileActions.split(" ").length===1;var n=!this.tempUploaderType&&this.isCondensed&&!o;var r=!this.tempUploaderType&&!this.isCondensed;var a=!this.tempUploaderType&&(e.progress===100||e.progress==="100");return i("li",{class:"".concat(this.isCondensed?"condensed":""," ").concat(a?"checked":"")},i("div",{class:"file --saved"},this.renderFileName(t,this.isItemUploading(e)),i("div",{class:"right-group"},r&&this.renderFileInfo(e),n?this.renderActionMenu(e):this.renderFileActions(e))))};e.prototype.handleFilenameMouseEnter=function(e,t){if(e.target.textContent.includes("...")){m("bottom",e.target,t)}};e.prototype.componentDidRender=function(){var e=this;var t=this.el.shadowRoot.querySelectorAll(".file");t.forEach((function(t){return e.truncateFileName(t)}))};e.prototype.truncateFileName=function(e){var t=e.querySelector(".left-group");var o=t.getBoundingClientRect().left;var n=e.querySelector(".right-group");var i=n?n.getBoundingClientRect().left:e.getBoundingClientRect().right-20;var r=e.querySelector(".filename");var a=i-o;var s=r.dataset.filename;var l=a>s.length*this.chMeasure;if(!l){var d=s.slice(s.lastIndexOf("."));var p=Math.floor(a/this.chMeasure);var u=3+3+d.length;var m=Math.max(2,p-u);var c=s.slice(0,m);var b=s.slice(s.indexOf(d)-3,s.length);s="".concat(c.trim(),"...").concat(b.trim())}r.textContent=s};e.prototype.renderFileActions=function(e){var t=this;var o="download delete";var n=e.fileActions||o;var r=i("wm-button",{class:"preview-button","button-type":"icononly",tooltip:"Preview","tooltip-position":"bottom","label-for-identical-buttons":"preview ".concat(e.name),icon:"f208",onClick:function(){return t.previewFile(e)}});var a=i("wm-button",{class:"download-button","button-type":"icononly",tooltip:"Download","tooltip-position":"bottom","label-for-identical-buttons":"download ".concat(e.name),icon:"f1da",onClick:function(){return t.downloadFile(e)}});var s=i("wm-button",{class:"delete-button","button-type":"icononly",tooltip:"Delete","tooltip-position":"bottom","label-for-identical-buttons":"delete ".concat(e.name),icon:"f1c0",onClick:function(){return t.deleteFile(e)}});return i("div",{class:"file-controls"},n.includes("preview")&&r,n.includes("download")&&a,n.includes("delete")&&s)};e.prototype.renderActionMenu=function(e){var t=this;var o="download delete";var n=e.fileActions||o;var r=i("wm-menuitem",{icon:"f208",onClick:function(){return t.previewFile(e)}},this.previewActionMessage);var a=i("wm-menuitem",{icon:"f1da",onClick:function(){return t.downloadFile(e)}},this.downloadActionMessage);var s=i("wm-menuitem",{icon:"f1c0",onClick:function(){return t.deleteFile(e)}},this.deleteActionMessage);return i("wm-action-menu",{"action-menu-type":"icon",tooltip:this.actionMenuLabel,"tooltip-position":"bottom","label-for-identical-buttons":"".concat(e.name," ").concat(this.actionMenuLabel)},n.includes("preview")&&r,n.includes("download")&&a,n.includes("delete")&&s)};e.prototype.renderFileInfo=function(e){var t=undefined;if(this.showInfo==="time"){var o=new Date(Date.parse(e.lastUpdated));var n=o.getDate();var r=o.getMonth()+1;var a=o.getFullYear();var s=o.toLocaleTimeString("en-us",{hour:"numeric",minute:"2-digit"});var l="".concat(r,"/").concat(n,"/").concat(a," ").concat(s);t=i("div",{class:"file-info"},l)}else if(this.showInfo==="size"&&e.size){var d=this.convertBytes(e.size);t=i("div",{class:"file-info"},"".concat(d.size.toFixed(0)," ").concat(d.unit))}return t};e.prototype.renderFileList=function(){var e=this;if(this.fileList){this.sortBy==="name"?this.fileList.sort((function(e,t){return e.name.localeCompare(t.name)})):this.fileList.sort((function(e,t){return Date.parse(e.lastUpdated)-Date.parse(t.lastUpdated)}));return i("div",null,i("ul",{class:"inprogress-list"},this.fileList.filter((function(t){return e.isItemUploading(t)})).map((function(t){return e.renderFileInProgress(t)}))),i("ul",{class:"file-list"},this.fileList.filter((function(t){return!e.isItemUploading(t)})).map((function(t){return e.renderFile(t)}))))}};e.prototype.legacyRenderHeader=function(){return i("div",{class:"header ".concat(this.tempUploaderType?"type".concat(this.tempUploaderType):"")},i("div",{class:"slot-wrapper"},i("slot",null),i("div",{class:"notif-wrapper ".concat(this.tempUploaderType?"type".concat(this.tempUploaderType):"")},this.renderUploadButton("-secondary ".concat(this.isDisabled?"disabled":"")),this.renderNotif())))};e.prototype.renderHeader=function(){return i("div",{class:"header ".concat(this.tempUploaderType?"type".concat(this.tempUploaderType):"")},i("div",{class:"notif-wrapper ".concat(this.tempUploaderType?"type".concat(this.tempUploaderType):"")},this.renderUploadButton("-secondary ".concat(this.isDisabled?"disabled":"")),this.renderRequirements()),i("div",{id:"accepted-types",class:"accepted-types"},this.acceptedFileTypesMessage),this.renderNotif())};e.prototype.renderRequirements=function(){return i("div",{class:"requirements"},this.maxFiles&&i("span",{id:"file-count"},this.fileCountMessage),this.maxSize&&i("span",{id:"max-size"},this.maxSizeMessage))};e.prototype.renderFooter=function(){return i("div",{class:"footer"},i("div",{class:"notif-wrapper ".concat(this.tempUploaderType?"type".concat(this.tempUploaderType):"")},i("div",{class:"filecount-wrapper"},i("div",{class:"filecount"},d.formatMessage({id:"uploader.filesAdded",defaultMessage:"{numFiles, plural, one {1 file added} other {# files added}}"},{numFiles:this.fileList.length})),this.renderUploadButton("-primary ".concat(this.isDisabled?"disabled":""))),this.renderNotif()))};e.prototype.renderWithItems=function(){var e=this.fileList.filter((function(e){return e.progress===(typeof e.progress==="number"?100:"100")})).length>0;return i("div",null,!this.tempUploaderType&&this.renderHeader(),this.tempUploaderType==="2"&&this.legacyRenderHeader(),i("div",{class:"list-container type".concat(this.tempUploaderType," ").concat(!this.tempUploaderType&&e?"checkmark-spacer":"")},this.renderErrorList(),this.renderFileList()),this.tempUploaderType==="1"&&this.renderFooter())};e.prototype.render=function(){var e=this;return i(r,null,this.isEmpty()&&this.tempUploaderType==="1"?this.renderEmptyState():this.renderWithItems(),i("div",{ref:function(t){return e.liveRegion=t},class:"live-region sr-only","aria-live":"assertive","aria-atomic":"true"},this.announcement))};Object.defineProperty(e.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{files:["parseFiles"],rejectedFiles:["parseRejectedFiles"],numFilesInProgress:["uploadNotifications"]}},enumerable:false,configurable:true});return e}());b.style=c}}}));
+System.register(["./p-726b9452.system.js","./p-63190f58.system.js"],(function(e){"use strict";var t,o,n,i,r,a,s,l,d,p,u,m;return{setters:[function(e){t=e.r;o=e.c;n=e.f;i=e.h;r=e.H;a=e.g},function(e){s=e.g;l=e.d;d=e.i;p=e.u;u=e.q;m=e.r}],execute:function(){var c=':host .wm-button,wm-uploader .wm-button{-ms-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 500ms cubic-bezier(0.4, 0, 0.2, 1);-moz-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1), border 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), border 500ms cubic-bezier(0.4, 0, 0.2, 1);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;width:inherit;border:2px solid #575195;color:#575195;font-family:inherit;font-size:0.75rem;font-weight:700;height:2.75rem;padding:0 1.3333333333em;cursor:pointer;position:relative;background:#fff;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-decoration:none;text-transform:uppercase;letter-spacing:0.01875rem;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}@media screen and (min-width: 48rem){:host .wm-button,wm-uploader .wm-button{height:3.3333333333em}}:host .wm-button.nowrap,wm-uploader .wm-button.nowrap{display:inline-block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .wm-button:focus,wm-uploader .wm-button:focus{outline:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}:host .wm-button::-moz-focus-inner,wm-uploader .wm-button::-moz-focus-inner{border:0;outline:none}:host .wm-button.user-is-tabbing:focus:not(:disabled):not(.disabled) :host .wm-button.-textonly .button-text,wm-uploader .wm-button.user-is-tabbing:focus:not(:disabled):not(.disabled) :host .wm-button.-textonly .button-text,:host .wm-button.user-is-tabbing:focus:not(:disabled):not(.disabled) wm-uploader .wm-button.-textonly .button-text,wm-uploader .wm-button.user-is-tabbing:focus:not(:disabled):not(.disabled) wm-uploader .wm-button.-textonly .button-text{background:-webkit-gradient(linear, left top, right top, color-stop(66%, #3862e9), color-stop(0, transparent)) repeat-x;background:linear-gradient(90deg, #3862e9 66%, transparent 0) repeat-x;background-size:6px 3px;background-position:0 1em;border-radius:0;line-height:normal}:host .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled),wm-uploader .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled){-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}:host .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark),wm-uploader .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark){-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e}:host .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark)::-moz-focus-inner,wm-uploader .wm-button.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled):not(.dark)::-moz-focus-inner{border:0}:host .wm-button.dark:not(.-textonly):not(:disabled):not(.disabled),wm-uploader .wm-button.dark:not(.-textonly):not(:disabled):not(.disabled){background:transparent;border:2px solid #fff;color:#fff}:host .wm-button.dark:not(.-textonly):not(:disabled):not(.disabled):hover,wm-uploader .wm-button.dark:not(.-textonly):not(:disabled):not(.disabled):hover{color:#575195;background:#e6e6e6;border:2px solid #e6e6e6}:host .wm-button.dark.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled).dark,wm-uploader .wm-button.dark.user-is-tabbing:focus:not(.-textonly):not(:disabled):not(.disabled).dark{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #c6b4e3;-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #c6b4e3;box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #c6b4e3;outline:none}:host .wm-button:active:not(:disabled):not(.disabled):not(.-textonly):not(.-actionbutton):not(.displayedoption),wm-uploader .wm-button:active:not(:disabled):not(.disabled):not(.-textonly):not(.-actionbutton):not(.displayedoption){-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-button .mdi,wm-uploader .wm-button .mdi{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host .wm-button:not(.-icononly):not(.-navigational) .mdi,wm-uploader .wm-button:not(.-icononly):not(.-navigational) .mdi{margin-right:0.3125rem}:host .wm-button[dir=RTL] :not(.-icononly) .mdi,wm-uploader .wm-button[dir=RTL] :not(.-icononly) .mdi{margin-left:0.3125rem;margin-right:0}:host .wm-button.-primary:not(.-textonly),wm-uploader .wm-button.-primary:not(.-textonly){background:#575195;color:#fff}:host .wm-button.-primary:not(.-textonly):not(:focus),wm-uploader .wm-button.-primary:not(.-textonly):not(:focus){-webkit-box-shadow:0 2px 2px 0 rgba(87, 81, 149, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 2px 2px 0 rgba(87, 81, 149, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.2);box-shadow:0 2px 2px 0 rgba(87, 81, 149, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.2)}:host .wm-button.-primary:not(.-textonly):hover:not(:disabled):not(.disabled),wm-uploader .wm-button.-primary:not(.-textonly):hover:not(:disabled):not(.disabled){background:#464177}:host .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled),wm-uploader .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled){color:#575195;background:#fff;border:2px solid #fff}:host .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled):hover,wm-uploader .wm-button.-primary:not(.-textonly).dark:not(:disabled):not(.disabled):hover{color:#575195;background:#e6e6e6;border:2px solid #e6e6e6}:host .wm-button.-secondary:hover:not(:disabled):not(.disabled),wm-uploader .wm-button.-secondary:hover:not(:disabled):not(.disabled),:host .wm-button.-icononly:hover:not(:disabled):not(.disabled),wm-uploader .wm-button.-icononly:hover:not(:disabled):not(.disabled){background:#464177;color:#fff}:host .wm-button.-textonly,wm-uploader .wm-button.-textonly{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;display:inline-block;letter-spacing:0;text-transform:none;text-align:initial;font-size:0.875rem;border:none;background:transparent;padding-left:0;padding-right:0;height:auto;border-radius:0;line-height:1}:host .wm-button.-textonly+.-textonly,wm-uploader .wm-button.-textonly+.-textonly{margin-left:0.3125rem}:host .wm-button.-textonly:focus,wm-uploader .wm-button.-textonly:focus{outline:none}:host .wm-button.-textonly::-moz-focus-inner,wm-uploader .wm-button.-textonly::-moz-focus-inner{border:0;outline:none}:host .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled) .button-text,wm-uploader .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled) .button-text{background:-webkit-gradient(linear, left top, right top, color-stop(66%, #3862e9), color-stop(0, transparent)) repeat-x;background:linear-gradient(90deg, #3862e9 66%, transparent 0) repeat-x;background-size:6px 3px;background-position:0 1em;border-radius:0;line-height:normal}:host .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled).dark .button-text,wm-uploader .wm-button.-textonly.user-is-tabbing:focus:not(:disabled):not(.disabled).dark .button-text{background:-webkit-gradient(linear, left top, right top, color-stop(66%, #fff), color-stop(0, transparent)) repeat-x;background:linear-gradient(90deg, #fff 66%, transparent 0) repeat-x;background-size:6px 3px;background-position:0 1em;border-radius:0;line-height:normal}:host .wm-button.-textonly.small,wm-uploader .wm-button.-textonly.small{font-size:0.625rem}:host .wm-button.-textonly:hover:not(:disabled):not(.disabled):not(.-permanentlydelete),wm-uploader .wm-button.-textonly:hover:not(:disabled):not(.disabled):not(.-permanentlydelete){text-decoration:underline}:host .wm-button.-textonly.-permanentlydelete,wm-uploader .wm-button.-textonly.-permanentlydelete{color:#c0392b}:host .wm-button.-textonly.-permanentlydelete:hover:not(:disabled):not(.disabled):not(.dark),wm-uploader .wm-button.-textonly.-permanentlydelete:hover:not(:disabled):not(.disabled):not(.dark){text-decoration:underline;color:#c0392b !important}:host .wm-button.-textonly.dark,wm-uploader .wm-button.-textonly.dark{color:#fff}:host .wm-button.-textonly.dark:hover:not(:disabled):not(.disabled),wm-uploader .wm-button.-textonly.dark:hover:not(:disabled):not(.disabled){text-decoration:underline;color:#fff !important}:host .wm-button.-icononly,wm-uploader .wm-button.-icononly,:host .wm-button.-navigational,wm-uploader .wm-button.-navigational{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;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-button.-icononly:not(:focus),wm-uploader .wm-button.-icononly:not(:focus),:host .wm-button.-navigational:not(:focus),wm-uploader .wm-button.-navigational:not(:focus){-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}@media screen and (min-width: 48rem){:host .wm-button.-icononly,wm-uploader .wm-button.-icononly,:host .wm-button.-navigational,wm-uploader .wm-button.-navigational{min-width:2.5rem;min-height:2.5rem}}:host .wm-button.-icononly,wm-uploader .wm-button.-icononly{border-width:1px !important}:host .wm-button.-icononly:before,wm-uploader .wm-button.-icononly: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}:host .wm-button.-navigational,wm-uploader .wm-button.-navigational{border:none !important;background-color:transparent}:host .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled),wm-uploader .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled){color:#575195}:host .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled):hover,wm-uploader .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled):hover,:host .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled).selected,wm-uploader .wm-button.-navigational:not(.dark):not(:disabled):not(.disabled).selected{background-color:#d7d6d9}:host .wm-button.-navigational:before,wm-uploader .wm-button.-navigational: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}:host .wm-button.-permanentlydelete:not(.-textonly),wm-uploader .wm-button.-permanentlydelete:not(.-textonly){background:#c0392b;border-color:#c0392b;color:#fff}:host .wm-button.-permanentlydelete:not(.-textonly):hover:not(:disabled):not(.disabled):not(.dark),wm-uploader .wm-button.-permanentlydelete:not(.-textonly):hover:not(:disabled):not(.disabled):not(.dark){background:#9a2e22;border-color:#9a2e22}:host .wm-button.-pairnegative,wm-uploader .wm-button.-pairnegative{background:#cc4c3e;border-color:#cc4c3e;color:#fff}:host .wm-button.-pairnegative:hover:not(:disabled):not(.disabled),wm-uploader .wm-button.-pairnegative:hover:not(:disabled):not(.disabled){background:#a33d32;border-color:#a33d32}:host .wm-button.-pairpositive,wm-uploader .wm-button.-pairpositive{background:#15868d;border-color:#15868d;color:#fff}:host .wm-button.-pairpositive:hover:not(:disabled):not(.disabled),wm-uploader .wm-button.-pairpositive:hover:not(:disabled):not(.disabled){background:#116b71;border-color:#116b71}:host .wm-button.-selectoronly,wm-uploader .wm-button.-selectoronly{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;display:block;background:transparent;border:1px solid #575195;border-radius:3px 3px 3px 3px;height:2.75rem;min-width:11.4375rem;padding:0 1.875rem 0 0.9375rem;line-height:normal;font-family:inherit;color:#575195;font-weight:500;font-size:0.875rem;text-transform:none;letter-spacing:0.01875rem;text-align:left}@media screen and (min-width: 48rem){:host .wm-button.-selectoronly,wm-uploader .wm-button.-selectoronly{height:2.5rem}}:host .wm-button.-selectoronly:before,wm-uploader .wm-button.-selectoronly:before{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f140";position:absolute;right:0.5625rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none}:host .wm-button.-selectoronly:hover:not(:disabled):not(.disabled),wm-uploader .wm-button.-selectoronly:hover:not(:disabled):not(.disabled){background:transparent;text-decoration:none}:host .wm-button.-selectoronly:active,wm-uploader .wm-button.-selectoronly:active{-ms-transform:scale(1, 1) !important;-webkit-transform:scale(1, 1) !important;transform:scale(1, 1) !important}:host .wm-button.-selectoronly::-moz-focus-inner,wm-uploader .wm-button.-selectoronly::-moz-focus-inner{border:0}:host .wm-button.-selectoronly .overflowcontrol,wm-uploader .wm-button.-selectoronly .overflowcontrol{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:visible}:host .wm-button:disabled,wm-uploader .wm-button:disabled,:host .wm-button.disabled,wm-uploader .wm-button.disabled{background:inherit;border-color:#737373;color:#737373;cursor:default;pointer-events:none}:host .wm-button:disabled.-primary,wm-uploader .wm-button:disabled.-primary,:host .wm-button:disabled.-permanentlydelete,wm-uploader .wm-button:disabled.-permanentlydelete,:host .wm-button:disabled.-pairnegative,wm-uploader .wm-button:disabled.-pairnegative,:host .wm-button:disabled.-pairpositive,wm-uploader .wm-button:disabled.-pairpositive,:host .wm-button.disabled.-primary,wm-uploader .wm-button.disabled.-primary,:host .wm-button.disabled.-permanentlydelete,wm-uploader .wm-button.disabled.-permanentlydelete,:host .wm-button.disabled.-pairnegative,wm-uploader .wm-button.disabled.-pairnegative,:host .wm-button.disabled.-pairpositive,wm-uploader .wm-button.disabled.-pairpositive{background:#737373;color:#fff;border-color:#737373}:host .wm-button:disabled.-secondary,wm-uploader .wm-button:disabled.-secondary,:host .wm-button.disabled.-secondary,wm-uploader .wm-button.disabled.-secondary{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}:host .wm-button:disabled.-selectoronly,wm-uploader .wm-button:disabled.-selectoronly,:host .wm-button.disabled.-selectoronly,wm-uploader .wm-button.disabled.-selectoronly{color:#737373}:host .wm-button:disabled.-textonly,wm-uploader .wm-button:disabled.-textonly,:host .wm-button.disabled.-textonly,wm-uploader .wm-button.disabled.-textonly{color:#6b6b6b;background:transparent}:host .wm-button:disabled.dark.-secondary:not(.-permanentlydelete),wm-uploader .wm-button:disabled.dark.-secondary:not(.-permanentlydelete),:host .wm-button:disabled.dark.-textonly,wm-uploader .wm-button:disabled.dark.-textonly,:host .wm-button:disabled.dark.-navigational,wm-uploader .wm-button:disabled.dark.-navigational,:host .wm-button:disabled.dark.-icononly,wm-uploader .wm-button:disabled.dark.-icononly,:host .wm-button.disabled.dark.-secondary:not(.-permanentlydelete),wm-uploader .wm-button.disabled.dark.-secondary:not(.-permanentlydelete),:host .wm-button.disabled.dark.-textonly,wm-uploader .wm-button.disabled.dark.-textonly,:host .wm-button.disabled.dark.-navigational,wm-uploader .wm-button.disabled.dark.-navigational,:host .wm-button.disabled.dark.-icononly,wm-uploader .wm-button.disabled.dark.-icononly{color:#b5b5b5;border-color:#b5b5b5}:host .wm-button:disabled.dark.-primary,wm-uploader .wm-button:disabled.dark.-primary,:host .wm-button:disabled.dark.-permanentlydelete:not(.-textonly),wm-uploader .wm-button:disabled.dark.-permanentlydelete:not(.-textonly),:host .wm-button.disabled.dark.-primary,wm-uploader .wm-button.disabled.dark.-primary,:host .wm-button.disabled.dark.-permanentlydelete:not(.-textonly),wm-uploader .wm-button.disabled.dark.-permanentlydelete:not(.-textonly){background:#a6a6a6;border-color:#a6a6a6;color:#353b48}:host a.wm-button,wm-uploader a.wm-button,:host label.wm-button,wm-uploader label.wm-button{height:auto;padding-top:0.75rem;padding-bottom:0.75rem}:host,wm-uploader{width:100%;height:100%;display:block;position:relative;max-width:1140px}:host[dir=RTL] .mdi,wm-uploader[dir=RTL] .mdi{margin-left:0.3125rem;margin-right:0}:host input:focus+.wm-button.user-is-tabbing,wm-uploader input:focus+.wm-button.user-is-tabbing{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e !important;-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e !important;box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e !important}:host *,wm-uploader *{-webkit-box-sizing:border-box;box-sizing:border-box}.wm-button.disabled{pointer-events:initial !important}.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}.header{margin-bottom:2.5rem}.header.type1,.header.type2{margin-bottom:1rem}.header .slot-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start}.header .info-wrapper{-ms-flex-align:center;align-items:center}.header .info-wrapper .info{font-size:0.875rem;margin-left:1rem}.header .accepted-types{font-size:0.875rem}.header .requirements{font-size:0.875rem;margin-left:1rem}.footer{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:end;align-items:flex-end;padding:0.9375rem 1.875rem}.footer .notif-wrapper{-ms-flex-align:end;align-items:flex-end}.footer .filecount-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.footer .filecount-wrapper .filecount{font-size:0.875rem;margin-right:1rem}.notif-wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin-bottom:0.75rem}.notif-wrapper.type1,.notif-wrapper.type2{-ms-flex-direction:column;flex-direction:column;margin-bottom:1rem}.notif-wrapper .requirements{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.notif{padding-top:0.25rem;font-size:0.875rem;font-style:italic}.notif.error{color:#c0392b}.info-wrapper{position:relative;display:-ms-flexbox;display:flex}.name-wrapper{overflow:hidden}.name-wrapper+.file-controls{-ms-flex:none;flex:none;margin-left:1rem}.empty-block{margin:5rem auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.empty-block .upload-file{margin-bottom:1.875rem}.empty-block .empty-message{font-size:0.875rem;margin-bottom:0.4375rem}.empty-block .empty-message.large{font-size:1.5rem}.empty-block .info-wrapper{-ms-flex-pack:center;justify-content:center;width:100%}.empty-block .info-wrapper .wm-button{width:auto}.list-container{overflow-y:unset}.list-container.checkmark-spacer{margin-right:2.75rem}.list-container.type1,.list-container.type2{overflow-y:auto}.list-container.type1 ul,.list-container.type2 ul{margin:revert}.list-container.type1 .file-list li,.list-container.type1 .inprogress-list li,.list-container.type2 .file-list li,.list-container.type2 .inprogress-list li{margin-bottom:1.625rem}.list-container.type1 .error-list li,.list-container.type2 .error-list li{margin-bottom:1.25rem}.list-container.type1{padding:0 1.875rem;height:16.25rem}ul{list-style:none;padding:0;width:100%;margin:0}ul li{position:relative;font-size:0.875rem;margin-bottom:0.5rem}ul li .file{min-width:300px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;position:relative;height:3.5rem;padding:0.5rem 1.25rem;background:#f4f4f4;border:1px solid #6b6b6b;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}ul li .file+.file{margin-top:1.25rem}ul li .file .filename{white-space:nowrap}ul li .file .left-group{overflow:hidden}ul li .file .right-group{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-left:5rem}ul li .file .right-group .file-controls{display:-ms-flexbox;display:flex}ul li .file .right-group .file-info{white-space:nowrap;margin-right:1rem}ul li .file wm-button+wm-button{margin-left:1rem}ul li.condensed .right-group{padding-left:2.5rem}ul li.checked .file: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:"\\f133";position:absolute;right:-44px;color:#088000;font-size:28px;line-height:1}ul .progress{position:absolute;left:0;top:0;right:0;height:8px}ul.file-list li,ul.inprogress-list li{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}ul.file-list li .file,ul.inprogress-list li .file{-ms-flex:1;flex:1}ul.error-list li{margin-bottom:0.5rem}ul.error-list li .file{border:1px solid #c0392b;background-color:#f5ebea;height:3.75rem}ul.error-list li .error-message{color:#c0392b;padding-top:0.25rem;font-style:italic}.ch-measure{width:1ch !important}';var b=e("wm_uploader",function(){function e(e){var i=this;t(this,e);this.wmUploaderFilesSelected=o(this,"wmUploaderFilesSelected",7);this.wmFilesSelected=o(this,"wmFilesSelected",7);this.wmUploaderDeleteFile=o(this,"wmUploaderDeleteFile",7);this.wmDeleteFile=o(this,"wmDeleteFile",7);this.wmUploaderDownloadFile=o(this,"wmUploaderDownloadFile",7);this.wmDownloadFile=o(this,"wmDownloadFile",7);this.wmUploaderPreviewFile=o(this,"wmUploaderPreviewFile",7);this.fileTypes="pdf txt log xml doc docx xls xlsx ppt pptx gif jpg jpeg png csv";this.sortBy="date";this.showInfo="time";this.fileList=[];this.filesToUpload=[];this.isTabbing=false;this.errorList=[];this.announcement="";this.isCondensed=false;this.inputId=s();this.debouncedResize=l((function(){i.isCondensed=i.el.clientWidth<500;n(i.el)}),50)}Object.defineProperty(e.prototype,"uploadButtonEl",{get:function(){return this.el.shadowRoot.querySelector("#".concat(this.inputId))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"tempUploaderType",{get:function(){return this.type||this.uploaderType},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"effectiveMaxSize",{get:function(){var e=100;var t=100;return this.maxSize?Math.min(this.maxSize,t):e},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"chMeasure",{get:function(){return this.el.shadowRoot.querySelector(".ch-measure").clientWidth},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"fileLimitReached",{get:function(){return this.maxFiles&&this.fileList.length>=this.maxFiles},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"fileLimitExceededMessage",{get:function(){return d.formatMessage({id:"uploader.fileUploadLimitExceeded",defaultMessage:"Upload unsuccessful because file selection would exceed the maximum number of files",description:"Message displayed when trying to upload too many files"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"fileLimitReachedMessage",{get:function(){return d.formatMessage({id:"uploader.fileUploadLimitReached",defaultMessage:"The maximum number of files has been reached",description:"Message displayed when trying to upload additional files, but the limit has been reached"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"fileCountMessage",{get:function(){return d.formatMessage({id:"uploader.fileCount",defaultMessage:"{x} of {y} Files",description:"A count of the number of files currently uploaded"},{x:this.fileList.length,y:this.maxFiles})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"maxSizeMessage",{get:function(){return d.formatMessage({id:"uploader.maxSize",defaultMessage:"Maximum file size {maxSize}MB",description:"An indicator of the maximum file size the uploader allows"},{maxSize:this.effectiveMaxSize})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"acceptedFileTypesMessage",{get:function(){var e="."+this.fileTypes.split(" ").join(", .");return d.formatMessage({id:"uploader.acceptedFileTypes",defaultMessage:"Accepted file {amount, plural, =1 {type} other {types}}: {fileTypes}"},{fileTypes:e,amount:this.fileTypes.split(" ").length})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"previewActionMessage",{get:function(){return d.formatMessage({id:"uploader.previewAction",defaultMessage:"Preview File",description:"Label of a button that triggers a file to be previewed"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"downloadActionMessage",{get:function(){return d.formatMessage({id:"uploader.downloadAction",defaultMessage:"Download File",description:"Label of a button that triggers a file to be downloaded"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"deleteActionMessage",{get:function(){return d.formatMessage({id:"uploader.deleteAction",defaultMessage:"Delete File",description:"Label of a button that triggers a file to be delete"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"clearButtonText",{get:function(){return d.formatMessage({id:"uploader.clearErrorText",defaultMessage:"Clear",description:"Text for a button used to clear an error"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"actionMenuLabel",{get:function(){return d.formatMessage({id:"uploader.actionMenuLabel",defaultMessage:"Actions",description:"Label of a button that opens a menu of file actions"})},enumerable:false,configurable:true});e.prototype.toggleTabbingOn=function(){this.isTabbing=true};e.prototype.toggleTabbingOff=function(){this.isTabbing=false};e.prototype.handleUploadProgress=function(e){var t=this;this.fileList.map((function(o){if(o.id===e.detail.id){o.progress=e.detail.progress;n(t.el)}}));if(e.detail.progress===100){this.numFilesInProgress-=1}if(!this.srProgress&&this.numFilesInProgress){var o=this.numFilesInProgress;this.srProgress=setInterval((function(){var e=t.fileList.reduce((function(e,t){return t.progress?e+t.progress:e}),0);t.announce(d.formatMessage({id:"uploader.uploadProgress",defaultMessage:"Upload progress: {percentage}%"},{percentage:Math.floor(e/o)}))}),5e3)}};e.prototype.parseFiles=function(){if(!!this.files){if(typeof this.files==="string"){var e=JSON.parse(this.files);if(typeof e==="object"){this.fileList=e}else{throw new Error("could not parse string passed to files attribute")}}else{throw new Error("Attribute 'files' should be a string")}}};e.prototype.parseRejectedFiles=function(){if(!!this.rejectedFiles){if(typeof this.files==="string"){var e=JSON.parse(this.rejectedFiles);if(typeof e==="object"){this.errorList=e}else{throw new Error("could not parse string passed to errors attribute")}}else{throw new Error("Attribute 'rejected-files' should be a string")}}};e.prototype.uploadNotifications=function(e,t){var o=this;if(t>0&&e===0){setTimeout((function(){o.notif=null}),20*1e3);var i=d.formatMessage({id:"uploader.finishedUploading",defaultMessage:"Finished uploading"});this.notif={message:i,isError:false};this.announce(i);this.numFilesInProgress=null;clearInterval(this.srProgress);n(this.el)}else if(e>0&&e!=t){var i=d.formatMessage({id:"uploader.filesUploading",defaultMessage:"{num, plural, one {1 file uploading} other {# files uploading}}"},{num:e});this.notif={message:i,isError:false};this.announce(i);n(this.el)}};e.prototype.isValidSize=function(e){return this.convertBytes(e,"MB").size<=this.effectiveMaxSize};e.prototype.convertBytes=function(e,t){var o=["bytes","KB","MB","GB","TB"];var n=0;var i=typeof e==="number"?e:parseInt(e);if(t){while(o.indexOf(t)>n){i/=1024;n++}}else{while(i>1e3){i/=1024;n++}}return{size:i,unit:o[n]}};e.prototype.isDuplicate=function(e){return this.fileList.find((function(t){var o=t.type?t.name+"."+t.type:t.name;return o===e}))};e.prototype.isEmpty=function(){return!this.fileList.length&&!this.errorList.length};Object.defineProperty(e.prototype,"isDisabled",{get:function(){return this.fileLimitReached||this.numFilesInProgress>0},enumerable:false,configurable:true});e.prototype.isItemUploading=function(e){return e.hasOwnProperty("progress")&&e.progress<100};e.prototype.announce=function(e){if(this.liveRegion.textContent===e){e+=" "}this.announcement=e};e.prototype.clearError=function(e){this.errorList=this.errorList.filter((function(t){return t.name!=e}));this.notif=null};e.prototype.clearErrors=function(){this.errorList=[];this.notif=null};e.prototype.handleFiles=function(e){var t=this;this.filesToUpload=[];var o=this.fileTypes.split(" ").join(", ");var n=Array.from(e.target.files);if(!!this.maxFiles&&this.fileList.length+n.length>this.maxFiles){var i=this.fileLimitExceededMessage;this.notif={message:i,isError:true};this.announce(i)}else{n&&n.map((function(e){if(!p(e,t.fileTypes)){var n={name:e.name,message:d.formatMessage({id:"uploader.invalidFileType",defaultMessage:"The file type is invalid. Accepted types: {validTypes}"},{validTypes:o})};t.errorList.push(n)}else if(e.size===0){var n={name:e.name,message:d.formatMessage({id:"uploader.zeroFileSize",defaultMessage:"The file must be more than 0 bytes",description:"Error message when user attempts to upload a file of no size"})};t.errorList.push(n)}else if(!t.isValidSize(e.size)){var n={name:e.name,message:d.formatMessage({id:"uploader.fileTooLarge",defaultMessage:"The selected file is too large. Maximum file size is {size}Mb"},{size:t.effectiveMaxSize})};t.errorList.push(n)}else if(t.isDuplicate(e.name)){var n={name:e.name,message:d.formatMessage({id:"uploader.duplicateName",defaultMessage:"A file with this name already exists."})};t.errorList.push(n)}else{t.filesToUpload.push(e)}}));if(this.filesToUpload.length>0){this.numFilesInProgress=this.filesToUpload.length;this.wmUploaderFilesSelected.emit(this.filesToUpload);this.wmFilesSelected.emit(this.filesToUpload)}}e.target.value=""};e.prototype.previewFile=function(e){this.clearErrors();this.wmUploaderPreviewFile.emit(e.id)};e.prototype.downloadFile=function(e){this.clearErrors();this.wmUploaderDownloadFile.emit(e.id);this.wmDownloadFile.emit(e.id)};e.prototype.deleteFile=function(e){this.clearErrors();n(this.el);this.wmUploaderDeleteFile.emit(e.id);this.wmDeleteFile.emit(e.id)};e.prototype.componentWillLoad=function(){var e=this;if(!this.buttonText){throw new Error("wm-uploader: button-text is a required prop")}if(this.type){console.warn("wm-uploader: type has been deprecated as of v3.1.0. Please use uploader-type instead.")}if(this.tempUploaderType==="1"&&!this.emptyStateText){throw new Error("wm-uploader: empty-state-text is a required prop")}var t=new ResizeObserver((function(){return e.debouncedResize()}));t.observe(this.el);this.parseFiles();this.clearErrors();this.parseRejectedFiles()};e.prototype.componentDidLoad=function(){if(document.body.classList.contains("wmcl-user-is-tabbing")){this.toggleTabbingOn()}};e.prototype.uploadButtonOnClick=function(e){if(this.isDisabled){e.preventDefault();if(this.numFilesInProgress>0){var t=d.formatMessage({id:"uploader.waitToUpload",defaultMessage:"Please wait for current upload to complete before uploading new files.",description:"Message for screen reader users"});this.announce(t)}else if(this.fileLimitReached){var t=this.fileLimitReachedMessage;var o={message:t,isError:true};this.notif=o;this.announce(t)}}else{this.clearErrors()}};e.prototype.renderUploadSvg=function(){return i("svg",{class:"upload-file",width:"91",height:"84",viewBox:"0 0 91 84"},i("path",{transform:"rotate(-180.000000) translate(-452, -255.5)",fill:"#eae8ec",d:"M361,249.681818 L361,197.318182 C361,194.118182 365.555061,191.5 371.122358,191.5 L391.316463,191.5 L391.286495,200.562515 L369.871211,200.600292 L369.885404,200.622146 L369.886423,246.655947 L443.657038,246.840767 L443.657038,200.622146 L421.683537,200.622146 L421.683537,191.5 L441.978865,191.5 C447.546162,191.5 452,194.118182 452,197.318182 L452,249.681818 C452,252.881818 447.546162,255.5 441.978865,255.5 L371.122358,255.5 C365.504449,255.5 361,252.881818 361,249.681818 Z M391.5,207 L406,221 L420.5,207 L409.625,207 L409.625,172 L402.375,172 L402.375,207 L391.5,207 Z"}))};e.prototype.renderIcon=function(){var e=this.icon&&this.icon==="f066";return this.icon&&i("span",{class:"mdi ".concat(e?"rotate":"")},String.fromCodePoint(parseInt("0x".concat(this.icon))))};e.prototype.renderInfo=function(){return this.info&&this.tempUploaderType==="2"?i("span",{class:"info"},this.info):""};e.prototype.renderNotif=function(){return this.notif?i("div",{class:"notif ".concat(this.notif.isError?"error":"")},this.notif.message):""};e.prototype.renderUploadButton=function(e){var t=this;return i("div",{class:"info-wrapper"},i("input",{name:this.inputId,id:this.inputId,class:"sr-only","aria-describedby":"file-count max-size accepted-types",type:"file",multiple:true,onClick:function(e){return t.uploadButtonOnClick(e)},onChange:function(e){return t.handleFiles(e)}}),i("label",{htmlFor:this.inputId,class:"wm-button ".concat(e).concat(this.isTabbing?" user-is-tabbing":"")},this.renderIcon(),this.buttonText),this.renderInfo())};e.prototype.renderEmptyState=function(){return i("div",{class:"empty-block"},this.renderUploadSvg(),i("div",{class:"empty-message"},this.emptyStateText),this.renderUploadButton("-primary empty-button"),this.renderNotif())};e.prototype.renderFileName=function(e,t){var o=this;return i("div",{class:"left-group"},i("div",{class:"name-wrapper"},i("span",{class:"filename","data-filename":e,onMouseEnter:function(t){return o.handleFilenameMouseEnter(t,e)},onMouseLeave:function(){return u()}}),t&&i("span",{class:"sr-only"},"uploading"),i("div",{class:"sr-only ch-measure"})))};e.prototype.renderErrorList=function(){var e=this;if(!!this.errorList.length){var t=this.errorList.reduce((function(e,t){return e+"".concat(t.name,": ").concat(t.message," ")}),"");this.announce(t);return i("ul",{class:"error-list"},this.errorList.map((function(t){var o=d.formatMessage({id:"uploader.clearErrorLabel",defaultMessage:"Clear {fileName} error",description:"Label for a button used to clear an error, including filename"},{fileName:t.name});return i("li",null,i("div",{class:"file --error"},e.renderFileName(t.name,false),i("wm-button",{"permanently-delete":true,"button-type":"textonly","label-for-identical-buttons":o,onClick:function(){e.clearError(t.name);e.uploadButtonEl.focus()}},e.clearButtonText)),i("div",{class:"error-message"},t.message))})))}};e.prototype.renderFileInProgress=function(e){var t=e.type?"".concat(e.name,".").concat(e.type):e.name;return i("li",null,i("div",{class:"file --progress"},i("div",{class:"progress",style:{background:"linear-gradient(to right, rgba(67, 126, 142, 1) ".concat(e.progress,"%, transparent ").concat(e.progress,"%)")}}),this.renderFileName(t,this.isItemUploading(e))))};e.prototype.renderFile=function(e){var t=e.type?"".concat(e.name,".").concat(e.type):e.name;var o=e.fileActions&&e.fileActions.split(" ").length===1;var n=!this.tempUploaderType&&this.isCondensed&&!o;var r=!this.tempUploaderType&&!this.isCondensed;var a=!this.tempUploaderType&&(e.progress===100||e.progress==="100");return i("li",{class:"".concat(this.isCondensed?"condensed":""," ").concat(a?"checked":"")},i("div",{class:"file --saved"},this.renderFileName(t,this.isItemUploading(e)),i("div",{class:"right-group"},r&&this.renderFileInfo(e),n?this.renderActionMenu(e):this.renderFileActions(e))))};e.prototype.handleFilenameMouseEnter=function(e,t){if(e.target.textContent.includes("...")){m("bottom",e.target,t)}};e.prototype.componentDidRender=function(){var e=this;var t=this.el.shadowRoot.querySelectorAll(".file");t.forEach((function(t){return e.truncateFileName(t)}))};e.prototype.truncateFileName=function(e){var t=e.querySelector(".left-group");var o=t.getBoundingClientRect().left;var n=e.querySelector(".right-group");var i=n?n.getBoundingClientRect().left:e.getBoundingClientRect().right-20;var r=e.querySelector(".filename");var a=i-o;var s=r.dataset.filename;var l=a>s.length*this.chMeasure;if(!l){var d=s.slice(s.lastIndexOf("."));var p=Math.floor(a/this.chMeasure);var u=3+3+d.length;var m=Math.max(2,p-u);var c=s.slice(0,m);var b=s.slice(s.indexOf(d)-3,s.length);s="".concat(c.trim(),"...").concat(b.trim())}r.textContent=s};e.prototype.renderFileActions=function(e){var t=this;var o="download delete";var n=e.fileActions||o;var r=i("wm-button",{class:"preview-button","button-type":"icononly",tooltip:"Preview","tooltip-position":"bottom","label-for-identical-buttons":"preview ".concat(e.name),icon:"f208",onClick:function(){return t.previewFile(e)}});var a=i("wm-button",{class:"download-button","button-type":"icononly",tooltip:"Download","tooltip-position":"bottom","label-for-identical-buttons":"download ".concat(e.name),icon:"f1da",onClick:function(){return t.downloadFile(e)}});var s=i("wm-button",{class:"delete-button","button-type":"icononly",tooltip:"Delete","tooltip-position":"bottom","label-for-identical-buttons":"delete ".concat(e.name),icon:"f1c0",onClick:function(){return t.deleteFile(e)}});return i("div",{class:"file-controls"},n.includes("preview")&&r,n.includes("download")&&a,n.includes("delete")&&s)};e.prototype.renderActionMenu=function(e){var t=this;var o="download delete";var n=e.fileActions||o;var r=i("wm-menuitem",{icon:"f208",onClick:function(){return t.previewFile(e)}},this.previewActionMessage);var a=i("wm-menuitem",{icon:"f1da",onClick:function(){return t.downloadFile(e)}},this.downloadActionMessage);var s=i("wm-menuitem",{icon:"f1c0",onClick:function(){return t.deleteFile(e)}},this.deleteActionMessage);return i("wm-action-menu",{"action-menu-type":"icon",tooltip:this.actionMenuLabel,"tooltip-position":"bottom","label-for-identical-buttons":"".concat(e.name," ").concat(this.actionMenuLabel)},n.includes("preview")&&r,n.includes("download")&&a,n.includes("delete")&&s)};e.prototype.renderFileInfo=function(e){var t=undefined;if(this.showInfo==="time"){var o=new Date(Date.parse(e.lastUpdated));var n=o.getDate();var r=o.getMonth()+1;var a=o.getFullYear();var s=o.toLocaleTimeString("en-us",{hour:"numeric",minute:"2-digit"});var l="".concat(r,"/").concat(n,"/").concat(a," ").concat(s);t=i("div",{class:"file-info"},l)}else if(this.showInfo==="size"&&e.size){var d=this.convertBytes(e.size);t=i("div",{class:"file-info"},"".concat(d.size.toFixed(0)," ").concat(d.unit))}return t};e.prototype.renderFileList=function(){var e=this;if(this.fileList){this.sortBy==="name"?this.fileList.sort((function(e,t){return e.name.localeCompare(t.name)})):this.fileList.sort((function(e,t){return Date.parse(e.lastUpdated)-Date.parse(t.lastUpdated)}));return i("div",null,i("ul",{class:"inprogress-list"},this.fileList.filter((function(t){return e.isItemUploading(t)})).map((function(t){return e.renderFileInProgress(t)}))),i("ul",{class:"file-list"},this.fileList.filter((function(t){return!e.isItemUploading(t)})).map((function(t){return e.renderFile(t)}))))}};e.prototype.legacyRenderHeader=function(){return i("div",{class:"header ".concat(this.tempUploaderType?"type".concat(this.tempUploaderType):"")},i("div",{class:"slot-wrapper"},i("slot",null),i("div",{class:"notif-wrapper ".concat(this.tempUploaderType?"type".concat(this.tempUploaderType):"")},this.renderUploadButton("-secondary ".concat(this.isDisabled?"disabled":"")),this.renderNotif())))};e.prototype.renderHeader=function(){return i("div",{class:"header ".concat(this.tempUploaderType?"type".concat(this.tempUploaderType):"")},i("div",{class:"notif-wrapper ".concat(this.tempUploaderType?"type".concat(this.tempUploaderType):"")},this.renderUploadButton("-secondary ".concat(this.isDisabled?"disabled":"")),this.renderRequirements()),i("div",{id:"accepted-types",class:"accepted-types"},this.acceptedFileTypesMessage),this.renderNotif())};e.prototype.renderRequirements=function(){return i("div",{class:"requirements"},this.maxFiles&&i("span",{id:"file-count"},this.fileCountMessage),this.maxSize&&i("span",{id:"max-size"},this.maxSizeMessage))};e.prototype.renderFooter=function(){return i("div",{class:"footer"},i("div",{class:"notif-wrapper ".concat(this.tempUploaderType?"type".concat(this.tempUploaderType):"")},i("div",{class:"filecount-wrapper"},i("div",{class:"filecount"},d.formatMessage({id:"uploader.filesAdded",defaultMessage:"{numFiles, plural, one {1 file added} other {# files added}}"},{numFiles:this.fileList.length})),this.renderUploadButton("-primary ".concat(this.isDisabled?"disabled":""))),this.renderNotif()))};e.prototype.renderWithItems=function(){var e=this.fileList.filter((function(e){return e.progress===(typeof e.progress==="number"?100:"100")})).length>0;return i("div",null,!this.tempUploaderType&&this.renderHeader(),this.tempUploaderType==="2"&&this.legacyRenderHeader(),i("div",{class:"list-container type".concat(this.tempUploaderType," ").concat(!this.tempUploaderType&&e?"checkmark-spacer":"")},this.renderErrorList(),this.renderFileList()),this.tempUploaderType==="1"&&this.renderFooter())};e.prototype.render=function(){var e=this;return i(r,null,this.isEmpty()&&this.tempUploaderType==="1"?this.renderEmptyState():this.renderWithItems(),i("div",{ref:function(t){return e.liveRegion=t},class:"live-region sr-only","aria-live":"assertive","aria-atomic":"true"},this.announcement))};Object.defineProperty(e.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{files:["parseFiles"],rejectedFiles:["parseRejectedFiles"],numFilesInProgress:["uploadNotifications"]}},enumerable:false,configurable:true});return e}());b.style=c}}}));

package/dist/ripple/p-bf4bbba3.system.js

@@ -0,0 +1 @@
+System.register([],(function(){"use strict";return{execute:function(){var e="3.17.0-2";if(window.navigator.plugins.length>0){console.log("Ripple component library",e)}function t(e){if(e.key=="Tab"){var t=new Event("wmUserIsTabbing");window.dispatchEvent(t);document.querySelector("body").classList.add("wmcl-user-is-tabbing")}if(e.key=="ArrowLeft"||e.key=="ArrowUp"||e.key=="ArrowRight"||e.key=="ArrowDown"){var t=new Event("wmUserIsKeying");window.dispatchEvent(t);document.querySelector("body").classList.add("wmcl-user-is-keying")}}function n(){var e=new Event("wmUserIsNotTabbing");window.dispatchEvent(e);document.querySelector("body").classList.remove("wmcl-user-is-tabbing");document.querySelector("body").classList.remove("wmcl-user-is-keying")}window.addEventListener("keydown",t);window.addEventListener("mousedown",n);var o=document.createElement("div");o.id="wm-tooltip-container";var i=document.createElement("div");i.id="wm-tooltip";i.setAttribute("aria-hidden","true");i.style.position="fixed";i.style.overflow="hidden";i.style.pointerEvents="none";i.style.lineHeight="normal";i.style.fontFamily="inherit";i.style.fontSize="0.875rem";i.style.textTransform="none";i.style.fontWeight="normal";i.style.background="black";i.style.color="#fff";i.style.zIndex="999999";i.style.maxWidth="13.75rem";i.style.marginRight="1.5rem";i.style.padding="0.375rem";i.style.transitionProperty="opacity";i.style.transitionDelay="opacity";i.style.opacity="0";i.style.top="0";i.style.left="0";i.style.transform="translateZ(0)";i.style.willChange="transform";i.style.transform="translate(var(--wmTooltipLeft), var(--wmTooltipTop))";o.appendChild(i);var r=document.querySelector("body");r.appendChild(o)}}}));

package/dist/ripple/{p-475e8f32.entry.js → p-c56dc658.entry.js}

@@ -1 +1 @@
-import{r as t,h as o,H as e,g as i}from"./p-c2abdcba.js";import{i as r,l as s,m as l,n,o as p}from"./p-fa36e7b3.js";const g=class{constructor(o){t(this,o),this.tooltipPosition="bottom-right",this.isOpen=!1,this.isTabbing=!1,this.tooltipMessage=r.formatMessage({id:"toggletip.moreInformation",defaultMessage:"More information"})}get tempTooltip(){return this.tooltip||this.tooltipText}componentWillLoad(){const t=["top","right","bottom","left","top-right","top-left","bottom-right","bottom-left"];this.label||console.error("wm-toggletip must have a label property"),this.tempTooltip||console.error("wm-toggletip must have a tooltip property"),t.includes(this.tooltipPosition)||console.error(`wm-toggletip: tooltip-position has an invalid value of "${this.tooltipPosition}", make sure to use one of the following values: ${t}`),this.tooltipText&&console.warn("wm-toggletip: tooltip-text has been deprecated as of v3.1.0. Please use tooltip instead."),this.el.focus=function(){this.shadowRoot.querySelector("button").focus()}}handleKeydown(t){switch(t.key){case"Escape":t.preventDefault(),this.isOpen&&(t.stopPropagation(),this.close());break;case"Tab":this.isOpen&&this.close()}}toggleTabbingOn(){this.isTabbing=!0}toggleTabbingOff(){this.isTabbing=!1}handleClick(t){this.isOpen&&(t.target===this.el||this.el.contains(t.target)?this.announceToggletip():this.close())}open(){this.isOpen=!0,this.announceToggletip()}close(){this.isOpen=!1,this.hideTooltip()}showTooltip(){this.setToggletipPosition(),this.tooltipEl.classList.add("hover")}hideTooltip(){this.tooltipEl.classList.remove("hover")}announceToggletip(){this.liveRegionEl.innerHTML="",setTimeout((()=>{this.liveRegionEl.innerHTML=this.tempTooltip}),10)}setToggletipPosition(){this.tooltipPosition.includes("bottom")&&s(this.el,this.toggletipEl)?this.tooltipPosition=this.tooltipPosition.replace("bottom","top"):this.tooltipPosition.includes("top")&&l(this.el,this.toggletipEl)&&(this.tooltipPosition=this.tooltipPosition.replace("top","bottom")),this.tooltipPosition.includes("left")&&n(this.el,this.toggletipEl)?this.tooltipPosition=this.tooltipPosition.replace("left","right"):this.tooltipPosition.includes("right")&&p(this.el,this.toggletipEl)&&(this.tooltipPosition=this.tooltipPosition.replace("right","left"))}render(){return o(e,null,o("button",{class:"button "+(this.isTabbing?"user-is-tabbing":""),type:"button","aria-label":this.label,onClick:()=>{this.setToggletipPosition(),this.open()},onMouseEnter:()=>this.showTooltip(),onMouseLeave:()=>this.hideTooltip(),onFocus:()=>this.showTooltip(),onBlur:()=>this.hideTooltip()}),o("div",{ref:t=>this.tooltipEl=t,class:`tooltip ${this.tooltipPosition} ${this.isOpen?"hidden":""}`,"aria-hidden":"true"},this.tooltipMessage),o("div",{ref:t=>this.toggletipEl=t,class:`toggletip ${this.isOpen?"":"hidden"} ${this.tooltipPosition}`},this.tempTooltip),o("div",{ref:t=>this.liveRegionEl=t,class:"live-region sr-only",role:"status","aria-live":"polite","aria-atomic":"true"}))}get el(){return i(this)}};g.style=':host,wm-toggletip{display:inline-block;position:relative;height:40px;width:40px}:host .button,wm-toggletip .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,wm-toggletip .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:#4a4a4a;background:radial-gradient(white 40%, transparent 0%)}:host .button:focus,wm-toggletip .button:focus{outline:none}:host .button:focus.user-is-tabbing,wm-toggletip .button:focus.user-is-tabbing{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e}:host .button:focus.user-is-tabbing::-moz-focus-inner,wm-toggletip .button:focus.user-is-tabbing::-moz-focus-inner{border:0}:host .tooltip,wm-toggletip .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:black;color:#fff;padding:0.375rem;line-height:normal;z-index:30;white-space:nowrap}:host .tooltip.hover,wm-toggletip .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,wm-toggletip .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:#4a4a4a;color:white;font-size:14px;z-index:30}:host .toggletip.top:before,wm-toggletip .toggletip.top:before{content:"";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;top:100%;border-top-color:#4a4a4a;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,wm-toggletip .toggletip.bottom:before{content:"";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;bottom:100%;border-bottom-color:#4a4a4a;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,wm-toggletip .toggletip.right:before{content:"";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;bottom:100%;border-right-color:#4a4a4a;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,wm-toggletip .toggletip.left:before{content:"";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;bottom:100%;border-left-color:#4a4a4a;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,wm-toggletip .toggletip.bottom-right:before{content:"";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;bottom:100%;border-bottom-color:#4a4a4a;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,wm-toggletip .toggletip.bottom-left:before{content:"";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;bottom:100%;border-bottom-color:#4a4a4a;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,wm-toggletip .toggletip.top-right:before{content:"";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;top:100%;border-top-color:#4a4a4a;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,wm-toggletip .toggletip.top-left:before{content:"";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;top:100%;border-top-color:#4a4a4a;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,wm-toggletip .toggletip.hidden{-webkit-transform:scale(0, 0) !important;transform:scale(0, 0) !important;visibility:hidden}:host .toggletip.top,:host .tooltip.top,wm-toggletip .toggletip.top,wm-toggletip .tooltip.top{-webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%);bottom:40px;left:20px}:host .toggletip.bottom,:host .tooltip.bottom,wm-toggletip .toggletip.bottom,wm-toggletip .tooltip.bottom{-webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%);top:40px;left:20px}:host .toggletip.right,:host .tooltip.right,wm-toggletip .toggletip.right,wm-toggletip .tooltip.right{-webkit-transform:translate(100%, calc(-50% - 20px));transform:translate(100%, calc(-50% - 20px));right:0px}:host .toggletip.left,:host .tooltip.left,wm-toggletip .toggletip.left,wm-toggletip .tooltip.left{-webkit-transform:translate(-100%, calc(-50% - 20px));transform:translate(-100%, calc(-50% - 20px));left:0px}:host .toggletip.bottom-right,:host .tooltip.bottom-right,wm-toggletip .toggletip.bottom-right,wm-toggletip .tooltip.bottom-right{top:40px;left:0px}:host .toggletip.bottom-left,:host .tooltip.bottom-left,wm-toggletip .toggletip.bottom-left,wm-toggletip .tooltip.bottom-left{top:40px;right:0px}:host .toggletip.top-right,:host .tooltip.top-right,wm-toggletip .toggletip.top-right,wm-toggletip .tooltip.top-right{bottom:40px;left:0px}:host .toggletip.top-left,:host .tooltip.top-left,wm-toggletip .toggletip.top-left,wm-toggletip .tooltip.top-left{bottom:40px;right:0px}:host .sr-only,wm-toggletip .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{g as wm_toggletip}
+import{r as t,h as o,H as e,g as i}from"./p-c2abdcba.js";import{i as r,l as s,m as l,n,o as p}from"./p-cd73566d.js";const g=class{constructor(o){t(this,o),this.tooltipPosition="bottom-right",this.isOpen=!1,this.isTabbing=!1,this.tooltipMessage=r.formatMessage({id:"toggletip.moreInformation",defaultMessage:"More information"})}get tempTooltip(){return this.tooltip||this.tooltipText}componentWillLoad(){const t=["top","right","bottom","left","top-right","top-left","bottom-right","bottom-left"];this.label||console.error("wm-toggletip must have a label property"),this.tempTooltip||console.error("wm-toggletip must have a tooltip property"),t.includes(this.tooltipPosition)||console.error(`wm-toggletip: tooltip-position has an invalid value of "${this.tooltipPosition}", make sure to use one of the following values: ${t}`),this.tooltipText&&console.warn("wm-toggletip: tooltip-text has been deprecated as of v3.1.0. Please use tooltip instead."),this.el.focus=function(){this.shadowRoot.querySelector("button").focus()}}handleKeydown(t){switch(t.key){case"Escape":t.preventDefault(),this.isOpen&&(t.stopPropagation(),this.close());break;case"Tab":this.isOpen&&this.close()}}toggleTabbingOn(){this.isTabbing=!0}toggleTabbingOff(){this.isTabbing=!1}handleClick(t){this.isOpen&&(t.target===this.el||this.el.contains(t.target)?this.announceToggletip():this.close())}open(){this.isOpen=!0,this.announceToggletip()}close(){this.isOpen=!1,this.hideTooltip()}showTooltip(){this.setToggletipPosition(),this.tooltipEl.classList.add("hover")}hideTooltip(){this.tooltipEl.classList.remove("hover")}announceToggletip(){this.liveRegionEl.innerHTML="",setTimeout((()=>{this.liveRegionEl.innerHTML=this.tempTooltip}),10)}setToggletipPosition(){this.tooltipPosition.includes("bottom")&&s(this.el,this.toggletipEl)?this.tooltipPosition=this.tooltipPosition.replace("bottom","top"):this.tooltipPosition.includes("top")&&l(this.el,this.toggletipEl)&&(this.tooltipPosition=this.tooltipPosition.replace("top","bottom")),this.tooltipPosition.includes("left")&&n(this.el,this.toggletipEl)?this.tooltipPosition=this.tooltipPosition.replace("left","right"):this.tooltipPosition.includes("right")&&p(this.el,this.toggletipEl)&&(this.tooltipPosition=this.tooltipPosition.replace("right","left"))}render(){return o(e,null,o("button",{class:"button "+(this.isTabbing?"user-is-tabbing":""),type:"button","aria-label":this.label,onClick:()=>{this.setToggletipPosition(),this.open()},onMouseEnter:()=>this.showTooltip(),onMouseLeave:()=>this.hideTooltip(),onFocus:()=>this.showTooltip(),onBlur:()=>this.hideTooltip()}),o("div",{ref:t=>this.tooltipEl=t,class:`tooltip ${this.tooltipPosition} ${this.isOpen?"hidden":""}`,"aria-hidden":"true"},this.tooltipMessage),o("div",{ref:t=>this.toggletipEl=t,class:`toggletip ${this.isOpen?"":"hidden"} ${this.tooltipPosition}`},this.tempTooltip),o("div",{ref:t=>this.liveRegionEl=t,class:"live-region sr-only",role:"status","aria-live":"polite","aria-atomic":"true"}))}get el(){return i(this)}};g.style=':host,wm-toggletip{display:inline-block;position:relative;height:40px;width:40px}:host .button,wm-toggletip .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,wm-toggletip .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:#4a4a4a;background:radial-gradient(white 40%, transparent 0%)}:host .button:focus,wm-toggletip .button:focus{outline:none}:host .button:focus.user-is-tabbing,wm-toggletip .button:focus.user-is-tabbing{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e}:host .button:focus.user-is-tabbing::-moz-focus-inner,wm-toggletip .button:focus.user-is-tabbing::-moz-focus-inner{border:0}:host .tooltip,wm-toggletip .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:black;color:#fff;padding:0.375rem;line-height:normal;z-index:30;white-space:nowrap}:host .tooltip.hover,wm-toggletip .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,wm-toggletip .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:#4a4a4a;color:white;font-size:14px;z-index:30}:host .toggletip.top:before,wm-toggletip .toggletip.top:before{content:"";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;top:100%;border-top-color:#4a4a4a;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,wm-toggletip .toggletip.bottom:before{content:"";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;bottom:100%;border-bottom-color:#4a4a4a;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,wm-toggletip .toggletip.right:before{content:"";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;bottom:100%;border-right-color:#4a4a4a;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,wm-toggletip .toggletip.left:before{content:"";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;bottom:100%;border-left-color:#4a4a4a;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,wm-toggletip .toggletip.bottom-right:before{content:"";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;bottom:100%;border-bottom-color:#4a4a4a;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,wm-toggletip .toggletip.bottom-left:before{content:"";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;bottom:100%;border-bottom-color:#4a4a4a;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,wm-toggletip .toggletip.top-right:before{content:"";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;top:100%;border-top-color:#4a4a4a;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,wm-toggletip .toggletip.top-left:before{content:"";position:absolute;border:solid transparent;height:0;width:0;pointer-events:none;top:100%;border-top-color:#4a4a4a;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,wm-toggletip .toggletip.hidden{-webkit-transform:scale(0, 0) !important;transform:scale(0, 0) !important;visibility:hidden}:host .toggletip.top,:host .tooltip.top,wm-toggletip .toggletip.top,wm-toggletip .tooltip.top{-webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%);bottom:40px;left:20px}:host .toggletip.bottom,:host .tooltip.bottom,wm-toggletip .toggletip.bottom,wm-toggletip .tooltip.bottom{-webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%);top:40px;left:20px}:host .toggletip.right,:host .tooltip.right,wm-toggletip .toggletip.right,wm-toggletip .tooltip.right{-webkit-transform:translate(100%, calc(-50% - 20px));transform:translate(100%, calc(-50% - 20px));right:0px}:host .toggletip.left,:host .tooltip.left,wm-toggletip .toggletip.left,wm-toggletip .tooltip.left{-webkit-transform:translate(-100%, calc(-50% - 20px));transform:translate(-100%, calc(-50% - 20px));left:0px}:host .toggletip.bottom-right,:host .tooltip.bottom-right,wm-toggletip .toggletip.bottom-right,wm-toggletip .tooltip.bottom-right{top:40px;left:0px}:host .toggletip.bottom-left,:host .tooltip.bottom-left,wm-toggletip .toggletip.bottom-left,wm-toggletip .tooltip.bottom-left{top:40px;right:0px}:host .toggletip.top-right,:host .tooltip.top-right,wm-toggletip .toggletip.top-right,wm-toggletip .tooltip.top-right{bottom:40px;left:0px}:host .toggletip.top-left,:host .tooltip.top-left,wm-toggletip .toggletip.top-left,wm-toggletip .tooltip.top-left{bottom:40px;right:0px}:host .sr-only,wm-toggletip .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{g as wm_toggletip}

package/dist/ripple/{p-e62f5770.entry.js → p-c741ddb3.entry.js}

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