@watermarkinsights/ripple 5.0.0 → 5.1.0

package/dist/ripple/{p-25e011a6.entry.js → p-d344e490.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,h as i,f as s,g as a}from"./p-7bf00a52.js";import{i as o,m as r,C as d}from"./p-fc710a30.js";const n=class{constructor(s){e(this,s),this.cellTriggered=t(this,"cellTriggered",7),this.toggleButtonClicked=t(this,"toggleButtonClicked",7),this.popupClosed=t(this,"popupClosed",7),this.popupBlurred=t(this,"popupBlurred",7),this.popupClicked=!0,this.buttonClicked=!0,this.prevClicked=!0,this.nextClicked=!0,this.openUp=!1,this.calendar_months=[o.formatMessage({id:"date.january",defaultMessage:"January",description:"Month of the year"}),o.formatMessage({id:"date.february",defaultMessage:"February",description:"Month of the year"}),o.formatMessage({id:"date.march",defaultMessage:"March",description:"Month of the year"}),o.formatMessage({id:"date.april",defaultMessage:"April",description:"Month of the year"}),o.formatMessage({id:"date.may",defaultMessage:"May",description:"Month of the year"}),o.formatMessage({id:"date.june",defaultMessage:"June",description:"Month of the year"}),o.formatMessage({id:"date.july",defaultMessage:"July",description:"Month of the year"}),o.formatMessage({id:"date.august",defaultMessage:"August",description:"Month of the year"}),o.formatMessage({id:"date.september",defaultMessage:"September",description:"Month of the year"}),o.formatMessage({id:"date.october",defaultMessage:"October",description:"Month of the year"}),o.formatMessage({id:"date.november",defaultMessage:"November",description:"Month of the year"}),o.formatMessage({id:"date.december",defaultMessage:"December",description:"Month of the year"})],this.weekdays=[o.formatMessage({id:"date.sunday",defaultMessage:"Sunday"}),o.formatMessage({id:"date.monday",defaultMessage:"Monday"}),o.formatMessage({id:"date.tuesday",defaultMessage:"Tuesday"}),o.formatMessage({id:"date.wednesday",defaultMessage:"Wednesday"}),o.formatMessage({id:"date.thursday",defaultMessage:"Thursday"}),o.formatMessage({id:"date.friday",defaultMessage:"Friday"}),o.formatMessage({id:"date.saturday",defaultMessage:"Saturday"})],this.renderCalendarDate=(e,t)=>{let s=this.removeZeroes(String(e[1])),a=this.removeZeroes(String(e[2])),r=s===this.monthInFocus?"current-month":"";const d=e[0]+e[1]+e[2],n=this.isDateToday(e);return i("div",{role:"gridcell",id:`cell-${d}`,class:`date-cell ${r}`,"aria-selected":!1,"aria-label":`${n?`${o.formatMessage({id:"date.today",defaultMessage:"today",description:"calendar button"})}, `:""}${this.weekdays[t]}, ${this.calendar_months[s-1]} ${a}, ${e[0]}`,onClick:e=>{this.handleTriggeredDate(e.target)},onKeyDown:e=>this.trapFocusEnd(e),"data-month":e[1],"data-year":e[0],onBlur:e=>e.stopPropagation(),tabIndex:-1},a)},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}handleKey(e){switch(this.prevClicked=!1,this.nextClicked=!1,e.key){case"Enter":e.preventDefault(),!e.target.id.includes("popup-title")&&e.target.click();break;case"Escape":e.preventDefault(),this.isExpanded&&(e.stopPropagation(),this.closePopup(!0));break;case"PageUp":e.preventDefault(),this.backOneMonth();break;case"PageDown":e.preventDefault(),this.forwardOneMonth();break;case"Home":e.preventDefault(),this.unfocusCell(),this.dayInFocus=1,s(this.el);break;case"End":e.preventDefault(),this.unfocusCell(),this.dayInFocus=this.getMonthDays(this.monthInFocus,this.yearInFocus),s(this.el);break;case"ArrowLeft":if(e.preventDefault(),"day"===this.view)if(this.unfocusCell(),1===this.dayInFocus){const e=this.getPreviousMonth(this.monthInFocus,this.yearInFocus);this.monthInFocus=e.month,this.yearInFocus=e.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(e.preventDefault(),"day"===this.view)if(this.unfocusCell(),this.dayInFocus===this.getMonthDays(this.monthInFocus,this.yearInFocus)){const e=this.getNextMonth(this.monthInFocus,this.yearInFocus);this.monthInFocus=e.month,this.yearInFocus=e.year,this.dayInFocus=1}else this.dayInFocus+=1;else this.unfocusMonth(),11===this.monthNumInFocus?this.monthNumInFocus=0:this.monthNumInFocus+=1;break;case"ArrowUp":if(e.preventDefault(),"day"===this.view)if(this.unfocusCell(),this.dayInFocus<8){const e=this.getPreviousMonth(this.monthInFocus,this.yearInFocus);this.monthInFocus=e.month,this.yearInFocus=e.year;const t=7-this.dayInFocus;this.dayInFocus=this.getMonthDays(this.monthInFocus,this.yearInFocus)-t}else this.dayInFocus-=7;else this.unfocusMonth(),this.monthNumInFocus<3?this.monthNumInFocus+=9:this.monthNumInFocus-=3;break;case"ArrowDown":if(e.preventDefault(),this.isExpanded)if("day"===this.view){if(!(document.activeElement.shadowRoot||document).activeElement.classList.contains("date-cell")){this.focusCell();break}this.unfocusCell();const e=this.getMonthDays(this.monthInFocus,this.yearInFocus)-7;if(this.dayInFocus>e){const t=this.getNextMonth(this.monthInFocus,this.yearInFocus);this.monthInFocus=t.month,this.yearInFocus=t.year,this.dayInFocus=this.dayInFocus-e}else this.dayInFocus+=7}else{const e=(document.activeElement.shadowRoot||document).activeElement;if("BUTTON"===e.tagName||e.id.includes("popup-title-year")){this.focusMonth();break}this.unfocusMonth(),this.monthNumInFocus>8?this.monthNumInFocus-=9:this.monthNumInFocus+=3}else this.openPopup()}}blurHandler(e){this.popupClicked||this.buttonClicked||!this.isExpanded||(this.closePopup(),this.popupBlurred.emit({relatedTarget:e.target})),this.popupClicked=!1,this.buttonClicked=!1}handleBlurOnWindow(e){this.isExpanded&&(this.closePopup(),this.popupBlurred.emit({relatedTarget:e.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()}zeroPad(e,t){return String.prototype.padStart||(String.prototype.padStart=function(e,t){return(e-=this.length)>t.length&&(t+=t.repeat(e/t.length)),t.slice(0,e)+String(this)}),`${e.toString()}`.padStart(t,"0")}removeZeroes(e){return+e<10?+e.slice(1):+e}isDateToday(e){const t=new Date;return[t.getFullYear().toString(),(t.getMonth()+1).toString(),t.getDate().toString()].reduce(((t,i,s)=>t&&this.removeZeroes(e[s]).toString()===i),!0)}togglePopup(){this.isExpanded?this.closePopup():this.openPopup(),this.buttonClicked=!0}closePopup(e=!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"),e&&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(e,t){return 2===e?t%4==0?29:28:[4,6,9,11].includes(e)?30:31}getMonthFirstDay(e,t){return+new Date(t,e-1,1,12,0,0).getDay()+1}getPreviousMonth(e,t){return{month:e>1?e-1:12,year:e>1?t:t-1}}getNextMonth(e,t){return{month:e<12?e+1:1,year:e<12?t:t+1}}getCalendarDates(e,t){const i=this.getMonthDays(e,t),s=this.getMonthFirstDay(e,t)-1;let a=42-(s+i);a=a>6?a-7:a;const{month:o,year:r}=this.getPreviousMonth(e,t),{month:d,year:n}=this.getNextMonth(e,t),h=this.getMonthDays(o,r);return[...[...new Array(s).fill("1")].map(((e,t)=>{const i=t+1+(h-s);return[r.toString(),this.zeroPad(o,2),this.zeroPad(i,2)]})),...[...new Array(i).fill("1")].map(((i,s)=>{const a=s+1;return[t.toString(),this.zeroPad(e,2),this.zeroPad(a,2)]})),...[...new Array(a).fill("1")].map(((e,t)=>{const i=t+1;return[n.toString(),this.zeroPad(d,2),this.zeroPad(i,2)]}))]}forwardOneMonth(){this.unfocusCell();const e=this.getNextMonth(this.monthInFocus,this.yearInFocus);this.monthInFocus=e.month,this.yearInFocus=e.year;const t=this.getMonthDays(this.monthInFocus,this.yearInFocus);this.dayInFocus>this.getMonthDays(this.monthInFocus,this.yearInFocus)&&(this.dayInFocus=t),this.updateLiveRegion(`Displaying ${this.calendar_months[this.monthInFocus-1]}, ${this.yearInFocus}`)}backOneMonth(){this.unfocusCell();const e=this.getPreviousMonth(this.monthInFocus,this.yearInFocus);this.monthInFocus=e.month,this.yearInFocus=e.year;const t=this.getMonthDays(this.monthInFocus,this.yearInFocus);this.dayInFocus>this.getMonthDays(this.monthInFocus,this.yearInFocus)&&(this.dayInFocus=t),this.updateLiveRegion(`Viewing ${this.calendar_months[this.monthInFocus-1]}, ${this.yearInFocus}`)}handleTriggeredDate(e){this.cellTriggered.emit(e),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(e,t,i){const s=e+this.zeroPad(t,2)+this.zeroPad(i,2);return this.el.querySelector(`#cell-${s}`)}unfocusCell(){this.getCellById(this.yearInFocus,this.monthInFocus,this.dayInFocus).tabIndex=-1}focusCell(){const e=this.getMonthDays(this.monthInFocus,this.yearInFocus);this.dayInFocus=this.dayInFocus>e?e:this.dayInFocus;const t=this.getCellById(this.yearInFocus,this.monthInFocus,this.dayInFocus);t&&(t.tabIndex=0,t.focus())}unfocusMonth(){this.el.querySelector(`#month-${this.monthNumInFocus}`).tabIndex=-1}focusMonth(){const e=this.el.querySelector(`#month-${this.monthNumInFocus}`);e.tabIndex=0,e.focus()}trapFocusLeft(e){e.shiftKey&&"Tab"===e.key&&(e.preventDefault(),this.focusCellInView())}trapFocusEnd(e){e.shiftKey||"Tab"!==e.key||(e.preventDefault(),this.prevButton.focus())}trapFocusRight(e){e.shiftKey||"Tab"!==e.key||(e.preventDefault(),this.focusCellInView())}focusCellInView(){"day"===this.view?this.focusCell():this.focusMonth()}toggleBusyAttribute(e){this.el.querySelector("#wm-container").setAttribute("aria-busy",e)}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(e){this.el.querySelector("#live-region").innerHTML=e}panelPosition(){const e=this.el.getRootNode().host,t=e.shadowRoot.querySelector(".label-wrapper").clientHeight;this.openUp=r(e,this.popupEl.clientHeight,t),d(e,336)?(this.popupEl.style.left="0",this.popupEl.style.right="auto"):(this.popupEl.style.right="0",this.popupEl.style.left="auto")}changeView(e){this.view=e,this.monthNumInFocus=this.monthInFocus-1}renderMonths(e,t){return i("div",{id:`month-${t}`,class:"month "+(this.selectedMonth-1===t?"selected":""),role:"gridcell",tabindex:t+1===this.monthInFocus?0:-1,onKeyDown:e=>this.trapFocusEnd(e),onBlur:e=>e.stopPropagation(),onClick:()=>{this.monthInFocus=t+1,this.changeView("day")}},e)}render(){const e=this.getCalendarDates(this.monthInFocus,this.yearInFocus);return i("div",{key:"63dd17051b10d920b9763c2b63c7118afa864893",class:"container",id:"wm-container"},i("button",{key:"a627ca7a362da89e6459e29d16c6a186a2abab16",disabled:this.disabled,onClick:this.togglePopup.bind(this),"aria-describedby":"date-input",ref:e=>this.buttonEl=e,"aria-expanded":`${this.isExpanded}`,class:"toggle",id:"toggle"},i("span",{key:"b8fe448b71923d162da3255122b9691d4079b69a",class:"calendar",title:o.formatMessage({id:"date.calendarView",defaultMessage:"Calendar View",description:"Calendar button"})})),i("div",{key:"7c63c85d3683903cd8557f2412acdccf2b349d09",class:`popup ${this.view}-view ${this.openUp?"expand-upwards":""}`,id:"popup",ref:e=>this.popupEl=e,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:e=>this.trapFocusLeft(e),ref:e=>this.prevButton=e,class:"arw-btn","aria-label":o.formatMessage({id:"date.selectPreviousMonth",defaultMessage:"Select previous month",description:"Calendar button"})},i("span",{class:"mdi"},"")),i("div",{id:"popup-title-month",class:"title-box",tabindex:0,role:"button",onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.changeView("month"))},onClick:this.changeView.bind(this,"month"),"aria-label":`${o.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:e=>this.trapFocusRight(e),"aria-label":o.formatMessage({id:"date.selectNextMonth",defaultMessage:"Select next month",description:"Calendar button"}),ref:e=>this.nextButton=e,class:"arw-btn"},i("span",{class:"mdi"},""))),i("div",{"aria-labelledby":"popup-title-month",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,o.formatMessage({id:"date.su",defaultMessage:"Su",description:"Abbreviated day of the week"}))),i("div",{role:"columnheader",class:"header-cell"},i("span",null,o.formatMessage({id:"date.mo",defaultMessage:"Mo",description:"Abbreviated day of the week"}))),i("div",{role:"columnheader",class:"header-cell"},i("span",null,o.formatMessage({id:"date.tu",defaultMessage:"Tu",description:"Abbreviated day of the week"}))),i("div",{role:"columnheader",class:"header-cell"},i("span",null,o.formatMessage({id:"date.we",defaultMessage:"We",description:"Abbreviated day of the week"}))),i("div",{role:"columnheader",class:"header-cell"},i("span",null,o.formatMessage({id:"date.th",defaultMessage:"Th",description:"Abbreviated day of the week"}))),i("div",{role:"columnheader",class:"header-cell"},i("span",null,o.formatMessage({id:"date.fr",defaultMessage:"Fr",description:"Abbreviated day of the week"}))),i("div",{role:"columnheader",class:"header-cell"},i("span",null,o.formatMessage({id:"date.sa",defaultMessage:"Sa",description:"Abbreviated day of the week"}))))),i("div",{role:"rowgroup"},i("div",{role:"row",class:"date-row"},e.slice(0,7).map(((e,t)=>this.renderCalendarDate(e,t)))),i("div",{role:"row"},e.slice(7,14).map(((e,t)=>this.renderCalendarDate(e,t)))),i("div",{role:"row"},e.slice(14,21).map(((e,t)=>this.renderCalendarDate(e,t)))),i("div",{role:"row"},e.slice(21,28).map(((e,t)=>this.renderCalendarDate(e,t)))),i("div",{role:"row"},e.slice(28,35).map(((e,t)=>this.renderCalendarDate(e,t)))),e.length>35?i("div",{role:"row"},e.slice(35).map(((e,t)=>this.renderCalendarDate(e,t)))):""))):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:e=>this.trapFocusLeft(e),"aria-label":o.formatMessage({id:"date.selectPreviousYear",defaultMessage:"Select previous year",description:"Calendar button"}),ref:e=>this.prevButton=e,class:"arw-btn"},i("span",{class:"mdi"},"")),i("div",{id:"popup-title-year",tabindex:0,class:"title-box year",role:"button",onClick:this.changeView.bind(this,"day"),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.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":o.formatMessage({id:"date.selectNextYear",defaultMessage:"Select next year",description:"Calendar button"}),onKeyDown:e=>this.trapFocusRight(e),ref:e=>this.nextButton=e,class:"arw-btn"},i("span",{class:"mdi"},""))),i("div",{"aria-labelledby":"popup-title-year",role:"grid",class:"months"},i("div",{role:"row",class:"month-row"},this.calendar_months.slice(0,3).map(((e,t)=>this.renderMonths(e,t)))),i("div",{role:"row",class:"month-row"},this.calendar_months.slice(3,6).map(((e,t)=>this.renderMonths(e,t+3)))),i("div",{role:"row",class:"month-row"},this.calendar_months.slice(6,9).map(((e,t)=>this.renderMonths(e,t+6)))),i("div",{role:"row",class:"month-row"},this.calendar_months.slice(9).map(((e,t)=>this.renderMonths(e,t+9))))))),this.isExpanded&&i("div",{key:"d6498e254f33356e698b38fc803e6c7dd8dc754b",id:"live-region","aria-live":"polite","aria-relevant":"text",class:"sr-only"}),i("div",{key:"023003cea63532f55a674d6e75aad6d2efca5d32",id:"month-title",class:"sr-only"},o.formatMessage({id:"date.selectMonth",defaultMessage:"Activate to select a month.",description:"Calendar button"})),i("div",{key:"0c6358445c65906e90e3b97d560a8efa558849e0",id:"year-title",class:"sr-only"},o.formatMessage({id:"date.selectYear",defaultMessage:"Activate to select a year.",description:"Calendar button"})),i("div",{key:"86ce610bb1f0b5ecf202ed7009aaf24d1d8fff90",id:"application",class:"sr-only"},o.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 a(this)}};n.style='.toggle{all:unset;cursor:pointer;padding:0 0.375rem;height:2.375rem;background-color:var(--wmcolor-datepicker-toggle-background);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}.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:var(--wmcolor-datepicker-toggle-icon);padding:0;line-height:2.5rem}.toggle:hover{-webkit-box-shadow:none;box-shadow:none;background:var(--wmcolor-datepicker-toggle-background-hover)}.toggle:disabled{pointer-events:none;-webkit-box-shadow:none;box-shadow:none;background-color:var(--wmcolor-datepicker-toggle-background-disabled)}.toggle:disabled .calendar::after{color:var(--wmcolor-datepicker-toggle-icon-disabled)}[dir=RTL] .toggle{right:auto;left:0}.toggle::-moz-focus-inner{border:0}.toggle:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset: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);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:var(--wmcolor-datepicker-background)}.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:var(--wmcolor-datepicker-selector-background);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:var(--wmcolor-datepicker-selector-border);color:var(--wmcolor-datepicker-selector-text)}.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;font-size:1.12rem}.popup .calendar-header .title-box.year:after{content:"\\f143"}.popup .calendar-header .title-box::-moz-focus-inner{border:0}.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:var(--wmcolor-datepicker-navigation-text);background:var(--wmcolor-datepicker-navigation-background);padding:0;-webkit-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:hover{background-color:var(--wmcolor-datepicker-navigation-background-hover)}.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)}.popup .day-view{min-width:100%}.popup .day-view .date-grid{width:100%;text-align:center;border-collapse:collapse;margin-bottom:0.4375rem;color:var(--wmcolor-datepicker-day-text-outside)}.popup .day-view .date-grid .date-row:first-child .date-cell{margin-top:0.125rem}.popup .day-view .date-grid .date-header{background-color:var(--wmcolor-datepicker-weekdays-background)}.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:var(--wmcolor-datepicker-weekdays-text);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:hover{background-color:var(--wmcolor-datepicker-day-background-hover)}.popup .day-view .date-grid .date-cell.current-month{color:var(--wmcolor-datepicker-day-text)}.popup .day-view .date-grid .date-cell.current-month[aria-selected=true]{background-color:var(--wmcolor-datepicker-day-background-selected);color:var(--wmcolor-datepicker-day-text-selected)}.popup .day-view .date-grid .date-cell:active{background-color:var(--wmcolor-datepicker-day-background-selected);color:var(--wmcolor-datepicker-day-text-selected)}.popup .month-view .months{border-top:2px solid;border-top-color:var(--wmcolor-datepicker-month-border);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:var(--wmcolor-datepicker-month-border)}.popup .month-view .month{cursor:pointer;text-align:center;width:100%;height:4rem;line-height:4rem;font-weight:500;color:var(--wmcolor-datepicker-month-text)}.popup .month-view .month:not(:last-child){border-right:2px solid;border-right-color:var(--wmcolor-datepicker-month-border)}.popup .month-view .month:hover{border-right-color:transparent;background-color:var(--wmcolor-datepicker-month-background-hover)}.popup .month-view .month:active,.popup .month-view .month.selected{background-color:var(--wmcolor-datepicker-month-background-selected);color:var(--wmcolor-datepicker-month-text-selected)}.popup button:focus-visible,.popup .title-box:focus-visible,.popup .date-cell:focus-visible,.popup .month:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:-2px;border:none;z-index:11}.popup button:focus-visible[aria-selected=true],.popup .title-box:focus-visible[aria-selected=true],.popup .date-cell:focus-visible[aria-selected=true],.popup .month:focus-visible[aria-selected=true]{outline-offset:2px}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}';export{n as priv_datepicker}
+import{r as e,c as t,h as i,f as s,g as a}from"./p-a431d6e5.js";import{i as o,m as r,C as d}from"./p-fc710a30.js";const n=class{constructor(s){e(this,s),this.cellTriggered=t(this,"cellTriggered",7),this.toggleButtonClicked=t(this,"toggleButtonClicked",7),this.popupClosed=t(this,"popupClosed",7),this.popupBlurred=t(this,"popupBlurred",7),this.popupClicked=!0,this.buttonClicked=!0,this.prevClicked=!0,this.nextClicked=!0,this.openUp=!1,this.calendar_months=[o.formatMessage({id:"date.january",defaultMessage:"January",description:"Month of the year"}),o.formatMessage({id:"date.february",defaultMessage:"February",description:"Month of the year"}),o.formatMessage({id:"date.march",defaultMessage:"March",description:"Month of the year"}),o.formatMessage({id:"date.april",defaultMessage:"April",description:"Month of the year"}),o.formatMessage({id:"date.may",defaultMessage:"May",description:"Month of the year"}),o.formatMessage({id:"date.june",defaultMessage:"June",description:"Month of the year"}),o.formatMessage({id:"date.july",defaultMessage:"July",description:"Month of the year"}),o.formatMessage({id:"date.august",defaultMessage:"August",description:"Month of the year"}),o.formatMessage({id:"date.september",defaultMessage:"September",description:"Month of the year"}),o.formatMessage({id:"date.october",defaultMessage:"October",description:"Month of the year"}),o.formatMessage({id:"date.november",defaultMessage:"November",description:"Month of the year"}),o.formatMessage({id:"date.december",defaultMessage:"December",description:"Month of the year"})],this.weekdays=[o.formatMessage({id:"date.sunday",defaultMessage:"Sunday"}),o.formatMessage({id:"date.monday",defaultMessage:"Monday"}),o.formatMessage({id:"date.tuesday",defaultMessage:"Tuesday"}),o.formatMessage({id:"date.wednesday",defaultMessage:"Wednesday"}),o.formatMessage({id:"date.thursday",defaultMessage:"Thursday"}),o.formatMessage({id:"date.friday",defaultMessage:"Friday"}),o.formatMessage({id:"date.saturday",defaultMessage:"Saturday"})],this.renderCalendarDate=(e,t)=>{let s=this.removeZeroes(String(e[1])),a=this.removeZeroes(String(e[2])),r=s===this.monthInFocus?"current-month":"";const d=e[0]+e[1]+e[2],n=this.isDateToday(e);return i("div",{role:"gridcell",id:`cell-${d}`,class:`date-cell ${r}`,"aria-selected":!1,"aria-label":`${n?`${o.formatMessage({id:"date.today",defaultMessage:"today",description:"calendar button"})}, `:""}${this.weekdays[t]}, ${this.calendar_months[s-1]} ${a}, ${e[0]}`,onClick:e=>{this.handleTriggeredDate(e.target)},onKeyDown:e=>this.trapFocusEnd(e),"data-month":e[1],"data-year":e[0],onBlur:e=>e.stopPropagation(),tabIndex:-1},a)},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}handleKey(e){switch(this.prevClicked=!1,this.nextClicked=!1,e.key){case"Enter":e.preventDefault(),!e.target.id.includes("popup-title")&&e.target.click();break;case"Escape":e.preventDefault(),this.isExpanded&&(e.stopPropagation(),this.closePopup(!0));break;case"PageUp":e.preventDefault(),this.backOneMonth();break;case"PageDown":e.preventDefault(),this.forwardOneMonth();break;case"Home":e.preventDefault(),this.unfocusCell(),this.dayInFocus=1,s(this.el);break;case"End":e.preventDefault(),this.unfocusCell(),this.dayInFocus=this.getMonthDays(this.monthInFocus,this.yearInFocus),s(this.el);break;case"ArrowLeft":if(e.preventDefault(),"day"===this.view)if(this.unfocusCell(),1===this.dayInFocus){const e=this.getPreviousMonth(this.monthInFocus,this.yearInFocus);this.monthInFocus=e.month,this.yearInFocus=e.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(e.preventDefault(),"day"===this.view)if(this.unfocusCell(),this.dayInFocus===this.getMonthDays(this.monthInFocus,this.yearInFocus)){const e=this.getNextMonth(this.monthInFocus,this.yearInFocus);this.monthInFocus=e.month,this.yearInFocus=e.year,this.dayInFocus=1}else this.dayInFocus+=1;else this.unfocusMonth(),11===this.monthNumInFocus?this.monthNumInFocus=0:this.monthNumInFocus+=1;break;case"ArrowUp":if(e.preventDefault(),"day"===this.view)if(this.unfocusCell(),this.dayInFocus<8){const e=this.getPreviousMonth(this.monthInFocus,this.yearInFocus);this.monthInFocus=e.month,this.yearInFocus=e.year;const t=7-this.dayInFocus;this.dayInFocus=this.getMonthDays(this.monthInFocus,this.yearInFocus)-t}else this.dayInFocus-=7;else this.unfocusMonth(),this.monthNumInFocus<3?this.monthNumInFocus+=9:this.monthNumInFocus-=3;break;case"ArrowDown":if(e.preventDefault(),this.isExpanded)if("day"===this.view){if(!(document.activeElement.shadowRoot||document).activeElement.classList.contains("date-cell")){this.focusCell();break}this.unfocusCell();const e=this.getMonthDays(this.monthInFocus,this.yearInFocus)-7;if(this.dayInFocus>e){const t=this.getNextMonth(this.monthInFocus,this.yearInFocus);this.monthInFocus=t.month,this.yearInFocus=t.year,this.dayInFocus=this.dayInFocus-e}else this.dayInFocus+=7}else{const e=(document.activeElement.shadowRoot||document).activeElement;if("BUTTON"===e.tagName||e.id.includes("popup-title-year")){this.focusMonth();break}this.unfocusMonth(),this.monthNumInFocus>8?this.monthNumInFocus-=9:this.monthNumInFocus+=3}else this.openPopup()}}blurHandler(e){this.popupClicked||this.buttonClicked||!this.isExpanded||(this.closePopup(),this.popupBlurred.emit({relatedTarget:e.target})),this.popupClicked=!1,this.buttonClicked=!1}handleBlurOnWindow(e){this.isExpanded&&(this.closePopup(),this.popupBlurred.emit({relatedTarget:e.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()}zeroPad(e,t){return String.prototype.padStart||(String.prototype.padStart=function(e,t){return(e-=this.length)>t.length&&(t+=t.repeat(e/t.length)),t.slice(0,e)+String(this)}),`${e.toString()}`.padStart(t,"0")}removeZeroes(e){return+e<10?+e.slice(1):+e}isDateToday(e){const t=new Date;return[t.getFullYear().toString(),(t.getMonth()+1).toString(),t.getDate().toString()].reduce(((t,i,s)=>t&&this.removeZeroes(e[s]).toString()===i),!0)}togglePopup(){this.isExpanded?this.closePopup():this.openPopup(),this.buttonClicked=!0}closePopup(e=!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"),e&&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(e,t){return 2===e?t%4==0?29:28:[4,6,9,11].includes(e)?30:31}getMonthFirstDay(e,t){return+new Date(t,e-1,1,12,0,0).getDay()+1}getPreviousMonth(e,t){return{month:e>1?e-1:12,year:e>1?t:t-1}}getNextMonth(e,t){return{month:e<12?e+1:1,year:e<12?t:t+1}}getCalendarDates(e,t){const i=this.getMonthDays(e,t),s=this.getMonthFirstDay(e,t)-1;let a=42-(s+i);a=a>6?a-7:a;const{month:o,year:r}=this.getPreviousMonth(e,t),{month:d,year:n}=this.getNextMonth(e,t),h=this.getMonthDays(o,r);return[...[...new Array(s).fill("1")].map(((e,t)=>{const i=t+1+(h-s);return[r.toString(),this.zeroPad(o,2),this.zeroPad(i,2)]})),...[...new Array(i).fill("1")].map(((i,s)=>{const a=s+1;return[t.toString(),this.zeroPad(e,2),this.zeroPad(a,2)]})),...[...new Array(a).fill("1")].map(((e,t)=>{const i=t+1;return[n.toString(),this.zeroPad(d,2),this.zeroPad(i,2)]}))]}forwardOneMonth(){this.unfocusCell();const e=this.getNextMonth(this.monthInFocus,this.yearInFocus);this.monthInFocus=e.month,this.yearInFocus=e.year;const t=this.getMonthDays(this.monthInFocus,this.yearInFocus);this.dayInFocus>this.getMonthDays(this.monthInFocus,this.yearInFocus)&&(this.dayInFocus=t),this.updateLiveRegion(`Displaying ${this.calendar_months[this.monthInFocus-1]}, ${this.yearInFocus}`)}backOneMonth(){this.unfocusCell();const e=this.getPreviousMonth(this.monthInFocus,this.yearInFocus);this.monthInFocus=e.month,this.yearInFocus=e.year;const t=this.getMonthDays(this.monthInFocus,this.yearInFocus);this.dayInFocus>this.getMonthDays(this.monthInFocus,this.yearInFocus)&&(this.dayInFocus=t),this.updateLiveRegion(`Viewing ${this.calendar_months[this.monthInFocus-1]}, ${this.yearInFocus}`)}handleTriggeredDate(e){this.cellTriggered.emit(e),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(e,t,i){const s=e+this.zeroPad(t,2)+this.zeroPad(i,2);return this.el.querySelector(`#cell-${s}`)}unfocusCell(){this.getCellById(this.yearInFocus,this.monthInFocus,this.dayInFocus).tabIndex=-1}focusCell(){const e=this.getMonthDays(this.monthInFocus,this.yearInFocus);this.dayInFocus=this.dayInFocus>e?e:this.dayInFocus;const t=this.getCellById(this.yearInFocus,this.monthInFocus,this.dayInFocus);t&&(t.tabIndex=0,t.focus())}unfocusMonth(){this.el.querySelector(`#month-${this.monthNumInFocus}`).tabIndex=-1}focusMonth(){const e=this.el.querySelector(`#month-${this.monthNumInFocus}`);e.tabIndex=0,e.focus()}trapFocusLeft(e){e.shiftKey&&"Tab"===e.key&&(e.preventDefault(),this.focusCellInView())}trapFocusEnd(e){e.shiftKey||"Tab"!==e.key||(e.preventDefault(),this.prevButton.focus())}trapFocusRight(e){e.shiftKey||"Tab"!==e.key||(e.preventDefault(),this.focusCellInView())}focusCellInView(){"day"===this.view?this.focusCell():this.focusMonth()}toggleBusyAttribute(e){this.el.querySelector("#wm-container").setAttribute("aria-busy",e)}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(e){this.el.querySelector("#live-region").innerHTML=e}panelPosition(){const e=this.el.getRootNode().host,t=e.shadowRoot.querySelector(".label-wrapper").clientHeight;this.openUp=r(e,this.popupEl.clientHeight,t),d(e,336)?(this.popupEl.style.left="0",this.popupEl.style.right="auto"):(this.popupEl.style.right="0",this.popupEl.style.left="auto")}changeView(e){this.view=e,this.monthNumInFocus=this.monthInFocus-1}renderMonths(e,t){return i("div",{id:`month-${t}`,class:"month "+(this.selectedMonth-1===t?"selected":""),role:"gridcell",tabindex:t+1===this.monthInFocus?0:-1,onKeyDown:e=>this.trapFocusEnd(e),onBlur:e=>e.stopPropagation(),onClick:()=>{this.monthInFocus=t+1,this.changeView("day")}},e)}render(){const e=this.getCalendarDates(this.monthInFocus,this.yearInFocus);return i("div",{key:"63dd17051b10d920b9763c2b63c7118afa864893",class:"container",id:"wm-container"},i("button",{key:"a627ca7a362da89e6459e29d16c6a186a2abab16",disabled:this.disabled,onClick:this.togglePopup.bind(this),"aria-describedby":"date-input",ref:e=>this.buttonEl=e,"aria-expanded":`${this.isExpanded}`,class:"toggle",id:"toggle"},i("span",{key:"b8fe448b71923d162da3255122b9691d4079b69a",class:"calendar",title:o.formatMessage({id:"date.calendarView",defaultMessage:"Calendar View",description:"Calendar button"})})),i("div",{key:"7c63c85d3683903cd8557f2412acdccf2b349d09",class:`popup ${this.view}-view ${this.openUp?"expand-upwards":""}`,id:"popup",ref:e=>this.popupEl=e,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:e=>this.trapFocusLeft(e),ref:e=>this.prevButton=e,class:"arw-btn","aria-label":o.formatMessage({id:"date.selectPreviousMonth",defaultMessage:"Select previous month",description:"Calendar button"})},i("span",{class:"mdi"},"")),i("div",{id:"popup-title-month",class:"title-box",tabindex:0,role:"button",onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.changeView("month"))},onClick:this.changeView.bind(this,"month"),"aria-label":`${o.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:e=>this.trapFocusRight(e),"aria-label":o.formatMessage({id:"date.selectNextMonth",defaultMessage:"Select next month",description:"Calendar button"}),ref:e=>this.nextButton=e,class:"arw-btn"},i("span",{class:"mdi"},""))),i("div",{"aria-labelledby":"popup-title-month",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,o.formatMessage({id:"date.su",defaultMessage:"Su",description:"Abbreviated day of the week"}))),i("div",{role:"columnheader",class:"header-cell"},i("span",null,o.formatMessage({id:"date.mo",defaultMessage:"Mo",description:"Abbreviated day of the week"}))),i("div",{role:"columnheader",class:"header-cell"},i("span",null,o.formatMessage({id:"date.tu",defaultMessage:"Tu",description:"Abbreviated day of the week"}))),i("div",{role:"columnheader",class:"header-cell"},i("span",null,o.formatMessage({id:"date.we",defaultMessage:"We",description:"Abbreviated day of the week"}))),i("div",{role:"columnheader",class:"header-cell"},i("span",null,o.formatMessage({id:"date.th",defaultMessage:"Th",description:"Abbreviated day of the week"}))),i("div",{role:"columnheader",class:"header-cell"},i("span",null,o.formatMessage({id:"date.fr",defaultMessage:"Fr",description:"Abbreviated day of the week"}))),i("div",{role:"columnheader",class:"header-cell"},i("span",null,o.formatMessage({id:"date.sa",defaultMessage:"Sa",description:"Abbreviated day of the week"}))))),i("div",{role:"rowgroup"},i("div",{role:"row",class:"date-row"},e.slice(0,7).map(((e,t)=>this.renderCalendarDate(e,t)))),i("div",{role:"row"},e.slice(7,14).map(((e,t)=>this.renderCalendarDate(e,t)))),i("div",{role:"row"},e.slice(14,21).map(((e,t)=>this.renderCalendarDate(e,t)))),i("div",{role:"row"},e.slice(21,28).map(((e,t)=>this.renderCalendarDate(e,t)))),i("div",{role:"row"},e.slice(28,35).map(((e,t)=>this.renderCalendarDate(e,t)))),e.length>35?i("div",{role:"row"},e.slice(35).map(((e,t)=>this.renderCalendarDate(e,t)))):""))):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:e=>this.trapFocusLeft(e),"aria-label":o.formatMessage({id:"date.selectPreviousYear",defaultMessage:"Select previous year",description:"Calendar button"}),ref:e=>this.prevButton=e,class:"arw-btn"},i("span",{class:"mdi"},"")),i("div",{id:"popup-title-year",tabindex:0,class:"title-box year",role:"button",onClick:this.changeView.bind(this,"day"),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.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":o.formatMessage({id:"date.selectNextYear",defaultMessage:"Select next year",description:"Calendar button"}),onKeyDown:e=>this.trapFocusRight(e),ref:e=>this.nextButton=e,class:"arw-btn"},i("span",{class:"mdi"},""))),i("div",{"aria-labelledby":"popup-title-year",role:"grid",class:"months"},i("div",{role:"row",class:"month-row"},this.calendar_months.slice(0,3).map(((e,t)=>this.renderMonths(e,t)))),i("div",{role:"row",class:"month-row"},this.calendar_months.slice(3,6).map(((e,t)=>this.renderMonths(e,t+3)))),i("div",{role:"row",class:"month-row"},this.calendar_months.slice(6,9).map(((e,t)=>this.renderMonths(e,t+6)))),i("div",{role:"row",class:"month-row"},this.calendar_months.slice(9).map(((e,t)=>this.renderMonths(e,t+9))))))),this.isExpanded&&i("div",{key:"d6498e254f33356e698b38fc803e6c7dd8dc754b",id:"live-region","aria-live":"polite","aria-relevant":"text",class:"sr-only"}),i("div",{key:"023003cea63532f55a674d6e75aad6d2efca5d32",id:"month-title",class:"sr-only"},o.formatMessage({id:"date.selectMonth",defaultMessage:"Activate to select a month.",description:"Calendar button"})),i("div",{key:"0c6358445c65906e90e3b97d560a8efa558849e0",id:"year-title",class:"sr-only"},o.formatMessage({id:"date.selectYear",defaultMessage:"Activate to select a year.",description:"Calendar button"})),i("div",{key:"86ce610bb1f0b5ecf202ed7009aaf24d1d8fff90",id:"application",class:"sr-only"},o.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 a(this)}};n.style='.toggle{all:unset;cursor:pointer;padding:0 0.375rem;height:2.375rem;background-color:var(--wmcolor-datepicker-toggle-background);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}.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:var(--wmcolor-datepicker-toggle-icon);padding:0;line-height:2.5rem}.toggle:hover{-webkit-box-shadow:none;box-shadow:none;background:var(--wmcolor-datepicker-toggle-background-hover)}.toggle:disabled{pointer-events:none;-webkit-box-shadow:none;box-shadow:none;background-color:var(--wmcolor-datepicker-toggle-background-disabled)}.toggle:disabled .calendar::after{color:var(--wmcolor-datepicker-toggle-icon-disabled)}[dir=RTL] .toggle{right:auto;left:0}.toggle::-moz-focus-inner{border:0}.toggle:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset: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);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:var(--wmcolor-datepicker-background)}.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:var(--wmcolor-datepicker-selector-background);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:var(--wmcolor-datepicker-selector-border);color:var(--wmcolor-datepicker-selector-text)}.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;font-size:1.12rem}.popup .calendar-header .title-box.year:after{content:"\\f143"}.popup .calendar-header .title-box::-moz-focus-inner{border:0}.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:var(--wmcolor-datepicker-navigation-text);background:var(--wmcolor-datepicker-navigation-background);padding:0;-webkit-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:hover{background-color:var(--wmcolor-datepicker-navigation-background-hover)}.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)}.popup .day-view{min-width:100%}.popup .day-view .date-grid{width:100%;text-align:center;border-collapse:collapse;margin-bottom:0.4375rem;color:var(--wmcolor-datepicker-day-text-outside)}.popup .day-view .date-grid .date-row:first-child .date-cell{margin-top:0.125rem}.popup .day-view .date-grid .date-header{background-color:var(--wmcolor-datepicker-weekdays-background)}.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:var(--wmcolor-datepicker-weekdays-text);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:hover{background-color:var(--wmcolor-datepicker-day-background-hover)}.popup .day-view .date-grid .date-cell.current-month{color:var(--wmcolor-datepicker-day-text)}.popup .day-view .date-grid .date-cell.current-month[aria-selected=true]{background-color:var(--wmcolor-datepicker-day-background-selected);color:var(--wmcolor-datepicker-day-text-selected)}.popup .day-view .date-grid .date-cell:active{background-color:var(--wmcolor-datepicker-day-background-selected);color:var(--wmcolor-datepicker-day-text-selected)}.popup .month-view .months{border-top:2px solid;border-top-color:var(--wmcolor-datepicker-month-border);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:var(--wmcolor-datepicker-month-border)}.popup .month-view .month{cursor:pointer;text-align:center;width:100%;height:4rem;line-height:4rem;font-weight:500;color:var(--wmcolor-datepicker-month-text)}.popup .month-view .month:not(:last-child){border-right:2px solid;border-right-color:var(--wmcolor-datepicker-month-border)}.popup .month-view .month:hover{border-right-color:transparent;background-color:var(--wmcolor-datepicker-month-background-hover)}.popup .month-view .month:active,.popup .month-view .month.selected{background-color:var(--wmcolor-datepicker-month-background-selected);color:var(--wmcolor-datepicker-month-text-selected)}.popup button:focus-visible,.popup .title-box:focus-visible,.popup .date-cell:focus-visible,.popup .month:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:-2px;border:none;z-index:11}.popup button:focus-visible[aria-selected=true],.popup .title-box:focus-visible[aria-selected=true],.popup .date-cell:focus-visible[aria-selected=true],.popup .month:focus-visible[aria-selected=true]{outline-offset:2px}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}';export{n as priv_datepicker}

package/dist/ripple/{p-dabff389.system.entry.js → p-d87e105b.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-1eb84629.system.js","./p-4c3f4047.system.js"],(function(t){"use strict";var e,i,n,r,a,s,o,c;return{setters:[function(t){e=t.r;i=t.c;n=t.h;r=t.H;a=t.g;s=t.f},function(t){o=t.d;c=t.g}],execute:function(){var u=":host{display:-ms-flexbox;display:flex;font-family:inherit;-ms-flex-item-align:stretch;align-self:stretch}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host.hide{display:none}.tab-item{display:-ms-flexbox;display:flex;-ms-flex-item-align:stretch;align-self:stretch;list-style-type:none}.tab-item .tab{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;color:var(--wmcolor-tab-text);text-decoration:none;letter-spacing:0.7px;font-size:0.875rem;font-weight:500;opacity:1;position:relative;text-transform:uppercase;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-inline:1.5rem}.tab-item .tab[aria-selected=true]{font-weight:700;opacity:1;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:16px}.tab-item .tab[aria-selected=true].dark{color:var(--wmcolor-tab-text-ondark)}.tab-item .tab,.tab-item .tab:hover,.tab-item .tab:active{outline:none}.tab-item .tab:focus{outline:none}.tab-item .tab.dark:not([aria-selected=true]){opacity:0.8;color:var(--wmcolor-tab-text-ondark)}.tab-item .tab:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:-3px}";var l=u;var f=t("wm_tab_item",function(){function t(t){var n=this;e(this,t);this.wmTabSelected=i(this,"wmTabSelected",7);this.keydownOnTabItem=i(this,"keydownOnTabItem",7);this.tabItemLoaded=i(this,"tabItemLoaded",7);this.tabClicked=function(t){t.preventDefault();n.wmTabSelected.emit({tabId:n.tabId})};this.tabPressed=function(t){var e=t.key;if(e==="Enter"||e===" "){t.preventDefault();n.wmTabSelected.emit({tabId:n.tabId})}else if(e.includes("Arrow")){t.preventDefault();n.keydownOnTabItem.emit({tabItem:n.el,key:t.key})}};this.selected=false;this.show=true;this.tabId=""}Object.defineProperty(t.prototype,"parentTabList",{get:function(){return this.el.parentElement},enumerable:false,configurable:true});t.prototype.componentDidLoad=function(){this.tabItemLoaded.emit()};t.prototype.render=function(){var t=this;var e=this.show?"":"hide ";e+=this.parentTabList&&this.parentTabList.customBackground=="dark"?"dark":"";var i={};var a=this.parentTabList&&this.parentTabList.customPadding;if(a){var s=parseInt(a,10)*2||0;var o=a.split(/([0-9]+)/).pop();i={"padding-left":this.parentTabList.customPadding,"padding-right":this.parentTabList.customPadding,"background-size":"calc(100% - ".concat(s).concat(o,") 3px")}}return n(r,{key:"d5abb94af87c1969ffaa8bb1230910b9455e0279",role:"presentation"},n("li",{key:"030939b9181461260624ddd8ec36b6838891918b",class:"tab-item",role:"presentation"},n("a",{key:"deadcc1ab9a77f852a11ce5d38f4afe088572da4",class:"tab ".concat(e),style:i,role:"tab",ref:function(e){return t.linkEl=e},onClick:this.tabClicked,id:"tab-link-".concat(this.tabId),onKeyDown:function(e){return t.tabPressed(e)},"aria-selected":this.selected?"true":"false",tabindex:this.selected?0:-1},n("slot",{key:"92c6e1c0f86c69ce39570efec458f4015f2f4f29"}))))};Object.defineProperty(t,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});return t}());f.style=l;var b=":host{--wmcolor-tab-background:var(--wmcolor-background-transparent);--wmcolor-tab-background-dark:var(--wmcolor-background-dark);--wmcolor-tab-text-ondark:var(--wmcolor-interactive-ondark);--wmcolor-tab-text:var(--wmcolor-interactive);position:relative;white-space:nowrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:block}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host .tabcontainer{background:var(--wmcolor-tab-background);margin:0;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{background:var(--wmcolor-tab-background-dark);margin:0}:host wm-select{padding:0.375rem 0}";var h=b;var d=t("wm_tab_list",function(){function t(t){var n=this;e(this,t);this.wmTabSelected=i(this,"wmTabSelected",7);this.debouncedSetLayout=o((function(){if(!n.listWidth){n.setListWidth()}s(n.el)}),10);this.customBackground=undefined;this.customPadding=undefined;this.selectedTab=undefined}Object.defineProperty(t.prototype,"menuLayout",{get:function(){if(this.listWidth){return this.el.offsetWidth<this.listWidth-24}else{return false}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"tabItems",{get:function(){return Array.from(this.el.querySelectorAll("wm-tab-item"))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"selectedTabItem",{get:function(){return this.tabItems.filter((function(t){return t.selected}))[0]},enumerable:false,configurable:true});t.prototype.getLinkEl=function(t){return t.shadowRoot.querySelector("a")};Object.defineProperty(t.prototype,"panels",{get:function(){var t=Array.from(document.querySelectorAll("wm-tab-panel"));var e=this.tabItems.map((function(t){return t.tabId}));return t.filter((function(t){return e.includes(t.tabId)}))},enumerable:false,configurable:true});t.prototype.getPanel=function(t){return this.panels.find((function(e){return e.tabId===t}))};t.prototype.setListWidth=function(){var t=this.tabItems.reduce((function(t,e){return t+e.offsetWidth}),0);this.listWidth=t&&t>0?t:this.listWidth};t.prototype.setSelected=function(t){this.tabItems.map((function(e){return e.selected=e.tabId===t}));var e=this.panels.length===1&&this.tabItems.length>1;if(e){this.setAttributesOnPanel(this.panels[0],this.selectedTabItem);this.panels[0].active=true}else{this.panels.map((function(e){return e.active=e.tabId===t}))}};t.prototype.showItems=function(){this.tabItems.map((function(t){return t.show=true}))};t.prototype.hideItems=function(){this.tabItems.map((function(t){return t.show=false}))};t.prototype.componentWillLoad=function(){var t=this;this.el.focus=function(){t.selectedTabItem&&t.selectedTabItem.focus()};var e=new ResizeObserver((function(){return t.debouncedSetLayout()}));e.observe(this.el)};t.prototype.componentDidLoad=function(){var t=this.selectedTab||this.tabItems[0].tabId;this.setSelected(t)};t.prototype.tabItemLoaded=function(t){this.setAriaOnPanelAndTab(t.target)};t.prototype.setAriaOnPanelAndTab=function(t){var e=this.getPanel(t.tabId);if(!e){if(this.panels.length===1){this.setAttributesOnTab(t,this.panels[0])}}else{this.setAttributesOnPanel(e,t);this.setAttributesOnTab(t,e)}};t.prototype.setAttributesOnTab=function(t,e){var i=this.getLinkEl(t);if(i){i.setAttribute("href","#".concat(e.id))}};t.prototype.removeAttributesOnTab=function(t){var e=this.getLinkEl(t);if(e){e.removeAttribute("href")}};t.prototype.setAttributesOnPanel=function(t,e){var i=this.getLinkEl(e);if(i){t.setAttribute("aria-labelledby",i.id);t.setAttribute("tab-id",e.tabId)}};t.prototype.handleKeydown=function(t){var e=t.detail.key;var i=this.tabItems.indexOf(t.detail.tabItem);if(e==="ArrowLeft"||e==="ArrowRight"){this.handleLeftRightArrow(i,e)}};t.prototype.handleLeftRightArrow=function(t,e){if(e){t=e==="ArrowLeft"?t-1:t+1}if(t<0){t=this.tabItems.length-1}else if(t===this.tabItems.length){t=0}var i=this.tabItems[t];this.getLinkEl(i).focus()};t.prototype.renderMenuOrTabs=function(){if(this.menuLayout){this.hideItems();return n("wm-select",{label:"Choose a tab","label-position":"none"},this.renderOptions())}else{this.showItems();var t={};if(this.customPadding){t={"margin-left":"-"+this.customPadding}}return n("ul",{class:"tabcontainer ".concat(this.customBackground||""),style:t,role:"tablist"},n("slot",null))}};t.prototype.renderOptions=function(){var t=this;return this.tabItems.map((function(e){return n("wm-option",{id:"tab-link-".concat(e.tabId),selected:e.tabId===t.selectedTab,onClick:function(i){i.preventDefault();t.wmTabSelected.emit({tabId:e.tabId})}},e.textContent)}))};t.prototype.render=function(){return n(r,{key:"ae6a2b38bbbc22a06e52d5971850d197bec72187",class:this.menuLayout?"menu":""},this.renderMenuOrTabs())};Object.defineProperty(t,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{selectedTab:["setSelected"]}},enumerable:false,configurable:true});return t}());d.style=h;var m="wm-tab-panel{visibility:inherit}wm-tab-panel.tab-hidden{display:none}wm-tab-panel:active{outline:none}wm-tab-panel:focus{outline:none}wm-tab-panel.user-is-tabbing:focus{outline:-webkit-focus-ring-color auto 5px}";var g=m;var v=t("wm_tab_panel",function(){function t(t){e(this,t);this.tabPanelLoaded=i(this,"tabPanelLoaded",7);this.active=false;this.tabId=""}t.prototype.componentWillLoad=function(){!this.el.id&&this.el.setAttribute("id",c())};t.prototype.componentDidLoad=function(){this.tabPanelLoaded.emit({tabId:this.tabId})};t.prototype.render=function(){return n(r,{key:"7c85919cac0154edb77c7148c49b2f6079b4cb44",role:"tabpanel",class:{"tab-hidden":!this.active}})};Object.defineProperty(t.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});return t}());v.style=g}}}));
+System.register(["./p-539b7be9.system.js","./p-4c3f4047.system.js"],(function(t){"use strict";var e,i,n,r,a,s,o,c;return{setters:[function(t){e=t.r;i=t.c;n=t.h;r=t.H;a=t.g;s=t.f},function(t){o=t.d;c=t.g}],execute:function(){var u=":host{display:-ms-flexbox;display:flex;font-family:inherit;-ms-flex-item-align:stretch;align-self:stretch}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host.hide{display:none}.tab-item{display:-ms-flexbox;display:flex;-ms-flex-item-align:stretch;align-self:stretch;list-style-type:none}.tab-item .tab{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;color:var(--wmcolor-tab-text);text-decoration:none;letter-spacing:0.7px;font-size:0.875rem;font-weight:500;opacity:1;position:relative;text-transform:uppercase;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-inline:1.5rem}.tab-item .tab[aria-selected=true]{font-weight:700;opacity:1;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:16px}.tab-item .tab[aria-selected=true].dark{color:var(--wmcolor-tab-text-ondark)}.tab-item .tab,.tab-item .tab:hover,.tab-item .tab:active{outline:none}.tab-item .tab:focus{outline:none}.tab-item .tab.dark:not([aria-selected=true]){opacity:0.8;color:var(--wmcolor-tab-text-ondark)}.tab-item .tab:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:-3px}";var l=u;var f=t("wm_tab_item",function(){function t(t){var n=this;e(this,t);this.wmTabSelected=i(this,"wmTabSelected",7);this.keydownOnTabItem=i(this,"keydownOnTabItem",7);this.tabItemLoaded=i(this,"tabItemLoaded",7);this.tabClicked=function(t){t.preventDefault();n.wmTabSelected.emit({tabId:n.tabId})};this.tabPressed=function(t){var e=t.key;if(e==="Enter"||e===" "){t.preventDefault();n.wmTabSelected.emit({tabId:n.tabId})}else if(e.includes("Arrow")){t.preventDefault();n.keydownOnTabItem.emit({tabItem:n.el,key:t.key})}};this.selected=false;this.show=true;this.tabId=""}Object.defineProperty(t.prototype,"parentTabList",{get:function(){return this.el.parentElement},enumerable:false,configurable:true});t.prototype.componentDidLoad=function(){this.tabItemLoaded.emit()};t.prototype.render=function(){var t=this;var e=this.show?"":"hide ";e+=this.parentTabList&&this.parentTabList.customBackground=="dark"?"dark":"";var i={};var a=this.parentTabList&&this.parentTabList.customPadding;if(a){var s=parseInt(a,10)*2||0;var o=a.split(/([0-9]+)/).pop();i={"padding-left":this.parentTabList.customPadding,"padding-right":this.parentTabList.customPadding,"background-size":"calc(100% - ".concat(s).concat(o,") 3px")}}return n(r,{key:"d5abb94af87c1969ffaa8bb1230910b9455e0279",role:"presentation"},n("li",{key:"030939b9181461260624ddd8ec36b6838891918b",class:"tab-item",role:"presentation"},n("a",{key:"deadcc1ab9a77f852a11ce5d38f4afe088572da4",class:"tab ".concat(e),style:i,role:"tab",ref:function(e){return t.linkEl=e},onClick:this.tabClicked,id:"tab-link-".concat(this.tabId),onKeyDown:function(e){return t.tabPressed(e)},"aria-selected":this.selected?"true":"false",tabindex:this.selected?0:-1},n("slot",{key:"92c6e1c0f86c69ce39570efec458f4015f2f4f29"}))))};Object.defineProperty(t,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});return t}());f.style=l;var b=":host{--wmcolor-tab-background:var(--wmcolor-background-transparent);--wmcolor-tab-background-dark:var(--wmcolor-background-dark);--wmcolor-tab-text-ondark:var(--wmcolor-interactive-ondark);--wmcolor-tab-text:var(--wmcolor-interactive);position:relative;white-space:nowrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:block}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host .tabcontainer{background:var(--wmcolor-tab-background);margin:0;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{background:var(--wmcolor-tab-background-dark);margin:0}:host wm-select{padding:0.375rem 0}";var h=b;var d=t("wm_tab_list",function(){function t(t){var n=this;e(this,t);this.wmTabSelected=i(this,"wmTabSelected",7);this.debouncedSetLayout=o((function(){if(!n.listWidth){n.setListWidth()}s(n.el)}),10);this.customBackground=undefined;this.customPadding=undefined;this.selectedTab=undefined}Object.defineProperty(t.prototype,"menuLayout",{get:function(){if(this.listWidth){return this.el.offsetWidth<this.listWidth-24}else{return false}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"tabItems",{get:function(){return Array.from(this.el.querySelectorAll("wm-tab-item"))},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"selectedTabItem",{get:function(){return this.tabItems.filter((function(t){return t.selected}))[0]},enumerable:false,configurable:true});t.prototype.getLinkEl=function(t){return t.shadowRoot.querySelector("a")};Object.defineProperty(t.prototype,"panels",{get:function(){var t=Array.from(document.querySelectorAll("wm-tab-panel"));var e=this.tabItems.map((function(t){return t.tabId}));return t.filter((function(t){return e.includes(t.tabId)}))},enumerable:false,configurable:true});t.prototype.getPanel=function(t){return this.panels.find((function(e){return e.tabId===t}))};t.prototype.setListWidth=function(){var t=this.tabItems.reduce((function(t,e){return t+e.offsetWidth}),0);this.listWidth=t&&t>0?t:this.listWidth};t.prototype.setSelected=function(t){this.tabItems.map((function(e){return e.selected=e.tabId===t}));var e=this.panels.length===1&&this.tabItems.length>1;if(e){this.setAttributesOnPanel(this.panels[0],this.selectedTabItem);this.panels[0].active=true}else{this.panels.map((function(e){return e.active=e.tabId===t}))}};t.prototype.showItems=function(){this.tabItems.map((function(t){return t.show=true}))};t.prototype.hideItems=function(){this.tabItems.map((function(t){return t.show=false}))};t.prototype.componentWillLoad=function(){var t=this;this.el.focus=function(){t.selectedTabItem&&t.selectedTabItem.focus()};var e=new ResizeObserver((function(){return t.debouncedSetLayout()}));e.observe(this.el)};t.prototype.componentDidLoad=function(){var t=this.selectedTab||this.tabItems[0].tabId;this.setSelected(t)};t.prototype.tabItemLoaded=function(t){this.setAriaOnPanelAndTab(t.target)};t.prototype.setAriaOnPanelAndTab=function(t){var e=this.getPanel(t.tabId);if(!e){if(this.panels.length===1){this.setAttributesOnTab(t,this.panels[0])}}else{this.setAttributesOnPanel(e,t);this.setAttributesOnTab(t,e)}};t.prototype.setAttributesOnTab=function(t,e){var i=this.getLinkEl(t);if(i){i.setAttribute("href","#".concat(e.id))}};t.prototype.removeAttributesOnTab=function(t){var e=this.getLinkEl(t);if(e){e.removeAttribute("href")}};t.prototype.setAttributesOnPanel=function(t,e){var i=this.getLinkEl(e);if(i){t.setAttribute("aria-labelledby",i.id);t.setAttribute("tab-id",e.tabId)}};t.prototype.handleKeydown=function(t){var e=t.detail.key;var i=this.tabItems.indexOf(t.detail.tabItem);if(e==="ArrowLeft"||e==="ArrowRight"){this.handleLeftRightArrow(i,e)}};t.prototype.handleLeftRightArrow=function(t,e){if(e){t=e==="ArrowLeft"?t-1:t+1}if(t<0){t=this.tabItems.length-1}else if(t===this.tabItems.length){t=0}var i=this.tabItems[t];this.getLinkEl(i).focus()};t.prototype.renderMenuOrTabs=function(){if(this.menuLayout){this.hideItems();return n("wm-select",{label:"Choose a tab","label-position":"none"},this.renderOptions())}else{this.showItems();var t={};if(this.customPadding){t={"margin-left":"-"+this.customPadding}}return n("ul",{class:"tabcontainer ".concat(this.customBackground||""),style:t,role:"tablist"},n("slot",null))}};t.prototype.renderOptions=function(){var t=this;return this.tabItems.map((function(e){return n("wm-option",{id:"tab-link-".concat(e.tabId),selected:e.tabId===t.selectedTab,onClick:function(i){i.preventDefault();t.wmTabSelected.emit({tabId:e.tabId})}},e.textContent)}))};t.prototype.render=function(){return n(r,{key:"ae6a2b38bbbc22a06e52d5971850d197bec72187",class:this.menuLayout?"menu":""},this.renderMenuOrTabs())};Object.defineProperty(t,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{selectedTab:["setSelected"]}},enumerable:false,configurable:true});return t}());d.style=h;var m="wm-tab-panel{visibility:inherit}wm-tab-panel.tab-hidden{display:none}wm-tab-panel:active{outline:none}wm-tab-panel:focus{outline:none}wm-tab-panel.user-is-tabbing:focus{outline:-webkit-focus-ring-color auto 5px}";var g=m;var v=t("wm_tab_panel",function(){function t(t){e(this,t);this.tabPanelLoaded=i(this,"tabPanelLoaded",7);this.active=false;this.tabId=""}t.prototype.componentWillLoad=function(){!this.el.id&&this.el.setAttribute("id",c())};t.prototype.componentDidLoad=function(){this.tabPanelLoaded.emit({tabId:this.tabId})};t.prototype.render=function(){return n(r,{key:"7c85919cac0154edb77c7148c49b2f6079b4cb44",role:"tabpanel",class:{"tab-hidden":!this.active}})};Object.defineProperty(t.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});return t}());v.style=g}}}));

package/dist/ripple/{p-44d8f4b2.system.entry.js → p-e0ff556b.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-1eb84629.system.js","./p-4c3f4047.system.js","./p-ed372e19.system.js"],(function(e){"use strict";var r,t,i,a,o,n,s;return{setters:[function(e){r=e.r;t=e.c;i=e.h;a=e.g},function(e){o=e.t;n=e.a},function(e){s=e.g}],execute:function(){var l=':host{--wmcolor-textarea-input-border:var(--wmcolor-input-border);--wmcolor-textarea-charcount-background:var(--wmcolor-input-charcount-background);--wmcolor-textarea-input-background-disabled:var(--wmcolor-input-background-disabled);--wmcolor-textarea-input-text-disabled:var(--wmcolor-input-text-disabled);font-family:inherit;display:block;max-width:100%;width:588px}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host .wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}:host .wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}:host .wrapper .label .required{color:var(--wmcolor-text-required)}:host .wrapper.label-left{-ms-flex-direction:row;flex-direction:row}:host .wrapper.label-left .label-wrapper{line-height:2.5rem}:host .wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}:host .wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .wrapper.invalid .label{color:var(--wmcolor-text-error)}:host .wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f026";margin-left:0.3125rem}[dir=RTL] :host .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}:host .wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}:host .wrapper .inner-wrapper{width:100%;min-width:6.25rem}:host .wrapper .inputfield-wrapper{border:1px solid var(--wmcolor-textarea-input-border);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .wrapper .inputfield-wrapper:has(textarea:focus){outline:2px solid var(--wmcolor-input-border-focus);border-color:var(--wmcolor-input-border-focus)}:host .wrapper .inputfield-wrapper.invalid{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);box-shadow:0 0 0 1px var(--wmcolor-input-border-error);border-color:var(--wmcolor-input-border-error)}:host .wrapper .character-count{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;height:1.875rem;background-color:var(--wmcolor-textarea-charcount-background);font-size:0.875rem;font-weight:500;padding:4px 16px}:host .wrapper .character-count.exceeded{color:var(--wmcolor-text-error);font-weight:600}:host .wrapper textarea{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;border:none;font-family:inherit;font-size:0.875rem;min-height:calc(1lh + 1rem);padding:0.5rem 1rem;width:100%;resize:vertical}:host .wrapper textarea:focus{outline:none}:host .wrapper textarea[disabled]{background-color:var(--wmcolor-textarea-input-background-disabled);color:var(--wmcolor-textarea-input-text-disabled)}:host .wrapper .error-message{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;line-height:100%}:host .wrapper .error-message:not(:empty){margin-top:0.25rem}:host .wrapper .info{font-style:italic;line-height:100%;margin-top:0.25rem}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}';var d=l;var p=e("wm_textarea",function(){function e(e){r(this,e);this.wmTextareaValueChanged=t(this,"wmTextareaValueChanged",7);this.previousValue="";this.label=undefined;this.labelPosition="top";this.value="";this.disabled=false;this.info=undefined;this.placeholder="";this.requiredField=false;this.errorMessage=undefined;this.characterLimit=undefined;this.inputWidth="";this.inputHeight="";this.announcement=""}Object.defineProperty(e.prototype,"charCount",{get:function(){return this.value.length},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isDisabled",{get:function(){return o(this.disabled)},enumerable:false,configurable:true});e.prototype.componentWillLoad=function(){var e=this;this.el.focus=function(){e.el.shadowRoot.querySelector("textarea").focus()};if(!this.label){console.error("wm-textarea requires the label property")}if(this.el.textContent){this.value=this.el.textContent}n(this.el,this.isDisabled);this.previousValue=this.value};e.prototype.handleDisabledChange=function(){n(this.el,this.isDisabled)};e.prototype.announceError=function(){var e=this;if(this.errorMessage){setTimeout((function(){return e.announce(e.errorMessage)}),100)}};e.prototype.handleInput=function(e){this.value=e.target.value;if(this.characterLimit&&this.charCount>=this.characterLimit-5){this.announce(s.getCharactersEntered(this.charCount,this.characterLimit))}};e.prototype.handleBlur=function(){if(this.value!==this.previousValue){this.wmTextareaValueChanged.emit({value:this.value})}this.previousValue=this.value};e.prototype.announce=function(e){if(this.liveRegionEl.textContent===e){e+=" "}this.announcement=e};e.prototype.render=function(){var e=this;return i("div",{key:"ad77d3d9220eb010252ccedb8add52e7d141774e",class:"wrapper label-".concat(this.labelPosition," ").concat(this.errorMessage?"invalid":"")},i("div",{key:"4be11635c42e30517ea66775a164f2be12c7065c",class:"label-wrapper"},i("label",{key:"0770600c79c77c5d14f863bcdd118e8250548cd9",htmlFor:"inputfield",class:"label"},this.label,this.characterLimit&&i("span",{key:"3b8559fe869fcdda34f3d03fb4c80c410d4d05a1",class:"sr-only"}," ",s.getCharacterLimit(this.characterLimit)),this.requiredField&&i("span",{key:"a4333b22a989b92d0d189f8098586c3a6191d5d2",class:"required","aria-hidden":"true"},"*"))),i("div",{key:"c3e21a23da93afaacc9f7492802c9db0b956b9de",class:"inner-wrapper"},i("div",{key:"9a0b7a597bfd4803f6287d8443eda286bb25e093",class:"inputfield-wrapper ".concat(this.errorMessage?"invalid":""),style:this.inputWidth?{width:this.inputWidth}:{}},i("textarea",{key:"7ec44610539244fb4c8f66321d36361bef94ba6f",id:"inputfield",disabled:this.isDisabled,"aria-describedby":"info error",onInput:function(r){return e.handleInput(r)},onBlur:function(){return e.handleBlur()},placeholder:this.placeholder,autocomplete:"off","aria-required":this.requiredField?"true":null,value:this.value,rows:3,style:{height:this.inputHeight}}),this.characterLimit&&typeof this.characterLimit==="number"?i("div",{class:"character-count ".concat(this.value.length>this.characterLimit?"exceeded":"")},this.charCount,"/",this.characterLimit):""),this.info&&i("div",{key:"51c2c404d55b271d603a26e8e91bf7b100dd4491",id:"info",class:"info"},this.info),i("div",{key:"ab404e1446c00ea66700b97f9a68d13e65274cfd",id:"error",class:"error-message"},this.errorMessage),i("div",{key:"797b7c6014e378c0e1b54cbbb87e648785071ad0",id:"live-polite",class:"sr-only","aria-live":"polite","aria-atomic":"true",ref:function(r){return e.liveRegionEl=r}},this.announcement)))};Object.defineProperty(e.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{disabled:["handleDisabledChange"],errorMessage:["announceError"]}},enumerable:false,configurable:true});return e}());p.style=d}}}));
+System.register(["./p-539b7be9.system.js","./p-4c3f4047.system.js","./p-ed372e19.system.js"],(function(e){"use strict";var r,t,i,a,o,n,s;return{setters:[function(e){r=e.r;t=e.c;i=e.h;a=e.g},function(e){o=e.t;n=e.a},function(e){s=e.g}],execute:function(){var l=':host{--wmcolor-textarea-input-border:var(--wmcolor-input-border);--wmcolor-textarea-charcount-background:var(--wmcolor-input-charcount-background);--wmcolor-textarea-input-background-disabled:var(--wmcolor-input-background-disabled);--wmcolor-textarea-input-text-disabled:var(--wmcolor-input-text-disabled);font-family:inherit;display:block;max-width:100%;width:588px}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host .wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}:host .wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}:host .wrapper .label .required{color:var(--wmcolor-text-required)}:host .wrapper.label-left{-ms-flex-direction:row;flex-direction:row}:host .wrapper.label-left .label-wrapper{line-height:2.5rem}:host .wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}:host .wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .wrapper.invalid .label{color:var(--wmcolor-text-error)}:host .wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f026";margin-left:0.3125rem}[dir=RTL] :host .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}:host .wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}:host .wrapper .inner-wrapper{width:100%;min-width:6.25rem}:host .wrapper .inputfield-wrapper{border:1px solid var(--wmcolor-textarea-input-border);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .wrapper .inputfield-wrapper:has(textarea:focus){outline:2px solid var(--wmcolor-input-border-focus);border-color:var(--wmcolor-input-border-focus)}:host .wrapper .inputfield-wrapper.invalid{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);box-shadow:0 0 0 1px var(--wmcolor-input-border-error);border-color:var(--wmcolor-input-border-error)}:host .wrapper .character-count{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;height:1.875rem;background-color:var(--wmcolor-textarea-charcount-background);font-size:0.875rem;font-weight:500;padding:4px 16px}:host .wrapper .character-count.exceeded{color:var(--wmcolor-text-error);font-weight:600}:host .wrapper textarea{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;border:none;font-family:inherit;font-size:0.875rem;min-height:calc(1lh + 1rem);padding:0.5rem 1rem;width:100%;resize:vertical}:host .wrapper textarea:focus{outline:none}:host .wrapper textarea[disabled]{background-color:var(--wmcolor-textarea-input-background-disabled);color:var(--wmcolor-textarea-input-text-disabled)}:host .wrapper .error-message{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;line-height:100%}:host .wrapper .error-message:not(:empty){margin-top:0.25rem}:host .wrapper .info{font-style:italic;line-height:100%;margin-top:0.25rem}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}';var d=l;var p=e("wm_textarea",function(){function e(e){r(this,e);this.wmTextareaValueChanged=t(this,"wmTextareaValueChanged",7);this.previousValue="";this.label=undefined;this.labelPosition="top";this.value="";this.disabled=false;this.info=undefined;this.placeholder="";this.requiredField=false;this.errorMessage=undefined;this.characterLimit=undefined;this.inputWidth="";this.inputHeight="";this.announcement=""}Object.defineProperty(e.prototype,"charCount",{get:function(){return this.value.length},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isDisabled",{get:function(){return o(this.disabled)},enumerable:false,configurable:true});e.prototype.componentWillLoad=function(){var e=this;this.el.focus=function(){e.el.shadowRoot.querySelector("textarea").focus()};if(!this.label){console.error("wm-textarea requires the label property")}if(this.el.textContent){this.value=this.el.textContent}n(this.el,this.isDisabled);this.previousValue=this.value};e.prototype.handleDisabledChange=function(){n(this.el,this.isDisabled)};e.prototype.announceError=function(){var e=this;if(this.errorMessage){setTimeout((function(){return e.announce(e.errorMessage)}),100)}};e.prototype.handleInput=function(e){this.value=e.target.value;if(this.characterLimit&&this.charCount>=this.characterLimit-5){this.announce(s.getCharactersEntered(this.charCount,this.characterLimit))}};e.prototype.handleBlur=function(){if(this.value!==this.previousValue){this.wmTextareaValueChanged.emit({value:this.value})}this.previousValue=this.value};e.prototype.announce=function(e){if(this.liveRegionEl.textContent===e){e+=" "}this.announcement=e};e.prototype.render=function(){var e=this;return i("div",{key:"ad77d3d9220eb010252ccedb8add52e7d141774e",class:"wrapper label-".concat(this.labelPosition," ").concat(this.errorMessage?"invalid":"")},i("div",{key:"4be11635c42e30517ea66775a164f2be12c7065c",class:"label-wrapper"},i("label",{key:"0770600c79c77c5d14f863bcdd118e8250548cd9",htmlFor:"inputfield",class:"label"},this.label,this.characterLimit&&i("span",{key:"3b8559fe869fcdda34f3d03fb4c80c410d4d05a1",class:"sr-only"}," ",s.getCharacterLimit(this.characterLimit)),this.requiredField&&i("span",{key:"a4333b22a989b92d0d189f8098586c3a6191d5d2",class:"required","aria-hidden":"true"},"*"))),i("div",{key:"c3e21a23da93afaacc9f7492802c9db0b956b9de",class:"inner-wrapper"},i("div",{key:"9a0b7a597bfd4803f6287d8443eda286bb25e093",class:"inputfield-wrapper ".concat(this.errorMessage?"invalid":""),style:this.inputWidth?{width:this.inputWidth}:{}},i("textarea",{key:"7ec44610539244fb4c8f66321d36361bef94ba6f",id:"inputfield",disabled:this.isDisabled,"aria-describedby":"info error",onInput:function(r){return e.handleInput(r)},onBlur:function(){return e.handleBlur()},placeholder:this.placeholder,autocomplete:"off","aria-required":this.requiredField?"true":null,value:this.value,rows:3,style:{height:this.inputHeight}}),this.characterLimit&&typeof this.characterLimit==="number"?i("div",{class:"character-count ".concat(this.value.length>this.characterLimit?"exceeded":"")},this.charCount,"/",this.characterLimit):""),this.info&&i("div",{key:"51c2c404d55b271d603a26e8e91bf7b100dd4491",id:"info",class:"info"},this.info),i("div",{key:"ab404e1446c00ea66700b97f9a68d13e65274cfd",id:"error",class:"error-message"},this.errorMessage),i("div",{key:"797b7c6014e378c0e1b54cbbb87e648785071ad0",id:"live-polite",class:"sr-only","aria-live":"polite","aria-atomic":"true",ref:function(r){return e.liveRegionEl=r}},this.announcement)))};Object.defineProperty(e.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{disabled:["handleDisabledChange"],errorMessage:["announceError"]}},enumerable:false,configurable:true});return e}());p.style=d}}}));

package/dist/ripple/{p-8edd4ce6.system.entry.js → p-e19e1ece.system.entry.js}

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

package/dist/ripple/{p-c53f1dcb.entry.js → p-e3d8f2f6.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as a,g as e}from"./p-7bf00a52.js";import{d as n}from"./p-fc710a30.js";const s=class{constructor(a){t(this,a),this.wmPaginationPageClicked=i(this,"wmPaginationPageClicked",7),this.focusCurrentPage=i(this,"focusCurrentPage",7),this.totalPages=0,this.debouncedResize=n((()=>this.isLargeSize=this.el.clientWidth>500),100),this.getMiddlePageNums=()=>{let t;return t=this.currentPage<4?[2,3,4]:this.currentPage>this.totalPages-3?[this.totalPages-3,this.totalPages-2,this.totalPages-1]:[this.currentPage-1,this.currentPage,this.currentPage+1],t},this.currentPage=1,this.totalItems=void 0,this.itemsPerPage=void 0,this.value=1,this.isLargeSize=window.innerWidth>600,this.srAnnouncement=""}maintainFocusOnNumberChange(t){window.requestAnimationFrame((()=>{switch(t){case"previous":1===this.currentPage&&this.el.shadowRoot.querySelector("button#wm-1").focus();break;case"next":this.currentPage===this.totalPages&&this.el.shadowRoot.querySelector(`button#wm-${this.totalPages}`).focus();break;case"prev-arrow":1===this.currentPage&&this.el.shadowRoot.querySelector("#next-arw").focus();break;case"next-arrow":this.currentPage===this.totalPages&&this.el.shadowRoot.querySelector("#previous-arw").focus();break;case"page":this.el.shadowRoot.querySelector(`button#wm-${this.currentPage}`).focus();default:return}}))}calculateTotalPages(){this.totalPages=Math.ceil(this.totalItems/this.itemsPerPage)}componentWillLoad(){if(!this.totalItems||!this.itemsPerPage||!this.currentPage)throw new Error("Please check the required attributes");this.calculateTotalPages(),this.el.focus=()=>{this.isLargeSize?this.el.shadowRoot.getElementById(`wm-${this.currentPage}`).focus():1===this.currentPage?this.el.shadowRoot.getElementById("next-arw").focus():this.el.shadowRoot.getElementById("wm-1-arw").focus()},new ResizeObserver((()=>this.debouncedResize())).observe(this.el)}updatePageDisplayed(t){this.value=t,this.wmPaginationPageClicked.emit(),this.srAnnouncement=`Current page, ${this.currentPage}. ${this.getCurrentPagesInView()}`}displayShortPagination(){let t=[];for(let i=1;i<=this.totalPages;i++)t.push(this.displayPageNumber(i));return t}displayLongPagination(){return[this.displayPageNumber(1),this.currentPage>3&&this.displayEllipsis(),...this.getMiddlePageNums().map((t=>this.displayPageNumber(t))),this.currentPage+2<this.totalPages&&this.displayEllipsis(),this.displayPageNumber(this.totalPages)]}displayPageNumber(t){return a("button",{id:`wm-${t}`,class:"paginationbtn",onClick:()=>{this.currentPage=t,this.updatePageDisplayed(t),this.maintainFocusOnNumberChange("page")},value:t,"aria-label":this.currentPage!==t?`Go to page ${t}`:"","aria-current":this.currentPage===t?"page":void 0},t)}displayEllipsis(){return a("span",{class:"ellipsis"},"...")}getCurrentPagesInView(){let t=this.itemsPerPage*this.currentPage;const i=t-this.itemsPerPage+1;return t>this.totalItems&&(t=this.totalItems),"Viewing "+(i===t?`${i}`:`${i}–${t} of ${this.totalItems}`)}renderLarge(){return a("div",{class:"largescreen"},a("div",{class:"pageview"},this.getCurrentPagesInView()),a("div",{class:"pagebtncontainer"},a("button",{id:"previous",class:"paginationbtn previousbtn",onClick:()=>{this.currentPage=this.currentPage-1,this.updatePageDisplayed(this.currentPage),this.maintainFocusOnNumberChange("previous")},disabled:1===this.currentPage,"aria-label":"Go to previous page","aria-controls":"status"},"Previous"),this.totalPages<6?this.displayShortPagination():this.displayLongPagination(),a("button",{id:"next",class:"paginationbtn nextbtn",onClick:()=>{this.currentPage=this.currentPage+1,this.updatePageDisplayed(this.currentPage),this.maintainFocusOnNumberChange("next")},disabled:this.currentPage===this.totalPages,"aria-label":"Go to next page","aria-controls":"status"},"Next")))}renderSmall(){return a("div",{class:"smallscreen"},a("div",{class:"pagebtncontainer"},a("button",{id:"wm-1-arw",class:"paginationbtn",onClick:()=>{this.currentPage=1,this.updatePageDisplayed(1),this.maintainFocusOnNumberChange("prev-arrow")},value:1,"aria-current":1===this.currentPage?"page":void 0,"aria-label":"Go to page 1","aria-controls":"status",disabled:1===this.currentPage},a("svg",{width:"16",height:"12",xmlns:"http://www.w3.org/2000/svg"},a("path",{d:"M7.41 10.59L2.83 6l4.58-4.59L6 0 0 6l6 6zM15.41 10.59L10.83 6l4.58-4.59L14 0 8 6l6 6z"}))),a("button",{id:"previous-arw",class:"paginationbtn previousbtn",onClick:()=>{this.currentPage-=1,this.updatePageDisplayed(this.currentPage),this.maintainFocusOnNumberChange("prev-arrow")},disabled:1===this.currentPage,"aria-label":"Go to previous page"},a("svg",{width:"8",height:"12",xmlns:"http://www.w3.org/2000/svg"},a("path",{d:"M7.41 10.59L2.83 6l4.58-4.59L6 0 0 6l6 6z"}))),"Page ",this.currentPage," of ",this.totalPages,a("button",{id:"next-arw",class:"paginationbtn nextbtn",onClick:()=>{this.currentPage+=1,this.updatePageDisplayed(this.currentPage),this.maintainFocusOnNumberChange("next-arrow")},disabled:this.currentPage===this.totalPages,"aria-label":"Go to next page"},a("svg",{width:"8",height:"12",xmlns:"http://www.w3.org/2000/svg"},a("path",{d:"M.59 10.59L5.17 6 .59 1.41 2 0l6 6-6 6z"}))),a("button",{id:`wm-${this.totalPages}-arw`,class:"paginationbtn",onClick:()=>{this.currentPage=this.totalPages,this.updatePageDisplayed(this.totalPages),this.maintainFocusOnNumberChange("next-arrow")},value:this.totalPages,"aria-current":this.currentPage===this.totalPages?"page":void 0,"aria-label":`Go to last page, page ${this.totalPages}`,"aria-controls":"status",disabled:this.currentPage===this.totalPages},a("svg",{width:"17",height:"12",xmlns:"http://www.w3.org/2000/svg"},a("path",{d:"M.59 10.59L5.17 6 .59 1.41 2 0l6 6-6 6zM9.59 10.59L14.17 6 9.59 1.41 11 0l6 6-6 6z"})))))}render(){return this.totalItems>this.itemsPerPage&&a("nav",{key:"5dd60b67a0af0e874e3f5cf4889ec47ad315a8aa","aria-label":`Pagination Navigation. ${this.getCurrentPagesInView()}. Current page, ${this.currentPage}.`},this.isLargeSize?this.renderLarge():this.renderSmall(),a("div",{key:"c79dbda4859575587c59f32eb4a8972441393cea",id:"status",class:"sr-only","aria-live":"polite","aria-relevant":"text","aria-atomic":"true"},this.srAnnouncement))}static get delegatesFocus(){return!0}get el(){return e(this)}static get watchers(){return{totalItems:["calculateTotalPages"],itemsPerPage:["calculateTotalPages"]}}};s.style=":host,wm-pagination{--wmcolor-pagination-arrow-disabled:var(--wmcolor-interactive-disabled);--wmcolor-pagination-arrow:var(--wmcolor-interactive);--wmcolor-pagination-arrow:var(--wmcolor-interactive);--wmcolor-pagination-button-text-disabled:var(--wmcolor-interactive-disabled);--wmcolor-pagination-button-text:var(--wmcolor-interactive);--wmcolor-pagination-current-background-hover:var(--wmcolor-interactive-hover);--wmcolor-pagination-current-background:var(--wmcolor-interactive);--wmcolor-pagination-current-text:var(--wmcolor-interactive-text);--wmcolor-pagination-focus:var(--wmcolor-interactive-focus);display:block}nav .largescreen,nav .smallscreen{margin-bottom:0.625rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:flex-end;-ms-flex-pack:flex-end;-webkit-justify-content:flex-end;justify-content:flex-end;font-size:0.875rem}nav .largescreen .pageview,nav .smallscreen .pageview{font-size:0.875rem;margin:0 0.625rem}nav .largescreen .paginationbtn,nav .smallscreen .paginationbtn{position:relative;-ms-transition:none;-webkit-transition:none;-moz-transition:none;transition:none;border:none;color:var(--wmcolor-pagination-button-text);background-color:transparent;margin:0;padding:0;height:2.5rem;width:2.5rem;font-family:inherit;letter-spacing:0.3px;font-size:0.875rem;font-weight:500;cursor:pointer;text-transform:none;border-radius:50%}nav .largescreen .paginationbtn svg *,nav .smallscreen .paginationbtn svg *{fill:var(--wmcolor-pagination-arrow)}nav .largescreen .paginationbtn:hover:not([aria-current=page]):not([disabled]),nav .smallscreen .paginationbtn:hover:not([aria-current=page]):not([disabled]){text-decoration:underline}nav .largescreen .paginationbtn:focus,nav .smallscreen .paginationbtn:focus{outline:none}nav .largescreen .paginationbtn::-moz-focus-inner,nav .smallscreen .paginationbtn::-moz-focus-inner{border:0;outline:none}nav .largescreen .paginationbtn[disabled],nav .smallscreen .paginationbtn[disabled]{color:var(--wmcolor-pagination-button-text-disabled);pointer-events:none}nav .largescreen .paginationbtn[disabled] svg *,nav .smallscreen .paginationbtn[disabled] svg *{fill:var(--wmcolor-pagination-arrow-disabled)}nav .largescreen .previousbtn,nav .smallscreen .previousbtn{margin-right:0.625rem}nav .largescreen .nextbtn,nav .smallscreen .nextbtn{margin-left:0.625rem;margin-right:0}nav .largescreen .previousbtn,nav .largescreen .nextbtn,nav .smallscreen .previousbtn,nav .smallscreen .nextbtn{width:auto !important;border-radius:unset;-ms-transition:none;-webkit-transition:none;-moz-transition:none;transition:none}nav .largescreen .ellipsis,nav .smallscreen .ellipsis{display:inline-block;width:2.5rem;text-align:center}nav .largescreen .paginationbtn:focus-visible,nav .smallscreen .paginationbtn:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:-2px}nav .largescreen .paginationbtn:focus-visible.previousbtn:before,nav .smallscreen .paginationbtn:focus-visible.previousbtn:before{left:0 !important}nav .largescreen .paginationbtn:focus-visible.nextbtn:before,nav .smallscreen .paginationbtn:focus-visible.nextbtn:before{left:0 !important}nav .largescreen .paginationbtn:focus-visible[aria-current=page],nav .largescreen .paginationbtn:focus-visible.previousbtn,nav .largescreen .paginationbtn:focus-visible.nextbtn,nav .smallscreen .paginationbtn:focus-visible[aria-current=page],nav .smallscreen .paginationbtn:focus-visible.previousbtn,nav .smallscreen .paginationbtn:focus-visible.nextbtn{outline-offset:2px}nav .largescreen :focus-visible:not([aria-current=page]).previousbtn:focus:before{width:56px !important}nav .largescreen :focus-visible:not([aria-current=page]).nextbtn:focus:before{width:32px !important}nav .largescreen .paginationbtn[aria-current=page]{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);background:var(--wmcolor-pagination-current-background);color:var(--wmcolor-pagination-current-text)}nav .largescreen .paginationbtn[aria-current=page]:hover{background:var(--wmcolor-pagination-current-background-hover)}.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{s as wm_pagination}
+import{r as t,c as i,h as a,g as e}from"./p-a431d6e5.js";import{d as n}from"./p-fc710a30.js";const s=class{constructor(a){t(this,a),this.wmPaginationPageClicked=i(this,"wmPaginationPageClicked",7),this.focusCurrentPage=i(this,"focusCurrentPage",7),this.totalPages=0,this.debouncedResize=n((()=>this.isLargeSize=this.el.clientWidth>500),100),this.getMiddlePageNums=()=>{let t;return t=this.currentPage<4?[2,3,4]:this.currentPage>this.totalPages-3?[this.totalPages-3,this.totalPages-2,this.totalPages-1]:[this.currentPage-1,this.currentPage,this.currentPage+1],t},this.currentPage=1,this.totalItems=void 0,this.itemsPerPage=void 0,this.value=1,this.isLargeSize=window.innerWidth>600,this.srAnnouncement=""}maintainFocusOnNumberChange(t){window.requestAnimationFrame((()=>{switch(t){case"previous":1===this.currentPage&&this.el.shadowRoot.querySelector("button#wm-1").focus();break;case"next":this.currentPage===this.totalPages&&this.el.shadowRoot.querySelector(`button#wm-${this.totalPages}`).focus();break;case"prev-arrow":1===this.currentPage&&this.el.shadowRoot.querySelector("#next-arw").focus();break;case"next-arrow":this.currentPage===this.totalPages&&this.el.shadowRoot.querySelector("#previous-arw").focus();break;case"page":this.el.shadowRoot.querySelector(`button#wm-${this.currentPage}`).focus();default:return}}))}calculateTotalPages(){this.totalPages=Math.ceil(this.totalItems/this.itemsPerPage)}componentWillLoad(){if(!this.totalItems||!this.itemsPerPage||!this.currentPage)throw new Error("Please check the required attributes");this.calculateTotalPages(),this.el.focus=()=>{this.isLargeSize?this.el.shadowRoot.getElementById(`wm-${this.currentPage}`).focus():1===this.currentPage?this.el.shadowRoot.getElementById("next-arw").focus():this.el.shadowRoot.getElementById("wm-1-arw").focus()},new ResizeObserver((()=>this.debouncedResize())).observe(this.el)}updatePageDisplayed(t){this.value=t,this.wmPaginationPageClicked.emit(),this.srAnnouncement=`Current page, ${this.currentPage}. ${this.getCurrentPagesInView()}`}displayShortPagination(){let t=[];for(let i=1;i<=this.totalPages;i++)t.push(this.displayPageNumber(i));return t}displayLongPagination(){return[this.displayPageNumber(1),this.currentPage>3&&this.displayEllipsis(),...this.getMiddlePageNums().map((t=>this.displayPageNumber(t))),this.currentPage+2<this.totalPages&&this.displayEllipsis(),this.displayPageNumber(this.totalPages)]}displayPageNumber(t){return a("button",{id:`wm-${t}`,class:"paginationbtn",onClick:()=>{this.currentPage=t,this.updatePageDisplayed(t),this.maintainFocusOnNumberChange("page")},value:t,"aria-label":this.currentPage!==t?`Go to page ${t}`:"","aria-current":this.currentPage===t?"page":void 0},t)}displayEllipsis(){return a("span",{class:"ellipsis"},"...")}getCurrentPagesInView(){let t=this.itemsPerPage*this.currentPage;const i=t-this.itemsPerPage+1;return t>this.totalItems&&(t=this.totalItems),"Viewing "+(i===t?`${i}`:`${i}–${t} of ${this.totalItems}`)}renderLarge(){return a("div",{class:"largescreen"},a("div",{class:"pageview"},this.getCurrentPagesInView()),a("div",{class:"pagebtncontainer"},a("button",{id:"previous",class:"paginationbtn previousbtn",onClick:()=>{this.currentPage=this.currentPage-1,this.updatePageDisplayed(this.currentPage),this.maintainFocusOnNumberChange("previous")},disabled:1===this.currentPage,"aria-label":"Go to previous page","aria-controls":"status"},"Previous"),this.totalPages<6?this.displayShortPagination():this.displayLongPagination(),a("button",{id:"next",class:"paginationbtn nextbtn",onClick:()=>{this.currentPage=this.currentPage+1,this.updatePageDisplayed(this.currentPage),this.maintainFocusOnNumberChange("next")},disabled:this.currentPage===this.totalPages,"aria-label":"Go to next page","aria-controls":"status"},"Next")))}renderSmall(){return a("div",{class:"smallscreen"},a("div",{class:"pagebtncontainer"},a("button",{id:"wm-1-arw",class:"paginationbtn",onClick:()=>{this.currentPage=1,this.updatePageDisplayed(1),this.maintainFocusOnNumberChange("prev-arrow")},value:1,"aria-current":1===this.currentPage?"page":void 0,"aria-label":"Go to page 1","aria-controls":"status",disabled:1===this.currentPage},a("svg",{width:"16",height:"12",xmlns:"http://www.w3.org/2000/svg"},a("path",{d:"M7.41 10.59L2.83 6l4.58-4.59L6 0 0 6l6 6zM15.41 10.59L10.83 6l4.58-4.59L14 0 8 6l6 6z"}))),a("button",{id:"previous-arw",class:"paginationbtn previousbtn",onClick:()=>{this.currentPage-=1,this.updatePageDisplayed(this.currentPage),this.maintainFocusOnNumberChange("prev-arrow")},disabled:1===this.currentPage,"aria-label":"Go to previous page"},a("svg",{width:"8",height:"12",xmlns:"http://www.w3.org/2000/svg"},a("path",{d:"M7.41 10.59L2.83 6l4.58-4.59L6 0 0 6l6 6z"}))),"Page ",this.currentPage," of ",this.totalPages,a("button",{id:"next-arw",class:"paginationbtn nextbtn",onClick:()=>{this.currentPage+=1,this.updatePageDisplayed(this.currentPage),this.maintainFocusOnNumberChange("next-arrow")},disabled:this.currentPage===this.totalPages,"aria-label":"Go to next page"},a("svg",{width:"8",height:"12",xmlns:"http://www.w3.org/2000/svg"},a("path",{d:"M.59 10.59L5.17 6 .59 1.41 2 0l6 6-6 6z"}))),a("button",{id:`wm-${this.totalPages}-arw`,class:"paginationbtn",onClick:()=>{this.currentPage=this.totalPages,this.updatePageDisplayed(this.totalPages),this.maintainFocusOnNumberChange("next-arrow")},value:this.totalPages,"aria-current":this.currentPage===this.totalPages?"page":void 0,"aria-label":`Go to last page, page ${this.totalPages}`,"aria-controls":"status",disabled:this.currentPage===this.totalPages},a("svg",{width:"17",height:"12",xmlns:"http://www.w3.org/2000/svg"},a("path",{d:"M.59 10.59L5.17 6 .59 1.41 2 0l6 6-6 6zM9.59 10.59L14.17 6 9.59 1.41 11 0l6 6-6 6z"})))))}render(){return this.totalItems>this.itemsPerPage&&a("nav",{key:"5dd60b67a0af0e874e3f5cf4889ec47ad315a8aa","aria-label":`Pagination Navigation. ${this.getCurrentPagesInView()}. Current page, ${this.currentPage}.`},this.isLargeSize?this.renderLarge():this.renderSmall(),a("div",{key:"c79dbda4859575587c59f32eb4a8972441393cea",id:"status",class:"sr-only","aria-live":"polite","aria-relevant":"text","aria-atomic":"true"},this.srAnnouncement))}static get delegatesFocus(){return!0}get el(){return e(this)}static get watchers(){return{totalItems:["calculateTotalPages"],itemsPerPage:["calculateTotalPages"]}}};s.style=":host,wm-pagination{--wmcolor-pagination-arrow-disabled:var(--wmcolor-interactive-disabled);--wmcolor-pagination-arrow:var(--wmcolor-interactive);--wmcolor-pagination-arrow:var(--wmcolor-interactive);--wmcolor-pagination-button-text-disabled:var(--wmcolor-interactive-disabled);--wmcolor-pagination-button-text:var(--wmcolor-interactive);--wmcolor-pagination-current-background-hover:var(--wmcolor-interactive-hover);--wmcolor-pagination-current-background:var(--wmcolor-interactive);--wmcolor-pagination-current-text:var(--wmcolor-interactive-text);--wmcolor-pagination-focus:var(--wmcolor-interactive-focus);display:block}nav .largescreen,nav .smallscreen{margin-bottom:0.625rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:flex-end;-ms-flex-pack:flex-end;-webkit-justify-content:flex-end;justify-content:flex-end;font-size:0.875rem}nav .largescreen .pageview,nav .smallscreen .pageview{font-size:0.875rem;margin:0 0.625rem}nav .largescreen .paginationbtn,nav .smallscreen .paginationbtn{position:relative;-ms-transition:none;-webkit-transition:none;-moz-transition:none;transition:none;border:none;color:var(--wmcolor-pagination-button-text);background-color:transparent;margin:0;padding:0;height:2.5rem;width:2.5rem;font-family:inherit;letter-spacing:0.3px;font-size:0.875rem;font-weight:500;cursor:pointer;text-transform:none;border-radius:50%}nav .largescreen .paginationbtn svg *,nav .smallscreen .paginationbtn svg *{fill:var(--wmcolor-pagination-arrow)}nav .largescreen .paginationbtn:hover:not([aria-current=page]):not([disabled]),nav .smallscreen .paginationbtn:hover:not([aria-current=page]):not([disabled]){text-decoration:underline}nav .largescreen .paginationbtn:focus,nav .smallscreen .paginationbtn:focus{outline:none}nav .largescreen .paginationbtn::-moz-focus-inner,nav .smallscreen .paginationbtn::-moz-focus-inner{border:0;outline:none}nav .largescreen .paginationbtn[disabled],nav .smallscreen .paginationbtn[disabled]{color:var(--wmcolor-pagination-button-text-disabled);pointer-events:none}nav .largescreen .paginationbtn[disabled] svg *,nav .smallscreen .paginationbtn[disabled] svg *{fill:var(--wmcolor-pagination-arrow-disabled)}nav .largescreen .previousbtn,nav .smallscreen .previousbtn{margin-right:0.625rem}nav .largescreen .nextbtn,nav .smallscreen .nextbtn{margin-left:0.625rem;margin-right:0}nav .largescreen .previousbtn,nav .largescreen .nextbtn,nav .smallscreen .previousbtn,nav .smallscreen .nextbtn{width:auto !important;border-radius:unset;-ms-transition:none;-webkit-transition:none;-moz-transition:none;transition:none}nav .largescreen .ellipsis,nav .smallscreen .ellipsis{display:inline-block;width:2.5rem;text-align:center}nav .largescreen .paginationbtn:focus-visible,nav .smallscreen .paginationbtn:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:-2px}nav .largescreen .paginationbtn:focus-visible.previousbtn:before,nav .smallscreen .paginationbtn:focus-visible.previousbtn:before{left:0 !important}nav .largescreen .paginationbtn:focus-visible.nextbtn:before,nav .smallscreen .paginationbtn:focus-visible.nextbtn:before{left:0 !important}nav .largescreen .paginationbtn:focus-visible[aria-current=page],nav .largescreen .paginationbtn:focus-visible.previousbtn,nav .largescreen .paginationbtn:focus-visible.nextbtn,nav .smallscreen .paginationbtn:focus-visible[aria-current=page],nav .smallscreen .paginationbtn:focus-visible.previousbtn,nav .smallscreen .paginationbtn:focus-visible.nextbtn{outline-offset:2px}nav .largescreen :focus-visible:not([aria-current=page]).previousbtn:focus:before{width:56px !important}nav .largescreen :focus-visible:not([aria-current=page]).nextbtn:focus:before{width:32px !important}nav .largescreen .paginationbtn[aria-current=page]{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.14), 0 3px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);background:var(--wmcolor-pagination-current-background);color:var(--wmcolor-pagination-current-text)}nav .largescreen .paginationbtn[aria-current=page]:hover{background:var(--wmcolor-pagination-current-background-hover)}.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{s as wm_pagination}

package/dist/ripple/{p-116477b7.entry.js → p-e8eef357.entry.js}

@@ -1 +1 @@
-import{r as e,c as r,h as t,g as i}from"./p-7bf00a52.js";import{t as a,a as o}from"./p-fc710a30.js";import{g as s}from"./p-644092fd.js";const l=class{constructor(t){e(this,t),this.wmTextareaValueChanged=r(this,"wmTextareaValueChanged",7),this.previousValue="",this.label=void 0,this.labelPosition="top",this.value="",this.disabled=!1,this.info=void 0,this.placeholder="",this.requiredField=!1,this.errorMessage=void 0,this.characterLimit=void 0,this.inputWidth="",this.inputHeight="",this.announcement=""}get charCount(){return this.value.length}get isDisabled(){return a(this.disabled)}componentWillLoad(){this.el.focus=()=>{this.el.shadowRoot.querySelector("textarea").focus()},this.label||console.error("wm-textarea requires the label property"),this.el.textContent&&(this.value=this.el.textContent),o(this.el,this.isDisabled),this.previousValue=this.value}handleDisabledChange(){o(this.el,this.isDisabled)}announceError(){this.errorMessage&&setTimeout((()=>this.announce(this.errorMessage)),100)}handleInput(e){this.value=e.target.value,this.characterLimit&&this.charCount>=this.characterLimit-5&&this.announce(s.getCharactersEntered(this.charCount,this.characterLimit))}handleBlur(){this.value!==this.previousValue&&this.wmTextareaValueChanged.emit({value:this.value}),this.previousValue=this.value}announce(e){this.liveRegionEl.textContent===e&&(e+=" "),this.announcement=e}render(){return t("div",{key:"ad77d3d9220eb010252ccedb8add52e7d141774e",class:`wrapper label-${this.labelPosition} ${this.errorMessage?"invalid":""}`},t("div",{key:"4be11635c42e30517ea66775a164f2be12c7065c",class:"label-wrapper"},t("label",{key:"0770600c79c77c5d14f863bcdd118e8250548cd9",htmlFor:"inputfield",class:"label"},this.label,this.characterLimit&&t("span",{key:"3b8559fe869fcdda34f3d03fb4c80c410d4d05a1",class:"sr-only"}," ",s.getCharacterLimit(this.characterLimit)),this.requiredField&&t("span",{key:"a4333b22a989b92d0d189f8098586c3a6191d5d2",class:"required","aria-hidden":"true"},"*"))),t("div",{key:"c3e21a23da93afaacc9f7492802c9db0b956b9de",class:"inner-wrapper"},t("div",{key:"9a0b7a597bfd4803f6287d8443eda286bb25e093",class:"inputfield-wrapper "+(this.errorMessage?"invalid":""),style:this.inputWidth?{width:this.inputWidth}:{}},t("textarea",{key:"7ec44610539244fb4c8f66321d36361bef94ba6f",id:"inputfield",disabled:this.isDisabled,"aria-describedby":"info error",onInput:e=>this.handleInput(e),onBlur:()=>this.handleBlur(),placeholder:this.placeholder,autocomplete:"off","aria-required":this.requiredField?"true":null,value:this.value,rows:3,style:{height:this.inputHeight}}),this.characterLimit&&"number"==typeof this.characterLimit?t("div",{class:"character-count "+(this.value.length>this.characterLimit?"exceeded":"")},this.charCount,"/",this.characterLimit):""),this.info&&t("div",{key:"51c2c404d55b271d603a26e8e91bf7b100dd4491",id:"info",class:"info"},this.info),t("div",{key:"ab404e1446c00ea66700b97f9a68d13e65274cfd",id:"error",class:"error-message"},this.errorMessage),t("div",{key:"797b7c6014e378c0e1b54cbbb87e648785071ad0",id:"live-polite",class:"sr-only","aria-live":"polite","aria-atomic":"true",ref:e=>this.liveRegionEl=e},this.announcement)))}get el(){return i(this)}static get watchers(){return{disabled:["handleDisabledChange"],errorMessage:["announceError"]}}};l.style=':host{--wmcolor-textarea-input-border:var(--wmcolor-input-border);--wmcolor-textarea-charcount-background:var(--wmcolor-input-charcount-background);--wmcolor-textarea-input-background-disabled:var(--wmcolor-input-background-disabled);--wmcolor-textarea-input-text-disabled:var(--wmcolor-input-text-disabled);font-family:inherit;display:block;max-width:100%;width:588px}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host .wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}:host .wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}:host .wrapper .label .required{color:var(--wmcolor-text-required)}:host .wrapper.label-left{-ms-flex-direction:row;flex-direction:row}:host .wrapper.label-left .label-wrapper{line-height:2.5rem}:host .wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}:host .wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .wrapper.invalid .label{color:var(--wmcolor-text-error)}:host .wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f026";margin-left:0.3125rem}[dir=RTL] :host .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}:host .wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}:host .wrapper .inner-wrapper{width:100%;min-width:6.25rem}:host .wrapper .inputfield-wrapper{border:1px solid var(--wmcolor-textarea-input-border);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .wrapper .inputfield-wrapper:has(textarea:focus){outline:2px solid var(--wmcolor-input-border-focus);border-color:var(--wmcolor-input-border-focus)}:host .wrapper .inputfield-wrapper.invalid{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);box-shadow:0 0 0 1px var(--wmcolor-input-border-error);border-color:var(--wmcolor-input-border-error)}:host .wrapper .character-count{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;height:1.875rem;background-color:var(--wmcolor-textarea-charcount-background);font-size:0.875rem;font-weight:500;padding:4px 16px}:host .wrapper .character-count.exceeded{color:var(--wmcolor-text-error);font-weight:600}:host .wrapper textarea{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;border:none;font-family:inherit;font-size:0.875rem;min-height:calc(1lh + 1rem);padding:0.5rem 1rem;width:100%;resize:vertical}:host .wrapper textarea:focus{outline:none}:host .wrapper textarea[disabled]{background-color:var(--wmcolor-textarea-input-background-disabled);color:var(--wmcolor-textarea-input-text-disabled)}:host .wrapper .error-message{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;line-height:100%}:host .wrapper .error-message:not(:empty){margin-top:0.25rem}:host .wrapper .info{font-style:italic;line-height:100%;margin-top:0.25rem}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}';export{l as wm_textarea}
+import{r as e,c as r,h as t,g as i}from"./p-a431d6e5.js";import{t as a,a as o}from"./p-fc710a30.js";import{g as s}from"./p-644092fd.js";const l=class{constructor(t){e(this,t),this.wmTextareaValueChanged=r(this,"wmTextareaValueChanged",7),this.previousValue="",this.label=void 0,this.labelPosition="top",this.value="",this.disabled=!1,this.info=void 0,this.placeholder="",this.requiredField=!1,this.errorMessage=void 0,this.characterLimit=void 0,this.inputWidth="",this.inputHeight="",this.announcement=""}get charCount(){return this.value.length}get isDisabled(){return a(this.disabled)}componentWillLoad(){this.el.focus=()=>{this.el.shadowRoot.querySelector("textarea").focus()},this.label||console.error("wm-textarea requires the label property"),this.el.textContent&&(this.value=this.el.textContent),o(this.el,this.isDisabled),this.previousValue=this.value}handleDisabledChange(){o(this.el,this.isDisabled)}announceError(){this.errorMessage&&setTimeout((()=>this.announce(this.errorMessage)),100)}handleInput(e){this.value=e.target.value,this.characterLimit&&this.charCount>=this.characterLimit-5&&this.announce(s.getCharactersEntered(this.charCount,this.characterLimit))}handleBlur(){this.value!==this.previousValue&&this.wmTextareaValueChanged.emit({value:this.value}),this.previousValue=this.value}announce(e){this.liveRegionEl.textContent===e&&(e+=" "),this.announcement=e}render(){return t("div",{key:"ad77d3d9220eb010252ccedb8add52e7d141774e",class:`wrapper label-${this.labelPosition} ${this.errorMessage?"invalid":""}`},t("div",{key:"4be11635c42e30517ea66775a164f2be12c7065c",class:"label-wrapper"},t("label",{key:"0770600c79c77c5d14f863bcdd118e8250548cd9",htmlFor:"inputfield",class:"label"},this.label,this.characterLimit&&t("span",{key:"3b8559fe869fcdda34f3d03fb4c80c410d4d05a1",class:"sr-only"}," ",s.getCharacterLimit(this.characterLimit)),this.requiredField&&t("span",{key:"a4333b22a989b92d0d189f8098586c3a6191d5d2",class:"required","aria-hidden":"true"},"*"))),t("div",{key:"c3e21a23da93afaacc9f7492802c9db0b956b9de",class:"inner-wrapper"},t("div",{key:"9a0b7a597bfd4803f6287d8443eda286bb25e093",class:"inputfield-wrapper "+(this.errorMessage?"invalid":""),style:this.inputWidth?{width:this.inputWidth}:{}},t("textarea",{key:"7ec44610539244fb4c8f66321d36361bef94ba6f",id:"inputfield",disabled:this.isDisabled,"aria-describedby":"info error",onInput:e=>this.handleInput(e),onBlur:()=>this.handleBlur(),placeholder:this.placeholder,autocomplete:"off","aria-required":this.requiredField?"true":null,value:this.value,rows:3,style:{height:this.inputHeight}}),this.characterLimit&&"number"==typeof this.characterLimit?t("div",{class:"character-count "+(this.value.length>this.characterLimit?"exceeded":"")},this.charCount,"/",this.characterLimit):""),this.info&&t("div",{key:"51c2c404d55b271d603a26e8e91bf7b100dd4491",id:"info",class:"info"},this.info),t("div",{key:"ab404e1446c00ea66700b97f9a68d13e65274cfd",id:"error",class:"error-message"},this.errorMessage),t("div",{key:"797b7c6014e378c0e1b54cbbb87e648785071ad0",id:"live-polite",class:"sr-only","aria-live":"polite","aria-atomic":"true",ref:e=>this.liveRegionEl=e},this.announcement)))}get el(){return i(this)}static get watchers(){return{disabled:["handleDisabledChange"],errorMessage:["announceError"]}}};l.style=':host{--wmcolor-textarea-input-border:var(--wmcolor-input-border);--wmcolor-textarea-charcount-background:var(--wmcolor-input-charcount-background);--wmcolor-textarea-input-background-disabled:var(--wmcolor-input-background-disabled);--wmcolor-textarea-input-text-disabled:var(--wmcolor-input-text-disabled);font-family:inherit;display:block;max-width:100%;width:588px}:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host .wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}:host .wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}:host .wrapper .label .required{color:var(--wmcolor-text-required)}:host .wrapper.label-left{-ms-flex-direction:row;flex-direction:row}:host .wrapper.label-left .label-wrapper{line-height:2.5rem}:host .wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}:host .wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .wrapper.invalid .label{color:var(--wmcolor-text-error)}:host .wrapper.invalid .label:after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f026";margin-left:0.3125rem}[dir=RTL] :host .wrapper.invalid .label:after{margin-left:0;margin-right:0.3125rem}:host .wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}:host .wrapper .inner-wrapper{width:100%;min-width:6.25rem}:host .wrapper .inputfield-wrapper{border:1px solid var(--wmcolor-textarea-input-border);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .wrapper .inputfield-wrapper:has(textarea:focus){outline:2px solid var(--wmcolor-input-border-focus);border-color:var(--wmcolor-input-border-focus)}:host .wrapper .inputfield-wrapper.invalid{-webkit-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);-moz-box-shadow:0 0 0 1px var(--wmcolor-input-border-error);box-shadow:0 0 0 1px var(--wmcolor-input-border-error);border-color:var(--wmcolor-input-border-error)}:host .wrapper .character-count{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;height:1.875rem;background-color:var(--wmcolor-textarea-charcount-background);font-size:0.875rem;font-weight:500;padding:4px 16px}:host .wrapper .character-count.exceeded{color:var(--wmcolor-text-error);font-weight:600}:host .wrapper textarea{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;border:none;font-family:inherit;font-size:0.875rem;min-height:calc(1lh + 1rem);padding:0.5rem 1rem;width:100%;resize:vertical}:host .wrapper textarea:focus{outline:none}:host .wrapper textarea[disabled]{background-color:var(--wmcolor-textarea-input-background-disabled);color:var(--wmcolor-textarea-input-text-disabled)}:host .wrapper .error-message{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem;line-height:100%}:host .wrapper .error-message:not(:empty){margin-top:0.25rem}:host .wrapper .info{font-style:italic;line-height:100%;margin-top:0.25rem}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}';export{l as wm_textarea}