@watermarkinsights/ripple 3.24.0 → 3.24.1

package/dist/ripple/p-24f7d6eb.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["privDatepickerCss","PrivDatepicker","this","popupClicked","buttonClicked","prevClicked","nextClicked","openUp","calendar_months","intl","formatMessage","id","defaultMessage","description","weekdays","renderCalendarDate","date","index","monthOfDate","removeZeroes","String","dayOfDate","isThisMonth","monthInFocus","dateId","isToday","isDateToday","h","role","parentId","class","onClick","ev","handleTriggeredDate","target","onKeyDown","trapFocusEnd","onBlur","stopPropagation","Date","getUTCFullYear","getUTCMonth","getUTCDate","selectedMonth","selectedYear","selectedDay","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","prototype","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","prevMonthDays","prevMonthDates","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":"kHAAA,MAAMA,EAAoB,wjP,MCQbC,EAAc,M,mNA2BjBC,KAAAC,aAAwB,KACxBD,KAAAE,cAAyB,KAGzBF,KAAAG,YAAuB,KACvBH,KAAAI,YAAuB,KACvBJ,KAAAK,OAAkB,MAElBL,KAAAM,gBAAiC,CACvCC,EAAKC,cAAc,CACjBC,GAAI,eACJC,eAAgB,UAChBC,YAAa,sBAEfJ,EAAKC,cAAc,CACjBC,GAAI,gBACJC,eAAgB,WAChBC,YAAa,sBAEfJ,EAAKC,cAAc,CACjBC,GAAI,aACJC,eAAgB,QAChBC,YAAa,sBAEfJ,EAAKC,cAAc,CACjBC,GAAI,aACJC,eAAgB,QAChBC,YAAa,sBAEfJ,EAAKC,cAAc,CACjBC,GAAI,WACJC,eAAgB,MAChBC,YAAa,sBAEfJ,EAAKC,cAAc,CACjBC,GAAI,YACJC,eAAgB,OAChBC,YAAa,sBAEfJ,EAAKC,cAAc,CACjBC,GAAI,YACJC,eAAgB,OAChBC,YAAa,sBAEfJ,EAAKC,cAAc,CACjBC,GAAI,cACJC,eAAgB,SAChBC,YAAa,sBAEfJ,EAAKC,cAAc,CACjBC,GAAI,iBACJC,eAAgB,YAChBC,YAAa,sBAEfJ,EAAKC,cAAc,CACjBC,GAAI,eACJC,eAAgB,UAChBC,YAAa,sBAEfJ,EAAKC,cAAc,CACjBC,GAAI,gBACJC,eAAgB,WAChBC,YAAa,sBAEfJ,EAAKC,cAAc,CACjBC,GAAI,gBACJC,eAAgB,WAChBC,YAAa,uBAITX,KAAAY,SAA0B,CAChCL,EAAKC,cAAc,CAAEC,GAAI,cAAeC,eAAgB,WACxDH,EAAKC,cAAc,CAAEC,GAAI,cAAeC,eAAgB,WACxDH,EAAKC,cAAc,CAAEC,GAAI,eAAgBC,eAAgB,YACzDH,EAAKC,cAAc,CAAEC,GAAI,iBAAkBC,eAAgB,cAC3DH,EAAKC,cAAc,CAAEC,GAAI,gBAAiBC,eAAgB,aAC1DH,EAAKC,cAAc,CAAEC,GAAI,cAAeC,eAAgB,WACxDH,EAAKC,cAAc,CAAEC,GAAI,gBAAiBC,eAAgB,cA0e5DV,KAAAa,mBAAqB,CAACC,EAAqBC,KACzC,IAAIC,EAAchB,KAAKiB,aAAaC,OAAOJ,EAAK,KAChD,IAAIK,EAAYnB,KAAKiB,aAAaC,OAAOJ,EAAK,KAC9C,IAAIM,EAAcJ,IAAgBhB,KAAKqB,aAAe,gBAAkB,GACxE,MAAMC,EAASR,EAAK,GAAKA,EAAK,GAAKA,EAAK,GACxC,MAAMS,EAAUvB,KAAKwB,YAAYV,GAEjC,OACEW,EAAA,OACEC,KAAK,WACLjB,GAAI,QAAQa,KAAUtB,KAAK2B,WAC3BC,MAAO,aAAaR,IAAa,gBAClB,MAAK,aACR,GACVG,EACI,GAAGhB,EAAKC,cAAc,CACpBC,GAAI,aACJC,eAAgB,QAChBC,YAAa,wBAEf,KACHX,KAAKY,SAASG,OAAWf,KAAKM,gBAAgBU,EAAc,MAAMG,MAAcL,EAAK,KACxFe,QAAUC,IACR9B,KAAK+B,oBAAoBD,EAAGE,OAAmC,EAEjEC,UAAYH,GAAsB9B,KAAKkC,aAAaJ,GAAG,aAC3ChB,EAAK,GAAE,YACRA,EAAK,GAChBqB,OAASL,GAAmBA,EAAGM,mBAE9BjB,EACG,E,cA/mBkB,M,gBACkC,M,UACP,M,UACF,IAAIkB,K,kBACTrC,KAAKc,KAAKwB,iB,mBACTtC,KAAKc,KAAKyB,cAAgB,E,iBAC5BvC,KAAKc,KAAK0B,a,kBACTxC,KAAKyC,c,iBACNzC,KAAK0C,a,gBACN1C,KAAK2C,Y,qBAChB3C,KAAKyC,c,cACmB,G,eAE7B,K,CA6F9BG,UAAUd,GACR9B,KAAKG,YAAc,MACnBH,KAAKI,YAAc,MAEnB,OAAQ0B,EAAGe,KACT,IAAK,QACHf,EAAGgB,kBAEDhB,EAAGE,OAAuBvB,GAAGsC,SAAS,gBAAmBjB,EAAGE,OAAwBgB,QACtF,MAEF,IAAK,SACHlB,EAAGgB,iBACH,GAAI9C,KAAKiD,WAAY,CACnBnB,EAAGM,kBACHpC,KAAKkD,WAAW,K,CAElB,MAEF,IAAK,SACHpB,EAAGgB,iBACH9C,KAAKmD,eACL,MAEF,IAAK,WACHrB,EAAGgB,iBACH9C,KAAKoD,kBACL,MAEF,IAAK,OACHtB,EAAGgB,iBACH9C,KAAKqD,cACLrD,KAAKsD,WAAa,EAClBC,EAAYvD,KAAKwD,IACjB,MAEF,IAAK,MACH1B,EAAGgB,iBACH9C,KAAKqD,cACLrD,KAAKsD,WAAatD,KAAKyD,aAAazD,KAAKqB,aAAcrB,KAAK0D,aAC5DH,EAAYvD,KAAKwD,IACjB,MAEF,IAAK,YACH1B,EAAGgB,iBACH,GAAI9C,KAAK2D,OAAS,MAAO,CACvB3D,KAAKqD,cACL,GAAIrD,KAAKsD,aAAe,EAAG,CACzB,MAAMM,EAAW5D,KAAK6D,iBAAiB7D,KAAKqB,aAAcrB,KAAK0D,aAC/D1D,KAAKqB,aAAeuC,EAASE,MAC7B9D,KAAK0D,YAAcE,EAASG,KAC5B/D,KAAKsD,WAAatD,KAAKyD,aAAazD,KAAKqB,aAAcrB,KAAK0D,Y,KACvD,CACL1D,KAAKsD,YAAc,C,MAEhB,CACLtD,KAAKgE,eACL,GAAIhE,KAAKiE,kBAAoB,EAAG,CAC9BjE,KAAKiE,gBAAkB,E,KAClB,CACLjE,KAAKiE,iBAAmB,C,EAG5B,MAEF,IAAK,aACHnC,EAAGgB,iBACH,GAAI9C,KAAK2D,OAAS,MAAO,CACvB3D,KAAKqD,cACL,GAAIrD,KAAKsD,aAAetD,KAAKyD,aAAazD,KAAKqB,aAAcrB,KAAK0D,aAAc,CAC9E,MAAME,EAAW5D,KAAKkE,aAAalE,KAAKqB,aAAcrB,KAAK0D,aAC3D1D,KAAKqB,aAAeuC,EAASE,MAC7B9D,KAAK0D,YAAcE,EAASG,KAC5B/D,KAAKsD,WAAa,C,KACb,CACLtD,KAAKsD,YAAc,C,MAEhB,CACLtD,KAAKgE,eACL,GAAIhE,KAAKiE,kBAAoB,GAAI,CAC/BjE,KAAKiE,gBAAkB,C,KAClB,CACLjE,KAAKiE,iBAAmB,C,EAG5B,MAEF,IAAK,UACHnC,EAAGgB,iBACH,GAAI9C,KAAK2D,OAAS,MAAO,CACvB3D,KAAKqD,cACL,GAAIrD,KAAKsD,WAAa,EAAG,CACvB,MAAMM,EAAW5D,KAAK6D,iBAAiB7D,KAAKqB,aAAcrB,KAAK0D,aAC/D1D,KAAKqB,aAAeuC,EAASE,MAC7B9D,KAAK0D,YAAcE,EAASG,KAC5B,MAAMI,EAAoB,EAAInE,KAAKsD,WACnCtD,KAAKsD,WAAatD,KAAKyD,aAAazD,KAAKqB,aAAcrB,KAAK0D,aAAeS,C,KACtE,CACLnE,KAAKsD,YAAc,C,MAEhB,CACLtD,KAAKgE,eACL,GAAIhE,KAAKiE,gBAAkB,EAAG,CAC5BjE,KAAKiE,iBAAmB,C,KACnB,CACLjE,KAAKiE,iBAAmB,C,EAG5B,MAEF,IAAK,YACHnC,EAAGgB,iBACH,IAAK9C,KAAKiD,WAAY,CACpBjD,KAAKoE,W,KACA,CACL,GAAIpE,KAAK2D,OAAS,MAAO,CAEvB,KAAMU,SAASC,cAAeC,YAAeF,UAAUC,cAAeE,UAAUC,SAAS,aAAc,CACrGzE,KAAK0E,YACL,K,CAGF1E,KAAKqD,cACL,MAAMsB,EAAiB3E,KAAKyD,aAAazD,KAAKqB,aAAcrB,KAAK0D,aAAe,EAChF,GAAI1D,KAAKsD,WAAaqB,EAAgB,CACpC,MAAMf,EAAW5D,KAAKkE,aAAalE,KAAKqB,aAAcrB,KAAK0D,aAC3D1D,KAAKqB,aAAeuC,EAASE,MAC7B9D,KAAK0D,YAAcE,EAASG,KAC5B/D,KAAKsD,WAAatD,KAAKsD,WAAaqB,C,KAC/B,CACL3E,KAAKsD,YAAc,C,MAEhB,CAEL,MAAMsB,GAAYP,SAASC,cAAeC,YAAeF,UAAUC,cACnE,GAAIM,EAASC,UAAY,UAAYD,EAASnE,GAAGsC,SAAS,oBAAqB,CAC7E/C,KAAK8E,aACL,K,CAGF9E,KAAKgE,eACL,GAAIhE,KAAKiE,gBAAkB,EAAG,CAC5BjE,KAAKiE,iBAAmB,C,KACnB,CACLjE,KAAKiE,iBAAmB,C,GAI9B,M,CAKNc,gBAAgBjD,GACd,MAAMkD,EAAY,CAAC,MAAO,UAAW,YAAa,YAAa,aAAc,SAC7E,GAAIA,EAAUjC,SAASjB,EAAGe,KAAM,CAC9B7C,KAAKiF,UAAY,I,EAMrBC,mBACElF,KAAKiF,UAAY,K,CAInBE,YAAYrD,GACV,IAAK9B,KAAKC,eAAiBD,KAAKE,eAAiBF,KAAKiD,WAAY,CAChEjD,KAAKkD,aAELlD,KAAKoF,aAAaC,KAAK,CAAEC,cAAexD,EAAGE,Q,CAE7ChC,KAAKC,aAAe,MACpBD,KAAKE,cAAgB,K,CAIvBqF,mBAAmBzD,GAEjB,GAAI9B,KAAKiD,WAAY,CACnBjD,KAAKkD,aACLlD,KAAKoF,aAAaC,KAAK,CAAEC,cAAexD,EAAGE,Q,EAI/CwD,qBACExF,KAAKyF,qBACL,GAAIzF,KAAKiD,WAAY,CACnBjD,KAAKG,YACDH,KAAK0F,WAAWC,QAChB3F,KAAKI,YACLJ,KAAK4F,WAAWD,QAChB3F,KAAK2D,OAAS,MACd3D,KAAK0E,YACL1E,KAAK8E,Y,EAIbe,mBACE7F,KAAKyF,qBACLzF,KAAK8F,sB,CAGPC,QAAQC,EAAwBC,GAC9B,IAAK/E,OAAOgF,UAAUC,SAAU,CAC9BjF,OAAOgF,UAAUC,SAAW,SAASA,EAASC,EAAcC,GAC1DD,EAAeA,EAAepG,KAAKiG,OACnC,GAAIG,EAAeC,EAAWJ,OAAQ,CACpCI,GAAaA,EAAWC,OAAOF,EAAeC,EAAWJ,O,CAE3D,OAAOI,EAAWE,MAAM,EAAGH,GAAgBlF,OAAOlB,K,EAGtD,MAAO,GAAGgG,EAAMQ,aAAaL,SAASF,EAAQ,I,CAGhDhF,aAAaH,GACX,OAAQA,EAAO,IAAMA,EAAKyF,MAAM,IAAMzF,C,CAGxCU,YAAYV,GACV,MAAM2F,EAAQ,IAAIpE,KAClB,MAAMqE,EAAiB,CACrBD,EAAME,cAAcH,YACnBC,EAAMG,WAAa,GAAGJ,WACvBC,EAAMI,UAAUL,YAGlB,OAAOE,EAAeI,QACpB,CAACC,EAAiBC,EAAajG,IAAkBgG,GAAU/G,KAAKiB,aAAaH,EAAKC,IAAQyF,aAAeQ,GACzG,K,CAIJC,cACEjH,KAAKiD,WAAajD,KAAKkD,aAAelD,KAAKoE,YAC3CpE,KAAKE,cAAgB,I,CAGvBgD,WAAWgE,EAAuB,OAChClH,KAAKiD,WAAa,MAClBjD,KAAKmH,QAAS3C,UAAU4C,OAAO,QAC/BC,OAAOC,YAAW,KAEhBtH,KAAKmH,QAASI,MAAMC,WAAa,QAAQ,GACxC,KAEH,GAAIxH,KAAK2D,OAAS,MAAO,CACvB3D,KAAKqD,a,CAEPrD,KAAKqB,aAAerB,KAAKyC,cACzBzC,KAAK0D,YAAc1D,KAAK0C,aACxB1C,KAAKsD,WAAatD,KAAK2C,YACvB3C,KAAKyH,WAAW,OAChB,GAAIP,EAAa,CACflH,KAAK0H,SAAS/B,O,EAIlBvB,YACEpE,KAAK2H,gBACL3H,KAAK8F,uBACL9F,KAAKG,YAAc,MACnBH,KAAKI,YAAc,MACnBJ,KAAKmH,QAASI,MAAMC,WAAa,UACjCH,OAAOO,uBAAsB,KAC3B5H,KAAKmH,QAAS3C,UAAUqD,IAAI,OAAO,IAErC7H,KAAKiD,WAAa,KAClBjD,KAAK0E,W,CAGPjB,aAAaK,EAAeC,GAC1B,MAAM+D,EAAW,CAAC,EAAG,EAAG,EAAG,IAC3B,MAAMC,EAAWhE,EAAO,IAAM,EAE9B,OAAOD,IAAU,EAAKiE,EAAW,GAAK,GAAMD,EAAS/E,SAASe,GAAS,GAAK,E,CAI9EkE,iBAAiBlE,EAAeC,GAC9B,OAAQ,IAAI1B,KAAK0B,EAAMD,EAAQ,EAAG,EAAG,GAAI,EAAG,GAAGmE,SAAW,C,CAG5DpE,iBAAiBC,EAAeC,GAC9B,MAAMmE,EAAYpE,EAAQ,EAAIA,EAAQ,EAAI,GAC1C,MAAMqE,EAAgBrE,EAAQ,EAAIC,EAAOA,EAAO,EAEhD,MAAO,CAAED,MAAOoE,EAAWnE,KAAMoE,E,CAGnCjE,aAAaJ,EAAeC,GAC1B,MAAMqE,EAAYtE,EAAQ,GAAKA,EAAQ,EAAI,EAC3C,MAAMuE,EAAgBvE,EAAQ,GAAKC,EAAOA,EAAO,EAEjD,MAAO,CAAED,MAAOsE,EAAWrE,KAAMsE,E,CAGnCC,iBAAiBxE,EAAeC,GAE9B,MAAMwE,EAAYvI,KAAKyD,aAAaK,EAAOC,GAC3C,MAAMyE,EAAgBxI,KAAKgI,iBAAiBlE,EAAOC,GAInD,MAAM0E,EAAoBD,EAAgB,EAC1C,IAAIE,EAAoB,IAAMD,EAAoBF,GAClDG,EAAoBA,EAAoB,EAAIA,EAAoB,EAAIA,EAGpE,MAAQ5E,MAAOoE,EAAWnE,KAAMoE,GAAkBnI,KAAK6D,iBAAiBC,EAAOC,GAC/E,MAAQD,MAAOsE,EAAWrE,KAAMsE,GAAkBrI,KAAKkE,aAAaJ,EAAOC,GAG3E,MAAM4E,EAAgB3I,KAAKyD,aAAayE,EAAWC,GAGnD,MAAMS,EAAiB,IAAI,IAAIC,MAAMJ,GAAmBK,KAAK,MAAMC,KAAI,CAACC,EAAGjI,KACzE,MAAMkI,EAAMlI,EAAQ,GAAK4H,EAAgBF,GACzC,MAAO,CAACN,EAAc3B,WAAYxG,KAAK+F,QAAQmC,EAAW,GAAIlI,KAAK+F,QAAQkD,EAAK,GAAG,IAIrF,MAAMC,EAAiB,IAAI,IAAIL,MAAMN,GAAWO,KAAK,MAAMC,KAAI,CAACC,EAAGjI,KACjE,MAAMkI,EAAMlI,EAAQ,EACpB,MAAO,CAACgD,EAAKyC,WAAYxG,KAAK+F,QAAQjC,EAAO,GAAI9D,KAAK+F,QAAQkD,EAAK,GAAG,IAIxE,MAAME,EAAiB,IAAI,IAAIN,MAAMH,GAAmBI,KAAK,MAAMC,KAAI,CAACC,EAAGjI,KACzE,MAAMkI,EAAMlI,EAAQ,EACpB,MAAO,CAACsH,EAAc7B,WAAYxG,KAAK+F,QAAQqC,EAAW,GAAIpI,KAAK+F,QAAQkD,EAAK,GAAG,IAIrF,MAAO,IAAIL,KAAmBM,KAAmBC,E,CAGnD/F,kBACEpD,KAAKqD,cACL,MAAMO,EAAW5D,KAAKkE,aAAalE,KAAKqB,aAAcrB,KAAK0D,aAC3D1D,KAAKqB,aAAeuC,EAASE,MAC7B9D,KAAK0D,YAAcE,EAASG,KAC5B,MAAMqF,EAAYpJ,KAAKyD,aAAazD,KAAKqB,aAAcrB,KAAK0D,aAC5D,GAAI1D,KAAKsD,WAAatD,KAAKyD,aAAazD,KAAKqB,aAAcrB,KAAK0D,aAAc,CAC5E1D,KAAKsD,WAAa8F,C,CAEpBpJ,KAAKqJ,iBAAiB,cAAcrJ,KAAKM,gBAAgBN,KAAKqB,aAAe,OAAOrB,KAAK0D,c,CAG3FP,eACEnD,KAAKqD,cACL,MAAMO,EAAW5D,KAAK6D,iBAAiB7D,KAAKqB,aAAcrB,KAAK0D,aAC/D1D,KAAKqB,aAAeuC,EAASE,MAC7B9D,KAAK0D,YAAcE,EAASG,KAC5B,MAAMqF,EAAYpJ,KAAKyD,aAAazD,KAAKqB,aAAcrB,KAAK0D,aAC5D,GAAI1D,KAAKsD,WAAatD,KAAKyD,aAAazD,KAAKqB,aAAcrB,KAAK0D,aAAc,CAC5E1D,KAAKsD,WAAa8F,C,CAEpBpJ,KAAKqJ,iBAAiB,WAAWrJ,KAAKM,gBAAgBN,KAAKqB,aAAe,OAAOrB,KAAK0D,c,CAGxF3B,oBAAoByB,GAClBxD,KAAKsJ,cAAcjE,KAAK7B,GAExBxD,KAAKkD,WAAW,K,CAGlBuC,qBAEE,GAAIzF,KAAKuJ,aAAc,CACrBvJ,KAAKuJ,aAAaC,gBAAgB,gB,CAGpCxJ,KAAKuJ,aAAevJ,KAAKyJ,YAAYzJ,KAAK0C,aAAc1C,KAAKyC,cAAezC,KAAK2C,aAEjF,GAAI3C,KAAKuJ,aAAc,CACrBvJ,KAAKuJ,aAAaG,aAAa,gBAAiB,O,EAIpDD,YAAY1F,EAAcD,EAAemF,GACvC,MAAMxI,EAAKsD,EAAO/D,KAAK+F,QAAQjC,EAAO,GAAK9D,KAAK+F,QAAQkD,EAAK,GAC7D,OAAOjJ,KAAKwD,GAAGmG,cAAc,SAASlJ,KAAMT,KAAK2B,W,CAGnD0B,cACE,MAAMuG,EAAgB5J,KAAKyJ,YAAYzJ,KAAK0D,YAAa1D,KAAKqB,aAAcrB,KAAKsD,YACjFsG,EAAcC,UAAY,C,CAG5BnF,YAEE,MAAMoF,EAAU9J,KAAKyD,aAAazD,KAAKqB,aAAcrB,KAAK0D,aAC1D1D,KAAKsD,WAAatD,KAAKsD,WAAawG,EAAUA,EAAU9J,KAAKsD,WAE7D,MAAMyG,EAAc/J,KAAKyJ,YAAYzJ,KAAK0D,YAAa1D,KAAKqB,aAAcrB,KAAKsD,YAC/E,GAAIyG,EAAa,CACfA,EAAYF,SAAW,EACvBE,EAAYpE,O,EAIhB3B,eACE,MAAMgG,EAAiBhK,KAAKwD,GAAGmG,cAAc,UAAU3J,KAAKiE,mBAAmBjE,KAAK2B,YACpFqI,EAAeH,UAAY,C,CAG7B/E,aACE,MAAMmF,EAAejK,KAAKwD,GAAGmG,cAAc,UAAU3J,KAAKiE,mBAAmBjE,KAAK2B,YAClFsI,EAAaJ,SAAW,EACxBI,EAAatE,O,CAGfuE,cAAcpI,GACZ,GAAIA,EAAGqI,UAAYrI,EAAGe,MAAQ,MAAO,CACnCf,EAAGgB,iBACH9C,KAAKoK,iB,EAITlI,aAAaJ,GACX,IAAKA,EAAGqI,UAAYrI,EAAGe,MAAQ,MAAO,CACpCf,EAAGgB,iBACH9C,KAAK0F,WAAWC,O,EAIpB0E,eAAevI,GACb,IAAKA,EAAGqI,UAAYrI,EAAGe,MAAQ,MAAO,CACpCf,EAAGgB,iBACH9C,KAAKoK,iB,EAITA,kBACE,GAAIpK,KAAK2D,OAAS,MAAO,CACvB3D,KAAK0E,W,KACA,CACL1E,KAAK8E,Y,EAITwF,oBAAoBC,GACjBvK,KAAKwD,GAAGmG,cAAc,iBAAiCD,aAAa,YAAaa,E,CAGpFzE,uBACE9F,KAAK0C,aAAe1C,KAAKc,KAAKwB,iBAC9BtC,KAAKyC,cAAgBzC,KAAKc,KAAKyB,cAAgB,EAC/CvC,KAAK2C,YAAc3C,KAAKc,KAAK0B,aAC7BxC,KAAKqB,aAAerB,KAAKyC,cACzBzC,KAAK0D,YAAc1D,KAAK0C,aACxB1C,KAAKsD,WAAatD,KAAK2C,YACvB3C,KAAKiE,gBAAkBjE,KAAKyC,cAAgB,C,CAG9C4G,iBAAiBmB,GACf,IAAIC,EAAazK,KAAKwD,GAAGmG,cAAc,gBACvCc,EAAWC,UAAYF,C,CAGzB7C,gBAEE,IAAIgD,EAAOtG,SAASuG,eAAe5K,KAAK2B,UAExC,MAAMkJ,EAAcF,EAAKpG,WAAYoF,cAAc,kBAAmBmB,aAEtE9K,KAAKK,OAAS0K,EAAaJ,EAAM3K,KAAKmH,QAAU0D,GAEhD,GAAIG,EAAaL,EAAM,KAAM,CAC3B3K,KAAKmH,QAASI,MAAM0D,KAAO,IAC3BjL,KAAKmH,QAASI,MAAM2D,MAAQ,M,KACvB,CACLlL,KAAKmH,QAASI,MAAM2D,MAAQ,IAC5BlL,KAAKmH,QAASI,MAAM0D,KAAO,M,EAI/BxD,WAAW0D,GACTnL,KAAK2D,KAAOwH,EAEZnL,KAAKiE,gBAAkBjE,KAAKqB,aAAe,C,CAsC7C+J,aAAatH,EAAe/C,GAC1B,OACEU,EAAA,OACEhB,GAAI,SAASM,KAASf,KAAK2B,WAC3BC,MAAO,SAAS5B,KAAKyC,cAAgB,IAAM1B,EAAQ,WAAa,KAChEW,KAAK,WACL2J,SAAUtK,EAAQ,IAAMf,KAAKqB,aAAe,GAAK,EACjDY,UAAYH,GAAsB9B,KAAKkC,aAAaJ,GACpDK,OAASL,GAAmBA,EAAGM,kBAC/BP,QAAS,KACP7B,KAAKqB,aAAeN,EAAQ,EAC5Bf,KAAKyH,WAAW,MAAM,GAGvB3D,E,CAKPwH,SACE,MAAMC,EAAQvL,KAAKsI,iBAAiBtI,KAAKqB,aAAcrB,KAAK0D,aAE5D,OACEjC,EAAA,OAAKG,MAAM,YAAYnB,GAAG,gBACxBgB,EAAA,UACE+J,SAAUxL,KAAKwL,SACf3J,QAAS7B,KAAKiH,YAAYwE,KAAKzL,MAAK,mBAClB,cAAcA,KAAK2B,WACrC+J,IAAMlI,GAAQxD,KAAK0H,SAAWlE,EAAwB,gBACvC,GAAGxD,KAAKiD,aACvBrB,MAAM,SACNnB,GAAI,UAAUT,KAAK2B,YAEnBF,EAAA,QACEG,MAAM,WACN+J,MAAOpL,EAAKC,cAAc,CACxBC,GAAI,oBACJC,eAAgB,gBAChBC,YAAa,uBAInBc,EAAA,OACEG,MAAO,SAAS5B,KAAK2D,aAAa3D,KAAKK,OAAS,iBAAmB,MACjEL,KAAKiF,UAAY,kBAAoB,KAEvCxE,GAAI,SAAST,KAAK2B,WAClB+J,IAAMlI,GAAQxD,KAAKmH,QAAU3D,EAC7B3B,QAAS,IAAO7B,KAAKC,aAAe,KACpCyB,KAAK,cAAa,mBACD,eAEhB1B,KAAK2D,OAAS,MACblC,EAAA,OAAKG,MAAM,YACTH,EAAA,OAAKG,MAAM,mBACTH,EAAA,UACEI,QAAS,KACP7B,KAAKG,YAAc,KACnBH,KAAKC,aAAe,KACpBD,KAAKmD,cAAc,EAErBlB,UAAYH,GAAsB9B,KAAKkK,cAAcpI,GACrD4J,IAAMlI,GAAQxD,KAAK0F,WAAalC,EAChC5B,MAAM,UAAS,aACHrB,EAAKC,cAAc,CAC7BC,GAAI,2BACJC,eAAgB,wBAChBC,YAAa,qBAGfc,EAAA,QAAMG,MAAM,OAAK,MAEnBH,EAAA,OACEhB,GAAI,qBAAqBT,KAAK2B,WAC9BC,MAAM,YACNyJ,SAAU,EACV3J,KAAK,SACLO,UAAYH,IACV,GAAIA,EAAGe,MAAQ,SAAWf,EAAGe,MAAQ,IAAK,CACxCf,EAAGgB,iBACH9C,KAAKyH,WAAW,Q,GAGpB5F,QAAS7B,KAAKyH,WAAWgE,KAAKzL,KAAM,SAAQ,aAChC,GAAGO,EAAKC,cAAc,CAChCC,GAAI,oBACJC,eAAgB,gBAChBC,YAAa,wBACRX,KAAKM,gBAAgBN,KAAKqB,aAAe,yBAC9CrB,KAAK0D,eAAc,mBACJ,eAEjBjC,EAAA,QAAMG,MAAM,QAAO,cAAa,QAC7B5B,KAAKM,gBAAgBN,KAAKqB,aAAe,GAAE,IAAGrB,KAAK0D,cAGxDjC,EAAA,UACEI,QAAS,KACP7B,KAAKI,YAAc,KACnBJ,KAAKC,aAAe,KACpBD,KAAKoD,iBAAiB,EAExBnB,UAAYH,GAAsB9B,KAAKqK,eAAevI,GAAG,aAC7CvB,EAAKC,cAAc,CAC7BC,GAAI,uBACJC,eAAgB,oBAChBC,YAAa,oBAEf+K,IAAMlI,GAAQxD,KAAK4F,WAAapC,EAChC5B,MAAM,WAENH,EAAA,QAAMG,MAAM,OAAK,OAGrBH,EAAA,yBAAsB,qBAAqBzB,KAAK2B,WAAYD,KAAK,OAAOE,MAAM,aAC5EH,EAAA,OAAKC,KAAK,WAAWE,MAAM,eACzBH,EAAA,OAAKC,KAAK,MAAME,MAAM,cACpBH,EAAA,OAAKC,KAAK,eAAeE,MAAM,eAC7BH,EAAA,YACGlB,EAAKC,cAAc,CAClBC,GAAI,UACJC,eAAgB,KAChBC,YAAa,kCAInBc,EAAA,OAAKC,KAAK,eAAeE,MAAM,eAC7BH,EAAA,YACGlB,EAAKC,cAAc,CAClBC,GAAI,UACJC,eAAgB,KAChBC,YAAa,kCAInBc,EAAA,OAAKC,KAAK,eAAeE,MAAM,eAC7BH,EAAA,YACGlB,EAAKC,cAAc,CAClBC,GAAI,UACJC,eAAgB,KAChBC,YAAa,kCAInBc,EAAA,OAAKC,KAAK,eAAeE,MAAM,eAC7BH,EAAA,YACGlB,EAAKC,cAAc,CAClBC,GAAI,UACJC,eAAgB,KAChBC,YAAa,kCAInBc,EAAA,OAAKC,KAAK,eAAeE,MAAM,eAC7BH,EAAA,YACGlB,EAAKC,cAAc,CAClBC,GAAI,UACJC,eAAgB,KAChBC,YAAa,kCAInBc,EAAA,OAAKC,KAAK,eAAeE,MAAM,eAC7BH,EAAA,YACGlB,EAAKC,cAAc,CAClBC,GAAI,UACJC,eAAgB,KAChBC,YAAa,kCAInBc,EAAA,OAAKC,KAAK,eAAeE,MAAM,eAC7BH,EAAA,YACGlB,EAAKC,cAAc,CAClBC,GAAI,UACJC,eAAgB,KAChBC,YAAa,oCAMvBc,EAAA,OAAKC,KAAK,YACRD,EAAA,OAAKC,KAAK,MAAME,MAAM,YACnB2J,EAAMhF,MAAM,EAAG,GAAGwC,KAAI,CAACjI,EAAM8K,IAAM5L,KAAKa,mBAAmBC,EAAM8K,MAEpEnK,EAAA,OAAKC,KAAK,OAAO6J,EAAMhF,MAAM,EAAG,IAAIwC,KAAI,CAACjI,EAAM8K,IAAM5L,KAAKa,mBAAmBC,EAAM8K,MACnFnK,EAAA,OAAKC,KAAK,OAAO6J,EAAMhF,MAAM,GAAI,IAAIwC,KAAI,CAACjI,EAAM8K,IAAM5L,KAAKa,mBAAmBC,EAAM8K,MACpFnK,EAAA,OAAKC,KAAK,OAAO6J,EAAMhF,MAAM,GAAI,IAAIwC,KAAI,CAACjI,EAAM8K,IAAM5L,KAAKa,mBAAmBC,EAAM8K,MACpFnK,EAAA,OAAKC,KAAK,OAAO6J,EAAMhF,MAAM,GAAI,IAAIwC,KAAI,CAACjI,EAAM8K,IAAM5L,KAAKa,mBAAmBC,EAAM8K,MACnFL,EAAMtF,OAAS,GACdxE,EAAA,OAAKC,KAAK,OAAO6J,EAAMhF,MAAM,IAAIwC,KAAI,CAACjI,EAAM8K,IAAM5L,KAAKa,mBAAmBC,EAAM8K,MAAU,MAQlGnK,EAAA,OAAKG,MAAM,cACTH,EAAA,OAAKG,MAAM,mBACTH,EAAA,UACEI,QAAS,KACP7B,KAAKG,YAAc,KACnBH,KAAKC,aAAe,KACpBD,KAAK0D,aAAe,EACpB1D,KAAKqJ,iBAAiB,GAAGrJ,KAAK0D,wBAAwB,EAExDzB,UAAYH,GAAsB9B,KAAKkK,cAAcpI,GAAG,aAC5CvB,EAAKC,cAAc,CAC7BC,GAAI,0BACJC,eAAgB,uBAChBC,YAAa,oBAEf+K,IAAMlI,GAAQxD,KAAK0F,WAAalC,EAChC5B,MAAM,WAENH,EAAA,QAAMG,MAAM,OAAK,MAEnBH,EAAA,OACEhB,GAAI,oBAAoBT,KAAK2B,WAC7B0J,SAAU,EACVzJ,MAAM,iBACNF,KAAK,SACLG,QAAS7B,KAAKyH,WAAWgE,KAAKzL,KAAM,OACpCiC,UAAYH,IACV,GAAIA,EAAGe,MAAQ,SAAWf,EAAGe,MAAQ,IAAK,CACxCf,EAAGgB,iBACH9C,KAAKyH,WAAW,M,GAEnB,kBACe,cAEhBhG,EAAA,QAAMG,MAAM,SAAS5B,KAAK0D,cAE5BjC,EAAA,UACEI,QAAS,KACP7B,KAAKI,YAAc,KACnBJ,KAAKC,aAAe,KACpBD,KAAK0D,aAAe,EACpB1D,KAAKqJ,iBAAiB,GAAGrJ,KAAK0D,wBAAwB,EACvD,aACWnD,EAAKC,cAAc,CAC7BC,GAAI,sBACJC,eAAgB,mBAChBC,YAAa,oBAEfsB,UAAYH,GAAsB9B,KAAKqK,eAAevI,GACtD4J,IAAMlI,GAAQxD,KAAK4F,WAAapC,EAChC5B,MAAM,WAENH,EAAA,QAAMG,MAAM,OAAK,OAGrBH,EAAA,yBAAsB,oBAAoBzB,KAAK2B,WAAYD,KAAK,OAAOE,MAAM,UAC3EH,EAAA,OAAKC,KAAK,MAAME,MAAM,aACnB5B,KAAKM,gBACHiG,MAAM,EAAG,GACTwC,KAAI,CAACjF,EAAe/C,IAAkBf,KAAKoL,aAAatH,EAAO/C,MAEpEU,EAAA,OAAKC,KAAK,MAAME,MAAM,aACnB5B,KAAKM,gBACHiG,MAAM,EAAG,GACTwC,KAAI,CAACjF,EAAe/C,IAAkBf,KAAKoL,aAAatH,EAAO/C,EAAQ,MAE5EU,EAAA,OAAKC,KAAK,MAAME,MAAM,aACnB5B,KAAKM,gBACHiG,MAAM,EAAG,GACTwC,KAAI,CAACjF,EAAe/C,IAAkBf,KAAKoL,aAAatH,EAAO/C,EAAQ,MAE5EU,EAAA,OAAKC,KAAK,MAAME,MAAM,aACnB5B,KAAKM,gBACHiG,MAAM,GACNwC,KAAI,CAACjF,EAAe/C,IAAkBf,KAAKoL,aAAatH,EAAO/C,EAAQ,SAMnFf,KAAKiD,YAAcxB,EAAA,OAAKhB,GAAG,cAAa,YAAW,SAAQ,gBAAe,OAAOmB,MAAM,YACxFH,EAAA,OAAKhB,GAAG,cAAcmB,MAAM,WACzBrB,EAAKC,cAAc,CAClBC,GAAI,mBACJC,eAAgB,8BAChBC,YAAa,qBAGjBc,EAAA,OAAKhB,GAAG,aAAamB,MAAM,WACxBrB,EAAKC,cAAc,CAClBC,GAAI,kBACJC,eAAgB,6BAChBC,YAAa,qBAGjBc,EAAA,OAAKhB,GAAG,cAAcmB,MAAM,WACzBrB,EAAKC,cAAc,CAClBC,GAAI,oBACJC,eACE,oJ"}

