@watermarkinsights/ripple 3.25.0 → 3.25.1

package/dist/ripple/p-9338011f.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["wmOptionCss","Option","exports","undefined","Object","defineProperty","class_1","prototype","classes","this","subinfo","push","parentSelectEl","multiple","el","textContent","toLowerCase","includes","searchTerm","join","_a","parentElement","nodeName","getRootNode","host","handleKeydown","ev","key","preventDefault","wmKeyUpPressed","emit","wmKeyDownPressed","disabled","click","wmEnterKeyPressed","stopPropagation","wmEscKeyPressed","wmHomeKeyPressed","wmEndKeyPressed","length","wmLetterPressed","handleSelection","wmOptionSelected","handleBlur","wmOptionBlurred","relatedTarget","syncAriaSelected","selected","setAttribute","removeAttribute","syncAriaDisabled","updateDisabledOnClick","onclick","onClickFunc","handleSearch","detail","regexp","RegExp","concat","boldedText","replace","match","textEl","innerHTML","componentWillLoad","_this","addEventListener","render","h","Host","role","tabindex","focused","class","hostClasses","ref","wmSelectCss","Select","selectAllMessage","intl","formatMessage","id","defaultMessage","deselectAllMessage","allOptionsSelectedMessage","allOptionsDeselectedMessage","keysSoFar","searchIndex","openUp","overflowCount","displayedOptions","debouncedClearKeysSoFar","debounce","debouncedSearch","wmSelectSearchChanged","filteredOptions","announce","resultsFoundMessage","noResultsFoundMessage","description","class_2","Array","from","querySelectorAll","shadowRoot","duplicateOptions","childOptions","allOptionEls","filter","option","classList","contains","searchFieldEl","value","x","every","numResults","toggleTabbingOn","isTabbing","toggleTabbingOff","handleOptionSelection","focusOption","selectOption","changedOption","selectedOptions","wmSelectChanged","event","CustomEvent","dispatchEvent","close","isDuplicate","originalOption","findCorrespondingOption","o","handleChildEnter","handleChildUp","moveUp","handleChildDown","moveDown","moveToFirstOption","visibleOptionEls","moveToLastOption","closePopupOnEscape","handleOptionBlur","isElOrChild","handleClick","target","handleSelectAllClick","allSelected","deselectAllOptions","selectAllOptions","forEach","setSelectAllButton","setButtonText","handleButtonBlur","handleSearchFieldBlur","searchFieldWrapperEl","remove","handleKey","isExpanded","open","label","console","error","uid","generateId","document","body","componentDidLoad","wmSelectDidLoad","dropdownEl","add","forceUpdate","maxHeight","listboxEl","style","updateOptionVisibility","componentWillUpdate","visibleDuplicateOptions_1","idx","focusableEls","selectAllEl","unshift","prevEl","indexOf","nextEl","optionToSelect","elHeight","clientHeight","buttonHeight","buttonEl","shouldOpenUp","window","requestAnimationFrame","search","focus","scrollTop","slice","returnFocus","map","i","setTimeout","duplicateOption","scrollIntoView","block","correspondingOption","findAndFocusOption","character","nextMatch","findMatchInRange","list","startIndex","endIndex","optionsInRange","startsWith","exposeErrors","newId","errorContainer","renderErrorContainer","errorMessage","handleComponentBlur","wmSelectBlurred","wmComponentBlurred","handleKeyDown","y","overflowCounterWidth","computedStyle","getComputedStyle","paddingLeft","parseInt","getPropertyValue","paddingRight","availableSpace","clientWidth","optionsWidths","querySelector","optionsTotalWidth","reduce","acc","pop","message","liveRegionEl","announcement","renderButtonText","placeholder","allSelectedMessage","renderSubinfo","renderOverflowCount","renderSearchField","onKeyDown","onFocus","onBlur","onInput","searchPlaceholder","renderSearchFailedMessage","renderSelectAllButton","selectAll","onClick","renderDuplicateOptions","children","buttonProps","_b","getTextDir","labelPosition","invalid","htmlFor","requiredField","globalMessages","assign"],"sources":["src/components/wm-option/wm-option.scss?tag=wm-option&encapsulation=shadow","src/components/wm-option/wm-option.tsx","src/components/wm-select/wm-select.scss?tag=wm-select&encapsulation=shadow","src/components/wm-select/wm-select.tsx"],"sourcesContent":[":host(:not(:last-child)),\nwm-option:not(:last-child) {\n  border-bottom: 2px solid $list-border-bottom-color;\n}\n\n:host,\nwm-option {\n  display: block;\n  cursor: pointer;\n  position: relative;\n  padding: rem-calc(20);\n  background: $light-background;\n  font-family: inherit;\n  list-style: none;\n  color: $body-text-color;\n  user-select: none;\n\n  &:focus,\n  &.focus {\n    outline: none;\n    background: $background;\n  }\n\n  &.icon {\n    color: $button-default-text;\n  }\n\n  .sr-only {\n    @include srOnly;\n  }\n}\n\n.checkbox {\n  &:before {\n    @include mdi-icon;\n    content: \"\\f131\";\n    display: inline;\n    margin-right: rem-calc(4);\n    color: $periwinkle;\n  }\n}\n\n:host([aria-selected=\"true\"]),\nwm-option[aria-selected=\"true\"] {\n  background: $list-selected-background-color;\n  font-weight: 500;\n\n  .checkbox {\n    &:before {\n      content: \"\\f132\";\n    }\n  }\n}\n\n:host([aria-disabled=\"true\"]),\nwm-option[aria-disabled=\"true\"] {\n  font-style: italic;\n  color: $gray;\n  cursor: default;\n\n  .checkbox {\n    &:before {\n      color: $gray;\n    }\n  }\n}\n\n:host(.multi-option),\nwm-option.multi-option {\n  background: unset;\n}\n\n:host(.hidden),\nwm-option.hidden,\n:host(.filtered-out),\nwm-option.filtered-out {\n  display: none;\n}\n\n:host(.duplicate.last),\nwm-option.duplicate.last {\n  border-bottom: 12px solid $list-border-bottom-color;\n}\n\n:host(.hassubinfo),\nwm-option.hassubinfo {\n  display: flex;\n\n  .option-wrapper {\n    flex: 1;\n  }\n  .subinfo {\n    flex: none;\n  }\n}\n\n.subinfo {\n  font-style: italic;\n}\n\n.option-wrapper {\n  // necessary for multiselect overflow measurement\n  display: inline-block;\n}\n\n::slotted {\n  font-family: inherit;\n}\n\n::slotted(i) {\n  font-size: rem-calc(14);\n\n  &:before {\n    @include mdi-icon;\n    display: inline-block;\n    margin-right: rem-calc(10);\n    pointer-events: none;\n  }\n}\n\n:host(:focus),\nwm-option:focus {\n  outline: none;\n  background: $background;\n}\n\n:host(:hover) {\n  background: $background;\n  outline: none;\n}\n","import { h, Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch } from \"@stencil/core\";\n\n@Component({\n  tag: \"wm-option\",\n  styleUrl: \"wm-option.scss\",\n  shadow: true,\n})\nexport class Option {\n  @Element() el!: HTMLElement;\n\n  @Prop() value?: string | null; // if devs pass a value as attribute they should be able to retrieve it by querying the property. This is untouched by the component.\n  @Prop({ mutable: true }) subinfo?: string = undefined;\n  @Prop({ reflect: true }) disabled: boolean = false;\n  @Prop({ reflect: true }) selected: boolean = false;\n  @Prop() focused: boolean = false;\n\n  @Event() wmOptionSelected!: EventEmitter<HTMLWmOptionElement>;\n  @Event() wmKeyUpPressed!: EventEmitter<HTMLWmOptionElement>;\n  @Event() wmKeyDownPressed!: EventEmitter<HTMLWmOptionElement>;\n  @Event() wmEscKeyPressed!: EventEmitter<HTMLWmOptionElement>;\n  @Event() wmHomeKeyPressed!: EventEmitter<HTMLWmOptionElement>;\n  @Event() wmEndKeyPressed!: EventEmitter<HTMLWmOptionElement>;\n  @Event() wmEnterKeyPressed!: EventEmitter<HTMLWmOptionElement>;\n  @Event() wmLetterPressed!: EventEmitter<string>;\n  @Event() wmOptionBlurred!: EventEmitter<{ relatedTarget: EventTarget | null }>;\n\n  private onClickFunc!: (this: GlobalEventHandlers, ev: MouseEvent) => any;\n  @State() searchTerm: string = \"\";\n  private textEl!: HTMLDivElement;\n\n  get hostClasses() {\n    let classes = [];\n    if (this.subinfo) {\n      classes.push(\"hassubinfo\");\n    }\n    if (this.parentSelectEl.multiple) {\n      classes.push(\"multi-option\");\n    }\n    if (!this.el.textContent!.toLowerCase().includes(this.searchTerm)) {\n      classes.push(\"filtered-out\");\n    }\n    return classes.join(\" \");\n  }\n\n  get parentSelectEl() {\n    return this.el.parentElement?.nodeName !== \"WM-SELECT\"\n      ? ((this.el.getRootNode() as ShadowRoot).host as HTMLWmSelectElement)\n      : (this.el.parentElement as HTMLWmSelectElement);\n  }\n\n  @Listen(\"keydown\")\n  handleKeydown(ev: KeyboardEvent) {\n    switch (ev.key) {\n      case \"ArrowUp\":\n        ev.preventDefault();\n        this.wmKeyUpPressed.emit(this.el as HTMLWmOptionElement);\n        break;\n\n      case \"ArrowDown\":\n        ev.preventDefault();\n        this.wmKeyDownPressed.emit(this.el as HTMLWmOptionElement);\n        break;\n\n      case \"Enter\":\n        ev.preventDefault();\n        if (!this.disabled) {\n          this.el.click();\n          this.wmEnterKeyPressed.emit(this.el as HTMLWmOptionElement);\n        }\n        break;\n\n      case \" \":\n        ev.preventDefault();\n        this.el.click();\n        break;\n\n      case \"Escape\":\n        ev.preventDefault();\n        ev.stopPropagation(); // for instance if select is in a modal, esc should close the select but not the modal\n        this.wmEscKeyPressed.emit();\n        break;\n\n      case \"Home\":\n        ev.preventDefault();\n        this.wmHomeKeyPressed.emit();\n        break;\n\n      case \"End\":\n        ev.preventDefault();\n        this.wmEndKeyPressed.emit();\n        break;\n\n      default:\n        if (ev.key.length === 1) {\n          // emit for single characters (\"a\",\"l\",\"5\", etc), avoid others (\"shift\", \"control\", etc)\n          this.wmLetterPressed.emit(ev.key);\n        }\n    }\n  }\n\n  @Listen(\"click\")\n  handleSelection() {\n    if (!this.disabled) {\n      // the parent wm-select is in charge of the actual selection\n      // using ev.detail because ev.target returns the wm-select for duplicate options\n      this.wmOptionSelected.emit(this.el as HTMLWmOptionElement);\n    }\n  }\n\n  @Listen(\"blur\")\n  handleBlur(ev: FocusEvent) {\n    this.wmOptionBlurred.emit({ relatedTarget: ev.relatedTarget });\n  }\n\n  @Watch(\"selected\")\n  syncAriaSelected() {\n    // this function only keeps the aria-selected attr in sync with the selected prop\n    // all the logic for selecting / deselecting happens in the parent wm-select\n    this.selected ? this.el.setAttribute(\"aria-selected\", \"true\") : this.el.removeAttribute(\"aria-selected\");\n  }\n\n  @Watch(\"disabled\")\n  syncAriaDisabled() {\n    this.disabled ? this.el.setAttribute(\"aria-disabled\", \"true\") : this.el.removeAttribute(\"aria-disabled\");\n  }\n\n  @Watch(\"disabled\")\n  updateDisabledOnClick() {\n    if (this.disabled && this.el.onclick) {\n      this.onClickFunc = this.el.onclick;\n      this.el.onclick = null;\n    } else if (!this.disabled && this.onClickFunc) {\n      this.el.onclick = this.onClickFunc;\n    }\n  }\n\n  handleSearch(ev: CustomEvent) {\n    // filter is case-insensitive, so\n    this.searchTerm = ev.detail.searchTerm.toLowerCase();\n\n    if (this.searchTerm) {\n      const regexp = new RegExp(`${this.searchTerm}`, \"gi\");\n      const boldedText = this.el.textContent!.replace(regexp, (match) => `<strong>${match}</strong>`);\n      // for voiceover, text splitting is read as separate phrases. i.e. hel<b>lo</b> will be read as \"hel lo\"\n      // aria-hidden and sr-only is used to circumvent this\n      this.textEl.innerHTML = boldedText;\n    } else {\n      this.textEl.innerHTML = this.el.textContent!;\n    }\n  }\n\n  componentWillLoad() {\n    this.syncAriaSelected();\n    this.syncAriaDisabled();\n    this.updateDisabledOnClick();\n\n    this.parentSelectEl.addEventListener(\"wmSelectSearchChanged\", (ev) => this.handleSearch(ev as CustomEvent));\n  }\n\n  render() {\n    return (\n      <Host role=\"option\" tabindex={this.focused ? 0 : -1} class={this.hostClasses}>\n        <div class={`option-wrapper ${this.parentSelectEl.multiple ? \"checkbox\" : \"\"}`}>\n          <span aria-hidden=\"true\" ref={(el) => (this.textEl = el as HTMLDivElement)}>\n            {this.el.textContent}\n          </span>\n          <span class=\"sr-only\">{this.el.textContent}</span>\n        </div>\n        <div class=\"subinfo\">{this.subinfo}</div>\n      </Host>\n    );\n  }\n}\n",":host {\n  position: relative;\n  display: block;\n  box-sizing: border-box;\n  font-family: inherit;\n\n  .sr-only {\n    @include srOnly;\n  }\n}\n\n@include label;\n\n.wrapper {\n  & .button-wrapper {\n    position: relative;\n    flex: 1;\n    font-size: rem-calc(18);\n    color: $button-default-text;\n    min-width: rem-calc(140);\n\n    .displayedoption {\n      @include border-radius(3px);\n      @include box-shadow(none);\n      display: flex;\n      align-items: center;\n      flex-wrap: nowrap;\n      background: transparent;\n      width: 100%;\n      border: solid 1px rgba(35, 35, 35, 0.6);\n      padding: rem-calc(0 30 0 15);\n      cursor: pointer;\n      height: rem-calc(40);\n      line-height: normal;\n      font-family: inherit;\n      color: $button-default-text;\n      font-weight: 400;\n      font-size: rem-calc(14);\n      text-transform: none;\n      text-align: left;\n\n      @media only screen and (max-width: 768px) {\n        height: rem-calc(44);\n      }\n\n      &:before {\n        @include mdi-icon;\n        content: \"\\f140\";\n        position: absolute;\n        right: rem-calc(9);\n        pointer-events: none;\n      }\n\n      &:hover:not(:disabled):not(.-disabled):not(.-raised) {\n        background: transparent;\n        text-decoration: none;\n      }\n\n      &:active {\n        // fix style bleed in Edge\n        -ms-transform: scale(1, 1) !important;\n        transform: scale(1, 1) !important;\n      }\n\n      &:focus {\n        outline: none;\n      }\n\n      &::-moz-focus-inner {\n        border: 0;\n      }\n\n      &.user-is-tabbing:focus {\n        @include focus-style;\n      }\n\n      .overflowcontrol {\n        display: block;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        flex: 1;\n\n        &.hassubinfo {\n          display: flex;\n\n          .button-text {\n            flex: 1;\n            text-overflow: ellipsis;\n            overflow: hidden;\n            min-width: 0;\n          }\n          .subinfo {\n            flex: none;\n            font-style: italic;\n          }\n        }\n      }\n\n      .overflow-counter {\n        font-weight: bold;\n        margin-left: rem-calc(8);\n      }\n    }\n\n    > .displayedoption[disabled] {\n      color: #6b6b6b;\n      border-color: #8a8a8a;\n      background: #f0f0f0;\n      cursor: default;\n    }\n\n    > .dropdown {\n      -webkit-overflow-scrolling: touch;\n\n      @include box-shadow(0 4px 15px 0 rgba(0, 0, 0, 0.2));\n      @include transition(transform 0.25s ease);\n      @include scale($xVal: 1, $yVal: 0);\n      @include transformOrigin(center top);\n      @include border-radius(3px);\n      position: absolute;\n      top: 0;\n      right: 0;\n      background: #fff;\n      z-index: 100;\n      width: 100%;\n      font-size: rem-calc(14);\n\n      &.upwards {\n        top: unset;\n        bottom: calc(100% - 2.5rem);\n        @include transformOrigin(center bottom);\n      }\n\n      &.hidden {\n        visibility: hidden;\n      }\n    }\n\n    > .dropdown.open {\n      @include scale($xVal: 1, $yVal: 1);\n    }\n  }\n\n  &.invalid {\n    & .button-wrapper {\n      & .displayedoption {\n        @include invalidBorder;\n      }\n    }\n  }\n\n  & .error-message {\n    @include errorMessage;\n    margin-bottom: rem-calc(4);\n    top: 100%;\n    left: 0;\n  }\n}\n\n.options-wrapper {\n  max-height: rem-calc(200);\n  overflow: auto;\n}\n\n.select-all {\n  //display: inline-block;\n  width: 100%;\n  cursor: pointer;\n  padding: rem-calc(20);\n  border: none;\n  margin: 0;\n  border-bottom: 2px solid $list-border-bottom-color;\n  background: $light-background;\n  font-family: inherit;\n  font-size: inherit;\n  text-align: left; // fallback for browsers not supporting logical properties\n  text-align: start;\n  font-weight: 500;\n  color: $interactive-element;\n  user-select: none;\n\n  &:hover,\n  &:focus {\n    outline: none;\n    background: #f4f4f4;\n  }\n}\n\n.search {\n  box-sizing: border-box;\n  border-bottom: 2px solid $list-border-bottom-color;\n  padding: rem-calc(20);\n\n  .searchfield-wrapper {\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    height: rem-calc(44);\n    width: 100%;\n    padding: 0 rem-calc(12);\n    @include border-radius(3px);\n    border: 1px solid $input-border-color;\n    &:focus,\n    &.focus {\n      @include field-focus;\n    }\n  }\n  .searchfield {\n    width: 100%;\n    border: none;\n    outline: none;\n    font-family: inherit;\n    font-size: rem-calc(14);\n    margin-left: rem-calc(4);\n  }\n  .icon:before {\n    @include mdi-icon;\n    content: \"\\f349\";\n    color: $gray;\n    font-size: rem-calc(14);\n  }\n}\n\n.search-results-message {\n  padding: rem-calc(20);\n  color: $body-text-color;\n  font-size: rem-calc(14);\n  font-style: italic;\n}\n\n.rtl {\n  > .dropdown {\n    @include transformOrigin(left top);\n    left: 0;\n    right: auto;\n\n    .option {\n      padding-left: rem-calc(48);\n      padding-right: rem-calc(20);\n    }\n  }\n\n  > .displayedoption {\n    padding: rem-calc(0 15 0 30);\n    text-align: right;\n\n    &:before {\n      right: auto;\n      left: rem-calc(9);\n    }\n  }\n}\n","import { h, Component, Element, Event, EventEmitter, Listen, Prop, State, Watch, Host } from \"@stencil/core\";\nimport { forceUpdate } from \"@stencil/core\";\nimport { generateId, getTextDir, shouldOpenUp, intl, debounce } from \"../../global/functions\";\nimport { globalMessages } from \"../../global/intl\";\n\n@Component({\n  tag: \"wm-select\",\n  styleUrl: \"wm-select.scss\",\n  shadow: { delegatesFocus: true },\n})\nexport class Select {\n  @Element() el!: HTMLWmSelectElement;\n\n  private uid!: string;\n  @Prop({ reflect: true }) disabled: boolean = false;\n  @Prop({ mutable: true }) invalid: boolean = false;\n  @Prop() maxHeight?: string;\n  @Prop({ mutable: true }) label?: string;\n  @Prop() labelPosition: \"top\" | \"left\" | \"none\" = \"top\";\n  @Prop() requiredField: boolean = false;\n  @Prop({ mutable: true }) errorMessage: string = \"\";\n  @Prop() multiple: boolean = false;\n  @Prop() search: boolean = false;\n  @Prop() selectAll: boolean = false;\n  @Prop() placeholder: string = intl.formatMessage({\n    id: \"select.multiPlaceholder\",\n    defaultMessage: \"Make a selection\",\n    description: \"Placeholder text. Use imperative\",\n  });\n  @Prop() searchPlaceholder: string = intl.formatMessage({\n    id: \"select.searchPlaceholder\",\n    defaultMessage: \"Search\",\n    description: \"Placeholder text. Use imperative\",\n  });\n  @Prop() allSelectedMessage: string = intl.formatMessage({\n    id: \"select.allSelected\",\n    defaultMessage: \"All selected\",\n    description: \"Text displayed when all options are selected\",\n  });\n\n  selectAllMessage = intl.formatMessage({\n    id: \"select.selectAll\",\n    defaultMessage: \"Select All\",\n  });\n\n  deselectAllMessage = intl.formatMessage({\n    id: \"select.deselectAll\",\n    defaultMessage: \"Deselect All\",\n  });\n\n  allOptionsSelectedMessage = intl.formatMessage({\n    id: \"select.allOptionsSelected\",\n    defaultMessage: \"All options selected\",\n  });\n\n  allOptionsDeselectedMessage = intl.formatMessage({\n    id: \"select.allOptionsDeselected\",\n    defaultMessage: \"All options deselected\",\n  });\n\n  @State() isTabbing: boolean = false;\n  @State() isExpanded: boolean = false;\n  @State() announcement: string = \"\";\n  @Event() wmSelectDidLoad!: EventEmitter<void>;\n  @Event() wmSelectBlurred!: EventEmitter<void>;\n  @Event() wmSelectChanged!: EventEmitter<Object>;\n  @Event() wmComponentBlurred!: EventEmitter<void>; // deprecated in favor of wmSelectBlurred\n  @Event() wmSelectSearchChanged!: EventEmitter<Object>;\n\n  private buttonEl!: HTMLButtonElement;\n  private dropdownEl!: HTMLDivElement;\n  private selectAllEl!: HTMLButtonElement;\n  private listboxEl!: HTMLDivElement;\n  private liveRegionEl!: HTMLDivElement;\n  private searchFieldWrapperEl!: HTMLDivElement;\n  private searchFieldEl!: HTMLInputElement;\n  private errorContainer!: HTMLDivElement;\n  private keysSoFar: string = \"\";\n  private searchIndex: number = 0;\n  private openUp: boolean = false;\n  get childOptions() {\n    return Array.from(this.el.querySelectorAll(\"wm-option\"));\n  }\n  get duplicateOptions(): HTMLWmOptionElement[] {\n    return Array.from(this.el.shadowRoot!.querySelectorAll(\"wm-option\"));\n  }\n  get allOptionEls(): HTMLWmOptionElement[] {\n    // this includes both slotted wm-options and internally created wm-options\n    return this.duplicateOptions.concat(this.childOptions);\n  }\n  get visibleOptionEls(): HTMLWmOptionElement[] {\n    return this.allOptionEls.filter(\n      (option) => !option.classList.contains(\"hidden\") && !option.classList.contains(\"filtered-out\")\n    );\n  }\n\n  //////////////////////////////////////\n  // for search variants\n  get searchTerm(): string {\n    return this.searchFieldEl ? this.searchFieldEl.value : \"\";\n  }\n  get filteredOptions(): HTMLWmOptionElement[] {\n    return this.childOptions.filter((option) =>\n      option.textContent?.toLowerCase().includes(this.searchTerm.toLowerCase())\n    );\n  }\n  //////////////////////////////////////\n\n  //////////////////////////////////////\n  // for multiselect button text\n  private overflowCount: number = 0;\n  get selectedOptions(): HTMLWmOptionElement[] {\n    return Array.from(this.el.querySelectorAll(\"wm-option\")).filter((x) => x.selected);\n  }\n  private displayedOptions: HTMLWmOptionElement[] = [];\n  get allSelected() {\n    return this.childOptions.every((option) => option.selected);\n  }\n  //////////////////////////////////////\n\n  get resultsFoundMessage() {\n    return intl.formatMessage(\n      {\n        id: \"select.searchResultsFound\",\n        defaultMessage: \"{numResults, plural, one {1 option found} other {# options found}}\",\n        description: \"The message read by the screen reader, indicating how many results a search returned\",\n      },\n      { numResults: this.filteredOptions.length }\n    );\n  }\n\n  get noResultsFoundMessage() {\n    return intl.formatMessage({\n      id: \"select.noSearchResults\",\n      defaultMessage: \"No results found. Please try your search again.\",\n      description: \"The message displayed when no options pass the search filter\",\n    });\n  }\n\n  @Listen(\"wmUserIsTabbing\", { target: \"window\" })\n  toggleTabbingOn() {\n    this.isTabbing = true;\n  }\n\n  @Listen(\"wmUserIsNotTabbing\", { target: \"window\" })\n  toggleTabbingOff() {\n    this.isTabbing = false;\n  }\n\n  @Listen(\"wmOptionSelected\")\n  handleOptionSelection(ev: CustomEvent): void {\n    const option: HTMLWmOptionElement = ev.detail;\n    this.focusOption(option);\n    if (!this.multiple) {\n      // if the option was already selected, leave selected states untouched and don't fire the event\n      if (!option.selected) {\n        this.selectOption(option);\n        const detail = { changedOption: option, selectedOptions: [option] };\n        this.wmSelectChanged.emit(detail);\n        // change is deprecated in favor of wmSelectChanged\n        // because of issues with React wrappers when using native events name\n        const event = new CustomEvent(\"change\", { detail: detail });\n        // @ts-ignore\n        this.el.dispatchEvent(event);\n      }\n      this.close();\n    } else {\n      this.selectOption(option);\n      // we pass the original option with the event, as it's the only one the devs know or care about\n      // devs will typically set a `value` on the option, which is not copied over\n      // we could have taken the value and put it on the duplicate option,\n      // but this approach is more flexible (what if they want to have a data attribute?)\n      const isDuplicate: boolean = option.classList.contains(\"duplicate\");\n      const originalOption: HTMLWmOptionElement = isDuplicate ? this.findCorrespondingOption(option) : option;\n      const selectedOptions = this.childOptions.filter((o) => o.selected);\n      const detail = { changedOption: originalOption, selectedOptions: selectedOptions };\n      this.wmSelectChanged.emit(detail);\n      // change is deprecated in favor of wmSelectChanged\n      // because of issues with React wrappers when using native events name\n      const event = new CustomEvent(\"change\", { detail: detail });\n      // @ts-ignore\n      this.el.dispatchEvent(event);\n    }\n  }\n\n  @Listen(\"wmEnterKeyPressed\")\n  handleChildEnter(): void {\n    // only occurs for multiselects. handle the click, then close\n    this.close();\n  }\n\n  @Listen(\"wmKeyUpPressed\")\n  handleChildUp(ev: CustomEvent): void {\n    this.moveUp(ev.detail as HTMLWmOptionElement);\n  }\n\n  @Listen(\"wmKeyDownPressed\")\n  handleChildDown(ev: CustomEvent): void {\n    this.moveDown(ev.detail as HTMLWmOptionElement);\n  }\n\n  @Listen(\"wmHomeKeyPressed\")\n  moveToFirstOption(): void {\n    this.focusOption(this.visibleOptionEls[0]);\n  }\n\n  @Listen(\"wmEndKeyPressed\")\n  moveToLastOption(): void {\n    this.focusOption(this.visibleOptionEls[this.visibleOptionEls.length - 1]);\n  }\n\n  @Listen(\"wmEscKeyPressed\")\n  closePopupOnEscape(): void {\n    this.close();\n  }\n\n  @Listen(\"wmOptionBlurred\")\n  handleOptionBlur(ev: CustomEvent): void {\n    // if the Option is blurred to something other than the component emit a blur event with the appropriate relatedTarget\n    // keeps our component's blur events accurate, and closes when focusing browser address bar\n    if (!this.isElOrChild(ev.detail.relatedTarget)) {\n      const event = new CustomEvent(\"blur\");\n      // @ts-ignore\n      event.relatedTarget = ev.detail.relatedTarget;\n      this.el.dispatchEvent(event);\n    }\n  }\n\n  @Listen(\"click\", { target: \"document\", capture: true })\n  handleClick(ev: MouseEvent): void {\n    if (!this.isElOrChild(ev.target as HTMLElement)) {\n      this.close();\n    }\n  }\n\n  handleSelectAllClick() {\n    this.allSelected ? this.deselectAllOptions() : this.selectAllOptions();\n  }\n\n  selectAllOptions() {\n    this.allOptionEls.forEach((o) => (o.selected = true));\n    this.setSelectAllButton();\n    this.setButtonText();\n    const detail = { changedOption: null, selectedOptions: this.childOptions };\n    this.wmSelectChanged.emit(detail);\n  }\n\n  deselectAllOptions() {\n    this.allOptionEls.forEach((o) => (o.selected = false));\n    this.setSelectAllButton();\n    this.setButtonText();\n    const detail = { changedOption: null, selectedOptions: [] };\n    this.wmSelectChanged.emit(detail);\n  }\n\n  handleButtonBlur(ev: FocusEvent) {\n    if (this.isElOrChild(ev.relatedTarget as HTMLElement)) {\n      // do not emit a blur event when opening the dropdown and focusing the Options\n      ev.stopPropagation();\n    }\n  }\n\n  handleSearchFieldBlur(ev: FocusEvent) {\n    this.searchFieldWrapperEl.classList.remove(\"focus\");\n    if (this.isElOrChild(ev.relatedTarget as HTMLElement)) {\n      // do not emit a blur event when moving from searchfield to options\n      ev.stopPropagation();\n    }\n  }\n\n  @Listen(\"keydown\")\n  handleKey(ev: KeyboardEvent): void {\n    switch (ev.key) {\n      case \"ArrowDown\":\n        if (this.isExpanded === false) {\n          ev.preventDefault();\n          this.open(\"next\");\n        }\n        break;\n\n      case \"ArrowUp\":\n        if (this.isExpanded === false) {\n          ev.preventDefault();\n          this.open(\"previous\");\n        }\n        break;\n    }\n  }\n\n  componentWillLoad() {\n    if (!this.label) {\n      console.error(\n        \"For accessibility purposes, this component requires a label (even if `label-position` is set to `none`).\"\n      );\n    }\n\n    this.uid = this.el.id ? this.el.id : generateId();\n\n    if (document.body.classList.contains(\"wmcl-user-is-tabbing\")) {\n      this.toggleTabbingOn();\n    }\n\n    // set initial selections\n    if (this.selectedOptions.length > 0) {\n      this.selectedOptions.forEach((x) => {\n        this.displayedOptions.push(x);\n      });\n      // single Select only, pre-select if no default option from dev\n    } else if (!this.multiple) {\n      this.selectOption(this.allOptionEls[0]);\n    }\n  }\n\n  componentDidLoad() {\n    this.wmSelectDidLoad.emit();\n    this.dropdownEl.classList.add(\"hidden\");\n    forceUpdate(this.el);\n\n    // Dev can overwrite the max-height rule set in the Sass file\n    if (this.maxHeight) {\n      this.listboxEl.style.maxHeight = this.maxHeight;\n    }\n\n    if (this.multiple) {\n      this.updateOptionVisibility();\n    }\n    this.setButtonText();\n  }\n\n  componentWillUpdate() {\n    if (this.multiple) {\n      // find last visible duplicate option and apply .last class\n      const visibleDuplicateOptions = this.visibleOptionEls.filter((option) => option.classList.contains(\"duplicate\"));\n      visibleDuplicateOptions.forEach((option, idx) => {\n        if (idx === visibleDuplicateOptions.length - 1) {\n          option.classList.add(\"last\");\n        } else {\n          option.classList.remove(\"last\");\n        }\n      });\n    }\n  }\n\n  moveUp(el: HTMLElement) {\n    const focusableEls: HTMLElement[] = this.visibleOptionEls;\n    if (this.selectAllEl) {\n      focusableEls.unshift(this.selectAllEl);\n    }\n    if (this.searchFieldEl) {\n      focusableEls.unshift(this.searchFieldEl);\n    }\n\n    const prevEl = focusableEls[focusableEls.indexOf(el) - 1] || focusableEls[focusableEls.length - 1];\n\n    if (prevEl) {\n      this.focusOption(prevEl);\n    }\n  }\n\n  moveDown(el: HTMLElement) {\n    const focusableEls: HTMLElement[] = this.visibleOptionEls;\n    if (this.selectAllEl) {\n      focusableEls.unshift(this.selectAllEl);\n    }\n    if (this.searchFieldEl) {\n      focusableEls.unshift(this.searchFieldEl);\n    }\n\n    const nextEl = focusableEls[focusableEls.indexOf(el) + 1] || focusableEls[0];\n\n    if (nextEl) {\n      this.focusOption(nextEl);\n    }\n  }\n\n  open(optionToSelect?: \"next\" | \"previous\"): void {\n    if (!this.disabled) {\n      const elHeight = this.el.clientHeight;\n      const buttonHeight = this.buttonEl.clientHeight;\n      this.openUp = shouldOpenUp(\n        this.el,\n        this.dropdownEl,\n        // when opening up, dropdown covers both label and button\n        elHeight,\n        // when opening down, dropdown covers only the button\n        buttonHeight\n      );\n      this.isExpanded = true;\n      this.dropdownEl.classList.remove(\"hidden\");\n\n      window.requestAnimationFrame(() => {\n        switch (optionToSelect) {\n          case \"next\":\n            // search variant focuses search field\n            // all others focus option \"after\" last selected option  (this can be the first option)\n            if (this.search) {\n              this.searchFieldEl.focus();\n              this.listboxEl.scrollTop = 0;\n            } else {\n              this.moveDown(this.visibleOptionEls.filter((x) => x.selected).slice(-1)[0]);\n            }\n            break;\n          case \"previous\":\n            // search variant focuses last option\n            // all others focus option \"above\" first selected option (this can be the last option)\n            if (this.search) {\n              this.focusOption(this.visibleOptionEls[this.visibleOptionEls.length - 1]);\n            } else {\n              this.moveUp(this.visibleOptionEls.filter((x) => x.selected)[0]);\n            }\n            break;\n          default:\n            // search variant focuses search field\n            // all others focus the selected option\n            // if no option is selected (empty multiselect), focuses first option\n            if (this.search) {\n              this.searchFieldEl.focus();\n              this.listboxEl.scrollTop = 0;\n            } else if (this.selectedOptions.length > 0) {\n              this.focusOption(this.visibleOptionEls.filter((x) => x.selected)[0]);\n            } else {\n              this.focusOption(this.visibleOptionEls[0]);\n            }\n            break;\n        }\n      });\n    }\n  }\n\n  close(returnFocus: boolean = true): void {\n    if (this.isExpanded) {\n      this.isExpanded = false;\n      this.allOptionEls.map((i) => (i.focused = false));\n\n      window.setTimeout(() => {\n        this.dropdownEl.classList.add(\"hidden\");\n        if (this.multiple) {\n          this.updateOptionVisibility();\n        }\n        // clear search field, reset filtered / bolded state of wm-options\n        if (this.search) {\n          this.searchFieldEl.value = \"\";\n          this.wmSelectSearchChanged.emit({ searchTerm: this.searchTerm });\n        }\n        // Returns focus to button after popup closes (no need if user is tabbing)\n        // Delay is necessary for screenreader to get new expanded state before focus\n        // window.requestAnimationFrame is probably enough, but since we are already using setTimeout it may as well be here\n        // also UX wise, it makes sense for the button to only be focused after the animation is complete\n        if (returnFocus) {\n          this.buttonEl.focus();\n        }\n      }, 150);\n    }\n  }\n\n  updateOptionVisibility() {\n    // this runs for search multiselects, where selected options are rendered at the top of the dropdown list\n    // slotted wm-options are hidden if selected, and duplicate wm-options are made visible if selected\n    this.childOptions.forEach((option, idx) => {\n      const duplicateOption = this.duplicateOptions[idx];\n      if (option.selected) {\n        option.classList.add(\"hidden\");\n        duplicateOption.classList.remove(\"hidden\");\n      } else {\n        option.classList.remove(\"hidden\");\n        duplicateOption.classList.add(\"hidden\");\n      }\n    });\n  }\n\n  focusOption(option: HTMLElement): void {\n    this.allOptionEls.forEach((i) => (i.focused = i === option));\n\n    // option must be scrolledIntoView before focused\n    // if focus is called first the option might be positioned incorrectly (in the center of the dropdown) and scrollIntoView will do nothing as the option will already be in view\n    option.scrollIntoView({ block: \"nearest\" });\n\n    // scrollIntoView does not work when the container of the element it's called on is not rendered to the page (in our case the dropdown is still closed and has transform: scaleY(0))\n    // when opening the dropdown, scrollIntoView must be delayed to a point where the browser recognizes content within it as able to be scrolled to\n    // in Safari in particular, the soonest this seems to happen is 20ms. The longest we can wait before any jumping in the open dropdown is noticeable is 60ms\n    window.setTimeout(() => option.scrollIntoView({ block: \"nearest\" }), 60);\n\n    option.focus();\n  }\n\n  selectOption(option: HTMLWmOptionElement): void {\n    // beware of this function's name. For multiselect it actually toggles the selected state, so it can also deselect the option\n    if (option.classList.contains(\"duplicate\")) {\n      // if clicking on a duplicate option, toggle selected property of real one, then rerender\n      const correspondingOption = this.findCorrespondingOption(option);\n      correspondingOption.selected = !correspondingOption.selected;\n      forceUpdate(this.el);\n    } else if (this.multiple) {\n      option.selected = !option.selected;\n    } else {\n      this.childOptions.forEach((x) => (x.selected = x === option));\n    }\n    // update the selectAll checkbox when an option is de/selected\n    // checking is the el is present, implies that this.multiple and this.selectAll are true\n    if (this.selectAllEl) {\n      this.setSelectAllButton();\n    }\n    this.setButtonText();\n  }\n\n  @Listen(\"wmLetterPressed\")\n  findAndFocusOption(ev: CustomEvent): void {\n    const character = ev.detail.toLowerCase();\n\n    if (!this.keysSoFar) {\n      // if first character entered, set currently focused option as the starting index for the search\n      this.visibleOptionEls.forEach((option, idx) => {\n        if (option.focused) {\n          this.searchIndex = idx;\n        }\n      });\n    }\n\n    this.keysSoFar += character;\n\n    let nextMatch = this.findMatchInRange(this.visibleOptionEls, this.searchIndex + 1, this.visibleOptionEls.length);\n    if (!nextMatch) {\n      // if match can't be found from starting option downwards, search from top\n      nextMatch = this.findMatchInRange(this.visibleOptionEls, 0, this.searchIndex);\n    }\n\n    if (nextMatch) {\n      // findMatchInRange still might have returned null, only focus if match found\n      this.focusOption(nextMatch as HTMLWmOptionElement);\n    }\n    this.debouncedClearKeysSoFar();\n  }\n\n  debouncedClearKeysSoFar = debounce(() => {\n    this.keysSoFar = \"\";\n  }, 500);\n\n  findMatchInRange(list: HTMLWmOptionElement[], startIndex: number, endIndex: number): HTMLWmOptionElement | null {\n    let match: HTMLWmOptionElement | null = null;\n    let optionsInRange = list.slice(startIndex, endIndex);\n\n    // Find the first option starting with the keysSoFar substring, searching in\n    // the specified range of options\n    optionsInRange.forEach((option) => {\n      const label = option.textContent;\n      if (!match && label && label.toLowerCase().startsWith(this.keysSoFar)) {\n        match = option;\n      }\n    });\n\n    return match;\n  }\n\n  findCorrespondingOption(el: HTMLWmOptionElement): HTMLWmOptionElement {\n    // if duplicate, returns the child wm-option\n    // if child wm-option, returns duplicate\n    const isDuplicate = el.classList.contains(\"duplicate\");\n    return isDuplicate\n      ? this.childOptions[this.duplicateOptions.indexOf(el)]\n      : this.duplicateOptions[this.childOptions.indexOf(el)];\n  }\n\n  isElOrChild(el: HTMLElement) {\n    // determines whether or not the element is the component, a child of the component, or exists within the component's shadowroot\n    return el === this.el || this.el.contains(el) || this.el.shadowRoot?.contains(el);\n  }\n\n  @Watch(\"errorMessage\")\n  exposeErrors() {\n    // When the error changes, a new id is set for the error container and the button's aria-describedby attribute is updated accordingly. This is to make sure the screen reader announces teh updated errors in Firefox. See this longstanding bug: https://bugzilla.mozilla.org/show_bug.cgi?id=493683\n    const newId = generateId();\n    this.errorContainer.id = `wm-errors-${newId}`;\n    this.buttonEl.setAttribute(\"aria-describedby\", `wm-errors-${newId}`);\n  }\n\n  renderErrorContainer() {\n    return (\n      <div\n        id=\"wm-errors\"\n        class={this.errorMessage ? \"error-message\" : \"\"}\n        ref={(el) => (this.errorContainer = el as HTMLDivElement)}\n        aria-live=\"assertive\"\n        aria-atomic=\"true\"\n      >\n        {this.errorMessage}\n      </div>\n    );\n  }\n\n  handleComponentBlur(ev: FocusEvent): void {\n    // Do not close or emit custom blur event when blurring to an element inside (wm-option)\n    if (!this.el.contains(ev.relatedTarget as Node)) {\n      this.close(false);\n      this.wmSelectBlurred.emit();\n      this.wmComponentBlurred.emit(); // deprecated\n    }\n  }\n\n  // on search field or select all. keydown on options is handled via events.\n  handleKeyDown(ev: KeyboardEvent) {\n    const el = ev.target as HTMLElement;\n    switch (ev.key) {\n      case \"ArrowDown\":\n        ev.preventDefault();\n        this.moveDown(ev.target as HTMLElement);\n        break;\n      case \"ArrowUp\":\n        ev.preventDefault();\n        this.moveUp(ev.target as HTMLElement);\n        break;\n      case \"Escape\":\n        ev.preventDefault();\n        this.close();\n        break;\n      case \"Enter\":\n        if (el === this.selectAllEl) {\n          ev.preventDefault();\n          this.handleSelectAllClick();\n          this.close();\n        }\n        break;\n      case \" \":\n        if (el === this.selectAllEl) {\n          ev.preventDefault();\n          this.handleSelectAllClick();\n        }\n        break;\n    }\n  }\n\n  debouncedSearch = debounce(() => {\n    this.wmSelectSearchChanged.emit({ searchTerm: this.searchTerm });\n\n    if (this.filteredOptions.length) {\n      this.announce(this.resultsFoundMessage);\n    } else {\n      this.announce(this.noResultsFoundMessage);\n    }\n  }, 150);\n\n  setButtonText() {\n    this.displayedOptions = this.childOptions\n      .filter((x) => x.selected)\n      .map((y) => (!y.classList.contains(\"hidden\") ? y : this.findCorrespondingOption(y)));\n\n    // handle overflow + counter for multiselect\n    if (this.multiple) {\n      // this is a fixed measurement accounting for the max width of a 3 character overflow counter\n      const overflowCounterWidth = 38;\n      const computedStyle = window.getComputedStyle(this.buttonEl);\n\n      // there seems to be no quick way to get an elements width without padding, except for subtracting padding manually\n      const paddingLeft = parseInt(computedStyle.getPropertyValue(\"padding-left\").slice(0, -2));\n      const paddingRight = parseInt(computedStyle.getPropertyValue(\"padding-right\").slice(0, -2));\n\n      const availableSpace = this.buttonEl.clientWidth - paddingLeft - paddingRight - overflowCounterWidth;\n\n      let optionsWidths = this.displayedOptions.map((x) => x.shadowRoot!.querySelector(\".option-wrapper\")!.clientWidth);\n\n      let optionsTotalWidth = optionsWidths.reduce((acc, x) => acc + x, 0);\n      this.overflowCount = 0;\n\n      while (optionsTotalWidth > availableSpace && this.displayedOptions.length > 1) {\n        this.overflowCount++;\n        optionsTotalWidth -= optionsWidths[optionsWidths.length - 1];\n        optionsWidths.pop();\n        this.displayedOptions.pop();\n      }\n    }\n  }\n\n  setSelectAllButton() {\n    if (this.allSelected) {\n      this.selectAllEl.textContent = this.deselectAllMessage;\n      this.announce(this.allOptionsSelectedMessage);\n    } else {\n      this.selectAllEl.textContent = this.selectAllMessage;\n      if (this.selectedOptions.length === 0) {\n        this.announce(this.allOptionsDeselectedMessage);\n      }\n    }\n  }\n\n  announce(message: string) {\n    // \\u00A0 is a non-breaking space character, which causes the message to be read as a new one\n    if (this.liveRegionEl.textContent === message) {\n      message += \"\\u00A0\";\n    }\n    this.announcement = message;\n  }\n\n  renderButtonText() {\n    if (this.multiple && this.displayedOptions.length < 1) {\n      return <span>{this.placeholder}</span>;\n    } else if (this.multiple && this.allSelected && this.overflowCount > 0) {\n      return this.allSelectedMessage;\n    } else {\n      return this.displayedOptions.map((x, idx) => (\n        <span>\n          {idx > 0 ? \", \" : \"\"}\n          {x.textContent}\n        </span>\n      ));\n    }\n  }\n\n  renderSubinfo() {\n    // multiselects cannot have subinfo for options\n    if (!this.multiple && this.selectedOptions.length > 0 && this.selectedOptions[0].subinfo) {\n      return <span class=\"subinfo\">{this.selectedOptions[0].subinfo}</span>;\n    }\n  }\n\n  renderOverflowCount() {\n    if (this.overflowCount > 0 && !this.allSelected) {\n      return (\n        <span>\n          <span class=\"overflow-counter\">+{this.overflowCount}</span>\n        </span>\n      );\n    }\n  }\n\n  renderSearchField() {\n    return (\n      <div class=\"search\">\n        <div class=\"searchfield-wrapper\" ref={(el) => (this.searchFieldWrapperEl = el as HTMLInputElement)}>\n          <div class=\"icon\"></div>\n          <input\n            ref={(el) => (this.searchFieldEl = el as HTMLInputElement)}\n            class=\"searchfield\"\n            role=\"combobox\"\n            aria-controls={`list-${this.uid}`}\n            aria-expanded={this.isExpanded ? \"true\" : \"false\"}\n            onKeyDown={(ev) => this.handleKeyDown(ev)}\n            onFocus={() => this.searchFieldWrapperEl.classList.add(\"focus\")}\n            onBlur={(ev) => this.handleSearchFieldBlur(ev)}\n            onInput={() => this.debouncedSearch()}\n            placeholder={this.searchPlaceholder}\n          ></input>\n        </div>\n      </div>\n    );\n  }\n\n  renderSearchFailedMessage() {\n    return <div class=\"search-results-message\">{this.noResultsFoundMessage}</div>;\n  }\n\n  renderSelectAllButton() {\n    if (this.selectAll && this.multiple && this.searchTerm == \"\") {\n      return (\n        <button\n          ref={(el) => (this.selectAllEl = el as HTMLButtonElement)}\n          class=\"select-all\"\n          onClick={() => this.handleSelectAllClick()}\n          onKeyDown={(ev) => this.handleKeyDown(ev)}\n          tabindex=\"-1\"\n        >\n          {this.allSelected ? this.deselectAllMessage : this.selectAllMessage}\n        </button>\n      );\n    }\n  }\n\n  renderDuplicateOptions() {\n    return Array.from(this.el.children).map((option) => {\n      return (\n        <wm-option class=\"duplicate\" selected={(option as HTMLWmOptionElement).selected}>\n          {option.textContent}\n        </wm-option>\n      );\n    });\n  }\n\n  render() {\n    const buttonProps = {\n      id: `selectbtn-${this.uid}`,\n      [\"disabled\"]: this.disabled,\n      [\"aria-controls\"]: `list-${this.uid}`,\n      [\"aria-labelledby\"]: `label-${this.uid} selectbtn-${this.uid}`,\n      [\"aria-describedby\"]: \"wm-errors\",\n      [\"aria-expanded\"]: this.isExpanded ? \"true\" : \"false\",\n      onClick: () => (this.isExpanded ? this.close() : this.open()),\n    };\n\n    return (\n      <Host onBlur={(ev: FocusEvent) => this.handleComponentBlur(ev)}>\n        <div\n          class={`wrapper ${getTextDir()} label-${this.labelPosition} ${\n            this.invalid || this.errorMessage ? \"invalid\" : \"\"\n          }`}\n        >\n          <div class=\"label-wrapper\">\n            <label class=\"label\" id={`label-${this.uid}`} htmlFor={`selectbtn-${this.uid}`}>\n              {this.label}\n              {\n                // we can't use aria-required or required attributes because it's invalid on the elements we're using (button controlling a listbox)\n                this.requiredField ? (\n                  <span class=\"required\">\n                    <span class=\"sr-only\">{globalMessages.requiredField}</span>\n                    <span aria-hidden=\"true\">*</span>\n                  </span>\n                ) : (\n                  \"\"\n                )\n              }\n            </label>\n          </div>\n          <div class=\"button-wrapper\">\n            <button\n              {...buttonProps}\n              class={`displayedoption ${this.isTabbing ? \"user-is-tabbing\" : \"\"}`}\n              ref={(el) => (this.buttonEl = el as HTMLButtonElement)}\n              onBlur={(ev) => this.handleButtonBlur(ev)}\n              onFocus={() => this.close()}\n            >\n              <span\n                class={\n                  this.selectedOptions.length > 0 && this.selectedOptions.filter((x) => x.subinfo).length > 0\n                    ? \"overflowcontrol hassubinfo\"\n                    : \"overflowcontrol\"\n                }\n              >\n                <span class=\"button-text\">{this.renderButtonText()}</span>\n                {this.renderSubinfo()}\n              </span>\n              {this.renderOverflowCount()}\n            </button>\n            <div\n              class={`dropdown ${this.isExpanded ? \"open\" : \"\"} ${this.openUp ? \"upwards\" : \"\"}`}\n              ref={(el) => (this.dropdownEl = el as HTMLDivElement)}\n            >\n              {this.search && this.renderSearchField()}\n              <div\n                id={`list-${this.uid}`}\n                class=\"options-wrapper\"\n                tabindex={-1}\n                role=\"listbox\"\n                aria-multiselectable={this.multiple ? \"true\" : null}\n                aria-labelledby={`label-${this.uid}`}\n                ref={(el) => (this.listboxEl = el as HTMLDivElement)}\n              >\n                {this.search && this.filteredOptions.length === 0 && this.renderSearchFailedMessage()}\n                {this.renderSelectAllButton()}\n                {this.multiple && this.renderDuplicateOptions()}\n                <slot />\n              </div>\n            </div>\n            {this.renderErrorContainer()}\n            <div\n              id=\"announcement\"\n              aria-live=\"polite\"\n              class=\"sr-only\"\n              ref={(el) => (this.liveRegionEl = el as HTMLDivElement)}\n            >\n              {this.announcement}\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/ripple/p-976b2789.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["wmModalFooterCss","ModalFooter","exports","class_1","prototype","componentWillLoad","_this","this","uid","el","parentElement","addEventListener","lastElement","focus","emitParentPrimaryEvent","parentModal","emitPrimaryEvent","emitParentSecondaryEvent","emitSecondaryEvent","render","h","class","concat","infoText","secondaryText","onClick","id","ref","primaryActionDisabled","deleteStyle","disabled","primaryText"],"sources":["src/components/wm-modal/wm-modal-footer.scss?tag=wm-modal-footer","src/components/wm-modal/wm-modal-footer.tsx"],"sourcesContent":["wm-modal-footer {\n  @include border-radius(0px 0px 5px 5px);\n  //Fix for Chrome sometimes leaving space between footer and content, making the overlay show through\n  margin-top: -1px;\n\n  .wm-wrapper {\n    @include displayFlex();\n    @include justifyContent(space-between);\n    @include alignItems(center);\n\n    &.footer-text {\n      @media only screen and (max-width: 650px) {\n        flex-direction: column;\n        align-items: flex-start;\n      }\n    }\n\n    wm-button + wm-button {\n      margin-left: rem-calc(16);\n      // @media only screen and (max-width: 768px) {\n      //   margin-right: 15px;\n      // }\n    }\n\n    .wm-info {\n      font-size: rem-calc(14);\n      font-style: italic;\n      @media only screen and (max-width: 650px) {\n        padding-bottom: rem-calc(10);\n      }\n\n      &:focus {\n        outline: none;\n      }\n    }\n  }\n}\n","import { h, Component, Element, Prop } from \"@stencil/core\";\n\n@Component({\n  tag: \"wm-modal-footer\",\n  styleUrl: \"wm-modal-footer.scss\",\n})\nexport class ModalFooter {\n  @Element() el!: HTMLElement;\n\n  @Prop() secondaryText?: string = \"\";\n  @Prop() primaryText?: string = \"\";\n  @Prop() infoText?: string = \"\";\n  @Prop() primaryActionDisabled: boolean = false;\n  @Prop() deleteStyle: boolean = false;\n  private uid!: string;\n  private lastElement!: HTMLElement;\n\n  componentWillLoad() {\n    this.uid = (this.el.parentElement as HTMLWmModalElement).uid;\n\n    // Trap focus when user shift+tabs past first element in modal\n    // NB @Listen doesn't allow to listen on a specific element (the parent modal)\n    // if we listen to the whole doc each modal on the page reacts to every event\n    this.el.parentElement!.addEventListener(\"focusLastElement\", () => {\n      this.lastElement.focus();\n    });\n  }\n\n  emitParentPrimaryEvent() {\n    const parentModal = this.el.parentElement;\n    //@ts-ignore\n    parentModal.emitPrimaryEvent();\n  }\n\n  emitParentSecondaryEvent() {\n    const parentModal = this.el.parentElement;\n    //@ts-ignore\n    parentModal.emitSecondaryEvent();\n  }\n\n  render() {\n    return (\n      <div class={`wm-wrapper ${this.infoText ? \" footer-text\" : \"\"}`}>\n        <div class=\"wm-info\" aria-live=\"polite\">{this.infoText}</div>\n        <div class=\"wm-button-collection\">\n          {this.secondaryText && (\n            <wm-button\n              onClick={() => this.emitParentSecondaryEvent()}\n              id={`wm-secondary-${this.uid}`}\n              ref={(el) => (this.primaryActionDisabled ? (this.lastElement = el as HTMLElement) : null)}\n            >\n              {this.secondaryText}\n            </wm-button>\n          )}\n          <wm-button\n            button-type={this.deleteStyle ? \"secondary\" : \"primary\"}\n            permanently-delete={this.deleteStyle}\n            onClick={() => this.emitParentPrimaryEvent()}\n            disabled={this.primaryActionDisabled}\n            id={`wm-primary-${this.uid}`}\n            ref={(el) => (!this.primaryActionDisabled ? (this.lastElement = el as HTMLElement) : null)}\n          >\n            {this.primaryText}\n          </wm-button>\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"kJAAA,IAAMA,EAAmB,47B,ICMZC,EAAWC,EAAA,6B,2CAGW,G,iBACF,G,cACH,G,2BACa,M,iBACV,K,CAI/BC,EAAAC,UAAAC,kBAAA,eAAAC,EAAAC,KACEA,KAAKC,IAAOD,KAAKE,GAAGC,cAAqCF,IAKzDD,KAAKE,GAAGC,cAAeC,iBAAiB,oBAAoB,WAC1DL,EAAKM,YAAYC,O,KAIrBV,EAAAC,UAAAU,uBAAA,WACE,IAAMC,EAAcR,KAAKE,GAAGC,cAE5BK,EAAYC,kB,EAGdb,EAAAC,UAAAa,yBAAA,WACE,IAAMF,EAAcR,KAAKE,GAAGC,cAE5BK,EAAYG,oB,EAGdf,EAAAC,UAAAe,OAAA,eAAAb,EAAAC,KACE,OACEa,EAAA,OAAKC,MAAO,cAAAC,OAAcf,KAAKgB,SAAW,eAAiB,KACzDH,EAAA,OAAKC,MAAM,UAAS,YAAW,UAAUd,KAAKgB,UAC9CH,EAAA,OAAKC,MAAM,wBACRd,KAAKiB,eACJJ,EAAA,aACEK,QAAS,WAAM,OAAAnB,EAAKW,0BAAL,EACfS,GAAI,gBAAAJ,OAAgBf,KAAKC,KACzBmB,IAAK,SAAClB,GAAE,OAAMH,EAAKsB,sBAAyBtB,EAAKM,YAAcH,EAAqB,IAA5E,GAEPF,KAAKiB,eAGVJ,EAAA,2BACeb,KAAKsB,YAAc,YAAc,UAAS,qBACnCtB,KAAKsB,YACzBJ,QAAS,WAAM,OAAAnB,EAAKQ,wBAAL,EACfgB,SAAUvB,KAAKqB,sBACfF,GAAI,cAAAJ,OAAcf,KAAKC,KACvBmB,IAAK,SAAClB,GAAE,OAAOH,EAAKsB,sBAAyBtB,EAAKM,YAAcH,EAAqB,IAA7E,GAEPF,KAAKwB,c,uHAxDM,I"}

package/dist/ripple/p-994303f2.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["colors","salmon","cyan","forest","sleet","midnight","lavender","periwinkle","gray","allChartsDetails","doughnut","size","thickness","padding","category","doughnut0","doughnut1","doughnut2","doughnut2plus","doughnut3","bar","bar1","bar2","bar3","bar4","bar5","bar6","bar7","showValue","valueFormat","textHiddenMessage","intl","formatMessage","id","defaultMessage","description","seeDetailsMessage","abbrNumber","num","Math","round","amountToPercent","val","total","asInt","amountToDegree","toFixed","number","parseFloat","floor","polarToCartesian","half","radius","startAngle","endAngle","x","cos","PI","y","sin","undefined","x2","y2","x1","y1","getArc","largeArcFlag","chartSize","z","scale","inMin","inMax","outMin","outMax","scaled","minSpacing","width","getMaxTicks","getInterval","largest","maxticks","minimum","magnitude","log10","residual","interval","handleSliceKeyDown","ev","this","popoverEl","open","key","popoverBtn","querySelector","click","handleSliceClick","s","isTabbing","coords","clientX","clientY","openPopover","call","handleSliceFocus","getPosition","target","handleChartKeydown","preventDefault","focusPrevious","focusNext","exitChart","userIsNavigating","title","text","popoverTitle","popoverText","buttonText","sliceRef","window","setTimeout","debouncedClosePopover","debounce","async","document","addEventListener","scrollableParent","findParentWithScrollbar","el","activeEl","checkForActiveElInShadow","activeElement","index","sliceEls","indexOf","length","focusSlice","componentWrapperEl","tabIndex","focusable","map","p","focus","getDetails","chartType","slicesDetails","acc","children","Array","from","reduce","slice","parseInt","getAttribute","forEach","c","i","amount","perc","colorIndex","notStartedColor","color","sliceDetails","legend","offset","uid","inSmallCluster","push","sortSlicesDetails","sortedSlicesDetails","sort","a","b","idx","prev","next","prevPerc","nextPerc","isInSmallCluster","isSmall","prevIsSmall","nextIsSmall","lessThanOnePerc","getPathData","activeAngle","largeArcFlagOuter","largeArcFlagInner","chartDetails","innerRadius","outerRadius","isHybridDoughnut","outerSeparatorOffset","innerSeparatorOffset","outerCoords","innerCoords","moveTo","arc1","line","arc2","renderInstructionsText","chartInstructions","h","renderFilter","stdDeviation","result","operator","in2","in","renderDoughnut","outerSize","class","height","renderPath","transform","renderDoughnutText","fill","d","onClick","onFocus","onKeyDown","role","arcMiddle","renderStackedBar","isHybridBar","drawAxis","tempValueFormat","renderBarText","renderStackedBarSegment","renderCompletionMessage","isLastSlice","style","backgroundColor","renderSimpleBar","labelWidth","getComputedStyle","getPropertyValue","chartPadding","componentWidth","getBoundingClientRect","chartWidth","numTicks","lastTickVal","extraTicks","setProperty","showBarLegend","rows","renderSimpleBarLegend","renderSimpleBarItem","ticks","tickVal","showGrid","show","hidden","chartMaxVal","currentChartType","cssWidth","amt","displayValue","renderLegend","showLegend","hasCluster","isBar","cur","mode","renderLegendItem","renderHiddenValuesMessage","legendItem","completionMessage"],"sources":["./src/components/charts/chartFunctions.tsx"],"sourcesContent":["import { h } from \"@stencil/core\";\nimport { checkForActiveElInShadow, debounce, findParentWithScrollbar, getPosition, intl } from \"../../global/functions\";\nimport { LegendItem, ChartType, ChartDetails, SliceDetails, SliceElement } from \"../../global/interfaces\";\n\nconst colors = {\n  salmon: \"#ff5f4e\",\n  cyan: \"#19a1a9\",\n  forest: \"#088000\",\n  sleet: \"#7f97ad\",\n  midnight: \"#2e1b46\",\n  lavender: \"#8b86ca\",\n  periwinkle: \"#575195\",\n  gray: \"#6b6b6b\",\n};\n\nexport const allChartsDetails: { [Key in ChartType]: ChartDetails } = {\n  // for progress monitor\n  doughnut: {\n    size: 155,\n    colors: [colors.forest, colors.gray],\n    thickness: 0.73,\n    padding: 25,\n    category: \"doughnut\",\n  },\n  // deprecated hybrid chart type, should use Progress Indicator's \"doughnut\" instead\n  doughnut0: {\n    size: 155,\n    colors: [colors.forest, colors.gray],\n    thickness: 0.73,\n    padding: 25,\n    category: \"doughnut\",\n  },\n  doughnut1: {\n    size: 130,\n    colors: [colors.lavender, colors.midnight, colors.gray],\n    thickness: 0.5,\n    padding: 90,\n    category: \"doughnut\",\n  },\n  doughnut2: {\n    size: 130,\n    colors: [colors.cyan, colors.salmon, colors.gray],\n    thickness: 0.5,\n    padding: 90,\n    category: \"doughnut\",\n  },\n  // an internal type only for use when doughnut 2 is populated with 4 slices\n  // in this case, the first slice is colored purple\n  doughnut2plus: {\n    size: 130,\n    colors: [colors.periwinkle, colors.cyan, colors.salmon, colors.gray],\n    thickness: 0.5,\n    padding: 90,\n    category: \"doughnut\",\n  },\n  doughnut3: {\n    size: 130,\n    colors: [colors.lavender, colors.midnight, \"#0089e4\", colors.forest, \"#ea8500\", \"#d54f41\", \"#146ca9\"],\n    thickness: 0.5,\n    padding: 90,\n    category: \"doughnut\",\n  },\n  // for progress monitor\n  bar: {\n    size: 350,\n    colors: [colors.forest, colors.gray],\n    padding: 0,\n    category: \"stackedBar\",\n  },\n  // deprecated hybrid chart type, should use Progress Indicator's \"bar\" instead\n  bar1: {\n    size: 350,\n    colors: [colors.forest, colors.gray],\n    padding: 0,\n    category: \"stackedBar\",\n  },\n  bar2: {\n    size: 400,\n    colors: [colors.gray, colors.periwinkle, colors.cyan, colors.salmon],\n    padding: 0,\n    category: \"stackedBar\",\n  },\n  bar3: {\n    size: 300,\n    colors: [\"#0d696e\", colors.cyan, \"#8e4129\", colors.salmon],\n    padding: 0,\n    category: \"stackedBar\",\n  },\n  bar4: {\n    size: 400,\n    colors: [colors.salmon, colors.cyan, colors.periwinkle],\n    padding: 0,\n    category: \"stackedBar\",\n  },\n  bar5: {\n    size: 400,\n    colors: [\n      colors.gray, // this is only used if prop notStartedColor is set\n      colors.lavender,\n      colors.midnight,\n      \"#0089e4\",\n      colors.forest,\n      \"#ea8500\",\n      \"#d54f41\",\n      \"#146ca9\",\n    ],\n    padding: 0,\n    category: \"stackedBar\",\n  },\n  bar6: {\n    size: 400,\n    colors: [colors.lavender],\n    padding: 0,\n    category: \"simpleBar\",\n  },\n  bar7: {\n    size: 400,\n    colors: [colors.periwinkle, colors.cyan, colors.salmon, colors.gray],\n    padding: 0,\n    category: \"simpleBar\",\n  },\n};\n\nfunction showValue(valueFormat: string): string {\n  return valueFormat === \"percentage\" || valueFormat === \"amount\" ? \"show-values\" : \"\";\n}\n\nexport const textHiddenMessage = intl.formatMessage({\n  id: \"chart.hiddenValues\",\n  defaultMessage: \"Values are not shown when too close to each other.\",\n  description: \"Text displayed when a chart has some values hidden\",\n});\n\nexport const seeDetailsMessage = intl.formatMessage({\n  id: \"chart.clickToSeeDetails\",\n  defaultMessage: \"Click or use arrow keys to see details.\",\n  description: \"Text displayed, guiding user to interact to see more details.\",\n});\n\nfunction abbrNumber(num: number) {\n  return num > 999 ? Math.round(num / 100) / 10 + \"K\" : num;\n}\n\nexport function amountToPercent(val: number, total: number, asInt: boolean) {\n  return asInt ? Math.round((val * 100) / total) : Math.round((val * 10000) / total) / 100; // with 2 decimals\n}\n\nexport function amountToDegree(val: number, total: number) {\n  // In a circle of {total}, determine degrees of slice {val}\n  return (val * 360) / total;\n}\n\nexport function toFixed(number: number) {\n  return parseFloat((Math.floor(number * 100) / 100).toFixed(2));\n}\n\nexport function polarToCartesian(half: number, radius: number, startAngle: number, endAngle?: number) {\n  var x = toFixed(half + half * radius * Math.cos((Math.PI * startAngle) / 180));\n  var y = toFixed(half + half * radius * Math.sin((Math.PI * startAngle) / 180));\n  if (endAngle !== undefined) {\n    // if a 2nd angle value was passed, return 2 pairs of coords\n    var x2 = toFixed(half + half * radius * Math.cos((Math.PI * endAngle) / 180));\n    var y2 = toFixed(half + half * radius * Math.sin((Math.PI * endAngle) / 180));\n    return { x1: x, y1: y, x2, y2 };\n  }\n  return { x, y };\n}\n\nfunction getArc(radius: number, largeArcFlag: string, x: number, y: number, chartSize: number) {\n  var z = toFixed((chartSize / 2) * radius);\n  return `A ${z}, ${z} 0 ${largeArcFlag} ${toFixed(x)}, ${toFixed(y)}`;\n}\n\nfunction scale(val: number, inMin: number, inMax: number, outMin: number, outMax: number) {\n  let scaled = ((val - inMin) * (outMax - outMin)) / (inMax - inMin) + outMin;\n  // clip the values so that whatever is passed in the output is never smaller than outMin or greater than outMax\n  return scaled < outMin ? outMin : scaled > outMax ? outMax : scaled;\n}\n\nfunction minSpacing(width: number) {\n  // minimum spacing between 2 ticks, in px\n  return scale(width, 300, 900, 70, 150);\n}\n\nfunction getMaxTicks(width: number) {\n  return Math.round(width / minSpacing(width));\n}\n\nfunction getInterval(largest: number, maxticks: number) {\n  const minimum = largest / maxticks;\n  const magnitude = 10 ** Math.floor(Math.log10(minimum));\n  const residual = minimum / magnitude;\n  let interval;\n  if (residual > 5) {\n    interval = 10 * magnitude;\n  } else if (residual > 3) {\n    interval = 5 * magnitude;\n  } else if (residual > 2) {\n    interval = 3 * magnitude;\n  } else if (residual > 1.5) {\n    interval = 2 * magnitude;\n  } else if (residual > 1) {\n    interval = 1.5 * magnitude;\n  } else {\n    interval = magnitude;\n  }\n  return interval;\n}\n\nfunction handleSliceKeyDown(this: any, ev: KeyboardEvent) {\n  if (this.popoverEl && this.popoverEl.open && ev.key === \"Enter\") {\n    const popoverBtn = this.popoverEl.querySelector(\"button\");\n    popoverBtn && popoverBtn.click();\n  }\n}\n\nexport function handleSliceClick(this: any, ev: MouseEvent, s: SliceDetails) {\n  if (this.popoverEl && !this.isTabbing) {\n    s.coords = { x: ev.clientX, y: ev.clientY };\n    openPopover.call(this, s);\n  }\n}\n\nfunction handleSliceFocus(this: any, ev: FocusEvent, s: SliceDetails) {\n  if (this.popoverEl && this.isTabbing) {\n    s.coords = getPosition(ev.target as HTMLElement);\n    openPopover.call(this, s);\n  }\n}\n\nexport function handleChartKeydown(this: any, ev: KeyboardEvent) {\n  switch (ev.key) {\n    // arrow up / left\n    case \"ArrowUp\":\n    case \"ArrowLeft\":\n      ev.preventDefault();\n      this.isTabbing = true; // shd already be true. just in case user clicked on chart then pressed an arrow key\n      focusPrevious.call(this);\n      break;\n    // arrow right / down\n    case \"ArrowRight\":\n    case \"ArrowDown\":\n      ev.preventDefault();\n      this.isTabbing = true; // shd already be true. just in case user clicked on chart then pressed an arrow key\n      focusNext.call(this);\n      break;\n    // tab\n    case \"Tab\":\n      exitChart.call(this);\n      break;\n    case \"Escape\":\n      this.popoverEl!.open = false;\n      this.userIsNavigating = false;\n      break;\n  }\n}\n\nexport function openPopover(this: any, s: SliceDetails) {\n  if (!!this.popoverEl && !!s.title && !!s.text) {\n    this.popoverEl.popoverTitle = s.title;\n    this.popoverEl.popoverText = s.text;\n    this.popoverEl.buttonText = s.buttonText;\n    this.popoverEl.coords = s.coords;\n    this.popoverEl.sliceRef = s.sliceRef;\n    window.setTimeout(() => {\n      if (this.popoverEl) {\n        this.popoverEl.open = true;\n      }\n    }, 30);\n\n    const debouncedClosePopover = debounce(async () => {\n      this.popoverEl!.open = false;\n    }, 10);\n\n    // set up event listeners for scrolling\n    // to close popover on page scroll\n    document.addEventListener(\"scroll\", () => {\n      debouncedClosePopover();\n    });\n\n    // ... and on parent scroll\n    const scrollableParent = findParentWithScrollbar(this.el as HTMLElement);\n    if (!!scrollableParent) {\n      scrollableParent.addEventListener(\"scroll\", () => {\n        debouncedClosePopover();\n      });\n    }\n  }\n}\n\nfunction focusNext(this: any) {\n  const activeEl = checkForActiveElInShadow(document.activeElement as HTMLElement);\n  const index =\n    // if the active el is not in the array the first element gets focused\n    (this.sliceEls!.indexOf(activeEl as HTMLElement) + 1) % this.sliceEls!.length;\n  focusSlice.call(this, index);\n}\n\nfunction focusPrevious(this: any) {\n  if (this.sliceEls) {\n    const activeEl = checkForActiveElInShadow(document.activeElement as HTMLElement);\n    let index = this.sliceEls.indexOf(activeEl as SliceElement);\n\n    if (index === -1) {\n      // not in the array : focus the first slice\n      index = 0;\n    } else if (index === 0) {\n      // first slice : focus the last slice\n      index = this.sliceEls.length - 1;\n    } else {\n      // anything else: focus previous\n      index -= 1;\n    }\n    focusSlice.call(this, index);\n  }\n}\n\nfunction focusSlice(this: any, index: number) {\n  if (this.sliceEls && this.el) {\n    this.userIsNavigating = true;\n    if (this.popoverEl) {\n      this.popoverEl.open = false;\n    }\n    // set tabindex of the wrapper to -1 while slices are being focused, to allow for shft-tabbing out of the component directly\n    this.componentWrapperEl.tabIndex = -1;\n    // @ts-ignore\n    this.el.focusable = false; // for Edge\n    this.sliceEls.map((p: SliceElement) => {\n      p.tabIndex = -1;\n      // @ts-ignore\n      p.focusable = false; // for Edge\n    });\n    this.sliceEls[index].tabIndex = 0;\n    // @ts-ignore\n    this.sliceEls[index].focusable = true; // for Edge\n    this.sliceEls[index].focus();\n    window.setTimeout(() => {\n      if (this.popoverEl) {\n        this.popoverEl.open = true;\n      }\n    }, 10);\n  }\n}\n\nexport function exitChart(this: any) {\n  this.sliceEls &&\n    this.sliceEls.map((p: SliceElement) => {\n      p.tabIndex = -1;\n      // @ts-ignore\n      p.focusable = false; // for Edge\n    });\n  this.userIsNavigating = false;\n  // delay so that we can tab out of component before chart becomes focusable again\n  // and in case user was still pressing an arrow key when they pressed tab\n  window.setTimeout(() => {\n    this.componentWrapperEl.tabIndex = 0;\n    // @ts-ignore\n    this.el.focusable = true; // for Edge\n    if (this.popoverEl) {\n      this.popoverEl.open = false;\n    }\n  }, 100);\n}\n\nexport async function getDetails(this: any, chartType: ChartType) {\n  this.slicesDetails = [];\n  let acc = 0;\n  const children = Array.from(this.el.children) as Array<HTMLWmChartSliceElement>;\n\n  this.total = children.reduce(\n    (total: number, slice: SliceElement) => (total += parseInt(slice.getAttribute(\"amount\") || \"0\")),\n    0\n  );\n\n  children.forEach((c: Element, i: number) => {\n    const amount = parseInt(c.getAttribute(\"amount\") || \"0\");\n    const perc = amountToPercent(amount, this.total, true);\n\n    let colorIndex = i;\n\n    // for bar5, first color should be skipped unless notStartedColor is set to true\n    if (chartType === \"bar5\") {\n      colorIndex = this.notStartedColor ? i : i + 1;\n    }\n\n    // bars in bar6 are all the same color\n    if (chartType === \"bar6\") {\n      colorIndex = 0;\n    }\n\n    const color = allChartsDetails[chartType].colors[colorIndex];\n\n    const sliceDetails: SliceDetails = {\n      amount: amount,\n      perc: perc,\n      legend: c.getAttribute(\"legend\"),\n      color: color || colors.gray,\n      offset: acc,\n      id: `${this.uid}-${i + 1}`,\n      title: c.getAttribute(\"popover-title\"),\n      text: c.getAttribute(\"popover-text\"),\n      buttonText: c.getAttribute(\"popover-button-text\"),\n      sliceRef: c,\n      inSmallCluster: false,\n    };\n    acc += amount;\n    this.slicesDetails.push(sliceDetails);\n  });\n}\n\nfunction sortSlicesDetails(slicesDetails: SliceDetails[], total: number): SliceDetails[] {\n  // sort slices by decreasing amount\n  let sortedSlicesDetails = [...slicesDetails].sort((a: SliceDetails, b: SliceDetails) =>\n    a.amount === b.amount ? 0 : a.amount > b.amount ? -1 : 1\n  );\n\n  let acc = 0;\n\n  sortedSlicesDetails.forEach((s: SliceDetails, idx: number) => {\n    const prev = sortedSlicesDetails[idx === 0 ? sortedSlicesDetails.length - 1 : idx - 1];\n    const next = sortedSlicesDetails[idx === sortedSlicesDetails.length - 1 ? 0 : idx + 1];\n    const prevPerc = amountToPercent(prev.amount, total, true);\n    const nextPerc = amountToPercent(next.amount, total, true);\n\n    s.offset = acc;\n    acc += s.amount;\n    s.inSmallCluster = isInSmallCluster(prevPerc, s.perc, s.amount, nextPerc);\n  });\n  return sortedSlicesDetails;\n}\n\nfunction isInSmallCluster(prevPerc: number, perc: number, amount: number, nextPerc: number): boolean {\n  // determine whether the slice is in a cluster of small values\n  // to avoid percentage text overlap for small values\n  const isSmall = perc < 4;\n  const prevIsSmall = prevPerc < 5;\n  const nextIsSmall = nextPerc < 5;\n  let inSmallCluster = isSmall && (prevIsSmall || nextIsSmall);\n\n  // because <1% slice percentage text has an additional character\n  // the inSmallCluster threshold needs to be widened for that slice only\n  const lessThanOnePerc = perc === 0 && amount > 0;\n  if (lessThanOnePerc && (nextPerc < 8 || prevPerc < 8)) {\n    inSmallCluster = true;\n  }\n\n  return inSmallCluster;\n}\n\nfunction getPathData(this: any, amount: number, offset: number, chartType: ChartType) {\n  const startAngle = amountToDegree(offset, this.total) - 90; // start at noon, not at 3 o'clock\n  const activeAngle = (amount / this.total) * 360;\n  let endAngle = startAngle + activeAngle;\n  const largeArcFlagOuter = activeAngle > 180 ? \"1 1\" : \"0 1\";\n  const largeArcFlagInner = activeAngle > 180 ? \"1 0\" : \"0 0\";\n  const half = this.chartDetails.size / 2;\n  const innerRadius = this.chartDetails.thickness!;\n  const outerRadius = 1;\n\n  const isHybridDoughnut = chartType === \"doughnut0\" || chartType === \"doughnut\";\n  const outerSeparatorOffset = 1.5;\n  const innerSeparatorOffset = isHybridDoughnut ? 2.25 : 3;\n\n  if (activeAngle === 360) {\n    // fix to avoid bad svg shape when the path goes all around (100%)\n    endAngle -= 0.01;\n  }\n\n  const outerCoords = polarToCartesian(\n    half,\n    outerRadius,\n    startAngle + outerSeparatorOffset, // Addition for slice separator\n    endAngle\n  );\n  const innerCoords = polarToCartesian(\n    half,\n    innerRadius,\n    startAngle + innerSeparatorOffset, // Addition for slice separator\n    endAngle\n  );\n\n  const moveTo = `M ${outerCoords.x1}, ${outerCoords.y1} `;\n  const arc1 = getArc(outerRadius, largeArcFlagOuter, outerCoords.x2!, outerCoords.y2!, this.chartDetails.size);\n  const line = ` L ${innerCoords.x2}, ${innerCoords.y2} `;\n  const arc2 = getArc(innerRadius, largeArcFlagInner, innerCoords.x1!, innerCoords.y1!, this.chartDetails.size);\n\n  return moveTo + arc1 + line + arc2 + \" z\";\n}\n\nexport function renderInstructionsText() {\n  const chartInstructions = intl.formatMessage({\n    id: \"chart.instructions\",\n    defaultMessage: \"Use arrow keys to browse elements, press Tab to exit.\",\n    description: \"For screen readers only, instructions on how to interact with the chart component\",\n  });\n\n  return <div id=\"chart-instructions\">{chartInstructions}</div>;\n}\n\nfunction renderFilter() {\n  return (\n    <defs>\n      <filter id=\"wmHoverDropShadow\">\n        <feGaussianBlur stdDeviation=\"3\"></feGaussianBlur>\n        <feOffset result=\"offsetblur\"></feOffset>\n        <feFlood flood-color=\"#333\"></feFlood>\n        <feComposite operator=\"in\" in2=\"offsetblur\"></feComposite>\n        <feMerge>\n          <feMergeNode></feMergeNode>\n          <feMergeNode in=\"SourceGraphic\"></feMergeNode>\n        </feMerge>\n      </filter>\n    </defs>\n  );\n}\n\nexport function renderDoughnut(this: any, chartType: ChartType) {\n  const outerSize = this.chartDetails.size + this.chartDetails.padding;\n  const isHybridDoughnut = chartType === \"doughnut0\" || chartType === \"doughnut\";\n  // no sorting in progress indicators\n  let slicesDetails = isHybridDoughnut ? this.slicesDetails : sortSlicesDetails(this.slicesDetails, this.total);\n\n  return (\n    <div class=\"chart-wrapper doughnut-wrapper\">\n      <svg width={outerSize + \"px\"} height={outerSize + \"px\"} id={`graphic-${this.uid}`} class=\"doughnut-svg\">\n        {renderFilter()}\n        {slicesDetails.map((s: SliceDetails) => renderPath.call(this, s, chartType))}\n        {isHybridDoughnut ? (\n          <text\n            class=\"value\"\n            x=\"50%\"\n            y=\"50%\"\n            font-size=\"1.5rem\"\n            font-weight=\"500\"\n            text-anchor=\"middle\"\n            dominant-baseline=\"middle\"\n          >\n            {amountToPercent(slicesDetails[0].amount, this.total, true) + \"%\"}\n          </text>\n        ) : (\n          <g\n            transform={`translate(${this.chartDetails.padding / 2}, ${this.chartDetails.padding / 2})`}\n            text-anchor=\"middle\"\n            dominant-baseline=\"middle\"\n          >\n            {slicesDetails.map((s: SliceDetails) =>\n              s.amount > 0 && !s.inSmallCluster ? renderDoughnutText.call(this, s) : \"\"\n            )}\n          </g>\n        )}\n      </svg>\n    </div>\n  );\n}\n\nfunction renderPath(this: any, s: SliceDetails, chartType: ChartType) {\n  return (\n    <g transform={`translate(${this.chartDetails.padding / 2}, ${this.chartDetails.padding / 2})`}>\n      <path\n        id={s.id}\n        class=\"segment doughnut-segment\"\n        fill={s.amount ? s.color : \"transparent\"}\n        d={getPathData.call(this, s.amount, s.offset, chartType)}\n        onClick={(ev) => handleSliceClick.call(this, ev, s)}\n        onFocus={(ev) => handleSliceFocus.call(this, ev, s)}\n        onKeyDown={(ev) => handleSliceKeyDown.call(this, ev)}\n        role=\"img\"\n        aria-label={s.legend}\n      ></path>\n    </g>\n  );\n}\n\nfunction renderDoughnutText(this: any, s: SliceDetails) {\n  const arcMiddle = amountToDegree(s.offset + s.amount / 2, this.total);\n  let { x, y } = polarToCartesian(this.chartDetails.size / 2, 1.4, arcMiddle - 90);\n  return (\n    <text class=\"value\" x={x + \"px\"} y={y + \"px\"}>\n      {`${s.perc > 0 ? s.perc : \"<1\"}%`}\n    </text>\n  );\n}\n\nexport function renderStackedBar(this: any, chartType: ChartType) {\n  const isHybridBar = chartType === \"bar1\" || chartType === \"bar\";\n  return (\n    <div class=\"chart-wrapper bar-wrapper\">\n      {isHybridBar ? (\n        <div class=\"single-perc\">{amountToPercent(this.slicesDetails[0].amount, this.total, true) + \"%\"}</div>\n      ) : (\n        \"\"\n      )}\n      {this.chartType === \"bar3\" && this.drawAxis()}\n      <div class={`inner-stacked-bar-wrapper ${showValue(this.tempValueFormat)}`}>\n        {!isHybridBar ? (\n          <div class=\"values\">\n            {this.slicesDetails.map((s: SliceDetails, idx: number) => this.renderBarText(s, idx))}\n          </div>\n        ) : (\n          \"\"\n        )}\n        <div class=\"stacked-bar-segments-wrapper\">\n          {this.slicesDetails.map((s: SliceDetails, idx: number) => renderStackedBarSegment.call(this, s, idx))}\n        </div>\n        {isHybridBar ? renderCompletionMessage.call(this) : \"\"}\n      </div>\n    </div>\n  );\n}\n\nfunction renderStackedBarSegment(this: any, s: SliceDetails, idx: number) {\n  const isLastSlice = idx !== this.slicesDetails.length - 1;\n  const width = `calc(${amountToPercent(s.amount, this.total, false)}%${isLastSlice ? \" - 2px\" : \"\"})`;\n\n  return (\n    <div\n      class={`segment stacked-bar-segment ${amountToPercent(s.amount, this.total, false) === 0 ? \"zero\" : \"\"}`}\n      style={{\n        backgroundColor: s.color,\n        width: width,\n      }}\n      onClick={(ev) => handleSliceClick.call(this, ev, s)}\n      onFocus={(ev) => handleSliceFocus.call(this, ev, s)}\n      onKeyDown={(ev) => handleSliceKeyDown.call(this, ev)}\n    >\n      <span class=\"sr-only\">{s.legend}</span>\n    </div>\n  );\n}\n\nexport function renderSimpleBar(this: any, chartType: ChartType) {\n  // find largest number and get interval, numTicks, chartMaxVal for all.\n  const largest = this.slicesDetails\n    .map((s: SliceDetails) => s.amount)\n    .reduce((a: number, b: number) => {\n      return a > b ? a : b;\n    });\n  const labelWidth = parseInt(getComputedStyle(this.el).getPropertyValue(\"--labelWidth\"), 10);\n  const chartPadding = 48; \n  const componentWidth = this.el.getBoundingClientRect().width;\n  const chartWidth = componentWidth - labelWidth - chartPadding;\n  let numTicks = getMaxTicks(chartWidth);\n  let interval = getInterval(largest, numTicks);\n  // after the algorithm finds an interval, remove extra ticks so that the greater number is always between the last tick and the one before that\n  const lastTickVal = numTicks * interval;\n  const extraTicks = Math.floor((lastTickVal - largest) / interval);\n  numTicks -= extraTicks;\n\n  this.el.style.setProperty(\"--backgroundSize\", 100 / numTicks + \"%\");\n  this.el.style.setProperty(\"--labelWidth\", this.labelWidth);\n\n  if (chartType === \"bar7\" && !this.showBarLegend) {\n    this.el.style.setProperty(\"--labelWidth\", \"0px\");\n  }\n\n  // we have to prep the data here rather than iterate directly in the return statement\n  // because CSS grid needs a flat structure, and return functions must\n  // have a single parent element\n  const rows: HTMLElement[] = [];\n  this.slicesDetails.forEach((s: SliceDetails) => {\n    s.legend && rows.push(renderSimpleBarLegend(s.legend, this.showBarLegend, chartType));\n    rows.push(renderSimpleBarItem.call(this, s, interval, numTicks, largest));\n  });\n\n  const ticks = [];\n  for (let i = 1; i <= numTicks; i++) {\n    const tickVal: number | string = abbrNumber(i * interval);\n    ticks.push(\n      <div class=\"tick\">\n        <span>{tickVal}</span>\n      </div>\n    );\n  }\n\n  const showGrid = chartType === \"bar6\" && this.showGrid && this.el.getBoundingClientRect().width > 300;\n\n  return (\n    <div class=\"chart-wrapper simple-bar-wrapper\">\n      <div class={`chart ${showValue(this.tempValueFormat)}`}>\n        {showGrid && <div class=\"gridlines\"></div>}\n        <div class=\"rows\">{rows}</div>\n      </div>\n      {showGrid && (\n        <div class=\"x-axis\" aria-hidden=\"true\">\n          <div class=\"zero\">\n            <span>0</span>\n          </div>\n          {ticks}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction renderSimpleBarLegend(legend: string, show: boolean, chartType: ChartType): HTMLLabelElement {\n  // not sure how to collapse the left column to 0 width with CSS grid. text should still be available to SR.\n  const hidden = chartType === \"bar7\" && !show ? \" hidden\" : \"\";\n  return <label class={`label${hidden}`}>{legend}</label>;\n}\n\nfunction renderSimpleBarItem(\n  this: any,\n  s: SliceDetails,\n  interval: number,\n  ticks: number,\n  largest: number\n): HTMLDivElement {\n  const chartMaxVal = this.currentChartType === \"bar6\" ? interval * ticks : largest;\n  const width = amountToPercent(s.amount, chartMaxVal, false);\n  const cssWidth: string = width ? width + \"%\" : \"1px\";\n  const amt = abbrNumber(s.amount);\n  let displayValue = this.tempValueFormat === \"amount\" ? amt : \"\";\n  if (this.currentChartType === \"bar6\" && this.tempValueFormat === \"percentage\") {\n    displayValue = s.amount + \"%\";\n  } else if (this.currentChartType === \"bar7\" && this.tempValueFormat === \"percentage\") {\n    displayValue = amountToPercent(s.amount, this.total, true) + \"%\";\n  }\n\n  return (\n    <div\n      class={\"bar segment\"}\n      style={{\n        backgroundColor: s.color,\n        width: cssWidth,\n      }}\n      onClick={(ev) => handleSliceClick.call(this, ev, s)}\n      onFocus={(ev) => handleSliceFocus.call(this, ev, s)}\n      onKeyDown={(ev) => handleSliceKeyDown.call(this, ev)}\n    >\n      <div class=\"value\">{displayValue}</div>\n    </div>\n  );\n}\n\nexport function renderLegend(this: any, chartType: ChartType) {\n  // legend is hidden for bar1 and bar6 types regardless of showLegend value\n  if (this.showLegend) {\n    const hasCluster =\n      !this.chartDetails.isBar &&\n      this.slicesDetails.reduce(\n        (hasCluster: boolean, cur: SliceDetails) => (hasCluster = cur.inSmallCluster ? true : hasCluster),\n        false\n      );\n    return (\n      <div class=\"legend-wrapper\">\n        <div class={`legend ${chartType} ${this.mode === \"bar\" ? \"--top\" : \"--bottom\"}`} aria-hidden=\"true\">\n          {this.total > 0\n            ? this.slicesDetails.map((s: SliceDetails) => {\n                // when both legend and amount are omitted, the legend is not shown for that particular option (it's been deactivated by the user)\n                if (!!s.amount || !!s.legend) {\n                  return renderLegendItem({ key: s.legend!, color: s.color });\n                }\n              })\n            : \"\"}\n        </div>\n        {hasCluster && renderHiddenValuesMessage()}\n      </div>\n    );\n  }\n}\n\nexport function renderLegendItem(legendItem: LegendItem) {\n  return (\n    <div class=\"legend-item\">\n      <div class=\"legend-color\" style={{ backgroundColor: legendItem.color }}></div>\n      <div class=\"legend-text\">{legendItem.key}</div>\n    </div>\n  );\n}\n\nexport function renderCompletionMessage(this: any) {\n  if (this.completionMessage) {\n    return <div class=\"completion-message\">{this.completionMessage}</div>;\n  }\n}\n\nexport function renderHiddenValuesMessage() {\n  return (\n    <div class=\"hidden-values-warning\">\n      {textHiddenMessage}\n      <br />\n      {seeDetailsMessage}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/ripple/p-9b2dfb54.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["globalMessages","characterLimitReached","intl","formatMessage","id","defaultMessage","description","close","genericError","newWindow","next","open","previous","requiredError","requiredField","getCharactersEntered","charCount","charLimit","x","y","getCharacterLimit","characterLimit","limit","uploaderMessages","duplicateName","fileLimitExceeded","fileLimitReached","finishedUploading","waitToUpload","zeroFileSize","getAcceptedFileTypes","validTypes","amount","fileTypes","getFilesAdded","numFiles","getFileCount","fileListLength","maxFiles","getFileTooLarge","maxSize","size","getFilesUploading","numFilesUploading","num","getInvalidFileType","getMaxSize","getUploadProgress","percentage"],"sources":["./src/global/intl.ts"],"sourcesContent":["import { intl } from \"./functions\";\n\nexport const globalMessages = {\n  characterLimitReached: intl.formatMessage({\n    id: \"global.characterLimitReached\",\n    defaultMessage: \"No additional characters will be entered.\",\n    description: \"for screen readers\",\n  }),\n\n  close: intl.formatMessage({\n    id: \"global.closeVerb\",\n    defaultMessage: \"Close\",\n    description: \"For a button, to close a user interface element\",\n  }),\n\n  genericError: intl.formatMessage({\n    id: \"global.genericError\",\n    defaultMessage: \"An error occurred. Please try again.\",\n  }),\n\n  newWindow: intl.formatMessage({\n    id: \"global.newWindowLink\",\n    defaultMessage: \"Opens in a new window.\",\n    description: \"Indicates that a focused link will open in a new window\",\n  }),\n\n  next: intl.formatMessage({\n    id: \"global.next\",\n    defaultMessage: \"next\",\n    description: \"Button text, indicating an action leading to a 'next' state\",\n  }),\n\n  open: intl.formatMessage({\n    id: \"global.openVerb\",\n    defaultMessage: \"Open\",\n    description: \"For a button, to open a user interface element\",\n  }),\n\n  previous: intl.formatMessage({\n    id: \"global.previous\",\n    defaultMessage: \"previous\",\n    description: \"Button text, indicating an action leading to a 'previous' state\",\n  }),\n\n  requiredError: intl.formatMessage({\n    id: \"global.requiredError\",\n    defaultMessage: \"This field is required.\",\n    description: \"Error displayed under a required field when it has not been filled\",\n  }),\n\n  requiredField: intl.formatMessage({\n    id: \"global.requiredField\",\n    defaultMessage: \"required field\",\n    description: \"Screen reader text, indicating the currently focused field is required\",\n  }),\n\n  // -------------------------------------------------------------------------- //\n  //                             Functions                                      //\n  // -------------------------------------------------------------------------- //\n\n  getCharactersEntered: (charCount: number, charLimit: number) =>\n    intl.formatMessage(\n      {\n        id: \"global.charactersEntered\",\n        defaultMessage: \"{x, number} of {y, number} characters entered.\",\n        description: \"for screen readers\",\n      },\n      { x: charCount, y: charLimit }\n    ),\n\n  getCharacterLimit: (characterLimit: number) =>\n    intl.formatMessage(\n      {\n        id: \"global.characterLimit\",\n        defaultMessage: \"{limit, number} characters allowed.\",\n        description: \"for screen readers\",\n      },\n      { limit: characterLimit }\n    ),\n};\n\nexport const uploaderMessages = {\n  duplicateName: intl.formatMessage({\n    id: \"uploader.duplicateName\",\n    defaultMessage: \"A file with this name already exists.\",\n  }),\n\n  fileLimitExceeded: intl.formatMessage({\n    id: \"uploader.fileUploadLimitExceeded\",\n    defaultMessage: \"Upload unsuccessful because file selection would exceed the maximum number of files\",\n    description: \"Message displayed when trying to upload too many files\",\n  }),\n\n  fileLimitReached: intl.formatMessage({\n    id: \"uploader.fileUploadLimitReached\",\n    defaultMessage: \"The maximum number of files has been reached\",\n    description: \"Message displayed when trying to upload additional files, but the limit has been reached\",\n  }),\n\n  finishedUploading: intl.formatMessage({\n    id: \"uploader.finishedUploading\",\n    defaultMessage: \"Finished uploading\",\n  }),\n\n  waitToUpload: intl.formatMessage({\n    id: \"uploader.waitToUpload\",\n    defaultMessage: \"Please wait for current upload to complete before uploading new files.\",\n    description: \"Message for screen reader users\",\n  }),\n\n  zeroFileSize: intl.formatMessage({\n    id: \"uploader.zeroFileSize\",\n    defaultMessage: \"The file must be more than 0 bytes\",\n    description: \"Error message when user attempts to upload a file of no size\",\n  }),\n\n  // -------------------------------------------------------------------------- //\n  //                             Functions                                      //\n  // -------------------------------------------------------------------------- //\n\n  getAcceptedFileTypes: (validTypes: string, amount: number) =>\n    intl.formatMessage(\n      {\n        id: \"uploader.acceptedFileTypes\",\n        defaultMessage: \"Accepted file {amount, plural, =1 {type} other {types}}: {fileTypes}\",\n      },\n      {\n        fileTypes: validTypes,\n        amount: amount,\n      }\n    ),\n\n  getFilesAdded: (numFiles: number) =>\n    intl.formatMessage(\n      {\n        id: \"uploader.filesAdded\",\n        defaultMessage: \"{numFiles, plural, one {1 file added} other {# files added}}\",\n      },\n      { numFiles: numFiles }\n    ),\n\n  getFileCount: (fileListLength: number, maxFiles: number) =>\n    intl.formatMessage(\n      {\n        id: \"uploader.fileCount\",\n        defaultMessage: \"{x} of {y} Files\",\n        description: \"A count of the number of files currently uploaded\",\n      },\n      { x: fileListLength, y: maxFiles }\n    ),\n\n  getFileTooLarge: (maxSize: number) =>\n    intl.formatMessage(\n      {\n        id: \"uploader.fileTooLarge\",\n        defaultMessage: \"The selected file is too large. Maximum file size is {size}Mb\",\n      },\n      { size: maxSize }\n    ),\n\n  getFilesUploading: (numFilesUploading: number) =>\n    intl.formatMessage(\n      {\n        id: \"uploader.filesUploading\",\n        defaultMessage: \"{num, plural, one {1 file uploading} other {# files uploading}}\",\n      },\n      { num: numFilesUploading }\n    ),\n\n  getInvalidFileType: (validTypes: string) =>\n    intl.formatMessage(\n      {\n        id: \"uploader.invalidFileType\",\n        defaultMessage: \"The file type is invalid. Accepted types: {validTypes}\",\n      },\n      { validTypes }\n    ),\n\n  getMaxSize: (maxSize: number) =>\n    intl.formatMessage(\n      {\n        id: \"uploader.maxSize\",\n        defaultMessage: \"Maximum file size {maxSize}MB\",\n        description: \"An indicator of the maximum file size the uploader allows\",\n      },\n      {\n        maxSize: maxSize,\n      }\n    ),\n\n  getUploadProgress: (percentage: number) =>\n    intl.formatMessage(\n      {\n        id: \"uploader.uploadProgress\",\n        defaultMessage: \"Upload progress: {percentage}%\",\n      },\n      { percentage: percentage }\n    ),\n};\n"],"mappings":"0CAEaA,EAAiB,CAC5BC,sBAAuBC,EAAKC,cAAc,CACxCC,GAAI,+BACJC,eAAgB,4CAChBC,YAAa,uBAGfC,MAAOL,EAAKC,cAAc,CACxBC,GAAI,mBACJC,eAAgB,QAChBC,YAAa,oDAGfE,aAAcN,EAAKC,cAAc,CAC/BC,GAAI,sBACJC,eAAgB,yCAGlBI,UAAWP,EAAKC,cAAc,CAC5BC,GAAI,uBACJC,eAAgB,yBAChBC,YAAa,4DAGfI,KAAMR,EAAKC,cAAc,CACvBC,GAAI,cACJC,eAAgB,OAChBC,YAAa,gEAGfK,KAAMT,EAAKC,cAAc,CACvBC,GAAI,kBACJC,eAAgB,OAChBC,YAAa,mDAGfM,SAAUV,EAAKC,cAAc,CAC3BC,GAAI,kBACJC,eAAgB,WAChBC,YAAa,oEAGfO,cAAeX,EAAKC,cAAc,CAChCC,GAAI,uBACJC,eAAgB,0BAChBC,YAAa,uEAGfQ,cAAeZ,EAAKC,cAAc,CAChCC,GAAI,uBACJC,eAAgB,iBAChBC,YAAa,2EAOfS,qBAAsB,CAACC,EAAmBC,IACxCf,EAAKC,cACH,CACEC,GAAI,2BACJC,eAAgB,iDAChBC,YAAa,sBAEf,CAAEY,EAAGF,EAAWG,EAAGF,IAGvBG,kBAAoBC,GAClBnB,EAAKC,cACH,CACEC,GAAI,wBACJC,eAAgB,sCAChBC,YAAa,sBAEf,CAAEgB,MAAOD,K,MAIFE,EAAmB,CAC9BC,cAAetB,EAAKC,cAAc,CAChCC,GAAI,yBACJC,eAAgB,0CAGlBoB,kBAAmBvB,EAAKC,cAAc,CACpCC,GAAI,mCACJC,eAAgB,sFAChBC,YAAa,2DAGfoB,iBAAkBxB,EAAKC,cAAc,CACnCC,GAAI,kCACJC,eAAgB,+CAChBC,YAAa,6FAGfqB,kBAAmBzB,EAAKC,cAAc,CACpCC,GAAI,6BACJC,eAAgB,uBAGlBuB,aAAc1B,EAAKC,cAAc,CAC/BC,GAAI,wBACJC,eAAgB,yEAChBC,YAAa,oCAGfuB,aAAc3B,EAAKC,cAAc,CAC/BC,GAAI,wBACJC,eAAgB,qCAChBC,YAAa,iEAOfwB,qBAAsB,CAACC,EAAoBC,IACzC9B,EAAKC,cACH,CACEC,GAAI,6BACJC,eAAgB,wEAElB,CACE4B,UAAWF,EACXC,OAAQA,IAIdE,cAAgBC,GACdjC,EAAKC,cACH,CACEC,GAAI,sBACJC,eAAgB,gEAElB,CAAE8B,SAAUA,IAGhBC,aAAc,CAACC,EAAwBC,IACrCpC,EAAKC,cACH,CACEC,GAAI,qBACJC,eAAgB,mBAChBC,YAAa,qDAEf,CAAEY,EAAGmB,EAAgBlB,EAAGmB,IAG5BC,gBAAkBC,GAChBtC,EAAKC,cACH,CACEC,GAAI,wBACJC,eAAgB,iEAElB,CAAEoC,KAAMD,IAGZE,kBAAoBC,GAClBzC,EAAKC,cACH,CACEC,GAAI,0BACJC,eAAgB,mEAElB,CAAEuC,IAAKD,IAGXE,mBAAqBd,GACnB7B,EAAKC,cACH,CACEC,GAAI,2BACJC,eAAgB,0DAElB,CAAE0B,eAGNe,WAAaN,GACXtC,EAAKC,cACH,CACEC,GAAI,mBACJC,eAAgB,gCAChBC,YAAa,6DAEf,CACEkC,QAASA,IAIfO,kBAAoBC,GAClB9C,EAAKC,cACH,CACEC,GAAI,0BACJC,eAAgB,kCAElB,CAAE2C,WAAYA,Y"}

package/dist/ripple/p-9b9eb944.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t}from"./p-1c23de4a.js";const i=class{constructor(i){e(this,i);this.wmChartSliceUpdated=t(this,"wmChartSliceUpdated",7);this.legend=undefined;this.amount=undefined;this.popoverTitle=undefined;this.popoverText=undefined;this.popoverButtonText=undefined}componentDidLoad(){if(parseInt(this.amount)>0&&!this.legend){throw new Error("wm-chart-slice was provided an amount value without a legend. The legend is required unless the amount is 0 or left empty. For more information see https://components.watermarkinsights.com/chart")}}componentDidUpdate(){this.wmChartSliceUpdated.emit()}};export{i as wm_chart_slice};
-//# sourceMappingURL=p-9b9eb944.entry.js.map

