@watermarkinsights/ripple 3.24.0 → 3.24.1

package/dist/esm-es5/priv-datepicker.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["privDatepickerCss","PrivDatepicker","this","popupClicked","buttonClicked","prevClicked","nextClicked","openUp","calendar_months","intl","formatMessage","id","defaultMessage","description","weekdays","renderCalendarDate","date","index","monthOfDate","_this","removeZeroes","String","dayOfDate","isThisMonth","monthInFocus","dateId","isToday","isDateToday","h","role","concat","parentId","class","onClick","ev","handleTriggeredDate","target","onKeyDown","trapFocusEnd","onBlur","stopPropagation","Date","getUTCFullYear","getUTCMonth","getUTCDate","selectedMonth","selectedYear","selectedDay","prototype","handleKey","key","preventDefault","includes","click","isExpanded","closePopup","backOneMonth","forwardOneMonth","unfocusCell","dayInFocus","forceUpdate","el","getMonthDays","yearInFocus","view","newMonth","getPreviousMonth","month","year","unfocusMonth","monthNumInFocus","getNextMonth","numDaysToSubtract","openPopup","document","activeElement","shadowRoot","classList","contains","focusCell","changeoverDate","activeEl","tagName","focusMonth","toggleTabbingOn","validKeys","isTabbing","toggleTabbingOff","blurHandler","popupBlurred","emit","relatedTarget","handleBlurOnWindow","componentDidUpdate","handleSelectedDate","prevButton","focus","nextButton","componentDidLoad","setDateValuesForView","zeroPad","value","length","padStart","targetLength","padString","repeat","slice","toString","today","todayDateArray","getFullYear","getMonth","getDate","reduce","result","val","togglePopup","returnFocus","popupEl","remove","window","setTimeout","style","visibility","changeView","buttonEl","panelPosition","requestAnimationFrame","add","months30","leapYear","getMonthFirstDay","getDay","prevMonth","prevMonthYear","nextMonth","nextMonthYear","getCalendarDates","monthDays","monthFirstDay","daysFromPrevMonth","daysFromNextMonth","_a","_b","prevMonthDays","prevMonthDates","__spreadArray","Array","fill","map","_","day","thisMonthDates","nextMonthDates","totalDays","updateLiveRegion","cellTriggered","selectedDate","removeAttribute","getCellById","setAttribute","querySelector","cellToUnfocus","tabIndex","maxDays","cellToFocus","monthToUnfocus","monthToFocus","trapFocusLeft","shiftKey","focusCellInView","trapFocusRight","toggleBusyAttribute","state","text","liveRegion","innerHTML","host","getElementById","labelHeight","clientHeight","shouldOpenUp","hasRoomRight","left","right","newView","renderMonths","tabindex","render","dates","disabled","bind","ref","title","i"],"sources":["src/components/wm-datepicker/priv-datepicker/priv-datepicker.scss?tag=priv-datepicker","src/components/wm-datepicker/priv-datepicker/priv-datepicker.tsx"],"sourcesContent":[".toggle {\n  all: unset;\n  cursor: pointer;\n  padding: rem-calc(0px 6px);\n  height: rem-calc(38);\n  border: none;\n  -moz-border-top-right-radius: 3px;\n  -webkit-border-top-right-radius: 3px;\n  border-top-right-radius: 3px;\n  -moz-border-bottom-right-radius: 3px;\n  -webkit-border-bottom-right-radius: 3px;\n  border-bottom-right-radius: 3px;\n\n  // reset styles inherited from Planning in browsers without shadow DOM\n  -moz-border-top-left-radius: 0;\n  -webkit-border-top-left-radius: 0;\n  border-top-left-radius: 0;\n  -moz-border-bottom-left-radius: 0;\n  -webkit-border-bottom-left-radius: 0;\n  border-bottom-left-radius: 0;\n  @include box-shadow(none);\n  background-color: $button-default-background;\n\n  &:disabled {\n    pointer-events: none;\n    @include box-shadow(none);\n    background-color: rgba(74, 74, 74, 0.05);\n    .calendar::after {\n      color: #7b7b7b;\n    }\n  }\n\n  &:hover {\n    @include box-shadow(none);\n    background: mix(black, $button-default-background, 10%);\n\n    .calendar::after {\n      color: $button-default-text;\n    }\n  }\n\n  [dir=\"RTL\"] & {\n    right: auto;\n    left: 0;\n  }\n\n  span::after {\n    @include mdi-icon;\n    content: \"\\f0ed\";\n    font-size: rem-calc(24);\n    color: $button-default-text;\n    padding: 0;\n    line-height: rem-calc(40);\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &::-moz-focus-inner {\n    border: 0;\n  }\n}\n\n.user-is-tabbing {\n  .toggle:focus {\n    @include focus-style;\n  }\n}\n\n.popup {\n  visibility: hidden;\n  font-family: inherit;\n  @include border-radius(3px);\n  @include box-shadow(0px 4px 15px 0px rgba(0, 0, 0, 0.2));\n  width: rem-calc(336);\n  z-index: 10;\n  //relative to inner wrapper in wm-datepicker, which contains the input and priv-datepicker\n  position: absolute;\n  left: 0;\n  top: 40px;\n  min-height: rem-calc(337);\n  transition: transform 0.25s ease;\n  transform-origin: center top;\n  transform: scale(1, 0);\n  background-color: $light-background;\n\n  &.open {\n    // display: block;\n    transform: scale(1, 1);\n  }\n\n  &.expand-upwards {\n    top: auto;\n    bottom: rem-calc(38);\n    transform-origin: center bottom;\n  }\n\n  .calendar-header {\n    @include displayFlex();\n    @include justifyContent(space-between);\n    position: relative;\n    padding: rem-calc(15 4);\n\n    .title-box {\n      height: rem-calc(42);\n      @include border-radius(3px);\n      border: 1px solid;\n      font-weight: 500;\n      font-size: rem-calc(14);\n      background: transparent;\n      cursor: pointer;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: rem-calc(0 6 0 12);\n      border-color: $button-default-text;\n      color: $button-default-text;\n\n      &:after {\n        @include mdi-icon;\n        content: \"\\f140\";\n        padding-left: rem-calc(12);\n      }\n\n      &.year:after {\n        content: \"\\f143\";\n      }\n\n      &::-moz-focus-inner {\n        border: 0;\n      }\n\n      &:focus {\n        outline: none;\n      }\n    }\n\n    .arw-btn {\n      cursor: pointer;\n      @include border-radius(50%);\n      width: rem-calc(44);\n      height: rem-calc(44);\n      border: none;\n      color: $button-default-text;\n      background: transparent;\n      padding: 0;\n      @include box-shadow(none);\n      line-height: rem-calc(44);\n\n      .mdi {\n        @include mdi-icon;\n        font-size: rem-calc(24);\n        font-weight: normal;\n        line-height: rem-calc(44);\n\n        &:hover {\n          background-color: #efeef1;\n        }\n      }\n\n      &:focus {\n        outline: none;\n      }\n\n      &:active {\n        @include scale($xVal: 0.9, $yVal: 0.9);\n        background-color: #d7d6d9;\n      }\n    }\n  }\n\n  .day-view {\n    min-width: 100%;\n\n    .date-grid {\n      width: 100%;\n      text-align: center;\n      border-collapse: collapse;\n      margin-bottom: rem-calc(7);\n      color: #757575;\n\n      .date-row:first-child {\n        .date-cell {\n          margin-top: rem-calc(2);\n        }\n      }\n\n      .date-header {\n        background-color: rgb(238, 237, 244);\n      }\n\n      .header-cell {\n        height: rem-calc(33);\n        line-height: rem-calc(33);\n        width: rem-calc(44);\n        margin: 0 calc((14.28% - 44px) / 2);\n        padding: 0;\n        display: inline-block;\n        font-size: rem-calc(13);\n        font-weight: bold;\n        color: #4a4a4a;\n        border: none;\n      }\n\n      .date-cell {\n        cursor: pointer;\n        display: inline-block;\n        padding: 0;\n        @include border-radius(50%);\n        height: rem-calc(44);\n        width: rem-calc(44);\n        margin: 0 calc((14.28% - 44px) / 2);\n        font-size: rem-calc(14);\n        font-weight: 500;\n        line-height: rem-calc(44);\n\n        &:focus {\n          outline: none;\n        }\n\n        &:hover {\n          background-color: #efeef1;\n        }\n\n        &:active {\n          background-color: $button-primary-background;\n          color: #ffffff;\n        }\n\n        &.current-month {\n          color: #4a4a4a;\n\n          &[aria-selected=\"true\"] {\n            background-color: $button-primary-background;\n            color: #ffffff;\n          }\n        }\n      }\n    }\n  }\n\n  .month-view {\n    .months {\n      border-top: 2px solid;\n      border-top-color: #eeedf4;\n      @include displayFlex();\n      flex-wrap: wrap;\n    }\n\n    .month-row {\n      @include displayFlex();\n      @include justifyContent(space-between);\n      width: 100%;\n      border-bottom: 2px solid;\n      border-bottom-color: #eeedf4;\n    }\n\n    .month {\n      cursor: pointer;\n      text-align: center;\n      width: 100%;\n      height: rem-calc(64);\n      line-height: rem-calc(64);\n      font-weight: 500;\n      color: $button-default-text;\n\n      &:not(:last-child) {\n        border-right: 2px solid;\n        border-right-color: #eeedf4;\n      }\n\n      &:focus {\n        outline: none;\n      }\n\n      &:hover {\n        background-color: #efeef1;\n      }\n\n      &:active,\n      &.selected {\n        background-color: #575195;\n        color: #ffffff;\n      }\n    }\n  }\n\n  &.user-is-tabbing {\n    button:focus,\n    .title-box:focus,\n    .date-cell:focus,\n    .month:focus {\n      @include focus-style;\n      border: none;\n      z-index: 11;\n    }\n  }\n}\n\n.sr-only {\n  @include srOnly;\n}\n","import { h, Component, Prop, Element, Event, EventEmitter, Listen, State } from \"@stencil/core\";\nimport { forceUpdate } from \"@stencil/core\";\nimport { intl, hasRoomRight, shouldOpenUp } from \"../../../global/functions\";\n\n@Component({\n  tag: \"priv-datepicker\",\n  styleUrl: \"priv-datepicker.scss\",\n})\nexport class PrivDatepicker {\n  @Element() el!: HTMLPrivDatepickerElement;\n\n  @Prop() disabled: boolean = false;\n  @Prop({ mutable: true, reflect: true }) isExpanded: boolean = false;\n  @Prop({ mutable: true, reflect: true }) view: string = \"day\";\n  @Prop({ mutable: true, reflect: true }) date: Date = new Date();\n  @Prop({ mutable: true }) selectedYear: number = this.date.getUTCFullYear();\n  @Prop({ mutable: true }) selectedMonth: number = this.date.getUTCMonth() + 1;\n  @Prop({ mutable: true }) selectedDay: number = this.date.getUTCDate();\n  @Prop({ mutable: true }) monthInFocus: number = this.selectedMonth;\n  @Prop({ mutable: true }) yearInFocus: number = this.selectedYear;\n  @Prop({ mutable: true }) dayInFocus: number = this.selectedDay;\n  @State() monthNumInFocus: number = this.selectedMonth;\n  @Prop({ mutable: true, reflect: true }) parentId: string = \"\";\n\n  @State() isTabbing: boolean = false;\n\n  selectedDate!: HTMLTableCellElement;\n\n  @Event() cellTriggered!: EventEmitter<HTMLElement>;\n  @Event() toggleButtonClicked!: EventEmitter<HTMLButtonElement>;\n  @Event() popupClosed!: EventEmitter;\n  @Event() popupBlurred!: EventEmitter<{ relatedTarget: EventTarget | null }>;\n\n  private popupEl?: HTMLElement;\n  private buttonEl!: HTMLButtonElement;\n  private popupClicked: boolean = true;\n  private buttonClicked: boolean = true;\n  private prevButton!: HTMLButtonElement;\n  private nextButton!: HTMLButtonElement;\n  private prevClicked: boolean = true;\n  private nextClicked: boolean = true;\n  private openUp: boolean = false;\n\n  private calendar_months: Array<string> = [\n    intl.formatMessage({\n      id: \"date.january\",\n      defaultMessage: \"January\",\n      description: \"Month of the year\",\n    }),\n    intl.formatMessage({\n      id: \"date.february\",\n      defaultMessage: \"February\",\n      description: \"Month of the year\",\n    }),\n    intl.formatMessage({\n      id: \"date.march\",\n      defaultMessage: \"March\",\n      description: \"Month of the year\",\n    }),\n    intl.formatMessage({\n      id: \"date.april\",\n      defaultMessage: \"April\",\n      description: \"Month of the year\",\n    }),\n    intl.formatMessage({\n      id: \"date.may\",\n      defaultMessage: \"May\",\n      description: \"Month of the year\",\n    }),\n    intl.formatMessage({\n      id: \"date.june\",\n      defaultMessage: \"June\",\n      description: \"Month of the year\",\n    }),\n    intl.formatMessage({\n      id: \"date.july\",\n      defaultMessage: \"July\",\n      description: \"Month of the year\",\n    }),\n    intl.formatMessage({\n      id: \"date.august\",\n      defaultMessage: \"August\",\n      description: \"Month of the year\",\n    }),\n    intl.formatMessage({\n      id: \"date.september\",\n      defaultMessage: \"September\",\n      description: \"Month of the year\",\n    }),\n    intl.formatMessage({\n      id: \"date.october\",\n      defaultMessage: \"October\",\n      description: \"Month of the year\",\n    }),\n    intl.formatMessage({\n      id: \"date.november\",\n      defaultMessage: \"November\",\n      description: \"Month of the year\",\n    }),\n    intl.formatMessage({\n      id: \"date.december\",\n      defaultMessage: \"December\",\n      description: \"Month of the year\",\n    }),\n  ];\n\n  private weekdays: Array<string> = [\n    intl.formatMessage({ id: \"date.sunday\", defaultMessage: \"Sunday\" }),\n    intl.formatMessage({ id: \"date.monday\", defaultMessage: \"Monday\" }),\n    intl.formatMessage({ id: \"date.tuesday\", defaultMessage: \"Tuesday\" }),\n    intl.formatMessage({ id: \"date.wednesday\", defaultMessage: \"Wednesday\" }),\n    intl.formatMessage({ id: \"date.thursday\", defaultMessage: \"Thursday\" }),\n    intl.formatMessage({ id: \"date.friday\", defaultMessage: \"Friday\" }),\n    intl.formatMessage({ id: \"date.saturday\", defaultMessage: \"Saturday\" }),\n  ];\n\n  @Listen(\"keydown\")\n  handleKey(ev: KeyboardEvent): void {\n    this.prevClicked = false;\n    this.nextClicked = false;\n\n    switch (ev.key) {\n      case \"Enter\":\n        ev.preventDefault();\n        //Clunky exception for blur validation. Remove when blur reworked.\n        !(ev.target as HTMLElement).id.includes(\"popup-title\") && (ev.target as HTMLElement)!.click();\n        break;\n\n      case \"Escape\":\n        ev.preventDefault();\n        if (this.isExpanded) {\n          ev.stopPropagation(); // prevents closing of parent modal\n          this.closePopup(true);\n        }\n        break;\n\n      case \"PageUp\":\n        ev.preventDefault();\n        this.backOneMonth();\n        break;\n\n      case \"PageDown\":\n        ev.preventDefault();\n        this.forwardOneMonth();\n        break;\n\n      case \"Home\":\n        ev.preventDefault();\n        this.unfocusCell();\n        this.dayInFocus = 1;\n        forceUpdate(this.el);\n        break;\n\n      case \"End\":\n        ev.preventDefault();\n        this.unfocusCell();\n        this.dayInFocus = this.getMonthDays(this.monthInFocus, this.yearInFocus);\n        forceUpdate(this.el);\n        break;\n\n      case \"ArrowLeft\":\n        ev.preventDefault();\n        if (this.view === \"day\") {\n          this.unfocusCell();\n          if (this.dayInFocus === 1) {\n            const newMonth = this.getPreviousMonth(this.monthInFocus, this.yearInFocus);\n            this.monthInFocus = newMonth.month;\n            this.yearInFocus = newMonth.year;\n            this.dayInFocus = this.getMonthDays(this.monthInFocus, this.yearInFocus);\n          } else {\n            this.dayInFocus -= 1;\n          }\n        } else {\n          this.unfocusMonth();\n          if (this.monthNumInFocus === 0) {\n            this.monthNumInFocus = 11;\n          } else {\n            this.monthNumInFocus -= 1;\n          }\n        }\n        break;\n\n      case \"ArrowRight\":\n        ev.preventDefault();\n        if (this.view === \"day\") {\n          this.unfocusCell();\n          if (this.dayInFocus === this.getMonthDays(this.monthInFocus, this.yearInFocus)) {\n            const newMonth = this.getNextMonth(this.monthInFocus, this.yearInFocus);\n            this.monthInFocus = newMonth.month;\n            this.yearInFocus = newMonth.year;\n            this.dayInFocus = 1;\n          } else {\n            this.dayInFocus += 1;\n          }\n        } else {\n          this.unfocusMonth();\n          if (this.monthNumInFocus === 11) {\n            this.monthNumInFocus = 0;\n          } else {\n            this.monthNumInFocus += 1;\n          }\n        }\n        break;\n\n      case \"ArrowUp\":\n        ev.preventDefault();\n        if (this.view === \"day\") {\n          this.unfocusCell();\n          if (this.dayInFocus < 8) {\n            const newMonth = this.getPreviousMonth(this.monthInFocus, this.yearInFocus);\n            this.monthInFocus = newMonth.month;\n            this.yearInFocus = newMonth.year;\n            const numDaysToSubtract = 7 - this.dayInFocus;\n            this.dayInFocus = this.getMonthDays(this.monthInFocus, this.yearInFocus) - numDaysToSubtract;\n          } else {\n            this.dayInFocus -= 7;\n          }\n        } else {\n          this.unfocusMonth();\n          if (this.monthNumInFocus < 3) {\n            this.monthNumInFocus += 9;\n          } else {\n            this.monthNumInFocus -= 3;\n          }\n        }\n        break;\n\n      case \"ArrowDown\":\n        ev.preventDefault();\n        if (!this.isExpanded) {\n          this.openPopup();\n        } else {\n          if (this.view === \"day\") {\n            //If the down arrow is pressed from the month button or the arrow buttons, focus should shift to the current cell in focus\n            if (!(document.activeElement!.shadowRoot! || document).activeElement!.classList.contains(\"date-cell\")) {\n              this.focusCell();\n              break;\n            }\n\n            this.unfocusCell();\n            const changeoverDate = this.getMonthDays(this.monthInFocus, this.yearInFocus) - 7;\n            if (this.dayInFocus > changeoverDate) {\n              const newMonth = this.getNextMonth(this.monthInFocus, this.yearInFocus);\n              this.monthInFocus = newMonth.month;\n              this.yearInFocus = newMonth.year;\n              this.dayInFocus = this.dayInFocus - changeoverDate;\n            } else {\n              this.dayInFocus += 7;\n            }\n          } else {\n            //If the down arrow is pressed from the arrow buttons or the title box, focus should shift to the current month in focus\n            const activeEl = (document.activeElement!.shadowRoot! || document).activeElement!;\n            if (activeEl.tagName === \"BUTTON\" || activeEl.id.includes(\"popup-title-year\")) {\n              this.focusMonth();\n              break;\n            }\n\n            this.unfocusMonth();\n            if (this.monthNumInFocus > 8) {\n              this.monthNumInFocus -= 9;\n            } else {\n              this.monthNumInFocus += 3;\n            }\n          }\n        }\n        break;\n    }\n  }\n\n  @Listen(\"keydown\")\n  toggleTabbingOn(ev: KeyboardEvent) {\n    const validKeys = [\"Tab\", \"ArrowUp\", \"ArrowDown\", \"ArrowLeft\", \"ArrowRight\", \"Enter\"];\n    if (validKeys.includes(ev.key)) {\n      this.isTabbing = true;\n    }\n  }\n\n  //Using mousedown prevents this from running when the keydown listener emits \".click()\" for when enter is pressed.\n  @Listen(\"mousedown\", { target: \"window\" })\n  toggleTabbingOff() {\n    this.isTabbing = false;\n  }\n\n  @Listen(\"click\", { target: \"document\" })\n  blurHandler(ev: PointerEvent): void {\n    if (!this.popupClicked && !this.buttonClicked && this.isExpanded) {\n      this.closePopup();\n      // in this case, the PointerEvent target is identical to the blur events relatedTarget, and is passed on as such\n      this.popupBlurred.emit({ relatedTarget: ev.target });\n    }\n    this.popupClicked = false;\n    this.buttonClicked = false;\n  }\n\n  @Listen(\"blur\", { target: \"window\" })\n  handleBlurOnWindow(ev: FocusEvent) {\n    // for cases where the user clicks or uses a shortcut to leave the document\n    if (this.isExpanded) {\n      this.closePopup();\n      this.popupBlurred.emit({ relatedTarget: ev.target });\n    }\n  }\n\n  componentDidUpdate() {\n    this.handleSelectedDate();\n    if (this.isExpanded) {\n      this.prevClicked\n        ? this.prevButton.focus()\n        : this.nextClicked\n        ? this.nextButton.focus()\n        : this.view === \"day\"\n        ? this.focusCell()\n        : this.focusMonth();\n    }\n  }\n\n  componentDidLoad() {\n    this.handleSelectedDate();\n    this.setDateValuesForView();\n  }\n\n  zeroPad(value: number | string, length: number) {\n    if (!String.prototype.padStart) {\n      String.prototype.padStart = function padStart(targetLength, padString) {\n        targetLength = targetLength - this.length;\n        if (targetLength > padString!.length) {\n          padString += padString!.repeat(targetLength / padString!.length);\n        }\n        return padString!.slice(0, targetLength) + String(this);\n      };\n    }\n    return `${value.toString()}`.padStart(length, \"0\");\n  }\n\n  removeZeroes(date: string): number {\n    return +date < 10 ? +date.slice(1) : +date;\n  }\n\n  isDateToday(date: Array<string>): boolean {\n    const today = new Date();\n    const todayDateArray = [\n      today.getFullYear().toString(),\n      (today.getMonth() + 1).toString(),\n      today.getDate().toString(),\n    ];\n    //Compare today's date to date and return true if they match\n    return todayDateArray.reduce(\n      (result: boolean, val: string, index: number) => result && this.removeZeroes(date[index]).toString() === val,\n      true\n    );\n  }\n\n  togglePopup() {\n    this.isExpanded ? this.closePopup() : this.openPopup();\n    this.buttonClicked = true;\n  }\n\n  closePopup(returnFocus: boolean = false) {\n    this.isExpanded = false;\n    this.popupEl!.classList.remove(\"open\");\n    window.setTimeout(() => {\n      //not using display none in order to get measurements of the popup while hidden\n      this.popupEl!.style.visibility = \"hidden\";\n    }, 250);\n    //Reset values so that menu reopens to day view with selected date in focus\n    if (this.view === \"day\") {\n      this.unfocusCell();\n    }\n    this.monthInFocus = this.selectedMonth;\n    this.yearInFocus = this.selectedYear;\n    this.dayInFocus = this.selectedDay;\n    this.changeView(\"day\");\n    if (returnFocus) {\n      this.buttonEl.focus();\n    }\n  }\n\n  openPopup() {\n    this.panelPosition();\n    this.setDateValuesForView();\n    this.prevClicked = false;\n    this.nextClicked = false;\n    this.popupEl!.style.visibility = \"visible\";\n    window.requestAnimationFrame(() => {\n      this.popupEl!.classList.add(\"open\");\n    });\n    this.isExpanded = true;\n    this.focusCell();\n  }\n\n  getMonthDays(month: number, year: number) {\n    const months30 = [4, 6, 9, 11];\n    const leapYear = year % 4 === 0;\n\n    return month === 2 ? (leapYear ? 29 : 28) : months30.includes(month) ? 30 : 31;\n  }\n\n  // 1 => Sunday, 7 => Saturday\n  getMonthFirstDay(month: number, year: number) {\n    return +new Date(year, month - 1, 1, 12, 0, 0).getDay() + 1;\n  }\n\n  getPreviousMonth(month: number, year: number) {\n    const prevMonth = month > 1 ? month - 1 : 12;\n    const prevMonthYear = month > 1 ? year : year - 1;\n\n    return { month: prevMonth, year: prevMonthYear };\n  }\n\n  getNextMonth(month: number, year: number) {\n    const nextMonth = month < 12 ? month + 1 : 1;\n    const nextMonthYear = month < 12 ? year : year + 1;\n\n    return { month: nextMonth, year: nextMonthYear };\n  }\n\n  getCalendarDates(month: number, year: number) {\n    // Get number of days in the month and the month's first day\n    const monthDays = this.getMonthDays(month, year);\n    const monthFirstDay = this.getMonthFirstDay(month, year);\n\n    // Get number of days to be displayed from previous and next months\n    // These ensure a total of 42 days (6 weeks) displayed on the calendar\n    const daysFromPrevMonth = monthFirstDay - 1;\n    let daysFromNextMonth = 42 - (daysFromPrevMonth + monthDays);\n    daysFromNextMonth = daysFromNextMonth > 6 ? daysFromNextMonth - 7 : daysFromNextMonth;\n\n    // Get the previous and next months and years\n    const { month: prevMonth, year: prevMonthYear } = this.getPreviousMonth(month, year);\n    const { month: nextMonth, year: nextMonthYear } = this.getNextMonth(month, year);\n\n    // Get number of days in previous month\n    const prevMonthDays = this.getMonthDays(prevMonth, prevMonthYear);\n\n    // Builds dates to be displayed from previous month. The initialized array is \"filled\" with an arbitrary number because IE and Edge won't map over an array with empty values.\n    const prevMonthDates = [...new Array(daysFromPrevMonth).fill(\"1\")].map((_, index) => {\n      const day = index + 1 + (prevMonthDays - daysFromPrevMonth);\n      return [prevMonthYear.toString(), this.zeroPad(prevMonth, 2), this.zeroPad(day, 2)];\n    });\n\n    // Builds dates to be displayed from current month. The initialized array is \"filled\" with an arbitrary number because IE and Edge won't map over an array with empty values.\n    const thisMonthDates = [...new Array(monthDays).fill(\"1\")].map((_, index) => {\n      const day = index + 1;\n      return [year.toString(), this.zeroPad(month, 2), this.zeroPad(day, 2)];\n    });\n\n    // Builds dates to be displayed from next month. The initialized array is \"filled\" with an arbitrary number because IE and Edge won't map over an array with empty values.\n    const nextMonthDates = [...new Array(daysFromNextMonth).fill(\"1\")].map((_, index) => {\n      const day = index + 1;\n      return [nextMonthYear.toString(), this.zeroPad(nextMonth, 2), this.zeroPad(day, 2)];\n    });\n\n    // Combines all dates from previous, current and next months\n    return [...prevMonthDates, ...thisMonthDates, ...nextMonthDates];\n  }\n\n  forwardOneMonth() {\n    this.unfocusCell();\n    const newMonth = this.getNextMonth(this.monthInFocus, this.yearInFocus);\n    this.monthInFocus = newMonth.month;\n    this.yearInFocus = newMonth.year;\n    const totalDays = this.getMonthDays(this.monthInFocus, this.yearInFocus);\n    if (this.dayInFocus > this.getMonthDays(this.monthInFocus, this.yearInFocus)) {\n      this.dayInFocus = totalDays;\n    }\n    this.updateLiveRegion(`Displaying ${this.calendar_months[this.monthInFocus - 1]}, ${this.yearInFocus}`);\n  }\n\n  backOneMonth() {\n    this.unfocusCell();\n    const newMonth = this.getPreviousMonth(this.monthInFocus, this.yearInFocus);\n    this.monthInFocus = newMonth.month;\n    this.yearInFocus = newMonth.year;\n    const totalDays = this.getMonthDays(this.monthInFocus, this.yearInFocus);\n    if (this.dayInFocus > this.getMonthDays(this.monthInFocus, this.yearInFocus)) {\n      this.dayInFocus = totalDays;\n    }\n    this.updateLiveRegion(`Viewing ${this.calendar_months[this.monthInFocus - 1]}, ${this.yearInFocus}`);\n  }\n\n  handleTriggeredDate(el: HTMLTableDataCellElement) {\n    this.cellTriggered.emit(el as HTMLTableDataCellElement);\n    // change of input value will trigger the function updating selectedDate\n    this.closePopup(true);\n  }\n\n  handleSelectedDate() {\n    //Remove old selection status\n    if (this.selectedDate) {\n      this.selectedDate.removeAttribute(\"aria-selected\");\n    }\n    //Update selected date to new date inputted/selected\n    this.selectedDate = this.getCellById(this.selectedYear, this.selectedMonth, this.selectedDay);\n\n    if (this.selectedDate) {\n      this.selectedDate.setAttribute(\"aria-selected\", \"true\");\n    }\n  }\n\n  getCellById(year: number, month: number, day: number) {\n    const id = year + this.zeroPad(month, 2) + this.zeroPad(day, 2);\n    return this.el.querySelector(`#cell-${id}-${this.parentId}`) as HTMLTableCellElement;\n  }\n\n  unfocusCell() {\n    const cellToUnfocus = this.getCellById(this.yearInFocus, this.monthInFocus, this.dayInFocus);\n    cellToUnfocus.tabIndex = -1;\n  }\n\n  focusCell() {\n    //These two lines of code prevent an error from happening when the day in focus does not exist in a new month selected, e.g., May 31 is in focus, then the user selects \"November\". It will return focus in the date view to the last day of the month so that focus doesn't fly out of the popup.\n    const maxDays = this.getMonthDays(this.monthInFocus, this.yearInFocus);\n    this.dayInFocus = this.dayInFocus > maxDays ? maxDays : this.dayInFocus;\n\n    const cellToFocus = this.getCellById(this.yearInFocus, this.monthInFocus, this.dayInFocus);\n    if (cellToFocus) {\n      cellToFocus.tabIndex = 0;\n      cellToFocus.focus();\n    }\n  }\n\n  unfocusMonth() {\n    const monthToUnfocus = this.el.querySelector(`#month-${this.monthNumInFocus}-${this.parentId}`) as HTMLDivElement;\n    monthToUnfocus.tabIndex = -1;\n  }\n\n  focusMonth() {\n    const monthToFocus = this.el.querySelector(`#month-${this.monthNumInFocus}-${this.parentId}`) as HTMLDivElement;\n    monthToFocus.tabIndex = 0;\n    monthToFocus.focus();\n  }\n\n  trapFocusLeft(ev: KeyboardEvent) {\n    if (ev.shiftKey && ev.key === \"Tab\") {\n      ev.preventDefault();\n      this.focusCellInView();\n    }\n  }\n\n  trapFocusEnd(ev: KeyboardEvent) {\n    if (!ev.shiftKey && ev.key === \"Tab\") {\n      ev.preventDefault();\n      this.prevButton.focus();\n    }\n  }\n\n  trapFocusRight(ev: KeyboardEvent) {\n    if (!ev.shiftKey && ev.key === \"Tab\") {\n      ev.preventDefault();\n      this.focusCellInView();\n    }\n  }\n\n  focusCellInView() {\n    if (this.view === \"day\") {\n      this.focusCell();\n    } else {\n      this.focusMonth();\n    }\n  }\n\n  toggleBusyAttribute(state: string) {\n    (this.el.querySelector(\"#wm-container\") as HTMLElement).setAttribute(\"aria-busy\", state);\n  }\n\n  setDateValuesForView() {\n    this.selectedYear = this.date.getUTCFullYear();\n    this.selectedMonth = this.date.getUTCMonth() + 1;\n    this.selectedDay = this.date.getUTCDate();\n    this.monthInFocus = this.selectedMonth;\n    this.yearInFocus = this.selectedYear;\n    this.dayInFocus = this.selectedDay;\n    this.monthNumInFocus = this.selectedMonth - 1;\n  }\n\n  updateLiveRegion(text: string) {\n    let liveRegion = this.el.querySelector(\"#live-region\") as HTMLElement;\n    liveRegion.innerHTML = text;\n  }\n\n  panelPosition() {\n    // getting a ref to the input el (in datepicker.tsx)\n    let host = document.getElementById(this.parentId) as HTMLWmDatepickerElement;\n\n    const labelHeight = host.shadowRoot!.querySelector(\".label-wrapper\")!.clientHeight;\n\n    this.openUp = shouldOpenUp(host, this.popupEl!, labelHeight);\n\n    if (hasRoomRight(host, 336)) {\n      this.popupEl!.style.left = \"0\";\n      this.popupEl!.style.right = \"auto\";\n    } else {\n      this.popupEl!.style.right = \"0\";\n      this.popupEl!.style.left = \"auto\";\n    }\n  }\n\n  changeView(newView: string) {\n    this.view = newView;\n    //Ensure month view always opens to the month last visited in date view\n    this.monthNumInFocus = this.monthInFocus - 1;\n  }\n\n  renderCalendarDate = (date: Array<string>, index: number) => {\n    let monthOfDate = this.removeZeroes(String(date[1]));\n    let dayOfDate = this.removeZeroes(String(date[2]));\n    let isThisMonth = monthOfDate === this.monthInFocus ? \"current-month\" : \"\";\n    const dateId = date[0] + date[1] + date[2];\n    const isToday = this.isDateToday(date);\n\n    return (\n      <div\n        role=\"gridcell\"\n        id={`cell-${dateId}-${this.parentId}`}\n        class={`date-cell ${isThisMonth}`}\n        aria-selected={false}\n        aria-label={`${\n          isToday\n            ? `${intl.formatMessage({\n                id: \"date.today\",\n                defaultMessage: \"today\",\n                description: \"calendar button\",\n              })}, `\n            : \"\"\n        }${this.weekdays[index]}, ${this.calendar_months[monthOfDate - 1]} ${dayOfDate}, ${date[0]}`}\n        onClick={(ev) => {\n          this.handleTriggeredDate(ev.target as HTMLTableDataCellElement);\n        }}\n        onKeyDown={(ev: KeyboardEvent) => this.trapFocusEnd(ev)}\n        data-month={date[1]}\n        data-year={date[0]}\n        onBlur={(ev: FocusEvent) => ev.stopPropagation()}\n      >\n        {dayOfDate}\n      </div>\n    );\n  };\n\n  renderMonths(month: string, index: number) {\n    return (\n      <div\n        id={`month-${index}-${this.parentId}`}\n        class={`month ${this.selectedMonth - 1 === index ? \"selected\" : \"\"}`}\n        role=\"gridcell\"\n        tabindex={index + 1 === this.monthInFocus ? 0 : -1}\n        onKeyDown={(ev: KeyboardEvent) => this.trapFocusEnd(ev)}\n        onBlur={(ev: FocusEvent) => ev.stopPropagation()}\n        onClick={() => {\n          this.monthInFocus = index + 1;\n          this.changeView(\"day\");\n        }}\n      >\n        {month}\n      </div>\n    );\n  }\n\n  render() {\n    const dates = this.getCalendarDates(this.monthInFocus, this.yearInFocus);\n\n    return (\n      <div class=\"container\" id=\"wm-container\">\n        <button\n          disabled={this.disabled}\n          onClick={this.togglePopup.bind(this)}\n          aria-describedby={`date-input-${this.parentId}`}\n          ref={(el) => (this.buttonEl = el as HTMLButtonElement)}\n          aria-expanded={`${this.isExpanded}`}\n          class=\"toggle\"\n          id={`toggle-${this.parentId}`}\n        >\n          <span\n            class=\"calendar\"\n            title={intl.formatMessage({\n              id: \"date.calendarView\",\n              defaultMessage: \"Calendar View\",\n              description: \"Calendar button\",\n            })}\n          />\n        </button>\n        <div\n          class={`popup ${this.view}-view ${this.openUp ? \"expand-upwards\" : \"\"} ${\n            this.isTabbing ? \"user-is-tabbing\" : \"\"\n          }`}\n          id={`popup-${this.parentId}`}\n          ref={(el) => (this.popupEl = el as HTMLElement)}\n          onClick={() => (this.popupClicked = true)}\n          role=\"application\"\n          aria-describedby=\"application\"\n        >\n          {this.view === \"day\" ? (\n            <div class=\"day-view\">\n              <div class=\"calendar-header\">\n                <button\n                  onClick={() => {\n                    this.prevClicked = true;\n                    this.popupClicked = true;\n                    this.backOneMonth();\n                  }}\n                  onKeyDown={(ev: KeyboardEvent) => this.trapFocusLeft(ev)}\n                  ref={(el) => (this.prevButton = el as HTMLButtonElement)}\n                  class=\"arw-btn\"\n                  aria-label={intl.formatMessage({\n                    id: \"date.selectPreviousMonth\",\n                    defaultMessage: \"Select previous month\",\n                    description: \"Calendar button\",\n                  })}\n                >\n                  <span class=\"mdi\">&#xf141;</span>\n                </button>\n                <div\n                  id={`popup-title-month-${this.parentId}`}\n                  class=\"title-box\"\n                  tabindex={0}\n                  role=\"button\"\n                  onKeyDown={(ev: KeyboardEvent) => {\n                    if (ev.key === \"Enter\" || ev.key === \" \") {\n                      ev.preventDefault();\n                      this.changeView(\"month\");\n                    }\n                  }}\n                  onClick={this.changeView.bind(this, \"month\")}\n                  aria-label={`${intl.formatMessage({\n                    id: \"date.currentMonth\",\n                    defaultMessage: \"current month\",\n                    description: \"Calendar button\",\n                  })}: ${this.calendar_months[this.monthInFocus - 1]}\n                  ${this.yearInFocus}.`}\n                  aria-describedby=\"month-title\"\n                >\n                  <span class=\"title\" aria-hidden=\"true\">\n                    {this.calendar_months[this.monthInFocus - 1]} {this.yearInFocus}\n                  </span>\n                </div>\n                <button\n                  onClick={() => {\n                    this.nextClicked = true;\n                    this.popupClicked = true;\n                    this.forwardOneMonth();\n                  }}\n                  onKeyDown={(ev: KeyboardEvent) => this.trapFocusRight(ev)}\n                  aria-label={intl.formatMessage({\n                    id: \"date.selectNextMonth\",\n                    defaultMessage: \"Select next month\",\n                    description: \"Calendar button\",\n                  })}\n                  ref={(el) => (this.nextButton = el as HTMLButtonElement)}\n                  class=\"arw-btn\"\n                >\n                  <span class=\"mdi\">&#xf142;</span>\n                </button>\n              </div>\n              <div aria-labelledby={`popup-title-month-${this.parentId}`} role=\"grid\" class=\"date-grid\">\n                <div role=\"rowgroup\" class=\"date-header\">\n                  <div role=\"row\" class=\"header-row\">\n                    <div role=\"columnheader\" class=\"header-cell\">\n                      <span>\n                        {intl.formatMessage({\n                          id: \"date.su\",\n                          defaultMessage: \"Su\",\n                          description: \"Abbreviated day of the week\",\n                        })}\n                      </span>\n                    </div>\n                    <div role=\"columnheader\" class=\"header-cell\">\n                      <span>\n                        {intl.formatMessage({\n                          id: \"date.mo\",\n                          defaultMessage: \"Mo\",\n                          description: \"Abbreviated day of the week\",\n                        })}\n                      </span>\n                    </div>\n                    <div role=\"columnheader\" class=\"header-cell\">\n                      <span>\n                        {intl.formatMessage({\n                          id: \"date.tu\",\n                          defaultMessage: \"Tu\",\n                          description: \"Abbreviated day of the week\",\n                        })}\n                      </span>\n                    </div>\n                    <div role=\"columnheader\" class=\"header-cell\">\n                      <span>\n                        {intl.formatMessage({\n                          id: \"date.we\",\n                          defaultMessage: \"We\",\n                          description: \"Abbreviated day of the week\",\n                        })}\n                      </span>\n                    </div>\n                    <div role=\"columnheader\" class=\"header-cell\">\n                      <span>\n                        {intl.formatMessage({\n                          id: \"date.th\",\n                          defaultMessage: \"Th\",\n                          description: \"Abbreviated day of the week\",\n                        })}\n                      </span>\n                    </div>\n                    <div role=\"columnheader\" class=\"header-cell\">\n                      <span>\n                        {intl.formatMessage({\n                          id: \"date.fr\",\n                          defaultMessage: \"Fr\",\n                          description: \"Abbreviated day of the week\",\n                        })}\n                      </span>\n                    </div>\n                    <div role=\"columnheader\" class=\"header-cell\">\n                      <span>\n                        {intl.formatMessage({\n                          id: \"date.sa\",\n                          defaultMessage: \"Sa\",\n                          description: \"Abbreviated day of the week\",\n                        })}\n                      </span>\n                    </div>\n                  </div>\n                </div>\n                <div role=\"rowgroup\">\n                  <div role=\"row\" class=\"date-row\">\n                    {dates.slice(0, 7).map((date, i) => this.renderCalendarDate(date, i))}\n                  </div>\n                  <div role=\"row\">{dates.slice(7, 14).map((date, i) => this.renderCalendarDate(date, i))}</div>\n                  <div role=\"row\">{dates.slice(14, 21).map((date, i) => this.renderCalendarDate(date, i))}</div>\n                  <div role=\"row\">{dates.slice(21, 28).map((date, i) => this.renderCalendarDate(date, i))}</div>\n                  <div role=\"row\">{dates.slice(28, 35).map((date, i) => this.renderCalendarDate(date, i))}</div>\n                  {dates.length > 35 ? (\n                    <div role=\"row\">{dates.slice(35).map((date, i) => this.renderCalendarDate(date, i))}</div>\n                  ) : (\n                    \"\"\n                  )}\n                </div>\n              </div>\n            </div>\n          ) : (\n            <div class=\"month-view\">\n              <div class=\"calendar-header\">\n                <button\n                  onClick={() => {\n                    this.prevClicked = true;\n                    this.popupClicked = true;\n                    this.yearInFocus -= 1;\n                    this.updateLiveRegion(`${this.yearInFocus} selected.`);\n                  }}\n                  onKeyDown={(ev: KeyboardEvent) => this.trapFocusLeft(ev)}\n                  aria-label={intl.formatMessage({\n                    id: \"date.selectPreviousYear\",\n                    defaultMessage: \"Select previous year\",\n                    description: \"Calendar button\",\n                  })}\n                  ref={(el) => (this.prevButton = el as HTMLButtonElement)}\n                  class=\"arw-btn\"\n                >\n                  <span class=\"mdi\">&#xf141;</span>\n                </button>\n                <div\n                  id={`popup-title-year-${this.parentId}`}\n                  tabindex={0}\n                  class=\"title-box year\"\n                  role=\"button\"\n                  onClick={this.changeView.bind(this, \"day\")}\n                  onKeyDown={(ev: KeyboardEvent) => {\n                    if (ev.key === \"Enter\" || ev.key === \" \") {\n                      ev.preventDefault();\n                      this.changeView(\"day\");\n                    }\n                  }}\n                  aria-labelledby=\"year-title\"\n                >\n                  <span class=\"title\">{this.yearInFocus}</span>\n                </div>\n                <button\n                  onClick={() => {\n                    this.nextClicked = true;\n                    this.popupClicked = true;\n                    this.yearInFocus += 1;\n                    this.updateLiveRegion(`${this.yearInFocus} selected.`);\n                  }}\n                  aria-label={intl.formatMessage({\n                    id: \"date.selectNextYear\",\n                    defaultMessage: \"Select next year\",\n                    description: \"Calendar button\",\n                  })}\n                  onKeyDown={(ev: KeyboardEvent) => this.trapFocusRight(ev)}\n                  ref={(el) => (this.nextButton = el as HTMLButtonElement)}\n                  class=\"arw-btn\"\n                >\n                  <span class=\"mdi\">&#xf142;</span>\n                </button>\n              </div>\n              <div aria-labelledby={`popup-title-year-${this.parentId}`} role=\"grid\" class=\"months\">\n                <div role=\"row\" class=\"month-row\">\n                  {this.calendar_months\n                    .slice(0, 3)\n                    .map((month: string, index: number) => this.renderMonths(month, index))}\n                </div>\n                <div role=\"row\" class=\"month-row\">\n                  {this.calendar_months\n                    .slice(3, 6)\n                    .map((month: string, index: number) => this.renderMonths(month, index + 3))}\n                </div>\n                <div role=\"row\" class=\"month-row\">\n                  {this.calendar_months\n                    .slice(6, 9)\n                    .map((month: string, index: number) => this.renderMonths(month, index + 6))}\n                </div>\n                <div role=\"row\" class=\"month-row\">\n                  {this.calendar_months\n                    .slice(9)\n                    .map((month: string, index: number) => this.renderMonths(month, index + 9))}\n                </div>\n              </div>\n            </div>\n          )}\n        </div>\n        {this.isExpanded && <div id=\"live-region\" aria-live=\"polite\" aria-relevant=\"text\" class=\"sr-only\" />}\n        <div id=\"month-title\" class=\"sr-only\">\n          {intl.formatMessage({\n            id: \"date.selectMonth\",\n            defaultMessage: \"Activate to select a month.\",\n            description: \"Calendar button\",\n          })}\n        </div>\n        <div id=\"year-title\" class=\"sr-only\">\n          {intl.formatMessage({\n            id: \"date.selectYear\",\n            defaultMessage: \"Activate to select a year.\",\n            description: \"Calendar button\",\n          })}\n        </div>\n        <div id=\"application\" class=\"sr-only\">\n          {intl.formatMessage({\n            id: \"date.instructions\",\n            defaultMessage:\n              \"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.\",\n          })}\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["privDatepickerCss","PrivDatepicker","this","popupClicked","buttonClicked","prevClicked","nextClicked","openUp","calendar_months","intl","formatMessage","id","defaultMessage","description","weekdays","renderCalendarDate","date","index","monthOfDate","_this","removeZeroes","String","dayOfDate","isThisMonth","monthInFocus","dateId","isToday","isDateToday","h","role","concat","parentId","class","onClick","ev","handleTriggeredDate","target","onKeyDown","trapFocusEnd","onBlur","stopPropagation","Date","getUTCFullYear","getUTCMonth","getUTCDate","selectedMonth","selectedYear","selectedDay","prototype","handleKey","key","preventDefault","includes","click","isExpanded","closePopup","backOneMonth","forwardOneMonth","unfocusCell","dayInFocus","forceUpdate","el","getMonthDays","yearInFocus","view","newMonth","getPreviousMonth","month","year","unfocusMonth","monthNumInFocus","getNextMonth","numDaysToSubtract","openPopup","document","activeElement","shadowRoot","classList","contains","focusCell","changeoverDate","activeEl","tagName","focusMonth","toggleTabbingOn","validKeys","isTabbing","toggleTabbingOff","blurHandler","popupBlurred","emit","relatedTarget","handleBlurOnWindow","componentDidUpdate","handleSelectedDate","prevButton","focus","nextButton","componentDidLoad","setDateValuesForView","zeroPad","value","length","padStart","targetLength","padString","repeat","slice","toString","today","todayDateArray","getFullYear","getMonth","getDate","reduce","result","val","togglePopup","returnFocus","popupEl","remove","window","setTimeout","style","visibility","changeView","buttonEl","panelPosition","requestAnimationFrame","add","months30","leapYear","getMonthFirstDay","getDay","prevMonth","prevMonthYear","nextMonth","nextMonthYear","getCalendarDates","monthDays","monthFirstDay","daysFromPrevMonth","daysFromNextMonth","_a","_b","prevMonthDays","prevMonthDates","__spreadArray","Array","fill","map","_","day","thisMonthDates","nextMonthDates","totalDays","updateLiveRegion","cellTriggered","selectedDate","removeAttribute","getCellById","setAttribute","querySelector","cellToUnfocus","tabIndex","maxDays","cellToFocus","monthToUnfocus","monthToFocus","trapFocusLeft","shiftKey","focusCellInView","trapFocusRight","toggleBusyAttribute","state","text","liveRegion","innerHTML","host","getElementById","labelHeight","clientHeight","shouldOpenUp","hasRoomRight","left","right","newView","renderMonths","tabindex","render","dates","disabled","bind","ref","title","i"],"sources":["src/components/wm-datepicker/priv-datepicker/priv-datepicker.scss?tag=priv-datepicker","src/components/wm-datepicker/priv-datepicker/priv-datepicker.tsx"],"sourcesContent":[".toggle {\r\n  all: unset;\r\n  cursor: pointer;\r\n  padding: rem-calc(0px 6px);\r\n  height: rem-calc(38);\r\n  border: none;\r\n  -moz-border-top-right-radius: 3px;\r\n  -webkit-border-top-right-radius: 3px;\r\n  border-top-right-radius: 3px;\r\n  -moz-border-bottom-right-radius: 3px;\r\n  -webkit-border-bottom-right-radius: 3px;\r\n  border-bottom-right-radius: 3px;\r\n\r\n  // reset styles inherited from Planning in browsers without shadow DOM\r\n  -moz-border-top-left-radius: 0;\r\n  -webkit-border-top-left-radius: 0;\r\n  border-top-left-radius: 0;\r\n  -moz-border-bottom-left-radius: 0;\r\n  -webkit-border-bottom-left-radius: 0;\r\n  border-bottom-left-radius: 0;\r\n  @include box-shadow(none);\r\n  background-color: $button-default-background;\r\n\r\n  &:disabled {\r\n    pointer-events: none;\r\n    @include box-shadow(none);\r\n    background-color: rgba(74, 74, 74, 0.05);\r\n    .calendar::after {\r\n      color: #7b7b7b;\r\n    }\r\n  }\r\n\r\n  &:hover {\r\n    @include box-shadow(none);\r\n    background: mix(black, $button-default-background, 10%);\r\n\r\n    .calendar::after {\r\n      color: $button-default-text;\r\n    }\r\n  }\r\n\r\n  [dir=\"RTL\"] & {\r\n    right: auto;\r\n    left: 0;\r\n  }\r\n\r\n  span::after {\r\n    @include mdi-icon;\r\n    content: \"\\f0ed\";\r\n    font-size: rem-calc(24);\r\n    color: $button-default-text;\r\n    padding: 0;\r\n    line-height: rem-calc(40);\r\n  }\r\n\r\n  &:focus {\r\n    outline: none;\r\n  }\r\n\r\n  &::-moz-focus-inner {\r\n    border: 0;\r\n  }\r\n}\r\n\r\n.user-is-tabbing {\r\n  .toggle:focus {\r\n    @include focus-style;\r\n  }\r\n}\r\n\r\n.popup {\r\n  visibility: hidden;\r\n  font-family: inherit;\r\n  @include border-radius(3px);\r\n  @include box-shadow(0px 4px 15px 0px rgba(0, 0, 0, 0.2));\r\n  width: rem-calc(336);\r\n  z-index: 10;\r\n  //relative to inner wrapper in wm-datepicker, which contains the input and priv-datepicker\r\n  position: absolute;\r\n  left: 0;\r\n  top: 40px;\r\n  min-height: rem-calc(337);\r\n  transition: transform 0.25s ease;\r\n  transform-origin: center top;\r\n  transform: scale(1, 0);\r\n  background-color: $light-background;\r\n\r\n  &.open {\r\n    // display: block;\r\n    transform: scale(1, 1);\r\n  }\r\n\r\n  &.expand-upwards {\r\n    top: auto;\r\n    bottom: rem-calc(38);\r\n    transform-origin: center bottom;\r\n  }\r\n\r\n  .calendar-header {\r\n    @include displayFlex();\r\n    @include justifyContent(space-between);\r\n    position: relative;\r\n    padding: rem-calc(15 4);\r\n\r\n    .title-box {\r\n      height: rem-calc(42);\r\n      @include border-radius(3px);\r\n      border: 1px solid;\r\n      font-weight: 500;\r\n      font-size: rem-calc(14);\r\n      background: transparent;\r\n      cursor: pointer;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      padding: rem-calc(0 6 0 12);\r\n      border-color: $button-default-text;\r\n      color: $button-default-text;\r\n\r\n      &:after {\r\n        @include mdi-icon;\r\n        content: \"\\f140\";\r\n        padding-left: rem-calc(12);\r\n      }\r\n\r\n      &.year:after {\r\n        content: \"\\f143\";\r\n      }\r\n\r\n      &::-moz-focus-inner {\r\n        border: 0;\r\n      }\r\n\r\n      &:focus {\r\n        outline: none;\r\n      }\r\n    }\r\n\r\n    .arw-btn {\r\n      cursor: pointer;\r\n      @include border-radius(50%);\r\n      width: rem-calc(44);\r\n      height: rem-calc(44);\r\n      border: none;\r\n      color: $button-default-text;\r\n      background: transparent;\r\n      padding: 0;\r\n      @include box-shadow(none);\r\n      line-height: rem-calc(44);\r\n\r\n      .mdi {\r\n        @include mdi-icon;\r\n        font-size: rem-calc(24);\r\n        font-weight: normal;\r\n        line-height: rem-calc(44);\r\n\r\n        &:hover {\r\n          background-color: #efeef1;\r\n        }\r\n      }\r\n\r\n      &:focus {\r\n        outline: none;\r\n      }\r\n\r\n      &:active {\r\n        @include scale($xVal: 0.9, $yVal: 0.9);\r\n        background-color: #d7d6d9;\r\n      }\r\n    }\r\n  }\r\n\r\n  .day-view {\r\n    min-width: 100%;\r\n\r\n    .date-grid {\r\n      width: 100%;\r\n      text-align: center;\r\n      border-collapse: collapse;\r\n      margin-bottom: rem-calc(7);\r\n      color: #757575;\r\n\r\n      .date-row:first-child {\r\n        .date-cell {\r\n          margin-top: rem-calc(2);\r\n        }\r\n      }\r\n\r\n      .date-header {\r\n        background-color: rgb(238, 237, 244);\r\n      }\r\n\r\n      .header-cell {\r\n        height: rem-calc(33);\r\n        line-height: rem-calc(33);\r\n        width: rem-calc(44);\r\n        margin: 0 calc((14.28% - 44px) / 2);\r\n        padding: 0;\r\n        display: inline-block;\r\n        font-size: rem-calc(13);\r\n        font-weight: bold;\r\n        color: #4a4a4a;\r\n        border: none;\r\n      }\r\n\r\n      .date-cell {\r\n        cursor: pointer;\r\n        display: inline-block;\r\n        padding: 0;\r\n        @include border-radius(50%);\r\n        height: rem-calc(44);\r\n        width: rem-calc(44);\r\n        margin: 0 calc((14.28% - 44px) / 2);\r\n        font-size: rem-calc(14);\r\n        font-weight: 500;\r\n        line-height: rem-calc(44);\r\n\r\n        &:focus {\r\n          outline: none;\r\n        }\r\n\r\n        &:hover {\r\n          background-color: #efeef1;\r\n        }\r\n\r\n        &:active {\r\n          background-color: $button-primary-background;\r\n          color: #ffffff;\r\n        }\r\n\r\n        &.current-month {\r\n          color: #4a4a4a;\r\n\r\n          &[aria-selected=\"true\"] {\r\n            background-color: $button-primary-background;\r\n            color: #ffffff;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .month-view {\r\n    .months {\r\n      border-top: 2px solid;\r\n      border-top-color: #eeedf4;\r\n      @include displayFlex();\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    .month-row {\r\n      @include displayFlex();\r\n      @include justifyContent(space-between);\r\n      width: 100%;\r\n      border-bottom: 2px solid;\r\n      border-bottom-color: #eeedf4;\r\n    }\r\n\r\n    .month {\r\n      cursor: pointer;\r\n      text-align: center;\r\n      width: 100%;\r\n      height: rem-calc(64);\r\n      line-height: rem-calc(64);\r\n      font-weight: 500;\r\n      color: $button-default-text;\r\n\r\n      &:not(:last-child) {\r\n        border-right: 2px solid;\r\n        border-right-color: #eeedf4;\r\n      }\r\n\r\n      &:focus {\r\n        outline: none;\r\n      }\r\n\r\n      &:hover {\r\n        background-color: #efeef1;\r\n      }\r\n\r\n      &:active,\r\n      &.selected {\r\n        background-color: #575195;\r\n        color: #ffffff;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.user-is-tabbing {\r\n    button:focus,\r\n    .title-box:focus,\r\n    .date-cell:focus,\r\n    .month:focus {\r\n      @include focus-style;\r\n      border: none;\r\n      z-index: 11;\r\n    }\r\n  }\r\n}\r\n\r\n.sr-only {\r\n  @include srOnly;\r\n}\r\n","import { h, Component, Prop, Element, Event, EventEmitter, Listen, State } from \"@stencil/core\";\r\nimport { forceUpdate } from \"@stencil/core\";\r\nimport { intl, hasRoomRight, shouldOpenUp } from \"../../../global/functions\";\r\n\r\n@Component({\r\n  tag: \"priv-datepicker\",\r\n  styleUrl: \"priv-datepicker.scss\",\r\n})\r\nexport class PrivDatepicker {\r\n  @Element() el!: HTMLPrivDatepickerElement;\r\n\r\n  @Prop() disabled: boolean = false;\r\n  @Prop({ mutable: true, reflect: true }) isExpanded: boolean = false;\r\n  @Prop({ mutable: true, reflect: true }) view: string = \"day\";\r\n  @Prop({ mutable: true, reflect: true }) date: Date = new Date();\r\n  @Prop({ mutable: true }) selectedYear: number = this.date.getUTCFullYear();\r\n  @Prop({ mutable: true }) selectedMonth: number = this.date.getUTCMonth() + 1;\r\n  @Prop({ mutable: true }) selectedDay: number = this.date.getUTCDate();\r\n  @Prop({ mutable: true }) monthInFocus: number = this.selectedMonth;\r\n  @Prop({ mutable: true }) yearInFocus: number = this.selectedYear;\r\n  @Prop({ mutable: true }) dayInFocus: number = this.selectedDay;\r\n  @State() monthNumInFocus: number = this.selectedMonth;\r\n  @Prop({ mutable: true, reflect: true }) parentId: string = \"\";\r\n\r\n  @State() isTabbing: boolean = false;\r\n\r\n  selectedDate!: HTMLTableCellElement;\r\n\r\n  @Event() cellTriggered!: EventEmitter<HTMLElement>;\r\n  @Event() toggleButtonClicked!: EventEmitter<HTMLButtonElement>;\r\n  @Event() popupClosed!: EventEmitter;\r\n  @Event() popupBlurred!: EventEmitter<{ relatedTarget: EventTarget | null }>;\r\n\r\n  private popupEl?: HTMLElement;\r\n  private buttonEl!: HTMLButtonElement;\r\n  private popupClicked: boolean = true;\r\n  private buttonClicked: boolean = true;\r\n  private prevButton!: HTMLButtonElement;\r\n  private nextButton!: HTMLButtonElement;\r\n  private prevClicked: boolean = true;\r\n  private nextClicked: boolean = true;\r\n  private openUp: boolean = false;\r\n\r\n  private calendar_months: Array<string> = [\r\n    intl.formatMessage({\r\n      id: \"date.january\",\r\n      defaultMessage: \"January\",\r\n      description: \"Month of the year\",\r\n    }),\r\n    intl.formatMessage({\r\n      id: \"date.february\",\r\n      defaultMessage: \"February\",\r\n      description: \"Month of the year\",\r\n    }),\r\n    intl.formatMessage({\r\n      id: \"date.march\",\r\n      defaultMessage: \"March\",\r\n      description: \"Month of the year\",\r\n    }),\r\n    intl.formatMessage({\r\n      id: \"date.april\",\r\n      defaultMessage: \"April\",\r\n      description: \"Month of the year\",\r\n    }),\r\n    intl.formatMessage({\r\n      id: \"date.may\",\r\n      defaultMessage: \"May\",\r\n      description: \"Month of the year\",\r\n    }),\r\n    intl.formatMessage({\r\n      id: \"date.june\",\r\n      defaultMessage: \"June\",\r\n      description: \"Month of the year\",\r\n    }),\r\n    intl.formatMessage({\r\n      id: \"date.july\",\r\n      defaultMessage: \"July\",\r\n      description: \"Month of the year\",\r\n    }),\r\n    intl.formatMessage({\r\n      id: \"date.august\",\r\n      defaultMessage: \"August\",\r\n      description: \"Month of the year\",\r\n    }),\r\n    intl.formatMessage({\r\n      id: \"date.september\",\r\n      defaultMessage: \"September\",\r\n      description: \"Month of the year\",\r\n    }),\r\n    intl.formatMessage({\r\n      id: \"date.october\",\r\n      defaultMessage: \"October\",\r\n      description: \"Month of the year\",\r\n    }),\r\n    intl.formatMessage({\r\n      id: \"date.november\",\r\n      defaultMessage: \"November\",\r\n      description: \"Month of the year\",\r\n    }),\r\n    intl.formatMessage({\r\n      id: \"date.december\",\r\n      defaultMessage: \"December\",\r\n      description: \"Month of the year\",\r\n    }),\r\n  ];\r\n\r\n  private weekdays: Array<string> = [\r\n    intl.formatMessage({ id: \"date.sunday\", defaultMessage: \"Sunday\" }),\r\n    intl.formatMessage({ id: \"date.monday\", defaultMessage: \"Monday\" }),\r\n    intl.formatMessage({ id: \"date.tuesday\", defaultMessage: \"Tuesday\" }),\r\n    intl.formatMessage({ id: \"date.wednesday\", defaultMessage: \"Wednesday\" }),\r\n    intl.formatMessage({ id: \"date.thursday\", defaultMessage: \"Thursday\" }),\r\n    intl.formatMessage({ id: \"date.friday\", defaultMessage: \"Friday\" }),\r\n    intl.formatMessage({ id: \"date.saturday\", defaultMessage: \"Saturday\" }),\r\n  ];\r\n\r\n  @Listen(\"keydown\")\r\n  handleKey(ev: KeyboardEvent): void {\r\n    this.prevClicked = false;\r\n    this.nextClicked = false;\r\n\r\n    switch (ev.key) {\r\n      case \"Enter\":\r\n        ev.preventDefault();\r\n        //Clunky exception for blur validation. Remove when blur reworked.\r\n        !(ev.target as HTMLElement).id.includes(\"popup-title\") && (ev.target as HTMLElement)!.click();\r\n        break;\r\n\r\n      case \"Escape\":\r\n        ev.preventDefault();\r\n        if (this.isExpanded) {\r\n          ev.stopPropagation(); // prevents closing of parent modal\r\n          this.closePopup(true);\r\n        }\r\n        break;\r\n\r\n      case \"PageUp\":\r\n        ev.preventDefault();\r\n        this.backOneMonth();\r\n        break;\r\n\r\n      case \"PageDown\":\r\n        ev.preventDefault();\r\n        this.forwardOneMonth();\r\n        break;\r\n\r\n      case \"Home\":\r\n        ev.preventDefault();\r\n        this.unfocusCell();\r\n        this.dayInFocus = 1;\r\n        forceUpdate(this.el);\r\n        break;\r\n\r\n      case \"End\":\r\n        ev.preventDefault();\r\n        this.unfocusCell();\r\n        this.dayInFocus = this.getMonthDays(this.monthInFocus, this.yearInFocus);\r\n        forceUpdate(this.el);\r\n        break;\r\n\r\n      case \"ArrowLeft\":\r\n        ev.preventDefault();\r\n        if (this.view === \"day\") {\r\n          this.unfocusCell();\r\n          if (this.dayInFocus === 1) {\r\n            const newMonth = this.getPreviousMonth(this.monthInFocus, this.yearInFocus);\r\n            this.monthInFocus = newMonth.month;\r\n            this.yearInFocus = newMonth.year;\r\n            this.dayInFocus = this.getMonthDays(this.monthInFocus, this.yearInFocus);\r\n          } else {\r\n            this.dayInFocus -= 1;\r\n          }\r\n        } else {\r\n          this.unfocusMonth();\r\n          if (this.monthNumInFocus === 0) {\r\n            this.monthNumInFocus = 11;\r\n          } else {\r\n            this.monthNumInFocus -= 1;\r\n          }\r\n        }\r\n        break;\r\n\r\n      case \"ArrowRight\":\r\n        ev.preventDefault();\r\n        if (this.view === \"day\") {\r\n          this.unfocusCell();\r\n          if (this.dayInFocus === this.getMonthDays(this.monthInFocus, this.yearInFocus)) {\r\n            const newMonth = this.getNextMonth(this.monthInFocus, this.yearInFocus);\r\n            this.monthInFocus = newMonth.month;\r\n            this.yearInFocus = newMonth.year;\r\n            this.dayInFocus = 1;\r\n          } else {\r\n            this.dayInFocus += 1;\r\n          }\r\n        } else {\r\n          this.unfocusMonth();\r\n          if (this.monthNumInFocus === 11) {\r\n            this.monthNumInFocus = 0;\r\n          } else {\r\n            this.monthNumInFocus += 1;\r\n          }\r\n        }\r\n        break;\r\n\r\n      case \"ArrowUp\":\r\n        ev.preventDefault();\r\n        if (this.view === \"day\") {\r\n          this.unfocusCell();\r\n          if (this.dayInFocus < 8) {\r\n            const newMonth = this.getPreviousMonth(this.monthInFocus, this.yearInFocus);\r\n            this.monthInFocus = newMonth.month;\r\n            this.yearInFocus = newMonth.year;\r\n            const numDaysToSubtract = 7 - this.dayInFocus;\r\n            this.dayInFocus = this.getMonthDays(this.monthInFocus, this.yearInFocus) - numDaysToSubtract;\r\n          } else {\r\n            this.dayInFocus -= 7;\r\n          }\r\n        } else {\r\n          this.unfocusMonth();\r\n          if (this.monthNumInFocus < 3) {\r\n            this.monthNumInFocus += 9;\r\n          } else {\r\n            this.monthNumInFocus -= 3;\r\n          }\r\n        }\r\n        break;\r\n\r\n      case \"ArrowDown\":\r\n        ev.preventDefault();\r\n        if (!this.isExpanded) {\r\n          this.openPopup();\r\n        } else {\r\n          if (this.view === \"day\") {\r\n            //If the down arrow is pressed from the month button or the arrow buttons, focus should shift to the current cell in focus\r\n            if (!(document.activeElement!.shadowRoot! || document).activeElement!.classList.contains(\"date-cell\")) {\r\n              this.focusCell();\r\n              break;\r\n            }\r\n\r\n            this.unfocusCell();\r\n            const changeoverDate = this.getMonthDays(this.monthInFocus, this.yearInFocus) - 7;\r\n            if (this.dayInFocus > changeoverDate) {\r\n              const newMonth = this.getNextMonth(this.monthInFocus, this.yearInFocus);\r\n              this.monthInFocus = newMonth.month;\r\n              this.yearInFocus = newMonth.year;\r\n              this.dayInFocus = this.dayInFocus - changeoverDate;\r\n            } else {\r\n              this.dayInFocus += 7;\r\n            }\r\n          } else {\r\n            //If the down arrow is pressed from the arrow buttons or the title box, focus should shift to the current month in focus\r\n            const activeEl = (document.activeElement!.shadowRoot! || document).activeElement!;\r\n            if (activeEl.tagName === \"BUTTON\" || activeEl.id.includes(\"popup-title-year\")) {\r\n              this.focusMonth();\r\n              break;\r\n            }\r\n\r\n            this.unfocusMonth();\r\n            if (this.monthNumInFocus > 8) {\r\n              this.monthNumInFocus -= 9;\r\n            } else {\r\n              this.monthNumInFocus += 3;\r\n            }\r\n          }\r\n        }\r\n        break;\r\n    }\r\n  }\r\n\r\n  @Listen(\"keydown\")\r\n  toggleTabbingOn(ev: KeyboardEvent) {\r\n    const validKeys = [\"Tab\", \"ArrowUp\", \"ArrowDown\", \"ArrowLeft\", \"ArrowRight\", \"Enter\"];\r\n    if (validKeys.includes(ev.key)) {\r\n      this.isTabbing = true;\r\n    }\r\n  }\r\n\r\n  //Using mousedown prevents this from running when the keydown listener emits \".click()\" for when enter is pressed.\r\n  @Listen(\"mousedown\", { target: \"window\" })\r\n  toggleTabbingOff() {\r\n    this.isTabbing = false;\r\n  }\r\n\r\n  @Listen(\"click\", { target: \"document\" })\r\n  blurHandler(ev: PointerEvent): void {\r\n    if (!this.popupClicked && !this.buttonClicked && this.isExpanded) {\r\n      this.closePopup();\r\n      // in this case, the PointerEvent target is identical to the blur events relatedTarget, and is passed on as such\r\n      this.popupBlurred.emit({ relatedTarget: ev.target });\r\n    }\r\n    this.popupClicked = false;\r\n    this.buttonClicked = false;\r\n  }\r\n\r\n  @Listen(\"blur\", { target: \"window\" })\r\n  handleBlurOnWindow(ev: FocusEvent) {\r\n    // for cases where the user clicks or uses a shortcut to leave the document\r\n    if (this.isExpanded) {\r\n      this.closePopup();\r\n      this.popupBlurred.emit({ relatedTarget: ev.target });\r\n    }\r\n  }\r\n\r\n  componentDidUpdate() {\r\n    this.handleSelectedDate();\r\n    if (this.isExpanded) {\r\n      this.prevClicked\r\n        ? this.prevButton.focus()\r\n        : this.nextClicked\r\n        ? this.nextButton.focus()\r\n        : this.view === \"day\"\r\n        ? this.focusCell()\r\n        : this.focusMonth();\r\n    }\r\n  }\r\n\r\n  componentDidLoad() {\r\n    this.handleSelectedDate();\r\n    this.setDateValuesForView();\r\n  }\r\n\r\n  zeroPad(value: number | string, length: number) {\r\n    if (!String.prototype.padStart) {\r\n      String.prototype.padStart = function padStart(targetLength, padString) {\r\n        targetLength = targetLength - this.length;\r\n        if (targetLength > padString!.length) {\r\n          padString += padString!.repeat(targetLength / padString!.length);\r\n        }\r\n        return padString!.slice(0, targetLength) + String(this);\r\n      };\r\n    }\r\n    return `${value.toString()}`.padStart(length, \"0\");\r\n  }\r\n\r\n  removeZeroes(date: string): number {\r\n    return +date < 10 ? +date.slice(1) : +date;\r\n  }\r\n\r\n  isDateToday(date: Array<string>): boolean {\r\n    const today = new Date();\r\n    const todayDateArray = [\r\n      today.getFullYear().toString(),\r\n      (today.getMonth() + 1).toString(),\r\n      today.getDate().toString(),\r\n    ];\r\n    //Compare today's date to date and return true if they match\r\n    return todayDateArray.reduce(\r\n      (result: boolean, val: string, index: number) => result && this.removeZeroes(date[index]).toString() === val,\r\n      true\r\n    );\r\n  }\r\n\r\n  togglePopup() {\r\n    this.isExpanded ? this.closePopup() : this.openPopup();\r\n    this.buttonClicked = true;\r\n  }\r\n\r\n  closePopup(returnFocus: boolean = false) {\r\n    this.isExpanded = false;\r\n    this.popupEl!.classList.remove(\"open\");\r\n    window.setTimeout(() => {\r\n      //not using display none in order to get measurements of the popup while hidden\r\n      this.popupEl!.style.visibility = \"hidden\";\r\n    }, 250);\r\n    //Reset values so that menu reopens to day view with selected date in focus\r\n    if (this.view === \"day\") {\r\n      this.unfocusCell();\r\n    }\r\n    this.monthInFocus = this.selectedMonth;\r\n    this.yearInFocus = this.selectedYear;\r\n    this.dayInFocus = this.selectedDay;\r\n    this.changeView(\"day\");\r\n    if (returnFocus) {\r\n      this.buttonEl.focus();\r\n    }\r\n  }\r\n\r\n  openPopup() {\r\n    this.panelPosition();\r\n    this.setDateValuesForView();\r\n    this.prevClicked = false;\r\n    this.nextClicked = false;\r\n    this.popupEl!.style.visibility = \"visible\";\r\n    window.requestAnimationFrame(() => {\r\n      this.popupEl!.classList.add(\"open\");\r\n    });\r\n    this.isExpanded = true;\r\n    this.focusCell();\r\n  }\r\n\r\n  getMonthDays(month: number, year: number) {\r\n    const months30 = [4, 6, 9, 11];\r\n    const leapYear = year % 4 === 0;\r\n\r\n    return month === 2 ? (leapYear ? 29 : 28) : months30.includes(month) ? 30 : 31;\r\n  }\r\n\r\n  // 1 => Sunday, 7 => Saturday\r\n  getMonthFirstDay(month: number, year: number) {\r\n    return +new Date(year, month - 1, 1, 12, 0, 0).getDay() + 1;\r\n  }\r\n\r\n  getPreviousMonth(month: number, year: number) {\r\n    const prevMonth = month > 1 ? month - 1 : 12;\r\n    const prevMonthYear = month > 1 ? year : year - 1;\r\n\r\n    return { month: prevMonth, year: prevMonthYear };\r\n  }\r\n\r\n  getNextMonth(month: number, year: number) {\r\n    const nextMonth = month < 12 ? month + 1 : 1;\r\n    const nextMonthYear = month < 12 ? year : year + 1;\r\n\r\n    return { month: nextMonth, year: nextMonthYear };\r\n  }\r\n\r\n  getCalendarDates(month: number, year: number) {\r\n    // Get number of days in the month and the month's first day\r\n    const monthDays = this.getMonthDays(month, year);\r\n    const monthFirstDay = this.getMonthFirstDay(month, year);\r\n\r\n    // Get number of days to be displayed from previous and next months\r\n    // These ensure a total of 42 days (6 weeks) displayed on the calendar\r\n    const daysFromPrevMonth = monthFirstDay - 1;\r\n    let daysFromNextMonth = 42 - (daysFromPrevMonth + monthDays);\r\n    daysFromNextMonth = daysFromNextMonth > 6 ? daysFromNextMonth - 7 : daysFromNextMonth;\r\n\r\n    // Get the previous and next months and years\r\n    const { month: prevMonth, year: prevMonthYear } = this.getPreviousMonth(month, year);\r\n    const { month: nextMonth, year: nextMonthYear } = this.getNextMonth(month, year);\r\n\r\n    // Get number of days in previous month\r\n    const prevMonthDays = this.getMonthDays(prevMonth, prevMonthYear);\r\n\r\n    // Builds dates to be displayed from previous month. The initialized array is \"filled\" with an arbitrary number because IE and Edge won't map over an array with empty values.\r\n    const prevMonthDates = [...new Array(daysFromPrevMonth).fill(\"1\")].map((_, index) => {\r\n      const day = index + 1 + (prevMonthDays - daysFromPrevMonth);\r\n      return [prevMonthYear.toString(), this.zeroPad(prevMonth, 2), this.zeroPad(day, 2)];\r\n    });\r\n\r\n    // Builds dates to be displayed from current month. The initialized array is \"filled\" with an arbitrary number because IE and Edge won't map over an array with empty values.\r\n    const thisMonthDates = [...new Array(monthDays).fill(\"1\")].map((_, index) => {\r\n      const day = index + 1;\r\n      return [year.toString(), this.zeroPad(month, 2), this.zeroPad(day, 2)];\r\n    });\r\n\r\n    // Builds dates to be displayed from next month. The initialized array is \"filled\" with an arbitrary number because IE and Edge won't map over an array with empty values.\r\n    const nextMonthDates = [...new Array(daysFromNextMonth).fill(\"1\")].map((_, index) => {\r\n      const day = index + 1;\r\n      return [nextMonthYear.toString(), this.zeroPad(nextMonth, 2), this.zeroPad(day, 2)];\r\n    });\r\n\r\n    // Combines all dates from previous, current and next months\r\n    return [...prevMonthDates, ...thisMonthDates, ...nextMonthDates];\r\n  }\r\n\r\n  forwardOneMonth() {\r\n    this.unfocusCell();\r\n    const newMonth = this.getNextMonth(this.monthInFocus, this.yearInFocus);\r\n    this.monthInFocus = newMonth.month;\r\n    this.yearInFocus = newMonth.year;\r\n    const totalDays = this.getMonthDays(this.monthInFocus, this.yearInFocus);\r\n    if (this.dayInFocus > this.getMonthDays(this.monthInFocus, this.yearInFocus)) {\r\n      this.dayInFocus = totalDays;\r\n    }\r\n    this.updateLiveRegion(`Displaying ${this.calendar_months[this.monthInFocus - 1]}, ${this.yearInFocus}`);\r\n  }\r\n\r\n  backOneMonth() {\r\n    this.unfocusCell();\r\n    const newMonth = this.getPreviousMonth(this.monthInFocus, this.yearInFocus);\r\n    this.monthInFocus = newMonth.month;\r\n    this.yearInFocus = newMonth.year;\r\n    const totalDays = this.getMonthDays(this.monthInFocus, this.yearInFocus);\r\n    if (this.dayInFocus > this.getMonthDays(this.monthInFocus, this.yearInFocus)) {\r\n      this.dayInFocus = totalDays;\r\n    }\r\n    this.updateLiveRegion(`Viewing ${this.calendar_months[this.monthInFocus - 1]}, ${this.yearInFocus}`);\r\n  }\r\n\r\n  handleTriggeredDate(el: HTMLTableDataCellElement) {\r\n    this.cellTriggered.emit(el as HTMLTableDataCellElement);\r\n    // change of input value will trigger the function updating selectedDate\r\n    this.closePopup(true);\r\n  }\r\n\r\n  handleSelectedDate() {\r\n    //Remove old selection status\r\n    if (this.selectedDate) {\r\n      this.selectedDate.removeAttribute(\"aria-selected\");\r\n    }\r\n    //Update selected date to new date inputted/selected\r\n    this.selectedDate = this.getCellById(this.selectedYear, this.selectedMonth, this.selectedDay);\r\n\r\n    if (this.selectedDate) {\r\n      this.selectedDate.setAttribute(\"aria-selected\", \"true\");\r\n    }\r\n  }\r\n\r\n  getCellById(year: number, month: number, day: number) {\r\n    const id = year + this.zeroPad(month, 2) + this.zeroPad(day, 2);\r\n    return this.el.querySelector(`#cell-${id}-${this.parentId}`) as HTMLTableCellElement;\r\n  }\r\n\r\n  unfocusCell() {\r\n    const cellToUnfocus = this.getCellById(this.yearInFocus, this.monthInFocus, this.dayInFocus);\r\n    cellToUnfocus.tabIndex = -1;\r\n  }\r\n\r\n  focusCell() {\r\n    //These two lines of code prevent an error from happening when the day in focus does not exist in a new month selected, e.g., May 31 is in focus, then the user selects \"November\". It will return focus in the date view to the last day of the month so that focus doesn't fly out of the popup.\r\n    const maxDays = this.getMonthDays(this.monthInFocus, this.yearInFocus);\r\n    this.dayInFocus = this.dayInFocus > maxDays ? maxDays : this.dayInFocus;\r\n\r\n    const cellToFocus = this.getCellById(this.yearInFocus, this.monthInFocus, this.dayInFocus);\r\n    if (cellToFocus) {\r\n      cellToFocus.tabIndex = 0;\r\n      cellToFocus.focus();\r\n    }\r\n  }\r\n\r\n  unfocusMonth() {\r\n    const monthToUnfocus = this.el.querySelector(`#month-${this.monthNumInFocus}-${this.parentId}`) as HTMLDivElement;\r\n    monthToUnfocus.tabIndex = -1;\r\n  }\r\n\r\n  focusMonth() {\r\n    const monthToFocus = this.el.querySelector(`#month-${this.monthNumInFocus}-${this.parentId}`) as HTMLDivElement;\r\n    monthToFocus.tabIndex = 0;\r\n    monthToFocus.focus();\r\n  }\r\n\r\n  trapFocusLeft(ev: KeyboardEvent) {\r\n    if (ev.shiftKey && ev.key === \"Tab\") {\r\n      ev.preventDefault();\r\n      this.focusCellInView();\r\n    }\r\n  }\r\n\r\n  trapFocusEnd(ev: KeyboardEvent) {\r\n    if (!ev.shiftKey && ev.key === \"Tab\") {\r\n      ev.preventDefault();\r\n      this.prevButton.focus();\r\n    }\r\n  }\r\n\r\n  trapFocusRight(ev: KeyboardEvent) {\r\n    if (!ev.shiftKey && ev.key === \"Tab\") {\r\n      ev.preventDefault();\r\n      this.focusCellInView();\r\n    }\r\n  }\r\n\r\n  focusCellInView() {\r\n    if (this.view === \"day\") {\r\n      this.focusCell();\r\n    } else {\r\n      this.focusMonth();\r\n    }\r\n  }\r\n\r\n  toggleBusyAttribute(state: string) {\r\n    (this.el.querySelector(\"#wm-container\") as HTMLElement).setAttribute(\"aria-busy\", state);\r\n  }\r\n\r\n  setDateValuesForView() {\r\n    this.selectedYear = this.date.getUTCFullYear();\r\n    this.selectedMonth = this.date.getUTCMonth() + 1;\r\n    this.selectedDay = this.date.getUTCDate();\r\n    this.monthInFocus = this.selectedMonth;\r\n    this.yearInFocus = this.selectedYear;\r\n    this.dayInFocus = this.selectedDay;\r\n    this.monthNumInFocus = this.selectedMonth - 1;\r\n  }\r\n\r\n  updateLiveRegion(text: string) {\r\n    let liveRegion = this.el.querySelector(\"#live-region\") as HTMLElement;\r\n    liveRegion.innerHTML = text;\r\n  }\r\n\r\n  panelPosition() {\r\n    // getting a ref to the input el (in datepicker.tsx)\r\n    let host = document.getElementById(this.parentId) as HTMLWmDatepickerElement;\r\n\r\n    const labelHeight = host.shadowRoot!.querySelector(\".label-wrapper\")!.clientHeight;\r\n\r\n    this.openUp = shouldOpenUp(host, this.popupEl!, labelHeight);\r\n\r\n    if (hasRoomRight(host, 336)) {\r\n      this.popupEl!.style.left = \"0\";\r\n      this.popupEl!.style.right = \"auto\";\r\n    } else {\r\n      this.popupEl!.style.right = \"0\";\r\n      this.popupEl!.style.left = \"auto\";\r\n    }\r\n  }\r\n\r\n  changeView(newView: string) {\r\n    this.view = newView;\r\n    //Ensure month view always opens to the month last visited in date view\r\n    this.monthNumInFocus = this.monthInFocus - 1;\r\n  }\r\n\r\n  renderCalendarDate = (date: Array<string>, index: number) => {\r\n    let monthOfDate = this.removeZeroes(String(date[1]));\r\n    let dayOfDate = this.removeZeroes(String(date[2]));\r\n    let isThisMonth = monthOfDate === this.monthInFocus ? \"current-month\" : \"\";\r\n    const dateId = date[0] + date[1] + date[2];\r\n    const isToday = this.isDateToday(date);\r\n\r\n    return (\r\n      <div\r\n        role=\"gridcell\"\r\n        id={`cell-${dateId}-${this.parentId}`}\r\n        class={`date-cell ${isThisMonth}`}\r\n        aria-selected={false}\r\n        aria-label={`${\r\n          isToday\r\n            ? `${intl.formatMessage({\r\n                id: \"date.today\",\r\n                defaultMessage: \"today\",\r\n                description: \"calendar button\",\r\n              })}, `\r\n            : \"\"\r\n        }${this.weekdays[index]}, ${this.calendar_months[monthOfDate - 1]} ${dayOfDate}, ${date[0]}`}\r\n        onClick={(ev) => {\r\n          this.handleTriggeredDate(ev.target as HTMLTableDataCellElement);\r\n        }}\r\n        onKeyDown={(ev: KeyboardEvent) => this.trapFocusEnd(ev)}\r\n        data-month={date[1]}\r\n        data-year={date[0]}\r\n        onBlur={(ev: FocusEvent) => ev.stopPropagation()}\r\n      >\r\n        {dayOfDate}\r\n      </div>\r\n    );\r\n  };\r\n\r\n  renderMonths(month: string, index: number) {\r\n    return (\r\n      <div\r\n        id={`month-${index}-${this.parentId}`}\r\n        class={`month ${this.selectedMonth - 1 === index ? \"selected\" : \"\"}`}\r\n        role=\"gridcell\"\r\n        tabindex={index + 1 === this.monthInFocus ? 0 : -1}\r\n        onKeyDown={(ev: KeyboardEvent) => this.trapFocusEnd(ev)}\r\n        onBlur={(ev: FocusEvent) => ev.stopPropagation()}\r\n        onClick={() => {\r\n          this.monthInFocus = index + 1;\r\n          this.changeView(\"day\");\r\n        }}\r\n      >\r\n        {month}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  render() {\r\n    const dates = this.getCalendarDates(this.monthInFocus, this.yearInFocus);\r\n\r\n    return (\r\n      <div class=\"container\" id=\"wm-container\">\r\n        <button\r\n          disabled={this.disabled}\r\n          onClick={this.togglePopup.bind(this)}\r\n          aria-describedby={`date-input-${this.parentId}`}\r\n          ref={(el) => (this.buttonEl = el as HTMLButtonElement)}\r\n          aria-expanded={`${this.isExpanded}`}\r\n          class=\"toggle\"\r\n          id={`toggle-${this.parentId}`}\r\n        >\r\n          <span\r\n            class=\"calendar\"\r\n            title={intl.formatMessage({\r\n              id: \"date.calendarView\",\r\n              defaultMessage: \"Calendar View\",\r\n              description: \"Calendar button\",\r\n            })}\r\n          />\r\n        </button>\r\n        <div\r\n          class={`popup ${this.view}-view ${this.openUp ? \"expand-upwards\" : \"\"} ${\r\n            this.isTabbing ? \"user-is-tabbing\" : \"\"\r\n          }`}\r\n          id={`popup-${this.parentId}`}\r\n          ref={(el) => (this.popupEl = el as HTMLElement)}\r\n          onClick={() => (this.popupClicked = true)}\r\n          role=\"application\"\r\n          aria-describedby=\"application\"\r\n        >\r\n          {this.view === \"day\" ? (\r\n            <div class=\"day-view\">\r\n              <div class=\"calendar-header\">\r\n                <button\r\n                  onClick={() => {\r\n                    this.prevClicked = true;\r\n                    this.popupClicked = true;\r\n                    this.backOneMonth();\r\n                  }}\r\n                  onKeyDown={(ev: KeyboardEvent) => this.trapFocusLeft(ev)}\r\n                  ref={(el) => (this.prevButton = el as HTMLButtonElement)}\r\n                  class=\"arw-btn\"\r\n                  aria-label={intl.formatMessage({\r\n                    id: \"date.selectPreviousMonth\",\r\n                    defaultMessage: \"Select previous month\",\r\n                    description: \"Calendar button\",\r\n                  })}\r\n                >\r\n                  <span class=\"mdi\">&#xf141;</span>\r\n                </button>\r\n                <div\r\n                  id={`popup-title-month-${this.parentId}`}\r\n                  class=\"title-box\"\r\n                  tabindex={0}\r\n                  role=\"button\"\r\n                  onKeyDown={(ev: KeyboardEvent) => {\r\n                    if (ev.key === \"Enter\" || ev.key === \" \") {\r\n                      ev.preventDefault();\r\n                      this.changeView(\"month\");\r\n                    }\r\n                  }}\r\n                  onClick={this.changeView.bind(this, \"month\")}\r\n                  aria-label={`${intl.formatMessage({\r\n                    id: \"date.currentMonth\",\r\n                    defaultMessage: \"current month\",\r\n                    description: \"Calendar button\",\r\n                  })}: ${this.calendar_months[this.monthInFocus - 1]}\r\n                  ${this.yearInFocus}.`}\r\n                  aria-describedby=\"month-title\"\r\n                >\r\n                  <span class=\"title\" aria-hidden=\"true\">\r\n                    {this.calendar_months[this.monthInFocus - 1]} {this.yearInFocus}\r\n                  </span>\r\n                </div>\r\n                <button\r\n                  onClick={() => {\r\n                    this.nextClicked = true;\r\n                    this.popupClicked = true;\r\n                    this.forwardOneMonth();\r\n                  }}\r\n                  onKeyDown={(ev: KeyboardEvent) => this.trapFocusRight(ev)}\r\n                  aria-label={intl.formatMessage({\r\n                    id: \"date.selectNextMonth\",\r\n                    defaultMessage: \"Select next month\",\r\n                    description: \"Calendar button\",\r\n                  })}\r\n                  ref={(el) => (this.nextButton = el as HTMLButtonElement)}\r\n                  class=\"arw-btn\"\r\n                >\r\n                  <span class=\"mdi\">&#xf142;</span>\r\n                </button>\r\n              </div>\r\n              <div aria-labelledby={`popup-title-month-${this.parentId}`} role=\"grid\" class=\"date-grid\">\r\n                <div role=\"rowgroup\" class=\"date-header\">\r\n                  <div role=\"row\" class=\"header-row\">\r\n                    <div role=\"columnheader\" class=\"header-cell\">\r\n                      <span>\r\n                        {intl.formatMessage({\r\n                          id: \"date.su\",\r\n                          defaultMessage: \"Su\",\r\n                          description: \"Abbreviated day of the week\",\r\n                        })}\r\n                      </span>\r\n                    </div>\r\n                    <div role=\"columnheader\" class=\"header-cell\">\r\n                      <span>\r\n                        {intl.formatMessage({\r\n                          id: \"date.mo\",\r\n                          defaultMessage: \"Mo\",\r\n                          description: \"Abbreviated day of the week\",\r\n                        })}\r\n                      </span>\r\n                    </div>\r\n                    <div role=\"columnheader\" class=\"header-cell\">\r\n                      <span>\r\n                        {intl.formatMessage({\r\n                          id: \"date.tu\",\r\n                          defaultMessage: \"Tu\",\r\n                          description: \"Abbreviated day of the week\",\r\n                        })}\r\n                      </span>\r\n                    </div>\r\n                    <div role=\"columnheader\" class=\"header-cell\">\r\n                      <span>\r\n                        {intl.formatMessage({\r\n                          id: \"date.we\",\r\n                          defaultMessage: \"We\",\r\n                          description: \"Abbreviated day of the week\",\r\n                        })}\r\n                      </span>\r\n                    </div>\r\n                    <div role=\"columnheader\" class=\"header-cell\">\r\n                      <span>\r\n                        {intl.formatMessage({\r\n                          id: \"date.th\",\r\n                          defaultMessage: \"Th\",\r\n                          description: \"Abbreviated day of the week\",\r\n                        })}\r\n                      </span>\r\n                    </div>\r\n                    <div role=\"columnheader\" class=\"header-cell\">\r\n                      <span>\r\n                        {intl.formatMessage({\r\n                          id: \"date.fr\",\r\n                          defaultMessage: \"Fr\",\r\n                          description: \"Abbreviated day of the week\",\r\n                        })}\r\n                      </span>\r\n                    </div>\r\n                    <div role=\"columnheader\" class=\"header-cell\">\r\n                      <span>\r\n                        {intl.formatMessage({\r\n                          id: \"date.sa\",\r\n                          defaultMessage: \"Sa\",\r\n                          description: \"Abbreviated day of the week\",\r\n                        })}\r\n                      </span>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div role=\"rowgroup\">\r\n                  <div role=\"row\" class=\"date-row\">\r\n                    {dates.slice(0, 7).map((date, i) => this.renderCalendarDate(date, i))}\r\n                  </div>\r\n                  <div role=\"row\">{dates.slice(7, 14).map((date, i) => this.renderCalendarDate(date, i))}</div>\r\n                  <div role=\"row\">{dates.slice(14, 21).map((date, i) => this.renderCalendarDate(date, i))}</div>\r\n                  <div role=\"row\">{dates.slice(21, 28).map((date, i) => this.renderCalendarDate(date, i))}</div>\r\n                  <div role=\"row\">{dates.slice(28, 35).map((date, i) => this.renderCalendarDate(date, i))}</div>\r\n                  {dates.length > 35 ? (\r\n                    <div role=\"row\">{dates.slice(35).map((date, i) => this.renderCalendarDate(date, i))}</div>\r\n                  ) : (\r\n                    \"\"\r\n                  )}\r\n                </div>\r\n              </div>\r\n            </div>\r\n          ) : (\r\n            <div class=\"month-view\">\r\n              <div class=\"calendar-header\">\r\n                <button\r\n                  onClick={() => {\r\n                    this.prevClicked = true;\r\n                    this.popupClicked = true;\r\n                    this.yearInFocus -= 1;\r\n                    this.updateLiveRegion(`${this.yearInFocus} selected.`);\r\n                  }}\r\n                  onKeyDown={(ev: KeyboardEvent) => this.trapFocusLeft(ev)}\r\n                  aria-label={intl.formatMessage({\r\n                    id: \"date.selectPreviousYear\",\r\n                    defaultMessage: \"Select previous year\",\r\n                    description: \"Calendar button\",\r\n                  })}\r\n                  ref={(el) => (this.prevButton = el as HTMLButtonElement)}\r\n                  class=\"arw-btn\"\r\n                >\r\n                  <span class=\"mdi\">&#xf141;</span>\r\n                </button>\r\n                <div\r\n                  id={`popup-title-year-${this.parentId}`}\r\n                  tabindex={0}\r\n                  class=\"title-box year\"\r\n                  role=\"button\"\r\n                  onClick={this.changeView.bind(this, \"day\")}\r\n                  onKeyDown={(ev: KeyboardEvent) => {\r\n                    if (ev.key === \"Enter\" || ev.key === \" \") {\r\n                      ev.preventDefault();\r\n                      this.changeView(\"day\");\r\n                    }\r\n                  }}\r\n                  aria-labelledby=\"year-title\"\r\n                >\r\n                  <span class=\"title\">{this.yearInFocus}</span>\r\n                </div>\r\n                <button\r\n                  onClick={() => {\r\n                    this.nextClicked = true;\r\n                    this.popupClicked = true;\r\n                    this.yearInFocus += 1;\r\n                    this.updateLiveRegion(`${this.yearInFocus} selected.`);\r\n                  }}\r\n                  aria-label={intl.formatMessage({\r\n                    id: \"date.selectNextYear\",\r\n                    defaultMessage: \"Select next year\",\r\n                    description: \"Calendar button\",\r\n                  })}\r\n                  onKeyDown={(ev: KeyboardEvent) => this.trapFocusRight(ev)}\r\n                  ref={(el) => (this.nextButton = el as HTMLButtonElement)}\r\n                  class=\"arw-btn\"\r\n                >\r\n                  <span class=\"mdi\">&#xf142;</span>\r\n                </button>\r\n              </div>\r\n              <div aria-labelledby={`popup-title-year-${this.parentId}`} role=\"grid\" class=\"months\">\r\n                <div role=\"row\" class=\"month-row\">\r\n                  {this.calendar_months\r\n                    .slice(0, 3)\r\n                    .map((month: string, index: number) => this.renderMonths(month, index))}\r\n                </div>\r\n                <div role=\"row\" class=\"month-row\">\r\n                  {this.calendar_months\r\n                    .slice(3, 6)\r\n                    .map((month: string, index: number) => this.renderMonths(month, index + 3))}\r\n                </div>\r\n                <div role=\"row\" class=\"month-row\">\r\n                  {this.calendar_months\r\n                    .slice(6, 9)\r\n                    .map((month: string, index: number) => this.renderMonths(month, index + 6))}\r\n                </div>\r\n                <div role=\"row\" class=\"month-row\">\r\n                  {this.calendar_months\r\n                    .slice(9)\r\n                    .map((month: string, index: number) => this.renderMonths(month, index + 9))}\r\n                </div>\r\n              </div>\r\n            </div>\r\n          )}\r\n        </div>\r\n        {this.isExpanded && <div id=\"live-region\" aria-live=\"polite\" aria-relevant=\"text\" class=\"sr-only\" />}\r\n        <div id=\"month-title\" class=\"sr-only\">\r\n          {intl.formatMessage({\r\n            id: \"date.selectMonth\",\r\n            defaultMessage: \"Activate to select a month.\",\r\n            description: \"Calendar button\",\r\n          })}\r\n        </div>\r\n        <div id=\"year-title\" class=\"sr-only\">\r\n          {intl.formatMessage({\r\n            id: \"date.selectYear\",\r\n            defaultMessage: \"Activate to select a year.\",\r\n            description: \"Calendar button\",\r\n          })}\r\n        </div>\r\n        <div id=\"application\" class=\"sr-only\">\r\n          {intl.formatMessage({\r\n            id: \"date.instructions\",\r\n            defaultMessage:\r\n              \"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.\",\r\n          })}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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"}

package/dist/esm-es5/priv-navigator-button.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["privNavigatorButtonCss","PrivNavigatorButton","prototype","handleClick","this","buttonActivated","emit","render","_a","altText","tabbingClass","isTabbing","h","expanded","toString","class","concat","onClick","bind"],"sources":["src/components/wm-navigator/priv-navigator-button/priv-navigator-button.scss?tag=priv-navigator-button&encapsulation=shadow","src/components/wm-navigator/priv-navigator-button/priv-navigator-button.tsx"],"sourcesContent":[":host,\npriv-navigator-button {\n  * {\n    box-sizing: border-box;\n  }\n\n  .navigator {\n    color: #575195;\n    padding: 0 1.25rem;\n    position: static !important;\n    height: 100%;\n    background: transparent;\n    border: none;\n    min-height: rem-calc(60);\n    cursor: pointer;\n    border-radius: 0; //Edge\n    top: 50%;\n    img {\n      height: rem-calc(36);\n      width: rem-calc(36);\n      vertical-align: middle;\n    }\n\n    &:hover {\n      background: #dcdbde;\n    }\n\n    &:active,\n    &:focus {\n      outline: none;\n    }\n\n    &.user-is-tabbing:focus {\n      @include focus-style;\n    }\n  }\n\n  button:after {\n    vertical-align: middle;\n    height: rem-calc(36);\n    width: rem-calc(36);\n    background-size: 36px;\n    display: inline-block;\n    background-image: url(https://cdn.watermarkinsights.com/images/icons/appswitchericon_purple.svg);\n    content: \"\";\n  }\n}\n","import { Component, Element, h, Prop, Event, EventEmitter } from \"@stencil/core\";\n\n@Component({\n  tag: \"priv-navigator-button\",\n  styleUrl: \"priv-navigator-button.scss\",\n  shadow: { delegatesFocus: true },\n})\nexport class PrivNavigatorButton {\n  @Element() el!: any;\n  @Prop({ mutable: true }) expanded: boolean = false;\n  @Prop() altText: string = \"\";\n  @Prop({ mutable: true }) isTabbing: boolean = false;\n  // @Prop({ attribute: \"mode\", reflect: true, mutable: true })\n  // mode: string = \"planning\";\n  @Event() buttonActivated!: EventEmitter;\n\n  handleClick() {\n    this.buttonActivated.emit();\n  }\n\n  render() {\n    const { handleClick, altText } = this;\n    const tabbingClass = this.isTabbing ? \"user-is-tabbing\" : \"\";\n\n    return (\n      <button\n        aria-expanded={this.expanded.toString()}\n        class={`navigator ${tabbingClass}`}\n        onClick={handleClick.bind(this)}\n        aria-label={altText}\n      ></button>\n    );\n  }\n}\n"],"mappings":"0FAAA,IAAMA,uBAAyB,y5C,ICOlBC,oBAAmB,W,gHAEe,M,aACnB,G,eACoB,K,CAK9CA,EAAAC,UAAAC,YAAA,WACEC,KAAKC,gBAAgBC,M,EAGvBL,EAAAC,UAAAK,OAAA,WACQ,IAAAC,EAA2BJ,KAAzBD,EAAWK,EAAAL,YAAEM,EAAOD,EAAAC,QAC5B,IAAMC,EAAeN,KAAKO,UAAY,kBAAoB,GAE1D,OACEC,EAAA,0BACiBR,KAAKS,SAASC,WAC7BC,MAAO,aAAAC,OAAaN,GACpBO,QAASd,EAAYe,KAAKd,MAAK,aACnBK,G,2OAtBY,G"}
+{"version":3,"names":["privNavigatorButtonCss","PrivNavigatorButton","prototype","handleClick","this","buttonActivated","emit","render","_a","altText","tabbingClass","isTabbing","h","expanded","toString","class","concat","onClick","bind"],"sources":["src/components/wm-navigator/priv-navigator-button/priv-navigator-button.scss?tag=priv-navigator-button&encapsulation=shadow","src/components/wm-navigator/priv-navigator-button/priv-navigator-button.tsx"],"sourcesContent":[":host,\r\npriv-navigator-button {\r\n  * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .navigator {\r\n    color: #575195;\r\n    padding: 0 1.25rem;\r\n    position: static !important;\r\n    height: 100%;\r\n    background: transparent;\r\n    border: none;\r\n    min-height: rem-calc(60);\r\n    cursor: pointer;\r\n    border-radius: 0; //Edge\r\n    top: 50%;\r\n    img {\r\n      height: rem-calc(36);\r\n      width: rem-calc(36);\r\n      vertical-align: middle;\r\n    }\r\n\r\n    &:hover {\r\n      background: #dcdbde;\r\n    }\r\n\r\n    &:active,\r\n    &:focus {\r\n      outline: none;\r\n    }\r\n\r\n    &.user-is-tabbing:focus {\r\n      @include focus-style;\r\n    }\r\n  }\r\n\r\n  button:after {\r\n    vertical-align: middle;\r\n    height: rem-calc(36);\r\n    width: rem-calc(36);\r\n    background-size: 36px;\r\n    display: inline-block;\r\n    background-image: url(https://cdn.watermarkinsights.com/images/icons/appswitchericon_purple.svg);\r\n    content: \"\";\r\n  }\r\n}\r\n","import { Component, Element, h, Prop, Event, EventEmitter } from \"@stencil/core\";\r\n\r\n@Component({\r\n  tag: \"priv-navigator-button\",\r\n  styleUrl: \"priv-navigator-button.scss\",\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class PrivNavigatorButton {\r\n  @Element() el!: any;\r\n  @Prop({ mutable: true }) expanded: boolean = false;\r\n  @Prop() altText: string = \"\";\r\n  @Prop({ mutable: true }) isTabbing: boolean = false;\r\n  // @Prop({ attribute: \"mode\", reflect: true, mutable: true })\r\n  // mode: string = \"planning\";\r\n  @Event() buttonActivated!: EventEmitter;\r\n\r\n  handleClick() {\r\n    this.buttonActivated.emit();\r\n  }\r\n\r\n  render() {\r\n    const { handleClick, altText } = this;\r\n    const tabbingClass = this.isTabbing ? \"user-is-tabbing\" : \"\";\r\n\r\n    return (\r\n      <button\r\n        aria-expanded={this.expanded.toString()}\r\n        class={`navigator ${tabbingClass}`}\r\n        onClick={handleClick.bind(this)}\r\n        aria-label={altText}\r\n      ></button>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"0FAAA,IAAMA,uBAAyB,y5C,ICOlBC,oBAAmB,W,gHAEe,M,aACnB,G,eACoB,K,CAK9CA,EAAAC,UAAAC,YAAA,WACEC,KAAKC,gBAAgBC,M,EAGvBL,EAAAC,UAAAK,OAAA,WACQ,IAAAC,EAA2BJ,KAAzBD,EAAWK,EAAAL,YAAEM,EAAOD,EAAAC,QAC5B,IAAMC,EAAeN,KAAKO,UAAY,kBAAoB,GAE1D,OACEC,EAAA,0BACiBR,KAAKS,SAASC,WAC7BC,MAAO,aAAAC,OAAaN,GACpBO,QAASd,EAAYe,KAAKd,MAAK,aACnBK,G,2OAtBY,G"}

package/dist/esm-es5/priv-navigator-item.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["privNavigatorItemCss","PrivNavigatorItem","prototype","handleKeyDown","ev","key","el","this","preventDefault","keydownOnNavItem","emit","navItem","render","selectedClass","selected","focusedClass","focused","h","class","concat"],"sources":["src/components/wm-navigator/priv-navigator-item/priv-navigator-item.scss?tag=priv-navigator-item&encapsulation=shadow","src/components/wm-navigator/priv-navigator-item/priv-navigator-item.tsx"],"sourcesContent":[":host,\npriv-navigator-item {\n  list-style: none;\n  border-bottom: 1px solid #e0dde4;\n  width: 100%;\n  display: block;\n  cursor: pointer;\n\n  .navoption {\n    color: #404248;\n    padding: 0.9375rem 1.25rem;\n    background: #fff;\n    font-size: rem-calc(14);\n\n    &.selected,\n    &:hover {\n      background: #e5e5e5;\n    }\n\n    &.focused:not(.selected) {\n      background: $background;\n      opacity: 1;\n    }\n  }\n}\n","import { Component, Element, h, Prop, Event, EventEmitter, Listen } from \"@stencil/core\";\n\n@Component({\n  tag: \"priv-navigator-item\",\n  styleUrl: \"priv-navigator-item.scss\",\n  shadow: true,\n})\nexport class PrivNavigatorItem {\n  @Element() el!: any;\n  @Prop({ mutable: true }) selected: boolean = false;\n  @Prop({ mutable: true }) focused: boolean = false;\n  @Prop({ mutable: true }) link: string = \"\";\n  @Event() keydownOnNavItem!: EventEmitter<{\n    navItem: HTMLPrivNavigatorItemElement;\n    key: string;\n  }>;\n\n  @Listen(\"keydown\")\n  handleKeyDown(ev: KeyboardEvent) {\n    const key = ev.key;\n    const el = this.el;\n    if (key !== \"Tab\") {\n      ev.preventDefault();\n    }\n    this.keydownOnNavItem.emit({ navItem: el, key: key });\n  }\n\n  render() {\n    const selectedClass = this.selected ? \"selected\" : \"\";\n    const focusedClass = this.focused ? \"focused\" : \"\";\n\n    return (\n      <div class={`navoption ${selectedClass} ${focusedClass}`}>\n        <slot />\n      </div>\n    );\n  }\n}\n"],"mappings":"0FAAA,IAAMA,qBAAuB,4f,ICOhBC,kBAAiB,W,kHAEiB,M,aACD,M,UACJ,E,CAOxCA,EAAAC,UAAAC,cAAA,SAAcC,GACZ,IAAMC,EAAMD,EAAGC,IACf,IAAMC,EAAKC,KAAKD,GAChB,GAAID,IAAQ,MAAO,CACjBD,EAAGI,gB,CAELD,KAAKE,iBAAiBC,KAAK,CAAEC,QAASL,EAAID,IAAKA,G,EAGjDJ,EAAAC,UAAAU,OAAA,WACE,IAAMC,EAAgBN,KAAKO,SAAW,WAAa,GACnD,IAAMC,EAAeR,KAAKS,QAAU,UAAY,GAEhD,OACEC,EAAA,OAAKC,MAAO,aAAAC,OAAaN,EAAa,KAAAM,OAAIJ,IACxCE,EAAA,a,gIA1BsB,G"}
+{"version":3,"names":["privNavigatorItemCss","PrivNavigatorItem","prototype","handleKeyDown","ev","key","el","this","preventDefault","keydownOnNavItem","emit","navItem","render","selectedClass","selected","focusedClass","focused","h","class","concat"],"sources":["src/components/wm-navigator/priv-navigator-item/priv-navigator-item.scss?tag=priv-navigator-item&encapsulation=shadow","src/components/wm-navigator/priv-navigator-item/priv-navigator-item.tsx"],"sourcesContent":[":host,\r\npriv-navigator-item {\r\n  list-style: none;\r\n  border-bottom: 1px solid #e0dde4;\r\n  width: 100%;\r\n  display: block;\r\n  cursor: pointer;\r\n\r\n  .navoption {\r\n    color: #404248;\r\n    padding: 0.9375rem 1.25rem;\r\n    background: #fff;\r\n    font-size: rem-calc(14);\r\n\r\n    &.selected,\r\n    &:hover {\r\n      background: #e5e5e5;\r\n    }\r\n\r\n    &.focused:not(.selected) {\r\n      background: $background;\r\n      opacity: 1;\r\n    }\r\n  }\r\n}\r\n","import { Component, Element, h, Prop, Event, EventEmitter, Listen } from \"@stencil/core\";\r\n\r\n@Component({\r\n  tag: \"priv-navigator-item\",\r\n  styleUrl: \"priv-navigator-item.scss\",\r\n  shadow: true,\r\n})\r\nexport class PrivNavigatorItem {\r\n  @Element() el!: any;\r\n  @Prop({ mutable: true }) selected: boolean = false;\r\n  @Prop({ mutable: true }) focused: boolean = false;\r\n  @Prop({ mutable: true }) link: string = \"\";\r\n  @Event() keydownOnNavItem!: EventEmitter<{\r\n    navItem: HTMLPrivNavigatorItemElement;\r\n    key: string;\r\n  }>;\r\n\r\n  @Listen(\"keydown\")\r\n  handleKeyDown(ev: KeyboardEvent) {\r\n    const key = ev.key;\r\n    const el = this.el;\r\n    if (key !== \"Tab\") {\r\n      ev.preventDefault();\r\n    }\r\n    this.keydownOnNavItem.emit({ navItem: el, key: key });\r\n  }\r\n\r\n  render() {\r\n    const selectedClass = this.selected ? \"selected\" : \"\";\r\n    const focusedClass = this.focused ? \"focused\" : \"\";\r\n\r\n    return (\r\n      <div class={`navoption ${selectedClass} ${focusedClass}`}>\r\n        <slot />\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"0FAAA,IAAMA,qBAAuB,4f,ICOhBC,kBAAiB,W,kHAEiB,M,aACD,M,UACJ,E,CAOxCA,EAAAC,UAAAC,cAAA,SAAcC,GACZ,IAAMC,EAAMD,EAAGC,IACf,IAAMC,EAAKC,KAAKD,GAChB,GAAID,IAAQ,MAAO,CACjBD,EAAGI,gB,CAELD,KAAKE,iBAAiBC,KAAK,CAAEC,QAASL,EAAID,IAAKA,G,EAGjDJ,EAAAC,UAAAU,OAAA,WACE,IAAMC,EAAgBN,KAAKO,SAAW,WAAa,GACnD,IAAMC,EAAeR,KAAKS,QAAU,UAAY,GAEhD,OACEC,EAAA,OAAKC,MAAO,aAAAC,OAAaN,EAAa,KAAAM,OAAIJ,IACxCE,EAAA,a,gIA1BsB,G"}

package/dist/esm-es5/ripple.js

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

package/dist/esm-es5/wm-action-menu_2.entry.js

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