package/dist/ripple/{p-4c383e9e.system.entry.js → p-27d3e1ab.system.entry.js}

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(e,r,o,t){function n(e){return e instanceof o?e:new o((function(r){r(e)}))}return new(o||(o=Promise))((function(o,p){function a(e){try{i(t.next(e))}catch(e){p(e)}}function s(e){try{i(t["throw"](e))}catch(e){p(e)}}function i(e){e.done?o(e.value):n(e.value).then(a,s)}i((t=t.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var o={label:0,sent:function(){if(p[0]&1)throw p[1];return p[1]},trys:[],ops:[]},t,n,p,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(e){return function(r){return i([e,r])}}function i(s){if(t)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(o=0)),o)try{if(t=1,n&&(p=s[0]&2?n["return"]:s[0]?n["throw"]||((p=n["return"])&&p.call(n),0):n.next)&&!(p=p.call(n,s[1])).done)return p;if(n=0,p)s=[s[0]&2,p.value];switch(s[0]){case 0:case 1:p=s;break;case 4:o.label++;return{value:s[1],done:false};case 5:o.label++;n=s[1];s=[0];continue;case 7:s=o.ops.pop();o.trys.pop();continue;default:if(!(p=o.trys,p=p.length>0&&p[p.length-1])&&(s[0]===6||s[0]===2)){o=0;continue}if(s[0]===3&&(!p||s[1]>p[0]&&s[1]<p[3])){o.label=s[1];break}if(s[0]===6&&o.label<p[1]){o.label=p[1];p=s;break}if(p&&o.label<p[2]){o.label=p[2];o.ops.push(s);break}if(p[2])o.ops.pop();o.trys.pop();continue}s=r.call(e,o)}catch(e){s=[6,e];n=0}finally{t=p=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-7b2fc615.system.js","./p-e782194d.system.js","./p-c25abcc5.system.js"],(function(e){"use strict";var r,o,t,n,p,a,s,i,c,m,l,d,w,g,b,h,u,f,x,v;return{setters:[function(e){r=e.r;o=e.f;t=e.h;n=e.H;p=e.g;a=e.c},function(e){s=e.g;i=e.i;c=e.d;m=e.q},function(e){l=e.a;d=e.h;w=e.g;g=e.r;b=e.d;h=e.e;u=e.f;f=e.i;x=e.k;v=e.l}],execute:function(){var y=":host,wm-progress-indicator{display:block}:host .component-wrapper,wm-progress-indicator .component-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;font-size:0.875rem;position:relative;outline:none;}:host .component-wrapper .label,wm-progress-indicator .component-wrapper .label{display:block;margin:0;padding-bottom:0.25rem;font-weight:500;position:relative}:host .component-wrapper .label .subinfo,wm-progress-indicator .component-wrapper .label .subinfo{display:block;font-weight:normal;font-style:italic;bottom:0.25rem;width:100%;color:#6b6b6b}:host .component-wrapper .label.custom-width,wm-progress-indicator .component-wrapper .label.custom-width{width:var(--custom-label-width)}:host .component-wrapper .doughnut-svg,wm-progress-indicator .component-wrapper .doughnut-svg,:host .component-wrapper .inner-stacked-bar-wrapper,wm-progress-indicator .component-wrapper .inner-stacked-bar-wrapper{overflow:visible}:host .component-wrapper .bar-wrapper,wm-progress-indicator .component-wrapper .bar-wrapper{-ms-flex-positive:1;flex-grow:1;width:100%}:host .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper,wm-progress-indicator .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper{width:100%}:host .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper .values,wm-progress-indicator .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper .values{display:-ms-flexbox;display:flex}:host .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper .stacked-bar-segments-wrapper,wm-progress-indicator .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper .stacked-bar-segments-wrapper{display:-ms-flexbox;display:flex}:host .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper .stacked-bar-segments-wrapper .stacked-bar-segment,wm-progress-indicator .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper .stacked-bar-segments-wrapper .stacked-bar-segment{height:30px;cursor:pointer}:host .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper .stacked-bar-segments-wrapper .stacked-bar-segment:not(.zero):not(:last-of-type),wm-progress-indicator .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper .stacked-bar-segments-wrapper .stacked-bar-segment:not(.zero):not(:last-of-type){margin-right:2px}:host .component-wrapper .doughnut-wrapper,wm-progress-indicator .component-wrapper .doughnut-wrapper{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px}:host .component-wrapper .doughnut-wrapper .doughnut-segment,wm-progress-indicator .component-wrapper .doughnut-wrapper .doughnut-segment{cursor:pointer}:host .component-wrapper .value-wrapper,wm-progress-indicator .component-wrapper .value-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .component-wrapper .value-wrapper:not(:last-of-type),wm-progress-indicator .component-wrapper .value-wrapper:not(:last-of-type){margin-right:2px}:host .component-wrapper .value-wrapper .value.hidden,wm-progress-indicator .component-wrapper .value-wrapper .value.hidden{visibility:hidden}:host .component-wrapper path:active,wm-progress-indicator .component-wrapper path:active,:host .component-wrapper path:hover,wm-progress-indicator .component-wrapper path:hover,:host .component-wrapper path:focus,wm-progress-indicator .component-wrapper path:focus,:host .component-wrapper .stacked-bar-segment:active,wm-progress-indicator .component-wrapper .stacked-bar-segment:active,:host .component-wrapper .stacked-bar-segment:hover,wm-progress-indicator .component-wrapper .stacked-bar-segment:hover,:host .component-wrapper .stacked-bar-segment:focus,wm-progress-indicator .component-wrapper .stacked-bar-segment:focus{outline:none}:host .component-wrapper .stacked-bar-segment:active.stacked-bar-segment,wm-progress-indicator .component-wrapper .stacked-bar-segment:active.stacked-bar-segment,:host .component-wrapper .stacked-bar-segment:hover.stacked-bar-segment,wm-progress-indicator .component-wrapper .stacked-bar-segment:hover.stacked-bar-segment,:host .component-wrapper .stacked-bar-segment:focus.stacked-bar-segment,wm-progress-indicator .component-wrapper .stacked-bar-segment:focus.stacked-bar-segment{-webkit-box-shadow:0px 0px 6px #333;-moz-box-shadow:0px 0px 6px #333;box-shadow:0px 0px 6px #333}:host .component-wrapper path:active.doughnut-segment,wm-progress-indicator .component-wrapper path:active.doughnut-segment,:host .component-wrapper path:hover.doughnut-segment,wm-progress-indicator .component-wrapper path:hover.doughnut-segment,:host .component-wrapper path:focus.doughnut-segment,wm-progress-indicator .component-wrapper path:focus.doughnut-segment,:host .component-wrapper .stacked-bar-segment:active.doughnut-segment,wm-progress-indicator .component-wrapper .stacked-bar-segment:active.doughnut-segment,:host .component-wrapper .stacked-bar-segment:hover.doughnut-segment,wm-progress-indicator .component-wrapper .stacked-bar-segment:hover.doughnut-segment,:host .component-wrapper .stacked-bar-segment:focus.doughnut-segment,wm-progress-indicator .component-wrapper .stacked-bar-segment:focus.doughnut-segment{-webkit-filter:url(#wmHoverDropShadow);filter:url(#wmHoverDropShadow)}:host .component-wrapper path::-moz-focus-inner,wm-progress-indicator .component-wrapper path::-moz-focus-inner,:host .component-wrapper .stacked-bar-segment::-moz-focus-inner,wm-progress-indicator .component-wrapper .stacked-bar-segment::-moz-focus-inner{border:0;outline:none}:host .component-wrapper.doughnut,wm-progress-indicator .component-wrapper.doughnut{width:300px}:host .component-wrapper.doughnut1 label,wm-progress-indicator .component-wrapper.doughnut1 label,:host .component-wrapper.doughnut1 .label-text,wm-progress-indicator .component-wrapper.doughnut1 .label-text,:host .component-wrapper.doughnut2 label,wm-progress-indicator .component-wrapper.doughnut2 label,:host .component-wrapper.doughnut2 .label-text,wm-progress-indicator .component-wrapper.doughnut2 .label-text,:host .component-wrapper.doughnut2plus label,wm-progress-indicator .component-wrapper.doughnut2plus label,:host .component-wrapper.doughnut2plus .label-text,wm-progress-indicator .component-wrapper.doughnut2plus .label-text,:host .component-wrapper.doughnut3 label,wm-progress-indicator .component-wrapper.doughnut3 label,:host .component-wrapper.doughnut3 .label-text,wm-progress-indicator .component-wrapper.doughnut3 .label-text{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 .component-wrapper.doughnut0,wm-progress-indicator .component-wrapper.doughnut0,:host .component-wrapper.doughnut,wm-progress-indicator .component-wrapper.doughnut{-ms-flex-align:center;align-items:center}:host .component-wrapper.doughnut0 label,wm-progress-indicator .component-wrapper.doughnut0 label,:host .component-wrapper.doughnut label,wm-progress-indicator .component-wrapper.doughnut label{text-align:center;width:100%;padding-bottom:1.5rem}:host .component-wrapper.doughnut0 label .subinfo,wm-progress-indicator .component-wrapper.doughnut0 label .subinfo,:host .component-wrapper.doughnut label .subinfo,wm-progress-indicator .component-wrapper.doughnut label .subinfo{position:absolute}:host .component-wrapper.doughnut0 .completion-message,wm-progress-indicator .component-wrapper.doughnut0 .completion-message,:host .component-wrapper.doughnut .completion-message,wm-progress-indicator .component-wrapper.doughnut .completion-message{padding-top:0.625rem}:host .component-wrapper.bar1,wm-progress-indicator .component-wrapper.bar1,:host .component-wrapper.bar,wm-progress-indicator .component-wrapper.bar{padding:1.25rem;-ms-flex-align:start;align-items:flex-start}:host .component-wrapper.bar1 label,wm-progress-indicator .component-wrapper.bar1 label,:host .component-wrapper.bar label,wm-progress-indicator .component-wrapper.bar label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .component-wrapper.bar1 label .subinfo,wm-progress-indicator .component-wrapper.bar1 label .subinfo,:host .component-wrapper.bar label .subinfo,wm-progress-indicator .component-wrapper.bar label .subinfo{position:initial}:host .component-wrapper.bar1 .chart-wrapper,wm-progress-indicator .component-wrapper.bar1 .chart-wrapper,:host .component-wrapper.bar .chart-wrapper,wm-progress-indicator .component-wrapper.bar .chart-wrapper{display:-ms-flexbox;display:flex}:host .component-wrapper.bar1 .chart-wrapper .single-perc,wm-progress-indicator .component-wrapper.bar1 .chart-wrapper .single-perc,:host .component-wrapper.bar .chart-wrapper .single-perc,wm-progress-indicator .component-wrapper.bar .chart-wrapper .single-perc{width:4rem;-ms-flex:none;flex:none;display:-ms-flexbox;display:flex;height:30px;-ms-flex-align:center;align-items:center}:host .component-wrapper.bar1 .chart-wrapper .inner-stacked-bar-wrapper,wm-progress-indicator .component-wrapper.bar1 .chart-wrapper .inner-stacked-bar-wrapper,:host .component-wrapper.bar .chart-wrapper .inner-stacked-bar-wrapper,wm-progress-indicator .component-wrapper.bar .chart-wrapper .inner-stacked-bar-wrapper{-ms-flex:1;flex:1}:host .component-wrapper.bar1 .chart-wrapper .completion-message,wm-progress-indicator .component-wrapper.bar1 .chart-wrapper .completion-message,:host .component-wrapper.bar .chart-wrapper .completion-message,wm-progress-indicator .component-wrapper.bar .chart-wrapper .completion-message{width:100%;text-align:right;margin-top:0.25rem}@media screen and (min-width: 768px){:host .component-wrapper.bar1,wm-progress-indicator .component-wrapper.bar1,:host .component-wrapper.bar,wm-progress-indicator .component-wrapper.bar{-ms-flex-direction:row;flex-direction:row}:host .component-wrapper.bar1 label,wm-progress-indicator .component-wrapper.bar1 label,:host .component-wrapper.bar label,wm-progress-indicator .component-wrapper.bar label{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;min-height:30px;width:12rem;text-align:left;padding-right:1.25rem;padding-bottom:0;-ms-flex:none;flex:none}:host .component-wrapper.bar1 .bar-wrapper,wm-progress-indicator .component-wrapper.bar1 .bar-wrapper,:host .component-wrapper.bar .bar-wrapper,wm-progress-indicator .component-wrapper.bar .bar-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host .component-wrapper.bar1 .bar-wrapper .single-perc,wm-progress-indicator .component-wrapper.bar1 .bar-wrapper .single-perc,:host .component-wrapper.bar .bar-wrapper .single-perc,wm-progress-indicator .component-wrapper.bar .bar-wrapper .single-perc{text-align:center;padding-left:0.5rem;-ms-flex-pack:center;justify-content:center}}:host .component-wrapper.bar2,wm-progress-indicator .component-wrapper.bar2,:host .component-wrapper.bar3,wm-progress-indicator .component-wrapper.bar3,:host .component-wrapper.bar4,wm-progress-indicator .component-wrapper.bar4,:host .component-wrapper.bar5,wm-progress-indicator .component-wrapper.bar5{-ms-flex-align:start;align-items:flex-start}:host .component-wrapper.bar2 .inner-stacked-bar-wrapper,wm-progress-indicator .component-wrapper.bar2 .inner-stacked-bar-wrapper,:host .component-wrapper.bar4 .inner-stacked-bar-wrapper,wm-progress-indicator .component-wrapper.bar4 .inner-stacked-bar-wrapper,:host .component-wrapper.bar5 .inner-stacked-bar-wrapper,wm-progress-indicator .component-wrapper.bar5 .inner-stacked-bar-wrapper{height:30px;margin-bottom:0}:host .component-wrapper.bar2 .inner-stacked-bar-wrapper.show-values,wm-progress-indicator .component-wrapper.bar2 .inner-stacked-bar-wrapper.show-values,:host .component-wrapper.bar4 .inner-stacked-bar-wrapper.show-values,wm-progress-indicator .component-wrapper.bar4 .inner-stacked-bar-wrapper.show-values,:host .component-wrapper.bar5 .inner-stacked-bar-wrapper.show-values,wm-progress-indicator .component-wrapper.bar5 .inner-stacked-bar-wrapper.show-values{height:60px;margin-top:0}:host .component-wrapper.bar3 .chart-wrapper,wm-progress-indicator .component-wrapper.bar3 .chart-wrapper{position:relative;height:100px}:host .component-wrapper.bar3 .chart-wrapper .inner-stacked-bar-wrapper,wm-progress-indicator .component-wrapper.bar3 .chart-wrapper .inner-stacked-bar-wrapper{position:absolute;top:35px;left:0;right:0;bottom:0;height:30px}:host .component-wrapper.bar3 .chart-wrapper .inner-stacked-bar-wrapper text,wm-progress-indicator .component-wrapper.bar3 .chart-wrapper .inner-stacked-bar-wrapper text{fill:#4a4a4a}:host .component-wrapper.bar3 .chart-wrapper .axis,wm-progress-indicator .component-wrapper.bar3 .chart-wrapper .axis{position:absolute;top:0;left:0;height:90px;width:100%;overflow:visible;-webkit-transform:translateY(90px);transform:translateY(90px)}:host .component-wrapper.bar3 .chart-wrapper .axis line,wm-progress-indicator .component-wrapper.bar3 .chart-wrapper .axis line{stroke:#eeedf4;stroke-width:1px}:host .component-wrapper.bar3 .chart-wrapper .axis text,wm-progress-indicator .component-wrapper.bar3 .chart-wrapper .axis text{-webkit-transform:translate(4px, 24px);transform:translate(4px, 24px);text-anchor:middle}:host .component-wrapper.bar3 .hidden-values-warning,wm-progress-indicator .component-wrapper.bar3 .hidden-values-warning{margin-top:1.25rem}:host .component-wrapper.bar6,wm-progress-indicator .component-wrapper.bar6,:host .component-wrapper.bar7,wm-progress-indicator .component-wrapper.bar7{--chartPadding:48px;-ms-flex-align:start;align-items:flex-start}:host .component-wrapper.bar6 .chart-wrapper,wm-progress-indicator .component-wrapper.bar6 .chart-wrapper,:host .component-wrapper.bar7 .chart-wrapper,wm-progress-indicator .component-wrapper.bar7 .chart-wrapper{width:100%}:host .component-wrapper.bar6 .chart,wm-progress-indicator .component-wrapper.bar6 .chart,:host .component-wrapper.bar7 .chart,wm-progress-indicator .component-wrapper.bar7 .chart{position:relative;padding-right:var(--chartPadding)}:host .component-wrapper.bar6 .gridlines,wm-progress-indicator .component-wrapper.bar6 .gridlines,:host .component-wrapper.bar7 .gridlines,wm-progress-indicator .component-wrapper.bar7 .gridlines{position:absolute;left:var(--labelWidth);right:var(--chartPadding);top:0;bottom:0;background-image:linear-gradient(90deg, #8f8f8f 1px, transparent 1px);background-position:-1px;border-left:1px solid #8f8f8f;border-bottom:1px solid #8f8f8f;background-size:var(--backgroundSize)}:host .component-wrapper.bar6 .rows,wm-progress-indicator .component-wrapper.bar6 .rows,:host .component-wrapper.bar7 .rows,wm-progress-indicator .component-wrapper.bar7 .rows{display:grid;grid-template-columns:var(--labelWidth) auto;grid-auto-rows:minmax(30px, 1fr);-ms-flex-align:center;align-items:center;position:relative;z-index:1}:host .component-wrapper.bar6 .rows .label,wm-progress-indicator .component-wrapper.bar6 .rows .label,:host .component-wrapper.bar7 .rows .label,wm-progress-indicator .component-wrapper.bar7 .rows .label{font-weight:400;padding:0 0.75rem 0 0;text-align:right;margin:0.75rem 0}:host .component-wrapper.bar6 .rows .label.hidden,wm-progress-indicator .component-wrapper.bar6 .rows .label.hidden,:host .component-wrapper.bar7 .rows .label.hidden,wm-progress-indicator .component-wrapper.bar7 .rows .label.hidden{visibility:hidden;white-space:nowrap}:host .component-wrapper.bar6 .bar,wm-progress-indicator .component-wrapper.bar6 .bar,:host .component-wrapper.bar7 .bar,wm-progress-indicator .component-wrapper.bar7 .bar{height:30px;position:relative}:host .component-wrapper.bar6 .bar .value,wm-progress-indicator .component-wrapper.bar6 .bar .value,:host .component-wrapper.bar7 .bar .value,wm-progress-indicator .component-wrapper.bar7 .bar .value{position:absolute;top:50%;right:-0.5rem;-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%)}:host .component-wrapper.bar6 .x-axis,wm-progress-indicator .component-wrapper.bar6 .x-axis,:host .component-wrapper.bar7 .x-axis,wm-progress-indicator .component-wrapper.bar7 .x-axis{margin-left:var(--labelWidth);margin-right:var(--chartPadding);display:-ms-flexbox;display:flex;postion:relative}:host .component-wrapper.bar6 .tick,wm-progress-indicator .component-wrapper.bar6 .tick,:host .component-wrapper.bar7 .tick,wm-progress-indicator .component-wrapper.bar7 .tick{-ms-flex:1;flex:1;text-align:right}:host .component-wrapper.bar6 .tick span,wm-progress-indicator .component-wrapper.bar6 .tick span,:host .component-wrapper.bar7 .tick span,wm-progress-indicator .component-wrapper.bar7 .tick span{-webkit-transform:translateX(50%);transform:translateX(50%);display:inline-block}:host .component-wrapper.bar6 .zero,wm-progress-indicator .component-wrapper.bar6 .zero,:host .component-wrapper.bar7 .zero,wm-progress-indicator .component-wrapper.bar7 .zero{position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}:host .component-wrapper.bar6 .bar:active,wm-progress-indicator .component-wrapper.bar6 .bar:active,:host .component-wrapper.bar6 .bar:hover,wm-progress-indicator .component-wrapper.bar6 .bar:hover,:host .component-wrapper.bar6 .bar:focus,wm-progress-indicator .component-wrapper.bar6 .bar:focus,:host .component-wrapper.bar7 .bar:active,wm-progress-indicator .component-wrapper.bar7 .bar:active,:host .component-wrapper.bar7 .bar:hover,wm-progress-indicator .component-wrapper.bar7 .bar:hover,:host .component-wrapper.bar7 .bar:focus,wm-progress-indicator .component-wrapper.bar7 .bar:focus{outline:none}:host .component-wrapper.bar6 .bar:active.bar,wm-progress-indicator .component-wrapper.bar6 .bar:active.bar,:host .component-wrapper.bar6 .bar:hover.bar,wm-progress-indicator .component-wrapper.bar6 .bar:hover.bar,:host .component-wrapper.bar6 .bar:focus.bar,wm-progress-indicator .component-wrapper.bar6 .bar:focus.bar,:host .component-wrapper.bar7 .bar:active.bar,wm-progress-indicator .component-wrapper.bar7 .bar:active.bar,:host .component-wrapper.bar7 .bar:hover.bar,wm-progress-indicator .component-wrapper.bar7 .bar:hover.bar,:host .component-wrapper.bar7 .bar:focus.bar,wm-progress-indicator .component-wrapper.bar7 .bar:focus.bar{-webkit-box-shadow:0px 0px 6px #333;-moz-box-shadow:0px 0px 6px #333;box-shadow:0px 0px 6px #333}:host .component-wrapper.left-label,wm-progress-indicator .component-wrapper.left-label{-ms-flex-direction:row;flex-direction:row}:host .component-wrapper.left-label .label,wm-progress-indicator .component-wrapper.left-label .label{width:12rem;padding-right:1.25rem;-ms-flex:none;flex:none;-ms-flex-item-align:end;align-self:flex-end;min-height:30px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .component-wrapper .hidden-values-warning,wm-progress-indicator .component-wrapper .hidden-values-warning{font-size:0.75rem;font-style:italic;max-width:100%}:host #chart-instructions,wm-progress-indicator #chart-instructions{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 .component-wrapper .legend-wrapper,wm-progress-indicator .component-wrapper .legend-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center}:host .component-wrapper .legend-wrapper .legend,wm-progress-indicator .component-wrapper .legend-wrapper .legend{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;text-align:center;padding-top:0.25rem;padding-bottom:0.75rem;-webkit-box-sizing:border-box;box-sizing:border-box}:host .component-wrapper .legend-wrapper .legend.bar1,wm-progress-indicator .component-wrapper .legend-wrapper .legend.bar1,:host .component-wrapper .legend-wrapper .legend.bar6,wm-progress-indicator .component-wrapper .legend-wrapper .legend.bar6{display:none}:host .component-wrapper .legend-wrapper .legend.--top,wm-progress-indicator .component-wrapper .legend-wrapper .legend.--top{margin-top:-0.75rem}:host .component-wrapper .legend-wrapper .legend.--top .legend-item,wm-progress-indicator .component-wrapper .legend-wrapper .legend.--top .legend-item{padding-top:0.75rem}:host .component-wrapper .legend-wrapper .legend.--top .legend-color,wm-progress-indicator .component-wrapper .legend-wrapper .legend.--top .legend-color{top:0.75rem}:host .component-wrapper .legend-wrapper .legend.--bottom,wm-progress-indicator .component-wrapper .legend-wrapper .legend.--bottom{margin-bottom:-0.75rem}:host .component-wrapper .legend-wrapper .legend.--bottom .legend-item,wm-progress-indicator .component-wrapper .legend-wrapper .legend.--bottom .legend-item{padding-bottom:0.75rem}:host .component-wrapper .legend-wrapper .legend.--bottom .legend-color,wm-progress-indicator .component-wrapper .legend-wrapper .legend.--bottom .legend-color{top:-0.75rem}:host .component-wrapper .legend-wrapper .legend .legend-item,wm-progress-indicator .component-wrapper .legend-wrapper .legend .legend-item{position:relative}:host .component-wrapper .legend-wrapper .legend .legend-item:not(:last-of-type),wm-progress-indicator .component-wrapper .legend-wrapper .legend .legend-item:not(:last-of-type){padding-right:1.25rem}:host .component-wrapper .legend-wrapper .legend .legend-text,wm-progress-indicator .component-wrapper .legend-wrapper .legend .legend-text{font-size:0.875rem;padding-left:1rem;line-height:1}:host .component-wrapper .legend-wrapper .legend .legend-color,wm-progress-indicator .component-wrapper .legend-wrapper .legend .legend-color{position:absolute;left:0;bottom:0;margin:auto;width:0.6875rem;height:0.6875rem}:host .component-wrapper .legend-wrapper .legend.bar3,wm-progress-indicator .component-wrapper .legend-wrapper .legend.bar3{padding-bottom:1.25rem}:host(:focus){outline:none}:host(:focus) .component-wrapper.user-is-tabbing .stacked-bar-segments-wrapper,:host(:focus) .component-wrapper.user-is-tabbing .simple-bar-wrapper,:host(:focus) .component-wrapper.user-is-tabbing .doughnut-wrapper{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e}:host(:focus) .component-wrapper.user-is-tabbing .stacked-bar-segments-wrapper::-moz-focus-inner,:host(:focus) .component-wrapper.user-is-tabbing .simple-bar-wrapper::-moz-focus-inner,:host(:focus) .component-wrapper.user-is-tabbing .doughnut-wrapper::-moz-focus-inner{border:0}";var k=e("wm_progress_indicator",function(){function e(e){r(this,e);this.uid=s();this.slicesDetails=[];this.barLabelsWidth=this.el.parentElement.barLabelsWidth;this.label=undefined;this.subinfo=undefined;this.completionMessage=undefined;this.showLegend=true;this.isTabbing=false;this.mode=undefined;this.userIsNavigating=false}Object.defineProperty(e.prototype,"popoverEl",{get:function(){return this.el.shadowRoot.querySelector("priv-chart-popover")},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"sliceEls",{get:function(){return Array.from(this.el.shadowRoot.querySelectorAll(".segment"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"chartDetails",{get:function(){return this.mode?l[this.mode]:undefined},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"ariaLabelText",{get:function(){var e="".concat(this.label);if(this.subinfo){e+=" ".concat(this.subinfo)}return e},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"chartRoleDescription",{get:function(){return i.formatMessage({id:"chart.roleDescription",defaultMessage:"Interactive chart",description:"For screen readers only, a description clarifying the role of the chart widget"})},enumerable:false,configurable:true});e.prototype.toggleTabbingOn=function(){this.isTabbing=true};e.prototype.toggleTabbingOff=function(){this.isTabbing=false};e.prototype.handleKeydown=function(e){d.call(this,e)};e.prototype.componentWillLoad=function(){var e=this;if(!this.label){console.error("For accessibility purposes, you must provide a label for the chart. See https://components.watermarkinsights.com/chart for more information.")}if(this.el.children.length!==2){console.warn("wm-progress-indicator component must have 2 wm-progress-slice children.")}this.el.parentElement.addEventListener("wmProgressMonitorModeChange",(function(r){return e.mode=r.detail}))};e.prototype.handleSliceUpdate=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,w.call(this,this.mode)];case 1:e.sent();o(this.el);return[2]}}))}))};e.prototype.handleModeUpdate=function(){if(this.mode){w.call(this,this.mode)}};e.prototype.renderBarOrDoughnut=function(){if(this.total>0&&this.mode==="bar"){return g.call(this,this.mode)}else{return b.call(this,this.mode)}};e.prototype.render=function(){var e=this;return t(n,{onBlur:function(){return x.call(e)}},t("div",{ref:function(r){return e.componentWrapperEl=r},class:"component-wrapper ".concat(this.mode," ").concat(this.isTabbing&&!this.userIsNavigating?"user-is-tabbing":""),role:"application","aria-label":this.ariaLabelText,tabindex:"0","aria-roledescription":this.chartRoleDescription,"aria-describedby":"chart-instructions"},t("label",{id:"label-".concat(this.uid),class:"label ".concat(this.barLabelsWidth&&this.mode==="bar"?"custom-width":""),style:{"--custom-label-width":this.barLabelsWidth},htmlFor:"graphic-".concat(this.uid)},t("span",{class:"label-text"},this.label),this.subinfo?t("span",{class:"subinfo"},this.subinfo):""),this.mode&&this.renderBarOrDoughnut(),this.mode==="doughnut"?u.call(this,this.mode):"",t("priv-chart-popover",{class:this.isTabbing?"user-is-tabbing":""}),this.mode==="doughnut"?f.call(this):""),h())};Object.defineProperty(e,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return p(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{mode:["handleModeUpdate"]}},enumerable:false,configurable:true});return e}());k.style=y;var z=":host .legend-wrapper,wm-progress-monitor .legend-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center}:host .legend-wrapper .legend,wm-progress-monitor .legend-wrapper .legend{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;text-align:center;padding-top:0.25rem;padding-bottom:0.75rem;-webkit-box-sizing:border-box;box-sizing:border-box}:host .legend-wrapper .legend.bar1,wm-progress-monitor .legend-wrapper .legend.bar1,:host .legend-wrapper .legend.bar6,wm-progress-monitor .legend-wrapper .legend.bar6{display:none}:host .legend-wrapper .legend.--top,wm-progress-monitor .legend-wrapper .legend.--top{margin-top:-0.75rem}:host .legend-wrapper .legend.--top .legend-item,wm-progress-monitor .legend-wrapper .legend.--top .legend-item{padding-top:0.75rem}:host .legend-wrapper .legend.--top .legend-color,wm-progress-monitor .legend-wrapper .legend.--top .legend-color{top:0.75rem}:host .legend-wrapper .legend.--bottom,wm-progress-monitor .legend-wrapper .legend.--bottom{margin-bottom:-0.75rem}:host .legend-wrapper .legend.--bottom .legend-item,wm-progress-monitor .legend-wrapper .legend.--bottom .legend-item{padding-bottom:0.75rem}:host .legend-wrapper .legend.--bottom .legend-color,wm-progress-monitor .legend-wrapper .legend.--bottom .legend-color{top:-0.75rem}:host .legend-wrapper .legend .legend-item,wm-progress-monitor .legend-wrapper .legend .legend-item{position:relative}:host .legend-wrapper .legend .legend-item:not(:last-of-type),wm-progress-monitor .legend-wrapper .legend .legend-item:not(:last-of-type){padding-right:1.25rem}:host .legend-wrapper .legend .legend-text,wm-progress-monitor .legend-wrapper .legend .legend-text{font-size:0.875rem;padding-left:1rem;line-height:1}:host .legend-wrapper .legend .legend-color,wm-progress-monitor .legend-wrapper .legend .legend-color{position:absolute;left:0;bottom:0;margin:auto;width:0.6875rem;height:0.6875rem}:host .legend-wrapper .legend.bar3,wm-progress-monitor .legend-wrapper .legend.bar3{padding-bottom:1.25rem}:host,wm-progress-monitor{display:-ms-flexbox;display:flex}:host .legend-wrapper,wm-progress-monitor .legend-wrapper{-ms-flex-align:start;align-items:flex-start;padding:0 1.25rem}:host(.row){-ms-flex-direction:row;flex-direction:row}:host(.column){-ms-flex-direction:column;flex-direction:column}";var P=e("wm_progress_monitor",function(){function e(e){var t=this;r(this,e);this.wmProgressMonitorModeChange=a(this,"wmProgressMonitorModeChange",7);this.doughnutWidth=300;this.modeInitialized=false;this.debouncedUpdate=c((function(){return o(t.el)}),50);this.breakpoint=undefined;this.groupLegend=undefined;this.barLabelsWidth=undefined}Object.defineProperty(e.prototype,"parsedBreakpoint",{get:function(){var e=this.parseToNum(this.breakpoint?this.breakpoint:this.el.children.length);var r=e>=20?e:e*this.doughnutWidth;return r},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"mode",{get:function(){return this.el.clientWidth>this.parsedBreakpoint?"doughnut":"bar"},enumerable:false,configurable:true});e.prototype.componentWillLoad=function(){var e=this;var r=new ResizeObserver((function(){return e.debouncedUpdate()}));r.observe(this.el)};e.prototype.componentDidLoad=function(){this.wmProgressMonitorModeChange.emit(this.mode);this.modeInitialized=true};e.prototype.componentWillUpdate=function(){if(this.prevMode!==this.mode){this.wmProgressMonitorModeChange.emit(this.mode)}this.prevMode=this.mode};e.prototype.parseToNum=function(e){var r=e.toString();var o=r.replace("px","");return parseInt(o)};e.prototype.renderLegend=function(){var e=m(this.groupLegend);var r=l.bar.colors;return t("div",{class:"legend-wrapper"},t("div",{class:"legend"},e.map((function(e,o){var t={key:e,color:r[o]};return v(t)}))))};e.prototype.render=function(){return t(n,{class:this.mode==="doughnut"?"row":"column"},this.modeInitialized&&this.groupLegend&&this.mode==="bar"&&this.renderLegend(),this.modeInitialized&&t("slot",null))};Object.defineProperty(e,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return p(this)},enumerable:false,configurable:true});return e}());P.style=z;var j=e("wm_progress_slice",function(){function e(e){r(this,e);this.wmProgressSliceUpdated=a(this,"wmProgressSliceUpdated",7);this.legend=undefined;this.amount=undefined;this.popoverTitle=undefined;this.popoverText=undefined;this.popoverButtonText=undefined}e.prototype.componentDidUpdate=function(){this.wmProgressSliceUpdated.emit()};return e}())}}}));
-//# sourceMappingURL=p-4c383e9e.system.entry.js.map
+var __awaiter=this&&this.__awaiter||function(e,r,o,t){function n(e){return e instanceof o?e:new o((function(r){r(e)}))}return new(o||(o=Promise))((function(o,p){function a(e){try{i(t.next(e))}catch(e){p(e)}}function s(e){try{i(t["throw"](e))}catch(e){p(e)}}function i(e){e.done?o(e.value):n(e.value).then(a,s)}i((t=t.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var o={label:0,sent:function(){if(p[0]&1)throw p[1];return p[1]},trys:[],ops:[]},t,n,p,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(e){return function(r){return i([e,r])}}function i(s){if(t)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(o=0)),o)try{if(t=1,n&&(p=s[0]&2?n["return"]:s[0]?n["throw"]||((p=n["return"])&&p.call(n),0):n.next)&&!(p=p.call(n,s[1])).done)return p;if(n=0,p)s=[s[0]&2,p.value];switch(s[0]){case 0:case 1:p=s;break;case 4:o.label++;return{value:s[1],done:false};case 5:o.label++;n=s[1];s=[0];continue;case 7:s=o.ops.pop();o.trys.pop();continue;default:if(!(p=o.trys,p=p.length>0&&p[p.length-1])&&(s[0]===6||s[0]===2)){o=0;continue}if(s[0]===3&&(!p||s[1]>p[0]&&s[1]<p[3])){o.label=s[1];break}if(s[0]===6&&o.label<p[1]){o.label=p[1];p=s;break}if(p&&o.label<p[2]){o.label=p[2];o.ops.push(s);break}if(p[2])o.ops.pop();o.trys.pop();continue}s=r.call(e,o)}catch(e){s=[6,e];n=0}finally{t=p=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-7b2fc615.system.js","./p-f08e6a5a.system.js","./p-0b21e936.system.js"],(function(e){"use strict";var r,o,t,n,p,a,s,i,c,m,l,d,w,g,b,h,u,f,x,v;return{setters:[function(e){r=e.r;o=e.f;t=e.h;n=e.H;p=e.g;a=e.c},function(e){s=e.g;i=e.i;c=e.d;m=e.q},function(e){l=e.a;d=e.h;w=e.g;g=e.r;b=e.d;h=e.e;u=e.f;f=e.i;x=e.k;v=e.l}],execute:function(){var y=":host,wm-progress-indicator{display:block}:host .component-wrapper,wm-progress-indicator .component-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;font-size:0.875rem;position:relative;outline:none;}:host .component-wrapper .label,wm-progress-indicator .component-wrapper .label{display:block;margin:0;padding-bottom:0.25rem;font-weight:500;position:relative}:host .component-wrapper .label .subinfo,wm-progress-indicator .component-wrapper .label .subinfo{display:block;font-weight:normal;font-style:italic;bottom:0.25rem;width:100%;color:#6b6b6b}:host .component-wrapper .label.custom-width,wm-progress-indicator .component-wrapper .label.custom-width{width:var(--custom-label-width)}:host .component-wrapper .doughnut-svg,wm-progress-indicator .component-wrapper .doughnut-svg,:host .component-wrapper .inner-stacked-bar-wrapper,wm-progress-indicator .component-wrapper .inner-stacked-bar-wrapper{overflow:visible}:host .component-wrapper .bar-wrapper,wm-progress-indicator .component-wrapper .bar-wrapper{-ms-flex-positive:1;flex-grow:1;width:100%}:host .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper,wm-progress-indicator .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper{width:100%}:host .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper .values,wm-progress-indicator .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper .values{display:-ms-flexbox;display:flex}:host .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper .stacked-bar-segments-wrapper,wm-progress-indicator .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper .stacked-bar-segments-wrapper{display:-ms-flexbox;display:flex}:host .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper .stacked-bar-segments-wrapper .stacked-bar-segment,wm-progress-indicator .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper .stacked-bar-segments-wrapper .stacked-bar-segment{height:30px;cursor:pointer}:host .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper .stacked-bar-segments-wrapper .stacked-bar-segment:not(.zero):not(:last-of-type),wm-progress-indicator .component-wrapper .bar-wrapper .inner-stacked-bar-wrapper .stacked-bar-segments-wrapper .stacked-bar-segment:not(.zero):not(:last-of-type){margin-right:2px}:host .component-wrapper .doughnut-wrapper,wm-progress-indicator .component-wrapper .doughnut-wrapper{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px}:host .component-wrapper .doughnut-wrapper .doughnut-segment,wm-progress-indicator .component-wrapper .doughnut-wrapper .doughnut-segment{cursor:pointer}:host .component-wrapper .value-wrapper,wm-progress-indicator .component-wrapper .value-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .component-wrapper .value-wrapper:not(:last-of-type),wm-progress-indicator .component-wrapper .value-wrapper:not(:last-of-type){margin-right:2px}:host .component-wrapper .value-wrapper .value.hidden,wm-progress-indicator .component-wrapper .value-wrapper .value.hidden{visibility:hidden}:host .component-wrapper path:active,wm-progress-indicator .component-wrapper path:active,:host .component-wrapper path:hover,wm-progress-indicator .component-wrapper path:hover,:host .component-wrapper path:focus,wm-progress-indicator .component-wrapper path:focus,:host .component-wrapper .stacked-bar-segment:active,wm-progress-indicator .component-wrapper .stacked-bar-segment:active,:host .component-wrapper .stacked-bar-segment:hover,wm-progress-indicator .component-wrapper .stacked-bar-segment:hover,:host .component-wrapper .stacked-bar-segment:focus,wm-progress-indicator .component-wrapper .stacked-bar-segment:focus{outline:none}:host .component-wrapper .stacked-bar-segment:active.stacked-bar-segment,wm-progress-indicator .component-wrapper .stacked-bar-segment:active.stacked-bar-segment,:host .component-wrapper .stacked-bar-segment:hover.stacked-bar-segment,wm-progress-indicator .component-wrapper .stacked-bar-segment:hover.stacked-bar-segment,:host .component-wrapper .stacked-bar-segment:focus.stacked-bar-segment,wm-progress-indicator .component-wrapper .stacked-bar-segment:focus.stacked-bar-segment{-webkit-box-shadow:0px 0px 6px #333;-moz-box-shadow:0px 0px 6px #333;box-shadow:0px 0px 6px #333}:host .component-wrapper path:active.doughnut-segment,wm-progress-indicator .component-wrapper path:active.doughnut-segment,:host .component-wrapper path:hover.doughnut-segment,wm-progress-indicator .component-wrapper path:hover.doughnut-segment,:host .component-wrapper path:focus.doughnut-segment,wm-progress-indicator .component-wrapper path:focus.doughnut-segment,:host .component-wrapper .stacked-bar-segment:active.doughnut-segment,wm-progress-indicator .component-wrapper .stacked-bar-segment:active.doughnut-segment,:host .component-wrapper .stacked-bar-segment:hover.doughnut-segment,wm-progress-indicator .component-wrapper .stacked-bar-segment:hover.doughnut-segment,:host .component-wrapper .stacked-bar-segment:focus.doughnut-segment,wm-progress-indicator .component-wrapper .stacked-bar-segment:focus.doughnut-segment{-webkit-filter:url(#wmHoverDropShadow);filter:url(#wmHoverDropShadow)}:host .component-wrapper path::-moz-focus-inner,wm-progress-indicator .component-wrapper path::-moz-focus-inner,:host .component-wrapper .stacked-bar-segment::-moz-focus-inner,wm-progress-indicator .component-wrapper .stacked-bar-segment::-moz-focus-inner{border:0;outline:none}:host .component-wrapper.doughnut,wm-progress-indicator .component-wrapper.doughnut{width:300px}:host .component-wrapper.doughnut1 label,wm-progress-indicator .component-wrapper.doughnut1 label,:host .component-wrapper.doughnut1 .label-text,wm-progress-indicator .component-wrapper.doughnut1 .label-text,:host .component-wrapper.doughnut2 label,wm-progress-indicator .component-wrapper.doughnut2 label,:host .component-wrapper.doughnut2 .label-text,wm-progress-indicator .component-wrapper.doughnut2 .label-text,:host .component-wrapper.doughnut2plus label,wm-progress-indicator .component-wrapper.doughnut2plus label,:host .component-wrapper.doughnut2plus .label-text,wm-progress-indicator .component-wrapper.doughnut2plus .label-text,:host .component-wrapper.doughnut3 label,wm-progress-indicator .component-wrapper.doughnut3 label,:host .component-wrapper.doughnut3 .label-text,wm-progress-indicator .component-wrapper.doughnut3 .label-text{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 .component-wrapper.doughnut0,wm-progress-indicator .component-wrapper.doughnut0,:host .component-wrapper.doughnut,wm-progress-indicator .component-wrapper.doughnut{-ms-flex-align:center;align-items:center}:host .component-wrapper.doughnut0 label,wm-progress-indicator .component-wrapper.doughnut0 label,:host .component-wrapper.doughnut label,wm-progress-indicator .component-wrapper.doughnut label{text-align:center;width:100%;padding-bottom:1.5rem}:host .component-wrapper.doughnut0 label .subinfo,wm-progress-indicator .component-wrapper.doughnut0 label .subinfo,:host .component-wrapper.doughnut label .subinfo,wm-progress-indicator .component-wrapper.doughnut label .subinfo{position:absolute}:host .component-wrapper.doughnut0 .completion-message,wm-progress-indicator .component-wrapper.doughnut0 .completion-message,:host .component-wrapper.doughnut .completion-message,wm-progress-indicator .component-wrapper.doughnut .completion-message{padding-top:0.625rem}:host .component-wrapper.bar1,wm-progress-indicator .component-wrapper.bar1,:host .component-wrapper.bar,wm-progress-indicator .component-wrapper.bar{padding:1.25rem;-ms-flex-align:start;align-items:flex-start}:host .component-wrapper.bar1 label,wm-progress-indicator .component-wrapper.bar1 label,:host .component-wrapper.bar label,wm-progress-indicator .component-wrapper.bar label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .component-wrapper.bar1 label .subinfo,wm-progress-indicator .component-wrapper.bar1 label .subinfo,:host .component-wrapper.bar label .subinfo,wm-progress-indicator .component-wrapper.bar label .subinfo{position:initial}:host .component-wrapper.bar1 .chart-wrapper,wm-progress-indicator .component-wrapper.bar1 .chart-wrapper,:host .component-wrapper.bar .chart-wrapper,wm-progress-indicator .component-wrapper.bar .chart-wrapper{display:-ms-flexbox;display:flex}:host .component-wrapper.bar1 .chart-wrapper .single-perc,wm-progress-indicator .component-wrapper.bar1 .chart-wrapper .single-perc,:host .component-wrapper.bar .chart-wrapper .single-perc,wm-progress-indicator .component-wrapper.bar .chart-wrapper .single-perc{width:4rem;-ms-flex:none;flex:none;display:-ms-flexbox;display:flex;height:30px;-ms-flex-align:center;align-items:center}:host .component-wrapper.bar1 .chart-wrapper .inner-stacked-bar-wrapper,wm-progress-indicator .component-wrapper.bar1 .chart-wrapper .inner-stacked-bar-wrapper,:host .component-wrapper.bar .chart-wrapper .inner-stacked-bar-wrapper,wm-progress-indicator .component-wrapper.bar .chart-wrapper .inner-stacked-bar-wrapper{-ms-flex:1;flex:1}:host .component-wrapper.bar1 .chart-wrapper .completion-message,wm-progress-indicator .component-wrapper.bar1 .chart-wrapper .completion-message,:host .component-wrapper.bar .chart-wrapper .completion-message,wm-progress-indicator .component-wrapper.bar .chart-wrapper .completion-message{width:100%;text-align:right;margin-top:0.25rem}@media screen and (min-width: 768px){:host .component-wrapper.bar1,wm-progress-indicator .component-wrapper.bar1,:host .component-wrapper.bar,wm-progress-indicator .component-wrapper.bar{-ms-flex-direction:row;flex-direction:row}:host .component-wrapper.bar1 label,wm-progress-indicator .component-wrapper.bar1 label,:host .component-wrapper.bar label,wm-progress-indicator .component-wrapper.bar label{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;min-height:30px;width:12rem;text-align:left;padding-right:1.25rem;padding-bottom:0;-ms-flex:none;flex:none}:host .component-wrapper.bar1 .bar-wrapper,wm-progress-indicator .component-wrapper.bar1 .bar-wrapper,:host .component-wrapper.bar .bar-wrapper,wm-progress-indicator .component-wrapper.bar .bar-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host .component-wrapper.bar1 .bar-wrapper .single-perc,wm-progress-indicator .component-wrapper.bar1 .bar-wrapper .single-perc,:host .component-wrapper.bar .bar-wrapper .single-perc,wm-progress-indicator .component-wrapper.bar .bar-wrapper .single-perc{text-align:center;padding-left:0.5rem;-ms-flex-pack:center;justify-content:center}}:host .component-wrapper.bar2,wm-progress-indicator .component-wrapper.bar2,:host .component-wrapper.bar3,wm-progress-indicator .component-wrapper.bar3,:host .component-wrapper.bar4,wm-progress-indicator .component-wrapper.bar4,:host .component-wrapper.bar5,wm-progress-indicator .component-wrapper.bar5{-ms-flex-align:start;align-items:flex-start}:host .component-wrapper.bar2 .inner-stacked-bar-wrapper,wm-progress-indicator .component-wrapper.bar2 .inner-stacked-bar-wrapper,:host .component-wrapper.bar4 .inner-stacked-bar-wrapper,wm-progress-indicator .component-wrapper.bar4 .inner-stacked-bar-wrapper,:host .component-wrapper.bar5 .inner-stacked-bar-wrapper,wm-progress-indicator .component-wrapper.bar5 .inner-stacked-bar-wrapper{height:30px;margin-bottom:0}:host .component-wrapper.bar2 .inner-stacked-bar-wrapper.show-values,wm-progress-indicator .component-wrapper.bar2 .inner-stacked-bar-wrapper.show-values,:host .component-wrapper.bar4 .inner-stacked-bar-wrapper.show-values,wm-progress-indicator .component-wrapper.bar4 .inner-stacked-bar-wrapper.show-values,:host .component-wrapper.bar5 .inner-stacked-bar-wrapper.show-values,wm-progress-indicator .component-wrapper.bar5 .inner-stacked-bar-wrapper.show-values{height:60px;margin-top:0}:host .component-wrapper.bar3 .chart-wrapper,wm-progress-indicator .component-wrapper.bar3 .chart-wrapper{position:relative;height:100px}:host .component-wrapper.bar3 .chart-wrapper .inner-stacked-bar-wrapper,wm-progress-indicator .component-wrapper.bar3 .chart-wrapper .inner-stacked-bar-wrapper{position:absolute;top:35px;left:0;right:0;bottom:0;height:30px}:host .component-wrapper.bar3 .chart-wrapper .inner-stacked-bar-wrapper text,wm-progress-indicator .component-wrapper.bar3 .chart-wrapper .inner-stacked-bar-wrapper text{fill:#4a4a4a}:host .component-wrapper.bar3 .chart-wrapper .axis,wm-progress-indicator .component-wrapper.bar3 .chart-wrapper .axis{position:absolute;top:0;left:0;height:90px;width:100%;overflow:visible;-webkit-transform:translateY(90px);transform:translateY(90px)}:host .component-wrapper.bar3 .chart-wrapper .axis line,wm-progress-indicator .component-wrapper.bar3 .chart-wrapper .axis line{stroke:#eeedf4;stroke-width:1px}:host .component-wrapper.bar3 .chart-wrapper .axis text,wm-progress-indicator .component-wrapper.bar3 .chart-wrapper .axis text{-webkit-transform:translate(4px, 24px);transform:translate(4px, 24px);text-anchor:middle}:host .component-wrapper.bar3 .hidden-values-warning,wm-progress-indicator .component-wrapper.bar3 .hidden-values-warning{margin-top:1.25rem}:host .component-wrapper.bar6,wm-progress-indicator .component-wrapper.bar6,:host .component-wrapper.bar7,wm-progress-indicator .component-wrapper.bar7{--chartPadding:48px;-ms-flex-align:start;align-items:flex-start}:host .component-wrapper.bar6 .chart-wrapper,wm-progress-indicator .component-wrapper.bar6 .chart-wrapper,:host .component-wrapper.bar7 .chart-wrapper,wm-progress-indicator .component-wrapper.bar7 .chart-wrapper{width:100%}:host .component-wrapper.bar6 .chart,wm-progress-indicator .component-wrapper.bar6 .chart,:host .component-wrapper.bar7 .chart,wm-progress-indicator .component-wrapper.bar7 .chart{position:relative;padding-right:var(--chartPadding)}:host .component-wrapper.bar6 .gridlines,wm-progress-indicator .component-wrapper.bar6 .gridlines,:host .component-wrapper.bar7 .gridlines,wm-progress-indicator .component-wrapper.bar7 .gridlines{position:absolute;left:var(--labelWidth);right:var(--chartPadding);top:0;bottom:0;background-image:linear-gradient(90deg, #8f8f8f 1px, transparent 1px);background-position:-1px;border-left:1px solid #8f8f8f;border-bottom:1px solid #8f8f8f;background-size:var(--backgroundSize)}:host .component-wrapper.bar6 .rows,wm-progress-indicator .component-wrapper.bar6 .rows,:host .component-wrapper.bar7 .rows,wm-progress-indicator .component-wrapper.bar7 .rows{display:grid;grid-template-columns:var(--labelWidth) auto;grid-auto-rows:minmax(30px, 1fr);-ms-flex-align:center;align-items:center;position:relative;z-index:1}:host .component-wrapper.bar6 .rows .label,wm-progress-indicator .component-wrapper.bar6 .rows .label,:host .component-wrapper.bar7 .rows .label,wm-progress-indicator .component-wrapper.bar7 .rows .label{font-weight:400;padding:0 0.75rem 0 0;text-align:right;margin:0.75rem 0}:host .component-wrapper.bar6 .rows .label.hidden,wm-progress-indicator .component-wrapper.bar6 .rows .label.hidden,:host .component-wrapper.bar7 .rows .label.hidden,wm-progress-indicator .component-wrapper.bar7 .rows .label.hidden{visibility:hidden;white-space:nowrap}:host .component-wrapper.bar6 .bar,wm-progress-indicator .component-wrapper.bar6 .bar,:host .component-wrapper.bar7 .bar,wm-progress-indicator .component-wrapper.bar7 .bar{height:30px;position:relative}:host .component-wrapper.bar6 .bar .value,wm-progress-indicator .component-wrapper.bar6 .bar .value,:host .component-wrapper.bar7 .bar .value,wm-progress-indicator .component-wrapper.bar7 .bar .value{position:absolute;top:50%;right:-0.5rem;-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%)}:host .component-wrapper.bar6 .x-axis,wm-progress-indicator .component-wrapper.bar6 .x-axis,:host .component-wrapper.bar7 .x-axis,wm-progress-indicator .component-wrapper.bar7 .x-axis{margin-left:var(--labelWidth);margin-right:var(--chartPadding);display:-ms-flexbox;display:flex;postion:relative}:host .component-wrapper.bar6 .tick,wm-progress-indicator .component-wrapper.bar6 .tick,:host .component-wrapper.bar7 .tick,wm-progress-indicator .component-wrapper.bar7 .tick{-ms-flex:1;flex:1;text-align:right}:host .component-wrapper.bar6 .tick span,wm-progress-indicator .component-wrapper.bar6 .tick span,:host .component-wrapper.bar7 .tick span,wm-progress-indicator .component-wrapper.bar7 .tick span{-webkit-transform:translateX(50%);transform:translateX(50%);display:inline-block}:host .component-wrapper.bar6 .zero,wm-progress-indicator .component-wrapper.bar6 .zero,:host .component-wrapper.bar7 .zero,wm-progress-indicator .component-wrapper.bar7 .zero{position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}:host .component-wrapper.bar6 .bar:active,wm-progress-indicator .component-wrapper.bar6 .bar:active,:host .component-wrapper.bar6 .bar:hover,wm-progress-indicator .component-wrapper.bar6 .bar:hover,:host .component-wrapper.bar6 .bar:focus,wm-progress-indicator .component-wrapper.bar6 .bar:focus,:host .component-wrapper.bar7 .bar:active,wm-progress-indicator .component-wrapper.bar7 .bar:active,:host .component-wrapper.bar7 .bar:hover,wm-progress-indicator .component-wrapper.bar7 .bar:hover,:host .component-wrapper.bar7 .bar:focus,wm-progress-indicator .component-wrapper.bar7 .bar:focus{outline:none}:host .component-wrapper.bar6 .bar:active.bar,wm-progress-indicator .component-wrapper.bar6 .bar:active.bar,:host .component-wrapper.bar6 .bar:hover.bar,wm-progress-indicator .component-wrapper.bar6 .bar:hover.bar,:host .component-wrapper.bar6 .bar:focus.bar,wm-progress-indicator .component-wrapper.bar6 .bar:focus.bar,:host .component-wrapper.bar7 .bar:active.bar,wm-progress-indicator .component-wrapper.bar7 .bar:active.bar,:host .component-wrapper.bar7 .bar:hover.bar,wm-progress-indicator .component-wrapper.bar7 .bar:hover.bar,:host .component-wrapper.bar7 .bar:focus.bar,wm-progress-indicator .component-wrapper.bar7 .bar:focus.bar{-webkit-box-shadow:0px 0px 6px #333;-moz-box-shadow:0px 0px 6px #333;box-shadow:0px 0px 6px #333}:host .component-wrapper.left-label,wm-progress-indicator .component-wrapper.left-label{-ms-flex-direction:row;flex-direction:row}:host .component-wrapper.left-label .label,wm-progress-indicator .component-wrapper.left-label .label{width:12rem;padding-right:1.25rem;-ms-flex:none;flex:none;-ms-flex-item-align:end;align-self:flex-end;min-height:30px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .component-wrapper .hidden-values-warning,wm-progress-indicator .component-wrapper .hidden-values-warning{font-size:0.75rem;font-style:italic;max-width:100%}:host #chart-instructions,wm-progress-indicator #chart-instructions{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 .component-wrapper .legend-wrapper,wm-progress-indicator .component-wrapper .legend-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center}:host .component-wrapper .legend-wrapper .legend,wm-progress-indicator .component-wrapper .legend-wrapper .legend{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;text-align:center;padding-top:0.25rem;padding-bottom:0.75rem;-webkit-box-sizing:border-box;box-sizing:border-box}:host .component-wrapper .legend-wrapper .legend.bar1,wm-progress-indicator .component-wrapper .legend-wrapper .legend.bar1,:host .component-wrapper .legend-wrapper .legend.bar6,wm-progress-indicator .component-wrapper .legend-wrapper .legend.bar6{display:none}:host .component-wrapper .legend-wrapper .legend.--top,wm-progress-indicator .component-wrapper .legend-wrapper .legend.--top{margin-top:-0.75rem}:host .component-wrapper .legend-wrapper .legend.--top .legend-item,wm-progress-indicator .component-wrapper .legend-wrapper .legend.--top .legend-item{padding-top:0.75rem}:host .component-wrapper .legend-wrapper .legend.--top .legend-color,wm-progress-indicator .component-wrapper .legend-wrapper .legend.--top .legend-color{top:0.75rem}:host .component-wrapper .legend-wrapper .legend.--bottom,wm-progress-indicator .component-wrapper .legend-wrapper .legend.--bottom{margin-bottom:-0.75rem}:host .component-wrapper .legend-wrapper .legend.--bottom .legend-item,wm-progress-indicator .component-wrapper .legend-wrapper .legend.--bottom .legend-item{padding-bottom:0.75rem}:host .component-wrapper .legend-wrapper .legend.--bottom .legend-color,wm-progress-indicator .component-wrapper .legend-wrapper .legend.--bottom .legend-color{top:-0.75rem}:host .component-wrapper .legend-wrapper .legend .legend-item,wm-progress-indicator .component-wrapper .legend-wrapper .legend .legend-item{position:relative}:host .component-wrapper .legend-wrapper .legend .legend-item:not(:last-of-type),wm-progress-indicator .component-wrapper .legend-wrapper .legend .legend-item:not(:last-of-type){padding-right:1.25rem}:host .component-wrapper .legend-wrapper .legend .legend-text,wm-progress-indicator .component-wrapper .legend-wrapper .legend .legend-text{font-size:0.875rem;padding-left:1rem;line-height:1}:host .component-wrapper .legend-wrapper .legend .legend-color,wm-progress-indicator .component-wrapper .legend-wrapper .legend .legend-color{position:absolute;left:0;bottom:0;margin:auto;width:0.6875rem;height:0.6875rem}:host .component-wrapper .legend-wrapper .legend.bar3,wm-progress-indicator .component-wrapper .legend-wrapper .legend.bar3{padding-bottom:1.25rem}:host(:focus){outline:none}:host(:focus) .component-wrapper.user-is-tabbing .stacked-bar-segments-wrapper,:host(:focus) .component-wrapper.user-is-tabbing .simple-bar-wrapper,:host(:focus) .component-wrapper.user-is-tabbing .doughnut-wrapper{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e;box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e}:host(:focus) .component-wrapper.user-is-tabbing .stacked-bar-segments-wrapper::-moz-focus-inner,:host(:focus) .component-wrapper.user-is-tabbing .simple-bar-wrapper::-moz-focus-inner,:host(:focus) .component-wrapper.user-is-tabbing .doughnut-wrapper::-moz-focus-inner{border:0}";var k=e("wm_progress_indicator",function(){function e(e){r(this,e);this.uid=s();this.slicesDetails=[];this.barLabelsWidth=this.el.parentElement.barLabelsWidth;this.label=undefined;this.subinfo=undefined;this.completionMessage=undefined;this.showLegend=true;this.isTabbing=false;this.mode=undefined;this.userIsNavigating=false}Object.defineProperty(e.prototype,"popoverEl",{get:function(){return this.el.shadowRoot.querySelector("priv-chart-popover")},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"sliceEls",{get:function(){return Array.from(this.el.shadowRoot.querySelectorAll(".segment"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"chartDetails",{get:function(){return this.mode?l[this.mode]:undefined},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"ariaLabelText",{get:function(){var e="".concat(this.label);if(this.subinfo){e+=" ".concat(this.subinfo)}return e},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"chartRoleDescription",{get:function(){return i.formatMessage({id:"chart.roleDescription",defaultMessage:"Interactive chart",description:"For screen readers only, a description clarifying the role of the chart widget"})},enumerable:false,configurable:true});e.prototype.toggleTabbingOn=function(){this.isTabbing=true};e.prototype.toggleTabbingOff=function(){this.isTabbing=false};e.prototype.handleKeydown=function(e){d.call(this,e)};e.prototype.componentWillLoad=function(){var e=this;if(!this.label){console.error("For accessibility purposes, you must provide a label for the chart. See https://components.watermarkinsights.com/chart for more information.")}if(this.el.children.length!==2){console.warn("wm-progress-indicator component must have 2 wm-progress-slice children.")}this.el.parentElement.addEventListener("wmProgressMonitorModeChange",(function(r){return e.mode=r.detail}))};e.prototype.handleSliceUpdate=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,w.call(this,this.mode)];case 1:e.sent();o(this.el);return[2]}}))}))};e.prototype.handleModeUpdate=function(){if(this.mode){w.call(this,this.mode)}};e.prototype.renderBarOrDoughnut=function(){if(this.total>0&&this.mode==="bar"){return g.call(this,this.mode)}else{return b.call(this,this.mode)}};e.prototype.render=function(){var e=this;return t(n,{onBlur:function(){return x.call(e)}},t("div",{ref:function(r){return e.componentWrapperEl=r},class:"component-wrapper ".concat(this.mode," ").concat(this.isTabbing&&!this.userIsNavigating?"user-is-tabbing":""),role:"application","aria-label":this.ariaLabelText,tabindex:"0","aria-roledescription":this.chartRoleDescription,"aria-describedby":"chart-instructions"},t("label",{id:"label-".concat(this.uid),class:"label ".concat(this.barLabelsWidth&&this.mode==="bar"?"custom-width":""),style:{"--custom-label-width":this.barLabelsWidth},htmlFor:"graphic-".concat(this.uid)},t("span",{class:"label-text"},this.label),this.subinfo?t("span",{class:"subinfo"},this.subinfo):""),this.mode&&this.renderBarOrDoughnut(),this.mode==="doughnut"?u.call(this,this.mode):"",t("priv-chart-popover",{class:this.isTabbing?"user-is-tabbing":""}),this.mode==="doughnut"?f.call(this):""),h())};Object.defineProperty(e,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return p(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{mode:["handleModeUpdate"]}},enumerable:false,configurable:true});return e}());k.style=y;var z=":host .legend-wrapper,wm-progress-monitor .legend-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center}:host .legend-wrapper .legend,wm-progress-monitor .legend-wrapper .legend{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;text-align:center;padding-top:0.25rem;padding-bottom:0.75rem;-webkit-box-sizing:border-box;box-sizing:border-box}:host .legend-wrapper .legend.bar1,wm-progress-monitor .legend-wrapper .legend.bar1,:host .legend-wrapper .legend.bar6,wm-progress-monitor .legend-wrapper .legend.bar6{display:none}:host .legend-wrapper .legend.--top,wm-progress-monitor .legend-wrapper .legend.--top{margin-top:-0.75rem}:host .legend-wrapper .legend.--top .legend-item,wm-progress-monitor .legend-wrapper .legend.--top .legend-item{padding-top:0.75rem}:host .legend-wrapper .legend.--top .legend-color,wm-progress-monitor .legend-wrapper .legend.--top .legend-color{top:0.75rem}:host .legend-wrapper .legend.--bottom,wm-progress-monitor .legend-wrapper .legend.--bottom{margin-bottom:-0.75rem}:host .legend-wrapper .legend.--bottom .legend-item,wm-progress-monitor .legend-wrapper .legend.--bottom .legend-item{padding-bottom:0.75rem}:host .legend-wrapper .legend.--bottom .legend-color,wm-progress-monitor .legend-wrapper .legend.--bottom .legend-color{top:-0.75rem}:host .legend-wrapper .legend .legend-item,wm-progress-monitor .legend-wrapper .legend .legend-item{position:relative}:host .legend-wrapper .legend .legend-item:not(:last-of-type),wm-progress-monitor .legend-wrapper .legend .legend-item:not(:last-of-type){padding-right:1.25rem}:host .legend-wrapper .legend .legend-text,wm-progress-monitor .legend-wrapper .legend .legend-text{font-size:0.875rem;padding-left:1rem;line-height:1}:host .legend-wrapper .legend .legend-color,wm-progress-monitor .legend-wrapper .legend .legend-color{position:absolute;left:0;bottom:0;margin:auto;width:0.6875rem;height:0.6875rem}:host .legend-wrapper .legend.bar3,wm-progress-monitor .legend-wrapper .legend.bar3{padding-bottom:1.25rem}:host,wm-progress-monitor{display:-ms-flexbox;display:flex}:host .legend-wrapper,wm-progress-monitor .legend-wrapper{-ms-flex-align:start;align-items:flex-start;padding:0 1.25rem}:host(.row){-ms-flex-direction:row;flex-direction:row}:host(.column){-ms-flex-direction:column;flex-direction:column}";var P=e("wm_progress_monitor",function(){function e(e){var t=this;r(this,e);this.wmProgressMonitorModeChange=a(this,"wmProgressMonitorModeChange",7);this.doughnutWidth=300;this.modeInitialized=false;this.debouncedUpdate=c((function(){return o(t.el)}),50);this.breakpoint=undefined;this.groupLegend=undefined;this.barLabelsWidth=undefined}Object.defineProperty(e.prototype,"parsedBreakpoint",{get:function(){var e=this.parseToNum(this.breakpoint?this.breakpoint:this.el.children.length);var r=e>=20?e:e*this.doughnutWidth;return r},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"mode",{get:function(){return this.el.clientWidth>this.parsedBreakpoint?"doughnut":"bar"},enumerable:false,configurable:true});e.prototype.componentWillLoad=function(){var e=this;var r=new ResizeObserver((function(){return e.debouncedUpdate()}));r.observe(this.el)};e.prototype.componentDidLoad=function(){this.wmProgressMonitorModeChange.emit(this.mode);this.modeInitialized=true};e.prototype.componentWillUpdate=function(){if(this.prevMode!==this.mode){this.wmProgressMonitorModeChange.emit(this.mode)}this.prevMode=this.mode};e.prototype.parseToNum=function(e){var r=e.toString();var o=r.replace("px","");return parseInt(o)};e.prototype.renderLegend=function(){var e=m(this.groupLegend);var r=l.bar.colors;return t("div",{class:"legend-wrapper"},t("div",{class:"legend"},e.map((function(e,o){var t={key:e,color:r[o]};return v(t)}))))};e.prototype.render=function(){return t(n,{class:this.mode==="doughnut"?"row":"column"},this.modeInitialized&&this.groupLegend&&this.mode==="bar"&&this.renderLegend(),this.modeInitialized&&t("slot",null))};Object.defineProperty(e,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return p(this)},enumerable:false,configurable:true});return e}());P.style=z;var j=e("wm_progress_slice",function(){function e(e){r(this,e);this.wmProgressSliceUpdated=a(this,"wmProgressSliceUpdated",7);this.legend=undefined;this.amount=undefined;this.popoverTitle=undefined;this.popoverText=undefined;this.popoverButtonText=undefined}e.prototype.componentDidUpdate=function(){this.wmProgressSliceUpdated.emit()};return e}())}}}));
+//# sourceMappingURL=p-27d3e1ab.system.entry.js.map

package/dist/ripple/p-27d3e1ab.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["wmProgressIndicatorCss","ProgressIndicator","exports","this","uid","generateId","slicesDetails","barLabelsWidth","el","parentElement","Object","defineProperty","class_1","prototype","shadowRoot","querySelector","Array","from","querySelectorAll","mode","allChartsDetails","undefined","text","concat","label","subinfo","intl","formatMessage","id","defaultMessage","description","toggleTabbingOn","isTabbing","toggleTabbingOff","handleKeydown","ev","handleChartKeydown","call","componentWillLoad","_this","console","error","children","length","warn","addEventListener","detail","handleSliceUpdate","getDetails","_a","sent","forceUpdate","handleModeUpdate","renderBarOrDoughnut","total","renderStackedBar","renderDoughnut","render","h","Host","onBlur","exitChart","ref","componentWrapperEl","class","userIsNavigating","role","ariaLabelText","tabindex","chartRoleDescription","style","htmlFor","renderLegend","renderCompletionMessage","renderInstructionsText","wmProgressMonitorCss","ProgressMonitor","doughnutWidth","modeInitialized","debouncedUpdate","debounce","class_2","asNumber","parseToNum","breakpoint","asPixels","clientWidth","parsedBreakpoint","resizeObserver","ResizeObserver","observe","componentDidLoad","wmProgressMonitorModeChange","emit","componentWillUpdate","prevMode","num","asString","toString","withoutPx","replace","parseInt","keys","csvToArray","groupLegend","colors","bar","map","key","idx","legendItem","color","renderLegendItem","ProgressSlice","class_3","componentDidUpdate","wmProgressSliceUpdated"],"sources":["src/components/charts/wm-progress-monitor/wm-progress-indicator.scss?tag=wm-progress-indicator&encapsulation=shadow","src/components/charts/wm-progress-monitor/wm-progress-indicator.tsx","src/components/charts/wm-progress-monitor/wm-progress-monitor.scss?tag=wm-progress-monitor&encapsulation=shadow","src/components/charts/wm-progress-monitor/wm-progress-monitor.tsx","src/components/charts/wm-progress-monitor/wm-progress-slice.tsx"],"sourcesContent":[":host,\r\nwm-progress-indicator {\r\n  @extend %chart-styles;\r\n}\r\n\r\n:host(:focus) {\r\n  @extend %chart-focus-styles;\r\n}\r\n","import { Component, Element, h, Host, Prop, State, Listen, forceUpdate, Watch } from \"@stencil/core\";\r\nimport { ChartDetails } from \"../../../global/interfaces\";\r\nimport { generateId, intl } from \"../../../global/functions\";\r\nimport {\r\n  exitChart,\r\n  getDetails,\r\n  handleChartKeydown,\r\n  renderStackedBar,\r\n  renderCompletionMessage,\r\n  renderDoughnut,\r\n  renderInstructionsText,\r\n  renderLegend,\r\n  allChartsDetails,\r\n} from \"../chartFunctions\";\r\n\r\n@Component({\r\n  tag: \"wm-progress-indicator\",\r\n  shadow: { delegatesFocus: true },\r\n  styleUrl: \"wm-progress-indicator.scss\",\r\n})\r\nexport class ProgressIndicator {\r\n  @Element() el!: HTMLWmProgressIndicatorElement;\r\n  // @ts-ignore-- TS warns this is unused, but its needed in chartFunctions\r\n  private componentWrapperEl!: HTMLDivElement;\r\n\r\n  @Prop() label?: string;\r\n  @Prop() subinfo?: string;\r\n  @Prop() completionMessage?: string;\r\n  @Prop() showLegend: boolean = true;\r\n\r\n  @State() isTabbing: boolean = false;\r\n  @State() mode?: \"doughnut\" | \"bar\";\r\n  @State() userIsNavigating: boolean = false;\r\n\r\n  private uid: string = generateId();\r\n  private total!: number;\r\n  // @ts-ignore-- TS warns this is unused, but its needed in the chartFunctions\r\n  private slicesDetails: SliceDetails[] = [];\r\n  private barLabelsWidth?: string = (this.el.parentElement as HTMLWmProgressMonitorElement).barLabelsWidth;\r\n\r\n  get popoverEl() {\r\n    return this.el.shadowRoot!.querySelector(\"priv-chart-popover\");\r\n  }\r\n  get sliceEls(): (SVGElement | HTMLElement)[] | undefined {\r\n    return Array.from(this.el.shadowRoot!.querySelectorAll(\".segment\")) as HTMLElement[];\r\n  }\r\n  get chartDetails(): ChartDetails | undefined {\r\n    return this.mode ? allChartsDetails[this.mode] : undefined;\r\n  }\r\n  get ariaLabelText() {\r\n    let text = `${this.label}`;\r\n    if (this.subinfo) {\r\n      text += ` ${this.subinfo}`;\r\n    }\r\n    return text;\r\n  }\r\n\r\n  get chartRoleDescription(): string {\r\n    return intl.formatMessage({\r\n      id: \"chart.roleDescription\",\r\n      defaultMessage: \"Interactive chart\",\r\n      description: \"For screen readers only, a description clarifying the role of the chart widget\",\r\n    });\r\n  }\r\n\r\n  @Listen(\"wmUserIsTabbing\", { target: \"window\" })\r\n  toggleTabbingOn() {\r\n    this.isTabbing = true;\r\n  }\r\n\r\n  @Listen(\"wmUserIsNotTabbing\", { target: \"window\" })\r\n  toggleTabbingOff() {\r\n    this.isTabbing = false;\r\n  }\r\n\r\n  @Listen(\"keydown\")\r\n  handleKeydown(ev: KeyboardEvent) {\r\n    handleChartKeydown.call(this, ev);\r\n  }\r\n\r\n  componentWillLoad() {\r\n    if (!this.label) {\r\n      console.error(\r\n        \"For accessibility purposes, you must provide a label for the chart. See https://components.watermarkinsights.com/chart for more information.\"\r\n      );\r\n    }\r\n\r\n    if (this.el.children.length !== 2) {\r\n      console.warn(\"wm-progress-indicator component must have 2 wm-progress-slice children.\");\r\n    }\r\n\r\n    // Listen to parent for initial mode, and future changes\r\n    this.el.parentElement!.addEventListener(\r\n      \"wmProgressMonitorModeChange\",\r\n      (ev) => (this.mode = (ev as CustomEvent).detail)\r\n    );\r\n  }\r\n\r\n  @Listen(\"wmProgressSliceUpdated\")\r\n  async handleSliceUpdate() {\r\n    await getDetails.call(this, this.mode!);\r\n    forceUpdate(this.el);\r\n  }\r\n\r\n  @Watch(\"mode\")\r\n  handleModeUpdate() {\r\n    if (this.mode) {\r\n      getDetails.call(this, this.mode);\r\n    }\r\n  }\r\n\r\n  renderBarOrDoughnut() {\r\n    if (this.total > 0 && this.mode === \"bar\") {\r\n      return renderStackedBar.call(this, this.mode!);\r\n    } else {\r\n      return renderDoughnut.call(this, this.mode!);\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host onBlur={() => exitChart.call(this)}>\r\n        <div\r\n          ref={(el) => (this.componentWrapperEl = el as HTMLDivElement)}\r\n          class={`component-wrapper ${this.mode} ${this.isTabbing && !this.userIsNavigating ? \"user-is-tabbing\" : \"\"}`}\r\n          role=\"application\"\r\n          aria-label={this.ariaLabelText}\r\n          tabindex=\"0\"\r\n          aria-roledescription={this.chartRoleDescription}\r\n          aria-describedby={`chart-instructions`}\r\n        >\r\n          <label\r\n            id={`label-${this.uid}`}\r\n            class={`label ${this.barLabelsWidth && this.mode === \"bar\" ? \"custom-width\" : \"\"}`}\r\n            style={{ \"--custom-label-width\": this.barLabelsWidth }}\r\n            htmlFor={`graphic-${this.uid}`}\r\n          >\r\n            <span class=\"label-text\">{this.label}</span>\r\n            {this.subinfo ? <span class=\"subinfo\">{this.subinfo}</span> : \"\"}\r\n          </label>\r\n          {this.mode && this.renderBarOrDoughnut()}\r\n          {this.mode === \"doughnut\" ? renderLegend.call(this, this.mode) : \"\"}\r\n          <priv-chart-popover class={this.isTabbing ? \"user-is-tabbing\" : \"\"}></priv-chart-popover>\r\n          {this.mode === \"doughnut\" ? renderCompletionMessage.call(this) : \"\"}\r\n        </div>\r\n        {renderInstructionsText()}\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n",":host,\r\nwm-progress-monitor {\r\n  display: flex;\r\n\r\n  .legend-wrapper {\r\n    @extend %chart-legend-styles;\r\n    align-items: flex-start;\r\n    padding: 0 1.25rem;\r\n  }\r\n}\r\n\r\n:host(.row) {\r\n  flex-direction: row;\r\n}\r\n\r\n:host(.column) {\r\n  flex-direction: column;\r\n}\r\n","import { Component, h, Host, Element, Prop, Event, EventEmitter, forceUpdate } from \"@stencil/core\";\r\nimport { csvToArray, debounce } from \"../../../global/functions\";\r\nimport { renderLegendItem, allChartsDetails } from \"../chartFunctions\";\r\nimport { LegendItem } from \"../../../global/interfaces\";\r\n@Component({\r\n  tag: \"wm-progress-monitor\",\r\n  shadow: { delegatesFocus: true },\r\n  styleUrl: \"wm-progress-monitor.scss\",\r\n})\r\nexport class ProgressMonitor {\r\n  @Element() el!: HTMLWmProgressMonitorElement;\r\n  @Prop() breakpoint?: number | string;\r\n  @Prop() groupLegend?: string;\r\n  @Prop() barLabelsWidth?: string;\r\n  @Event() wmProgressMonitorModeChange!: EventEmitter;\r\n  private doughnutWidth = 300;\r\n  private prevMode?: string;\r\n  private modeInitialized: boolean = false;\r\n\r\n  get parsedBreakpoint() {\r\n    const asNumber = this.parseToNum(this.breakpoint ? this.breakpoint : this.el.children.length);\r\n    // if number < 20, it is treated as width in terms of # of indicators. Otherwise it is a pixel value\r\n    // e.g. 4 -> 1200px, while 768 -> 768 px\r\n    const asPixels = asNumber >= 20 ? asNumber : asNumber * this.doughnutWidth;\r\n    return asPixels;\r\n  }\r\n\r\n  get mode(): \"doughnut\" | \"bar\" {\r\n    return this.el.clientWidth > this.parsedBreakpoint ? \"doughnut\" : \"bar\";\r\n  }\r\n\r\n  componentWillLoad() {\r\n    // rerender on resize in case layout needs to change\r\n    const resizeObserver = new ResizeObserver(() => this.debouncedUpdate());\r\n    resizeObserver.observe(this.el);\r\n  }\r\n\r\n  componentDidLoad() {\r\n    // emit initial mode for Indicators, must happen post-load as this.el measurement is needed\r\n    this.wmProgressMonitorModeChange.emit(this.mode);\r\n    this.modeInitialized = true;\r\n  }\r\n\r\n  componentWillUpdate() {\r\n    // store prevMode before every render except first to determine when it has changed\r\n    if (this.prevMode !== this.mode) {\r\n      this.wmProgressMonitorModeChange.emit(this.mode);\r\n    }\r\n    this.prevMode = this.mode;\r\n  }\r\n\r\n  debouncedUpdate = debounce(() => forceUpdate(this.el), 50);\r\n\r\n  parseToNum(num: string | number): number {\r\n    const asString = num.toString();\r\n    const withoutPx = asString.replace(\"px\", \"\");\r\n    return parseInt(withoutPx);\r\n  }\r\n\r\n  renderLegend() {\r\n    const keys = csvToArray(this.groupLegend!);\r\n    const colors = allChartsDetails.bar.colors;\r\n\r\n    return (\r\n      <div class=\"legend-wrapper\">\r\n        <div class=\"legend\">\r\n          {keys.map((key, idx) => {\r\n            const legendItem: LegendItem = { key: key, color: colors[idx] };\r\n            return renderLegendItem(legendItem);\r\n          })}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host class={this.mode === \"doughnut\" ? \"row\" : \"column\"}>\r\n        {/* don't render Indicators until mode is determined otherwise content flashes*/}\r\n        {this.modeInitialized && this.groupLegend && this.mode === \"bar\" && this.renderLegend()}\r\n        {this.modeInitialized && <slot />}\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n","import { Component, Prop, Event, EventEmitter } from \"@stencil/core\";\r\n\r\n@Component({\r\n  tag: \"wm-progress-slice\",\r\n  shadow: true,\r\n})\r\nexport class ProgressSlice {\r\n  @Prop() legend?: string;\r\n  @Prop() amount?: string;\r\n  @Prop() popoverTitle?: string;\r\n  @Prop() popoverText?: string;\r\n  @Prop() popoverButtonText?: string;\r\n\r\n  @Event() wmProgressSliceUpdated!: EventEmitter<void>;\r\n  componentDidUpdate() {\r\n    this.wmProgressSliceUpdated.emit();\r\n  }\r\n}\r\n"],"mappings":"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"}

package/dist/ripple/p-2c2a7092.system.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["Wrapper","exports","class_1","prototype","componentDidLoad","this","wmWrapperLoaded","emit","render"],"sources":["src/components/wm-wrapper/wm-wrapper.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter } from \"@stencil/core\";\n\n@Component({\n  tag: \"wm-wrapper\",\n  shadow: false,\n})\nexport class Wrapper {\n  @Element() el!: any;\n  @Event() wmWrapperLoaded!: EventEmitter<void>;\n\n  componentDidLoad() {\n    this.wmWrapperLoaded.emit();\n  }\n\n  render() {\n    return;\n  }\n}\n"],"mappings":"sJAMaA,EAAOC,EAAA,wB,yEAIlBC,EAAAC,UAAAC,iBAAA,WACEC,KAAKC,gBAAgBC,M,EAGvBL,EAAAC,UAAAK,OAAA,WACE,M,uHATgB,G"}
+{"version":3,"names":["Wrapper","exports","class_1","prototype","componentDidLoad","this","wmWrapperLoaded","emit","render"],"sources":["src/components/wm-wrapper/wm-wrapper.tsx"],"sourcesContent":["import { Component, Element, Event, EventEmitter } from \"@stencil/core\";\r\n\r\n@Component({\r\n  tag: \"wm-wrapper\",\r\n  shadow: false,\r\n})\r\nexport class Wrapper {\r\n  @Element() el!: any;\r\n  @Event() wmWrapperLoaded!: EventEmitter<void>;\r\n\r\n  componentDidLoad() {\r\n    this.wmWrapperLoaded.emit();\r\n  }\r\n\r\n  render() {\r\n    return;\r\n  }\r\n}\r\n"],"mappings":"sJAMaA,EAAOC,EAAA,wB,yEAIlBC,EAAAC,UAAAC,iBAAA,WACEC,KAAKC,gBAAgBC,M,EAGvBL,EAAAC,UAAAK,OAAA,WACE,M,uHATgB,G"}

package/dist/ripple/{p-fe63519a.system.entry.js → p-2f4b4e3a.system.entry.js}

@@ -1,2 +1,2 @@
-System.register(["./p-7b2fc615.system.js","./p-e782194d.system.js"],(function(e){"use strict";var t,i,o,r,n,a,l,s,d,c;return{setters:[function(e){t=e.r;i=e.c;o=e.f;r=e.h;n=e.H;a=e.g},function(e){l=e.d;s=e.i;d=e.s;c=e.j}],execute:function(){var p=':host,wm-file{display:block;width:100%}.file-wrapper{font-size:0.875rem;position:relative;list-style:none}.file-wrapper .file{min-width:300px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;height:3.5rem;padding:0 1.25rem;position:relative;background:#f4f4f4;border:1px solid #6b6b6b;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.file-wrapper .file .filename{white-space:nowrap}.file-wrapper .file .left-group{overflow:hidden}.file-wrapper .file .right-group{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-left:5rem;gap:1rem}.file-wrapper .file .right-group.condensed{padding-left:2.5rem}.file-wrapper .file .right-group .file-controls{display:-ms-flexbox;display:flex;gap:1rem}.file-wrapper .file .right-group .file-info{white-space:nowrap}.file-wrapper .file.--error{border:1px solid #c0392b;background-color:#f5ebea;height:3.75rem}.file-wrapper.checked .file:after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f133";position:absolute;right:-44px;color:#088000;font-size:28px;line-height:1}.name-wrapper{overflow:hidden}.progress{position:absolute;left:0;top:0;right:0;height:8px}.error-message{color:#c0392b;padding-top:0.25rem;font-style:italic}.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}.ch-measure{width:1ch !important;visibility:hidden}';var f=e("wm_file",function(){function e(e){var r=this;t(this,e);this.wmIntFilePreviewed=i(this,"wmIntFilePreviewed",7);this.wmIntFileDownloaded=i(this,"wmIntFileDownloaded",7);this.wmIntFileDeleted=i(this,"wmIntFileDeleted",7);this.wmFileClearErrorClicked=i(this,"wmFileClearErrorClicked",7);this.isWithinLegacyUploader=false;this.debouncedResize=l((function(){r.isCondensed=r.el.clientWidth<500;o(r.el)}),50);this.file=undefined;this.showInfo="time";this.errorMessage=undefined;this.isCondensed=false}Object.defineProperty(e.prototype,"fileData",{get:function(){var e=this.file?JSON.parse(this.file):null;if(e&&e.progress&&typeof e.progress==="string"&&e.progress.match(/^[0-9]+$/)){e.progress=parseInt(e.progress.toString())}return e},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isUploading",{get:function(){return this.fileData&&this.fileData.hasOwnProperty("progress")&&this.fileData.progress<100},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"singleCharacterWidth",{get:function(){return this.el.shadowRoot.querySelector(".ch-measure").clientWidth},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"previewButtonTooltip",{get:function(){return s.formatMessage({id:"file.previewButtonTooltip",defaultMessage:"Preview",description:"Tooltip of a button that triggers a file to be previewed"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"downloadButtonTooltip",{get:function(){return s.formatMessage({id:"file.downloadButtonTooltip",defaultMessage:"Download",description:"Tooltip of a button that triggers a file to be downloaded"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"deleteButtonTooltip",{get:function(){return s.formatMessage({id:"file.deleteButtonTooltip",defaultMessage:"Delete",description:"Tooltip of a button that triggers a file to be deleted"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"previewActionMessage",{get:function(){return s.formatMessage({id:"file.previewAction",defaultMessage:"Preview File",description:"Label of a button that triggers a file to be previewed"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"downloadActionMessage",{get:function(){return s.formatMessage({id:"file.downloadAction",defaultMessage:"Download File",description:"Label of a button that triggers a file to be downloaded"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"deleteActionMessage",{get:function(){return s.formatMessage({id:"file.deleteAction",defaultMessage:"Delete File",description:"Label of a button that triggers a file to be delete"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"actionMenuLabel",{get:function(){return s.formatMessage({id:"file.actionMenuLabel",defaultMessage:"Actions",description:"Label of a button that opens a menu of file actions"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"clearButtonText",{get:function(){return s.formatMessage({id:"file.clearErrorText",defaultMessage:"Clear",description:"Text for a button used to clear an error"})},enumerable:false,configurable:true});e.prototype.generateClearButtonLabel=function(e){return s.formatMessage({id:"file.clearErrorLabel",defaultMessage:"Clear {fileName} error",description:"Label for a button used to clear an error, including filename"},{fileName:e})};e.prototype.componentWillLoad=function(){var e=this;var t=this.el.getRootNode().host;if(t&&t.nodeName==="WM-UPLOADER"){if(t.type||t.uploaderType){this.isWithinLegacyUploader=true}}var i=new ResizeObserver((function(){return e.debouncedResize()}));i.observe(this.el)};e.prototype.componentDidRender=function(){this.truncateFileName(this.el.shadowRoot.querySelector(".file"))};e.prototype.previewFile=function(e){this.wmIntFilePreviewed.emit(e.id)};e.prototype.downloadFile=function(e){this.wmIntFileDownloaded.emit(e.id)};e.prototype.deleteFile=function(e){this.wmIntFileDeleted.emit(e.id)};e.prototype.truncateFileName=function(e){var t=e.querySelector(".left-group");var i=t.getBoundingClientRect().left;var o=e.querySelector(".right-group");var r=o?o.getBoundingClientRect().left:e.getBoundingClientRect().right-20;var n=e.querySelector(".filename");var a=r-i;var l=n.dataset.filename;var s=a>l.length*this.singleCharacterWidth;if(!s){var d=l.slice(l.lastIndexOf("."));var c=Math.floor(a/this.singleCharacterWidth);var p=3+3+d.length;var f=Math.max(2,c-p);var u=l.slice(0,f);var g=l.slice(l.indexOf(d)-3,l.length);l="".concat(u.trim(),"...").concat(g.trim())}n.textContent=l};e.prototype.handleFilenameMouseEnter=function(e,t){if(e.target.textContent.includes("...")){d("bottom",e.target,t)}};e.prototype.renderFileName=function(e,t){var i=this;return r("div",{class:"left-group"},r("div",{class:"name-wrapper"},r("span",{class:"sr-only"},e),r("span",{"aria-hidden":"true",class:"filename","data-filename":e,onMouseEnter:function(t){return i.handleFilenameMouseEnter(t,e)},onMouseLeave:function(){return c()}}),t&&r("span",{class:"sr-only"},"uploading"),r("div",{class:"ch-measure"})))};e.prototype.renderFileInfo=function(e,t){var i="";if(t==="time"&&e.lastUpdated){i=e.lastUpdated}else if(t==="size"&&e.size){i=e.size}return r("div",{class:"file-info"},i)};e.prototype.renderActionMenu=function(e){var t=this;var i="download delete";var o=e.fileActions||i;var n=r("wm-menuitem",{icon:"f208",onClick:function(){return t.previewFile(e)}},this.previewActionMessage);var a=r("wm-menuitem",{icon:"f1da",onClick:function(){return t.downloadFile(e)}},this.downloadActionMessage);var l=r("wm-menuitem",{icon:"f1c0",onClick:function(){return t.deleteFile(e)}},this.deleteActionMessage);return r("wm-action-menu",{"action-menu-type":"icon",tooltip:this.actionMenuLabel,"tooltip-position":"bottom","label-for-identical-buttons":"".concat(e.name," ").concat(this.actionMenuLabel)},o.includes("preview")&&n,o.includes("download")&&a,o.includes("delete")&&l)};e.prototype.renderFileActionButtons=function(e){var t=this;var i="download delete";var o=e.fileActions||i;var n=r("wm-button",{class:"preview-button","button-type":"icononly",tooltip:this.previewButtonTooltip,"tooltip-position":"bottom","label-for-identical-buttons":"preview ".concat(e.name),icon:"f208",onClick:function(){return t.previewFile(e)}});var a=r("wm-button",{class:"download-button","button-type":"icononly",tooltip:this.downloadButtonTooltip,"tooltip-position":"bottom","label-for-identical-buttons":"download ".concat(e.name),icon:"f1da",onClick:function(){return t.downloadFile(e)}});var l=r("wm-button",{class:"delete-button","button-type":"icononly",tooltip:this.deleteButtonTooltip,"tooltip-position":"bottom","label-for-identical-buttons":"delete ".concat(e.name),icon:"f1c0",onClick:function(){return t.deleteFile(e)}});return r("div",{class:"file-controls"},o.includes("preview")&&n,o.includes("download")&&a,o.includes("delete")&&l)};e.prototype.renderFileInProgress=function(e){var t=e.type?"".concat(e.name,".").concat(e.type):e.name;return r("div",{class:"file-wrapper"},r("div",{class:"file --progress"},r("div",{class:"progress",style:{background:"linear-gradient(to right, rgba(67, 126, 142, 1) ".concat(e.progress,"%, transparent ").concat(e.progress,"%)")}}),this.renderFileName(t,this.isUploading)))};e.prototype.renderFileControls=function(e){var t=e.fileActions&&e.fileActions.split(" ").length===1;var i=this.isCondensed&&!t;return i?this.renderActionMenu(e):this.renderFileActionButtons(e)};e.prototype.renderFile=function(e){var t=this;var i=e.type?"".concat(e.name,".").concat(e.type):e.name;var o=!this.isWithinLegacyUploader&&e.progress===100;return r("div",{class:"file-wrapper ".concat(o?"checked":"")},r("div",{class:"file ".concat(this.errorMessage?"--error":"")},this.renderFileName(i,this.isUploading),!this.errorMessage&&r("div",{class:"right-group ".concat(this.isCondensed?"condensed":"")},this.showInfo!=="none"&&this.renderFileInfo(e,this.showInfo),e.fileActions!==""&&this.renderFileControls(e)),this.errorMessage&&r("wm-button",{"permanently-delete":true,"button-type":"textonly","label-for-identical-buttons":this.generateClearButtonLabel(e.name),onClick:function(){return t.wmFileClearErrorClicked.emit({name:e.name})}},this.clearButtonText)),this.errorMessage&&r("div",{class:"error-message"},this.errorMessage))};e.prototype.render=function(){return r(n,{role:"listitem"},this.isUploading?this.renderFileInProgress(this.fileData):this.renderFile(this.fileData))};Object.defineProperty(e,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());f.style=p}}}));
-//# sourceMappingURL=p-fe63519a.system.entry.js.map
+System.register(["./p-7b2fc615.system.js","./p-f08e6a5a.system.js"],(function(e){"use strict";var t,i,o,r,n,a,l,s,d,c;return{setters:[function(e){t=e.r;i=e.c;o=e.f;r=e.h;n=e.H;a=e.g},function(e){l=e.d;s=e.i;d=e.s;c=e.j}],execute:function(){var p=':host,wm-file{display:block;width:100%}.file-wrapper{font-size:0.875rem;position:relative;list-style:none}.file-wrapper .file{min-width:300px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;height:3.5rem;padding:0 1.25rem;position:relative;background:#f4f4f4;border:1px solid #6b6b6b;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.file-wrapper .file .filename{white-space:nowrap}.file-wrapper .file .left-group{overflow:hidden}.file-wrapper .file .right-group{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-left:5rem;gap:1rem}.file-wrapper .file .right-group.condensed{padding-left:2.5rem}.file-wrapper .file .right-group .file-controls{display:-ms-flexbox;display:flex;gap:1rem}.file-wrapper .file .right-group .file-info{white-space:nowrap}.file-wrapper .file.--error{border:1px solid #c0392b;background-color:#f5ebea;height:3.75rem}.file-wrapper.checked .file:after{display:inline-block;font:normal normal normal 24px/1 "Material Design Icons";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\\f133";position:absolute;right:-44px;color:#088000;font-size:28px;line-height:1}.name-wrapper{overflow:hidden}.progress{position:absolute;left:0;top:0;right:0;height:8px}.error-message{color:#c0392b;padding-top:0.25rem;font-style:italic}.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}.ch-measure{width:1ch !important;visibility:hidden}';var f=e("wm_file",function(){function e(e){var r=this;t(this,e);this.wmIntFilePreviewed=i(this,"wmIntFilePreviewed",7);this.wmIntFileDownloaded=i(this,"wmIntFileDownloaded",7);this.wmIntFileDeleted=i(this,"wmIntFileDeleted",7);this.wmFileClearErrorClicked=i(this,"wmFileClearErrorClicked",7);this.isWithinLegacyUploader=false;this.debouncedResize=l((function(){r.isCondensed=r.el.clientWidth<500;o(r.el)}),50);this.file=undefined;this.showInfo="time";this.errorMessage=undefined;this.isCondensed=false}Object.defineProperty(e.prototype,"fileData",{get:function(){var e=this.file?JSON.parse(this.file):null;if(e&&e.progress&&typeof e.progress==="string"&&e.progress.match(/^[0-9]+$/)){e.progress=parseInt(e.progress.toString())}return e},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"isUploading",{get:function(){return this.fileData&&this.fileData.hasOwnProperty("progress")&&this.fileData.progress<100},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"singleCharacterWidth",{get:function(){return this.el.shadowRoot.querySelector(".ch-measure").clientWidth},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"previewButtonTooltip",{get:function(){return s.formatMessage({id:"file.previewButtonTooltip",defaultMessage:"Preview",description:"Tooltip of a button that triggers a file to be previewed"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"downloadButtonTooltip",{get:function(){return s.formatMessage({id:"file.downloadButtonTooltip",defaultMessage:"Download",description:"Tooltip of a button that triggers a file to be downloaded"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"deleteButtonTooltip",{get:function(){return s.formatMessage({id:"file.deleteButtonTooltip",defaultMessage:"Delete",description:"Tooltip of a button that triggers a file to be deleted"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"previewActionMessage",{get:function(){return s.formatMessage({id:"file.previewAction",defaultMessage:"Preview File",description:"Label of a button that triggers a file to be previewed"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"downloadActionMessage",{get:function(){return s.formatMessage({id:"file.downloadAction",defaultMessage:"Download File",description:"Label of a button that triggers a file to be downloaded"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"deleteActionMessage",{get:function(){return s.formatMessage({id:"file.deleteAction",defaultMessage:"Delete File",description:"Label of a button that triggers a file to be delete"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"actionMenuLabel",{get:function(){return s.formatMessage({id:"file.actionMenuLabel",defaultMessage:"Actions",description:"Label of a button that opens a menu of file actions"})},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"clearButtonText",{get:function(){return s.formatMessage({id:"file.clearErrorText",defaultMessage:"Clear",description:"Text for a button used to clear an error"})},enumerable:false,configurable:true});e.prototype.generateClearButtonLabel=function(e){return s.formatMessage({id:"file.clearErrorLabel",defaultMessage:"Clear {fileName} error",description:"Label for a button used to clear an error, including filename"},{fileName:e})};e.prototype.componentWillLoad=function(){var e=this;var t=this.el.getRootNode().host;if(t&&t.nodeName==="WM-UPLOADER"){if(t.type||t.uploaderType){this.isWithinLegacyUploader=true}}var i=new ResizeObserver((function(){return e.debouncedResize()}));i.observe(this.el)};e.prototype.componentDidRender=function(){this.truncateFileName(this.el.shadowRoot.querySelector(".file"))};e.prototype.previewFile=function(e){this.wmIntFilePreviewed.emit(e.id)};e.prototype.downloadFile=function(e){this.wmIntFileDownloaded.emit(e.id)};e.prototype.deleteFile=function(e){this.wmIntFileDeleted.emit(e.id)};e.prototype.truncateFileName=function(e){var t=e.querySelector(".left-group");var i=t.getBoundingClientRect().left;var o=e.querySelector(".right-group");var r=o?o.getBoundingClientRect().left:e.getBoundingClientRect().right-20;var n=e.querySelector(".filename");var a=r-i;var l=n.dataset.filename;var s=a>l.length*this.singleCharacterWidth;if(!s){var d=l.slice(l.lastIndexOf("."));var c=Math.floor(a/this.singleCharacterWidth);var p=3+3+d.length;var f=Math.max(2,c-p);var u=l.slice(0,f);var g=l.slice(l.indexOf(d)-3,l.length);l="".concat(u.trim(),"...").concat(g.trim())}n.textContent=l};e.prototype.handleFilenameMouseEnter=function(e,t){if(e.target.textContent.includes("...")){d("bottom",e.target,t)}};e.prototype.renderFileName=function(e,t){var i=this;return r("div",{class:"left-group"},r("div",{class:"name-wrapper"},r("span",{class:"sr-only"},e),r("span",{"aria-hidden":"true",class:"filename","data-filename":e,onMouseEnter:function(t){return i.handleFilenameMouseEnter(t,e)},onMouseLeave:function(){return c()}}),t&&r("span",{class:"sr-only"},"uploading"),r("div",{class:"ch-measure"})))};e.prototype.renderFileInfo=function(e,t){var i="";if(t==="time"&&e.lastUpdated){i=e.lastUpdated}else if(t==="size"&&e.size){i=e.size}return r("div",{class:"file-info"},i)};e.prototype.renderActionMenu=function(e){var t=this;var i="download delete";var o=e.fileActions||i;var n=r("wm-menuitem",{icon:"f208",onClick:function(){return t.previewFile(e)}},this.previewActionMessage);var a=r("wm-menuitem",{icon:"f1da",onClick:function(){return t.downloadFile(e)}},this.downloadActionMessage);var l=r("wm-menuitem",{icon:"f1c0",onClick:function(){return t.deleteFile(e)}},this.deleteActionMessage);return r("wm-action-menu",{"action-menu-type":"icon",tooltip:this.actionMenuLabel,"tooltip-position":"bottom","label-for-identical-buttons":"".concat(e.name," ").concat(this.actionMenuLabel)},o.includes("preview")&&n,o.includes("download")&&a,o.includes("delete")&&l)};e.prototype.renderFileActionButtons=function(e){var t=this;var i="download delete";var o=e.fileActions||i;var n=r("wm-button",{class:"preview-button","button-type":"icononly",tooltip:this.previewButtonTooltip,"tooltip-position":"bottom","label-for-identical-buttons":"preview ".concat(e.name),icon:"f208",onClick:function(){return t.previewFile(e)}});var a=r("wm-button",{class:"download-button","button-type":"icononly",tooltip:this.downloadButtonTooltip,"tooltip-position":"bottom","label-for-identical-buttons":"download ".concat(e.name),icon:"f1da",onClick:function(){return t.downloadFile(e)}});var l=r("wm-button",{class:"delete-button","button-type":"icononly",tooltip:this.deleteButtonTooltip,"tooltip-position":"bottom","label-for-identical-buttons":"delete ".concat(e.name),icon:"f1c0",onClick:function(){return t.deleteFile(e)}});return r("div",{class:"file-controls"},o.includes("preview")&&n,o.includes("download")&&a,o.includes("delete")&&l)};e.prototype.renderFileInProgress=function(e){var t=e.type?"".concat(e.name,".").concat(e.type):e.name;return r("div",{class:"file-wrapper"},r("div",{class:"file --progress"},r("div",{class:"progress",style:{background:"linear-gradient(to right, rgba(67, 126, 142, 1) ".concat(e.progress,"%, transparent ").concat(e.progress,"%)")}}),this.renderFileName(t,this.isUploading)))};e.prototype.renderFileControls=function(e){var t=e.fileActions&&e.fileActions.split(" ").length===1;var i=this.isCondensed&&!t;return i?this.renderActionMenu(e):this.renderFileActionButtons(e)};e.prototype.renderFile=function(e){var t=this;var i=e.type?"".concat(e.name,".").concat(e.type):e.name;var o=!this.isWithinLegacyUploader&&e.progress===100;return r("div",{class:"file-wrapper ".concat(o?"checked":"")},r("div",{class:"file ".concat(this.errorMessage?"--error":"")},this.renderFileName(i,this.isUploading),!this.errorMessage&&r("div",{class:"right-group ".concat(this.isCondensed?"condensed":"")},this.showInfo!=="none"&&this.renderFileInfo(e,this.showInfo),e.fileActions!==""&&this.renderFileControls(e)),this.errorMessage&&r("wm-button",{"permanently-delete":true,"button-type":"textonly","label-for-identical-buttons":this.generateClearButtonLabel(e.name),onClick:function(){return t.wmFileClearErrorClicked.emit({name:e.name})}},this.clearButtonText)),this.errorMessage&&r("div",{class:"error-message"},this.errorMessage))};e.prototype.render=function(){return r(n,{role:"listitem"},this.isUploading?this.renderFileInProgress(this.fileData):this.renderFile(this.fileData))};Object.defineProperty(e,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());f.style=p}}}));
+//# sourceMappingURL=p-2f4b4e3a.system.entry.js.map

package/dist/ripple/p-2f4b4e3a.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["wmFileCss","File","exports","this","isWithinLegacyUploader","debouncedResize","debounce","_this","isCondensed","el","clientWidth","forceUpdate","Object","defineProperty","class_1","prototype","data","file","JSON","parse","progress","match","parseInt","toString","fileData","hasOwnProperty","shadowRoot","querySelector","intl","formatMessage","id","defaultMessage","description","generateClearButtonLabel","filename","fileName","componentWillLoad","shadowRootHost","getRootNode","host","nodeName","type","uploaderType","resizeObserver","ResizeObserver","observe","componentDidRender","truncateFileName","previewFile","wmIntFilePreviewed","emit","downloadFile","wmIntFileDownloaded","deleteFile","wmIntFileDeleted","leftGroup","leftBoundary","getBoundingClientRect","left","rightGroup","rightBoundary","right","filenameEl","availableSpace","dataset","canFitText","length","singleCharacterWidth","extension","slice","lastIndexOf","numFittingCharacters","Math","floor","postEllipsesLength","preEllipsesLength","max","preEllipsesText","postEllipsesText","indexOf","concat","trim","textContent","handleFilenameMouseEnter","ev","target","includes","showTooltip","renderFileName","isUploading","h","class","onMouseEnter","onMouseLeave","hideTooltip","renderFileInfo","item","showInfo","displayedInfo","lastUpdated","size","renderActionMenu","defaultFileActions","availableActions","fileActions","previewItem","icon","onClick","previewActionMessage","downloadItem","downloadActionMessage","deleteItem","deleteActionMessage","tooltip","actionMenuLabel","name","renderFileActionButtons","previewButton","previewButtonTooltip","downloadButton","downloadButtonTooltip","deleteButton","deleteButtonTooltip","renderFileInProgress","style","background","renderFileControls","hasSingleFileAction","split","showActionMenu","renderFile","showCheckmark","errorMessage","wmFileClearErrorClicked","clearButtonText","render","Host","role"],"sources":["src/components/wm-file/wm-file.scss?tag=wm-file&encapsulation=shadow","src/components/wm-file/wm-file.tsx"],"sourcesContent":[":host,\r\nwm-file {\r\n  display: block;\r\n  width: 100%;\r\n}\r\n.file-wrapper {\r\n  font-size: rem-calc(14);\r\n  position: relative;\r\n  list-style: none;\r\n\r\n  .file {\r\n    min-width: 300px;\r\n    @include border-radius(3px);\r\n    height: rem-calc(56);\r\n    padding: 0 rem-calc(20);\r\n    position: relative; // for progress bar\r\n    background: $background;\r\n    border: 1px solid rgb(107, 107, 107);\r\n\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n\r\n    .filename {\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .left-group {\r\n      overflow: hidden;\r\n    }\r\n\r\n    .right-group {\r\n      display: flex;\r\n      align-items: center;\r\n      padding-left: rem-calc(80);\r\n      gap: rem-calc(16);\r\n\r\n      &.condensed {\r\n        padding-left: rem-calc(40);\r\n      }\r\n\r\n      .file-controls {\r\n        display: flex;\r\n        gap: rem-calc(16);\r\n      }\r\n      .file-info {\r\n        white-space: nowrap;\r\n      }\r\n    }\r\n\r\n    &.--error {\r\n      border: 1px solid $error-color;\r\n      background-color: #f5ebea;\r\n      height: rem-calc(60);\r\n    }\r\n  }\r\n\r\n  &.checked {\r\n    .file:after {\r\n      @include mdi-icon;\r\n      content: \"\\f133\";\r\n      position: absolute;\r\n      right: calc(-16px + -28px);\r\n      color: $uploader-checkmark-background;\r\n      font-size: 28px;\r\n      line-height: 1;\r\n    }\r\n  }\r\n}\r\n\r\n.name-wrapper {\r\n  overflow: hidden;\r\n}\r\n\r\n.progress {\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  right: 0;\r\n  height: 8px;\r\n}\r\n\r\n.error-message {\r\n  color: $error-color;\r\n  padding-top: rem-calc(4);\r\n  font-style: italic;\r\n}\r\n\r\n.sr-only {\r\n  @include srOnly;\r\n}\r\n\r\n.ch-measure {\r\n  // used to get the measurement of a single character, for truncation calculations\r\n  width: 1ch !important;\r\n  visibility: hidden;\r\n}\r\n","import { h, Component, Element, Event, EventEmitter, Prop, State, Host, forceUpdate } from \"@stencil/core\";\r\nimport { debounce, hideTooltip, intl, showTooltip } from \"../../global/functions\";\r\nimport { UploadedFile } from \"../../global/interfaces\";\r\n\r\n@Component({\r\n  tag: \"wm-file\",\r\n  styleUrl: \"wm-file.scss\",\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class File {\r\n  @Element() el!: HTMLWmFileElement;\r\n  @Prop() file?: string;\r\n  @Prop() showInfo: \"time\" | \"size\" | \"none\" = \"time\";\r\n  @Prop() errorMessage?: string;\r\n  @State() isCondensed: boolean = false;\r\n  @Event() wmIntFilePreviewed!: EventEmitter<string>;\r\n  @Event() wmIntFileDownloaded!: EventEmitter<string>;\r\n  @Event() wmIntFileDeleted!: EventEmitter<string>;\r\n  @Event() wmFileClearErrorClicked!: EventEmitter; // undocumented event, for communication with wm-uploader\r\n  // the file component is used within wm-uploader, which still includes legacy types 1 and 2\r\n  // some new features are not included in these legacy types, and must use the below in conditions\r\n  private isWithinLegacyUploader: boolean = false;\r\n\r\n  get fileData(): UploadedFile {\r\n    let data = this.file ? JSON.parse(this.file) : null;\r\n\r\n    // sometimes JSON numbers can be received as strings, make sure progress is always a number\r\n    if (data && data.progress && typeof data.progress === \"string\" && data.progress.match(/^[0-9]+$/)) {\r\n      data.progress = parseInt(data.progress.toString());\r\n    }\r\n    return data;\r\n  }\r\n\r\n  get isUploading(): boolean {\r\n    return this.fileData && this.fileData.hasOwnProperty(\"progress\") && this.fileData.progress! < 100;\r\n  }\r\n\r\n  get singleCharacterWidth() {\r\n    return this.el.shadowRoot!.querySelector(\".ch-measure\")!.clientWidth;\r\n  }\r\n\r\n  get previewButtonTooltip() {\r\n    return intl.formatMessage({\r\n      id: \"file.previewButtonTooltip\",\r\n      defaultMessage: \"Preview\",\r\n      description: \"Tooltip of a button that triggers a file to be previewed\",\r\n    });\r\n  }\r\n\r\n  get downloadButtonTooltip() {\r\n    return intl.formatMessage({\r\n      id: \"file.downloadButtonTooltip\",\r\n      defaultMessage: \"Download\",\r\n      description: \"Tooltip of a button that triggers a file to be downloaded\",\r\n    });\r\n  }\r\n\r\n  get deleteButtonTooltip() {\r\n    return intl.formatMessage({\r\n      id: \"file.deleteButtonTooltip\",\r\n      defaultMessage: \"Delete\",\r\n      description: \"Tooltip of a button that triggers a file to be deleted\",\r\n    });\r\n  }\r\n\r\n  get previewActionMessage() {\r\n    return intl.formatMessage({\r\n      id: \"file.previewAction\",\r\n      defaultMessage: \"Preview File\",\r\n      description: \"Label of a button that triggers a file to be previewed\",\r\n    });\r\n  }\r\n\r\n  get downloadActionMessage() {\r\n    return intl.formatMessage({\r\n      id: \"file.downloadAction\",\r\n      defaultMessage: \"Download File\",\r\n      description: \"Label of a button that triggers a file to be downloaded\",\r\n    });\r\n  }\r\n\r\n  get deleteActionMessage() {\r\n    return intl.formatMessage({\r\n      id: \"file.deleteAction\",\r\n      defaultMessage: \"Delete File\",\r\n      description: \"Label of a button that triggers a file to be delete\",\r\n    });\r\n  }\r\n\r\n  get actionMenuLabel() {\r\n    return intl.formatMessage({\r\n      id: \"file.actionMenuLabel\",\r\n      defaultMessage: \"Actions\",\r\n      description: \"Label of a button that opens a menu of file actions\",\r\n    });\r\n  }\r\n\r\n  get clearButtonText() {\r\n    return intl.formatMessage({\r\n      id: \"file.clearErrorText\",\r\n      defaultMessage: \"Clear\",\r\n      description: \"Text for a button used to clear an error\",\r\n    });\r\n  }\r\n\r\n  generateClearButtonLabel(filename: string) {\r\n    return intl.formatMessage(\r\n      {\r\n        id: \"file.clearErrorLabel\",\r\n        defaultMessage: \"Clear {fileName} error\",\r\n        description: \"Label for a button used to clear an error, including filename\",\r\n      },\r\n      { fileName: filename }\r\n    );\r\n  }\r\n\r\n  componentWillLoad() {\r\n    const shadowRootHost = (this.el.getRootNode() as ShadowRoot).host;\r\n\r\n    if (shadowRootHost && shadowRootHost.nodeName === \"WM-UPLOADER\") {\r\n      if ((shadowRootHost as HTMLWmUploaderElement).type || (shadowRootHost as HTMLWmUploaderElement).uploaderType) {\r\n        this.isWithinLegacyUploader = true;\r\n      }\r\n    }\r\n\r\n    // rerender on resize in case layout needs to change\r\n    const resizeObserver = new ResizeObserver(() => this.debouncedResize());\r\n    resizeObserver.observe(this.el);\r\n  }\r\n\r\n  componentDidRender() {\r\n    this.truncateFileName(this.el.shadowRoot!.querySelector(\".file\")!);\r\n  }\r\n\r\n  debouncedResize = debounce(() => {\r\n    this.isCondensed = this.el.clientWidth < 500;\r\n    // rerender to show filename truncation changes\r\n    forceUpdate(this.el);\r\n  }, 50);\r\n\r\n  previewFile(file: UploadedFile) {\r\n    this.wmIntFilePreviewed.emit(file.id);\r\n  }\r\n\r\n  downloadFile(file: UploadedFile) {\r\n    this.wmIntFileDownloaded.emit(file.id);\r\n  }\r\n\r\n  deleteFile(file: UploadedFile) {\r\n    this.wmIntFileDeleted.emit(file.id);\r\n  }\r\n\r\n  truncateFileName(file: Element) {\r\n    const leftGroup = file.querySelector(\".left-group\");\r\n    const leftBoundary = leftGroup!.getBoundingClientRect().left;\r\n    const rightGroup = file.querySelector(\".right-group\");\r\n    const rightBoundary = rightGroup\r\n      ? rightGroup.getBoundingClientRect().left\r\n      : file.getBoundingClientRect().right - 20;\r\n    const filenameEl = file.querySelector(\".filename\") as HTMLElement;\r\n    const availableSpace = rightBoundary - leftBoundary;\r\n\r\n    let filename = filenameEl.dataset.filename!;\r\n    const canFitText = availableSpace > filename.length * this.singleCharacterWidth;\r\n\r\n    if (!canFitText) {\r\n      const extension = filename.slice(filename.lastIndexOf(\".\"));\r\n      const numFittingCharacters = Math.floor(availableSpace / this.singleCharacterWidth);\r\n\r\n      // three ellipses, three constant characters, extension\r\n      const postEllipsesLength = 3 + 3 + extension.length;\r\n      let preEllipsesLength = Math.max(2, numFittingCharacters - postEllipsesLength);\r\n      const preEllipsesText = filename.slice(0, preEllipsesLength);\r\n      const postEllipsesText = filename.slice(filename.indexOf(extension) - 3, filename.length);\r\n      filename = `${preEllipsesText.trim()}...${postEllipsesText.trim()}`;\r\n    }\r\n\r\n    filenameEl.textContent = filename;\r\n  }\r\n\r\n  handleFilenameMouseEnter(ev: MouseEvent, filename: string) {\r\n    // only show tooltip if file name is being truncated (has ellipses)\r\n    if ((ev.target as HTMLElement).textContent!.includes(\"...\")) {\r\n      showTooltip(\"bottom\", ev.target as HTMLElement, filename);\r\n    }\r\n  }\r\n\r\n  renderFileName(filename: string, isUploading: boolean) {\r\n    return (\r\n      <div class=\"left-group\">\r\n        <div class=\"name-wrapper\">\r\n          <span class=\"sr-only\">{filename}</span>\r\n          <span\r\n            aria-hidden=\"true\"\r\n            class=\"filename\"\r\n            data-filename={filename}\r\n            onMouseEnter={(ev) => this.handleFilenameMouseEnter(ev, filename)}\r\n            onMouseLeave={() => hideTooltip()}\r\n          ></span>\r\n          {isUploading && <span class=\"sr-only\">uploading</span>}\r\n          <div class=\"ch-measure\"></div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  renderFileInfo(item: UploadedFile, showInfo: string) {\r\n    let displayedInfo = \"\";\r\n    if (showInfo === \"time\" && item.lastUpdated) {\r\n      displayedInfo = item.lastUpdated;\r\n    } else if (showInfo === \"size\" && item.size) {\r\n      displayedInfo = item.size;\r\n    }\r\n\r\n    return <div class=\"file-info\">{displayedInfo}</div>;\r\n  }\r\n\r\n  renderActionMenu(item: UploadedFile) {\r\n    const defaultFileActions = \"download delete\";\r\n    const availableActions = item.fileActions || defaultFileActions;\r\n    const previewItem = (\r\n      <wm-menuitem icon=\"f208\" onClick={() => this.previewFile(item)}>\r\n        {this.previewActionMessage}\r\n      </wm-menuitem>\r\n    );\r\n    const downloadItem = (\r\n      <wm-menuitem icon=\"f1da\" onClick={() => this.downloadFile(item)}>\r\n        {this.downloadActionMessage}\r\n      </wm-menuitem>\r\n    );\r\n    const deleteItem = (\r\n      <wm-menuitem icon=\"f1c0\" onClick={() => this.deleteFile(item)}>\r\n        {this.deleteActionMessage}\r\n      </wm-menuitem>\r\n    );\r\n    return (\r\n      <wm-action-menu\r\n        action-menu-type=\"icon\"\r\n        tooltip={this.actionMenuLabel}\r\n        tooltip-position=\"bottom\"\r\n        label-for-identical-buttons={`${item.name} ${this.actionMenuLabel}`}\r\n      >\r\n        {availableActions.includes(\"preview\") && previewItem}\r\n        {availableActions.includes(\"download\") && downloadItem}\r\n        {availableActions.includes(\"delete\") && deleteItem}\r\n      </wm-action-menu>\r\n    );\r\n  }\r\n\r\n  renderFileActionButtons(item: UploadedFile) {\r\n    const defaultFileActions = \"download delete\";\r\n    const availableActions = item.fileActions || defaultFileActions;\r\n\r\n    const previewButton = (\r\n      <wm-button\r\n        class=\"preview-button\"\r\n        button-type=\"icononly\"\r\n        tooltip={this.previewButtonTooltip}\r\n        tooltip-position=\"bottom\"\r\n        label-for-identical-buttons={`preview ${item.name}`}\r\n        icon=\"f208\"\r\n        onClick={() => this.previewFile(item)}\r\n      ></wm-button>\r\n    );\r\n    const downloadButton = (\r\n      <wm-button\r\n        class=\"download-button\"\r\n        button-type=\"icononly\"\r\n        tooltip={this.downloadButtonTooltip}\r\n        tooltip-position=\"bottom\"\r\n        label-for-identical-buttons={`download ${item.name}`}\r\n        icon=\"f1da\"\r\n        onClick={() => this.downloadFile(item)}\r\n      ></wm-button>\r\n    );\r\n    const deleteButton = (\r\n      <wm-button\r\n        class=\"delete-button\"\r\n        button-type=\"icononly\"\r\n        tooltip={this.deleteButtonTooltip}\r\n        tooltip-position=\"bottom\"\r\n        label-for-identical-buttons={`delete ${item.name}`}\r\n        icon=\"f1c0\"\r\n        onClick={() => this.deleteFile(item)}\r\n      ></wm-button>\r\n    );\r\n\r\n    return (\r\n      <div class=\"file-controls\">\r\n        {availableActions.includes(\"preview\") && previewButton}\r\n        {availableActions.includes(\"download\") && downloadButton}\r\n        {availableActions.includes(\"delete\") && deleteButton}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  renderFileInProgress(item: UploadedFile) {\r\n    const filename = item.type ? `${item.name}.${item.type}` : item.name;\r\n    return (\r\n      <div class=\"file-wrapper\">\r\n        <div class=\"file --progress\">\r\n          <div\r\n            class=\"progress\"\r\n            style={{\r\n              background: `linear-gradient(to right, rgba(67, 126, 142, 1) ${item.progress}%, transparent ${item.progress}%)`,\r\n            }}\r\n          ></div>\r\n          {this.renderFileName(filename, this.isUploading)}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  renderFileControls(item: UploadedFile) {\r\n    const hasSingleFileAction = item.fileActions && item.fileActions.split(\" \").length === 1;\r\n    const showActionMenu = this.isCondensed && !hasSingleFileAction;\r\n\r\n    return showActionMenu ? this.renderActionMenu(item) : this.renderFileActionButtons(item);\r\n  }\r\n\r\n  renderFile(item: UploadedFile) {\r\n    const filename = item.type ? `${item.name}.${item.type}` : item.name;\r\n    const showCheckmark = !this.isWithinLegacyUploader && item.progress === 100;\r\n\r\n    return (\r\n      <div class={`file-wrapper ${showCheckmark ? \"checked\" : \"\"}`}>\r\n        <div class={`file ${this.errorMessage ? \"--error\" : \"\"}`}>\r\n          {this.renderFileName(filename, this.isUploading)}\r\n          {!this.errorMessage && (\r\n            <div class={`right-group ${this.isCondensed ? \"condensed\" : \"\"}`}>\r\n              {this.showInfo !== \"none\" && this.renderFileInfo(item, this.showInfo)}\r\n              {item.fileActions !== \"\" && this.renderFileControls(item)}\r\n            </div>\r\n          )}\r\n          {this.errorMessage && (\r\n            <wm-button\r\n              permanently-delete\r\n              button-type=\"textonly\"\r\n              label-for-identical-buttons={this.generateClearButtonLabel(item.name)}\r\n              onClick={() => this.wmFileClearErrorClicked.emit({ name: item.name })}\r\n            >\r\n              {this.clearButtonText}\r\n            </wm-button>\r\n          )}\r\n        </div>\r\n        {this.errorMessage && <div class=\"error-message\">{this.errorMessage}</div>}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Host role=\"listitem\">\r\n        {this.isUploading ? this.renderFileInProgress(this.fileData) : this.renderFile(this.fileData)}\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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"}

package/dist/ripple/{p-e8fd25c8.js → p-3303b568.js}

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

package/dist/ripple/p-3303b568.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["window","navigator","plugins","length","console","log","version","wmComponentKeys","ev","key","event","Event","dispatchEvent","document","querySelector","classList","add","wmComponentMouseDownOnce","remove","addEventListener","tooltipContainer","createElement","id","tooltipEl","setAttribute","style","position","overflow","pointerEvents","lineHeight","fontFamily","fontSize","textTransform","fontWeight","background","color","zIndex","maxWidth","marginRight","padding","transitionProperty","transitionDelay","opacity","top","left","transform","willChange","appendChild","body"],"sources":["./src/global/global.ts"],"sourcesContent":["import { setMode } from \"@stencil/core\";\r\nimport { version } from \"../../package.json\";\r\n\r\n// PRINT RIPPLE VERSION IN CONSOLE\r\n// test envs return 0 for plugin.length\r\n// do not print version number there as it causes issues\r\nif (window.navigator.plugins.length > 0) {\r\n  console.log(\"Ripple component library\", version);\r\n}\r\n\r\n// USER-IS-TABBING CLASSES (FOR FOCUS INDICATORS)\r\n// Dispatching events to track whether user is navigating with keyboard or mouse\r\nfunction wmComponentKeys(ev: KeyboardEvent) {\r\n  if (ev.key == \"Tab\") {\r\n    var event: Event = new Event(\"wmUserIsTabbing\");\r\n    window.dispatchEvent(event);\r\n    document.querySelector(\"body\")!.classList.add(\"wmcl-user-is-tabbing\");\r\n  }\r\n  if (ev.key == \"ArrowLeft\" || ev.key == \"ArrowUp\" || ev.key == \"ArrowRight\" || ev.key == \"ArrowDown\") {\r\n    var event: Event = new Event(\"wmUserIsKeying\");\r\n    window.dispatchEvent(event);\r\n    document.querySelector(\"body\")!.classList.add(\"wmcl-user-is-keying\");\r\n  }\r\n}\r\n\r\nfunction wmComponentMouseDownOnce() {\r\n  var event = new Event(\"wmUserIsNotTabbing\");\r\n  window.dispatchEvent(event);\r\n  document.querySelector(\"body\")!.classList.remove(\"wmcl-user-is-tabbing\");\r\n  document.querySelector(\"body\")!.classList.remove(\"wmcl-user-is-keying\");\r\n}\r\n\r\nwindow.addEventListener(\"keydown\", wmComponentKeys);\r\nwindow.addEventListener(\"mousedown\", wmComponentMouseDownOnce);\r\n\r\n// MODES (FOR PRODUCT-SPECIFIC STYLING)\r\n//Checks for mode attribute explicitly set on the document. If \"mode\" is set on component, it will override the global mode. Falls back to default (Planning styles)\r\nsetMode((elm) => {\r\n  return elm.getAttribute(\"mode\") || document.documentElement.getAttribute(\"mode\") || \"planning\";\r\n});\r\n\r\n// TOOLTIP\r\n// Add a tooltip element\r\n// This allows tooltips to be always at the highest stacking context (always on top)\r\n// Element is added withing a container to avoid performance impact\r\nconst tooltipContainer = document.createElement(\"div\");\r\ntooltipContainer.id = \"wm-tooltip-container\";\r\nconst tooltipEl = document.createElement(\"div\");\r\ntooltipEl.id = \"wm-tooltip\";\r\ntooltipEl.setAttribute(\"aria-hidden\", \"true\");\r\ntooltipEl.style.position = \"fixed\";\r\ntooltipEl.style.overflow = \"hidden\";\r\ntooltipEl.style.pointerEvents = \"none\";\r\ntooltipEl.style.lineHeight = \"normal\";\r\ntooltipEl.style.fontFamily = \"inherit\";\r\ntooltipEl.style.fontSize = \"0.875rem\";\r\ntooltipEl.style.textTransform = \"none\";\r\ntooltipEl.style.fontWeight = \"normal\";\r\ntooltipEl.style.background = \"black\";\r\ntooltipEl.style.color = \"#fff\";\r\ntooltipEl.style.zIndex = \"999999\";\r\ntooltipEl.style.maxWidth = \"var(--wmTooltipMaxWidth, 13.75rem)\";\r\ntooltipEl.style.marginRight = \"1.5rem\";\r\ntooltipEl.style.padding = \"0.375rem\";\r\ntooltipEl.style.transitionProperty = \"opacity\";\r\ntooltipEl.style.transitionDelay = \"opacity\";\r\ntooltipEl.style.opacity = \"0\";\r\ntooltipEl.style.top = \"0\";\r\ntooltipEl.style.left = \"0\";\r\ntooltipEl.style.transform = \"translateZ(0)\";\r\ntooltipEl.style.willChange = \"transform\";\r\ntooltipEl.style.transform = \"translate(var(--wmTooltipLeft), var(--wmTooltipTop))\";\r\n\r\ntooltipContainer.appendChild(tooltipEl);\r\nconst body = document.querySelector(\"body\");\r\nbody!.appendChild(tooltipContainer);\r\n"],"mappings":"iBAMA,GAAIA,OAAOC,UAAUC,QAAQC,OAAS,EAAG,CACvCC,QAAQC,IAAI,2BAA4BC,E,CAK1C,SAASC,EAAgBC,GACvB,GAAIA,EAAGC,KAAO,MAAO,CACnB,IAAIC,EAAe,IAAIC,MAAK,mBAC5BX,OAAOY,cAAcF,GACrBG,SAASC,cAAc,QAAMC,UAAAC,IAAA,uB,CAE/B,GAAAR,EAAAC,KAAA,aAAAD,EAAAC,KAAA,WAAAD,EAAAC,KAAA,cAAAD,EAAAC,KAAA,aACE,IAAIC,EAAe,IAAIC,MAAM,kBAC7BX,OAAOY,cAAcF,GACrBG,SAASC,cAAc,QAAMC,UAAAC,IAAA,sB,CAEjC,CAEA,SAAAC,IACE,IAAIP,EAAQ,IAAIC,MAAM,sBACtBX,OAAOY,cAAcF,GACrBG,SAASC,cAAc,QAAMC,UAAAG,OAAA,wBAC7BL,SAASC,cAAc,QAASC,UAAUG,OAAO,sBACnD,CAEAlB,OAAAmB,iBAAA,UAAAZ,GACAP,OAAOmB,iBAAiB,YAAaF,GAYrC,MAAMG,EAAmBP,SAASQ,cAAc,OAChDD,EAAiBE,GAAK,uBACtB,MAAMC,EAAYV,SAASQ,cAAc,OACzCE,EAAUD,GAAK,aACfC,EAAUC,aAAa,sBACvBD,EAAUE,MAAMC,SAAW,QAC3BH,EAAUE,MAAME,SAAW,SAC3BJ,EAAUE,MAAMG,cAAgB,OAChCL,EAAUE,MAAMI,WAAa,SAC7BN,EAAUE,MAAMK,WAAa,UAC7BP,EAAUE,MAAMM,SAAW,WAC3BR,EAAUE,MAAMO,cAAgB,OAChCT,EAAUE,MAAMQ,WAAa,SAC7BV,EAAUE,MAAMS,WAAa,QAC7BX,EAAUE,MAAMU,MAAQ,OACxBZ,EAAUE,MAAMW,OAAS,SACzBb,EAAUE,MAAMY,SAAW,qCAC3Bd,EAAUE,MAAMa,YAAc,SAC9Bf,EAAUE,MAAMc,QAAU,WAC1BhB,EAAUE,MAAMe,mBAAqB,UACrCjB,EAAUE,MAAMgB,gBAAkB,UAClClB,EAAUE,MAAMiB,QAAU,IAC1BnB,EAAUE,MAAMkB,IAAM,IACtBpB,EAAUE,MAAMmB,KAAO,IACvBrB,EAAUE,MAAMoB,UAAY,gBAC5BtB,EAAUE,MAAMqB,WAAa,YAC7BvB,EAAUE,MAAMoB,UAAY,uDAE5BzB,EAAiB2B,YAAYxB,GAC7B,MAAMyB,EAAOnC,SAASC,cAAc,QACpCkC,EAAMD,YAAY3B"}

package/dist/ripple/p-33558ec4.system.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["wmFileListCss","FileList","exports","Object","defineProperty","class_1","prototype","this","files","JSON","parse","handleFileDownloaded","ev","wmFileDownload","emit","detail","handleFilePreviewed","wmFilePreview","handleFileDeleted","wmFileDelete","renderFile","file","fileActions","undefined","h","stringify","showInfo","render","_this","role","class","fileList","map"],"sources":["src/components/wm-file-list/wm-file-list.scss?tag=wm-file-list&encapsulation=shadow","src/components/wm-file-list/wm-file-list.tsx"],"sourcesContent":[":host,\nwm-file-list {\n  display: block;\n}\n\n.list-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: rem-calc(8);\n}\n","import { h, Component, Element, Event, EventEmitter, Listen, Prop } from \"@stencil/core\";\nimport { UploadedFile } from \"../../global/interfaces\";\n\n@Component({\n  tag: \"wm-file-list\",\n  styleUrl: \"wm-file-list.scss\",\n  shadow: { delegatesFocus: true },\n})\nexport class FileList {\n  @Element() el!: HTMLWmFileListElement;\n  @Prop() files?: string;\n  @Prop() showInfo: \"time\" | \"size\" | \"none\" = \"time\";\n\n  @Event() wmFileDelete!: EventEmitter<string>;\n  @Event() wmFileDownload!: EventEmitter<string>;\n  @Event() wmFilePreview!: EventEmitter<string>;\n\n  get fileList(): [UploadedFile] {\n    return this.files ? JSON.parse(this.files) : [];\n  }\n\n  @Listen(\"wmIntFileDownloaded\")\n  handleFileDownloaded(ev: CustomEvent) {\n    this.wmFileDownload.emit(ev.detail);\n  }\n\n  @Listen(\"wmIntFilePreviewed\")\n  handleFilePreviewed(ev: CustomEvent) {\n    this.wmFilePreview.emit(ev.detail);\n  }\n\n  @Listen(\"wmIntFileDeleted\")\n  handleFileDeleted(ev: CustomEvent) {\n    this.wmFileDelete.emit(ev.detail);\n  }\n\n  renderFile(file: UploadedFile) {\n    // file list does not allow for default file actions\n    // if none are passed, display no buttons\n    if (file.fileActions === undefined) {\n      file.fileActions = \"\";\n    }\n    return <wm-file file={JSON.stringify(file)} show-info={this.showInfo}></wm-file>;\n  }\n\n  render() {\n    return (\n      <div role=\"list\" class=\"list-wrapper\">\n        {this.fileList.map((file: UploadedFile) => this.renderFile(file))}\n      </div>\n    );\n  }\n}\n"],"mappings":"0JAAA,IAAMA,EAAgB,8I,ICQTC,EAAQC,EAAA,0B,kMAG0B,M,CAM7CC,OAAAC,eAAIC,EAAAC,UAAA,WAAQ,C,IAAZ,WACE,OAAOC,KAAKC,MAAQC,KAAKC,MAAMH,KAAKC,OAAS,E,uCAI/CH,EAAAC,UAAAK,qBAAA,SAAqBC,GACnBL,KAAKM,eAAeC,KAAKF,EAAGG,O,EAI9BV,EAAAC,UAAAU,oBAAA,SAAoBJ,GAClBL,KAAKU,cAAcH,KAAKF,EAAGG,O,EAI7BV,EAAAC,UAAAY,kBAAA,SAAkBN,GAChBL,KAAKY,aAAaL,KAAKF,EAAGG,O,EAG5BV,EAAAC,UAAAc,WAAA,SAAWC,GAGT,GAAIA,EAAKC,cAAgBC,UAAW,CAClCF,EAAKC,YAAc,E,CAErB,OAAOE,EAAA,WAASH,KAAMZ,KAAKgB,UAAUJ,GAAK,YAAad,KAAKmB,U,EAG9DrB,EAAAC,UAAAqB,OAAA,eAAAC,EAAArB,KACE,OACEiB,EAAA,OAAKK,KAAK,OAAOC,MAAM,gBACpBvB,KAAKwB,SAASC,KAAI,SAACX,GAAuB,OAAAO,EAAKR,WAAWC,EAAhB,I,kOAxC9B,I"}
+{"version":3,"names":["wmFileListCss","FileList","exports","Object","defineProperty","class_1","prototype","this","files","JSON","parse","handleFileDownloaded","ev","wmFileDownload","emit","detail","handleFilePreviewed","wmFilePreview","handleFileDeleted","wmFileDelete","renderFile","file","fileActions","undefined","h","stringify","showInfo","render","_this","role","class","fileList","map"],"sources":["src/components/wm-file-list/wm-file-list.scss?tag=wm-file-list&encapsulation=shadow","src/components/wm-file-list/wm-file-list.tsx"],"sourcesContent":[":host,\r\nwm-file-list {\r\n  display: block;\r\n}\r\n\r\n.list-wrapper {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: rem-calc(8);\r\n}\r\n","import { h, Component, Element, Event, EventEmitter, Listen, Prop } from \"@stencil/core\";\r\nimport { UploadedFile } from \"../../global/interfaces\";\r\n\r\n@Component({\r\n  tag: \"wm-file-list\",\r\n  styleUrl: \"wm-file-list.scss\",\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class FileList {\r\n  @Element() el!: HTMLWmFileListElement;\r\n  @Prop() files?: string;\r\n  @Prop() showInfo: \"time\" | \"size\" | \"none\" = \"time\";\r\n\r\n  @Event() wmFileDelete!: EventEmitter<string>;\r\n  @Event() wmFileDownload!: EventEmitter<string>;\r\n  @Event() wmFilePreview!: EventEmitter<string>;\r\n\r\n  get fileList(): [UploadedFile] {\r\n    return this.files ? JSON.parse(this.files) : [];\r\n  }\r\n\r\n  @Listen(\"wmIntFileDownloaded\")\r\n  handleFileDownloaded(ev: CustomEvent) {\r\n    this.wmFileDownload.emit(ev.detail);\r\n  }\r\n\r\n  @Listen(\"wmIntFilePreviewed\")\r\n  handleFilePreviewed(ev: CustomEvent) {\r\n    this.wmFilePreview.emit(ev.detail);\r\n  }\r\n\r\n  @Listen(\"wmIntFileDeleted\")\r\n  handleFileDeleted(ev: CustomEvent) {\r\n    this.wmFileDelete.emit(ev.detail);\r\n  }\r\n\r\n  renderFile(file: UploadedFile) {\r\n    // file list does not allow for default file actions\r\n    // if none are passed, display no buttons\r\n    if (file.fileActions === undefined) {\r\n      file.fileActions = \"\";\r\n    }\r\n    return <wm-file file={JSON.stringify(file)} show-info={this.showInfo}></wm-file>;\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div role=\"list\" class=\"list-wrapper\">\r\n        {this.fileList.map((file: UploadedFile) => this.renderFile(file))}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"0JAAA,IAAMA,EAAgB,8I,ICQTC,EAAQC,EAAA,0B,kMAG0B,M,CAM7CC,OAAAC,eAAIC,EAAAC,UAAA,WAAQ,C,IAAZ,WACE,OAAOC,KAAKC,MAAQC,KAAKC,MAAMH,KAAKC,OAAS,E,uCAI/CH,EAAAC,UAAAK,qBAAA,SAAqBC,GACnBL,KAAKM,eAAeC,KAAKF,EAAGG,O,EAI9BV,EAAAC,UAAAU,oBAAA,SAAoBJ,GAClBL,KAAKU,cAAcH,KAAKF,EAAGG,O,EAI7BV,EAAAC,UAAAY,kBAAA,SAAkBN,GAChBL,KAAKY,aAAaL,KAAKF,EAAGG,O,EAG5BV,EAAAC,UAAAc,WAAA,SAAWC,GAGT,GAAIA,EAAKC,cAAgBC,UAAW,CAClCF,EAAKC,YAAc,E,CAErB,OAAOE,EAAA,WAASH,KAAMZ,KAAKgB,UAAUJ,GAAK,YAAad,KAAKmB,U,EAG9DrB,EAAAC,UAAAqB,OAAA,eAAAC,EAAArB,KACE,OACEiB,EAAA,OAAKK,KAAK,OAAOC,MAAM,gBACpBvB,KAAKwB,SAASC,KAAI,SAACX,GAAuB,OAAAO,EAAKR,WAAWC,EAAhB,I,kOAxC9B,I"}