package/dist/ripple/p-9b9eb944.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ChartSlice","componentDidLoad","parseInt","this","amount","legend","Error","componentDidUpdate","wmChartSliceUpdated","emit"],"sources":["./src/components/charts/wm-chart/wm-chart-slice.tsx"],"sourcesContent":["import { Component, Prop, Event, EventEmitter } from \"@stencil/core\";\n\n@Component({\n  tag: \"wm-chart-slice\",\n})\nexport class ChartSlice {\n  @Prop() legend?: string;\n  @Prop() amount?: string;\n  @Prop() popoverTitle?: string;\n  @Prop() popoverText?: string;\n  @Prop() popoverButtonText?: string;\n\n  @Event() wmChartSliceUpdated!: EventEmitter<void>;\n\n  componentDidLoad() {\n    if (parseInt(this.amount!) > 0 && !this.legend) {\n      throw new Error(\n        \"wm-chart-slice was provided an amount value without a legend. The legend is required unless the amount is 0 or left empty. For more information see https://components.watermarkinsights.com/chart\"\n      );\n    }\n  }\n\n  componentDidUpdate() {\n    this.wmChartSliceUpdated.emit();\n  }\n}\n"],"mappings":"iDAKaA,EAAU,M,sNASrBC,mBACE,GAAIC,SAASC,KAAKC,QAAW,IAAMD,KAAKE,OAAQ,CAC9C,MAAM,IAAIC,MACR,qM,EAKNC,qBACEJ,KAAKK,oBAAoBC,M"}

package/dist/ripple/p-a6d64d8a.system.entry.js.map

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

package/dist/ripple/p-a6d6eae7.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getRequest","async","url","response","fetch","ok","json","Error","statusText","postRequest","payload","method","headers","body","JSON","stringify","deleteRequest","putRequest","file","onProgress","Promise","resolve","reject","req","XMLHttpRequest","upload","addEventListener","ev","this","readyState","status","onerror","open","setRequestHeader","name","send"],"sources":["./src/global/services/http-service.tsx"],"sourcesContent":["export const getRequest = async (url: string) => {\n  const response = await fetch(url);\n  if (!!response && !!response.ok) {\n    return await response.json();\n  } else {\n    throw new Error(response.statusText);\n  }\n};\n\nexport const postRequest = async (url: string, payload: Object) => {\n  const response = await fetch(url, {\n    method: \"POST\",\n    headers: { \"Content-Type\": \"application/json; charset=utf-8\" },\n    body: JSON.stringify(payload),\n  });\n  if (!!response && !!response.ok) {\n    return await response.json();\n  } else {\n    throw new Error(response.statusText);\n  }\n};\n\nexport const deleteRequest = async (url: string) => {\n  const response = await fetch(url, { method: \"DELETE\" });\n  if (!!response && !!response.ok) {\n    return await response.json();\n  } else {\n    throw new Error(response.statusText);\n  }\n};\n\nexport const putRequest = (url: string, file: File, onProgress: Function) => {\n  return new Promise((resolve, reject) => {\n    // there's no way to track progress with the fetch API, so using XHR\n    const req = new XMLHttpRequest();\n\n    req.upload.addEventListener(\"progress\", (ev) => onProgress(ev));\n\n    req.addEventListener(\"readystatechange\", function () {\n      if (this.readyState === 4 && this.status === 200) {\n        resolve(this);\n      } else if (this.readyState === 4 && this.status !== 200) {\n        reject();\n      }\n    });\n\n    req.onerror = () => reject();\n    req.open(\"PUT\", url, true);\n    req.setRequestHeader(\"Content-Disposition\", `attachment;filename=\"${file.name}\"`);\n    req.send(file);\n  });\n};\n"],"mappings":"MAAaA,EAAaC,MAAOC,IAC/B,MAAMC,QAAiBC,MAAMF,GAC7B,KAAMC,KAAcA,EAASE,GAAI,CAC/B,aAAaF,EAASG,M,KACjB,CACL,MAAM,IAAIC,MAAMJ,EAASK,W,SAIhBC,EAAcR,MAAOC,EAAaQ,KAC7C,MAAMP,QAAiBC,MAAMF,EAAK,CAChCS,OAAQ,OACRC,QAAS,CAAE,eAAgB,mCAC3BC,KAAMC,KAAKC,UAAUL,KAEvB,KAAMP,KAAcA,EAASE,GAAI,CAC/B,aAAaF,EAASG,M,KACjB,CACL,MAAM,IAAIC,MAAMJ,EAASK,W,SAIhBQ,EAAgBf,MAAOC,IAClC,MAAMC,QAAiBC,MAAMF,EAAK,CAAES,OAAQ,WAC5C,KAAMR,KAAcA,EAASE,GAAI,CAC/B,aAAaF,EAASG,M,KACjB,CACL,MAAM,IAAIC,MAAMJ,EAASK,W,SAIhBS,EAAa,CAACf,EAAagB,EAAYC,IAC3C,IAAIC,SAAQ,CAACC,EAASC,KAE3B,MAAMC,EAAM,IAAIC,eAEhBD,EAAIE,OAAOC,iBAAiB,YAAaC,GAAOR,EAAWQ,KAE3DJ,EAAIG,iBAAiB,oBAAoB,WACvC,GAAIE,KAAKC,aAAe,GAAKD,KAAKE,SAAW,IAAK,CAChDT,EAAQO,K,MACH,GAAIA,KAAKC,aAAe,GAAKD,KAAKE,SAAW,IAAK,CACvDR,G,KAIJC,EAAIQ,QAAU,IAAMT,IACpBC,EAAIS,KAAK,MAAO9B,EAAK,MACrBqB,EAAIU,iBAAiB,sBAAuB,wBAAwBf,EAAKgB,SACzEX,EAAIY,KAAKjB,EAAK,W"}