@watermarkinsights/ripple 3.25.0 → 3.25.1

package/dist/esm/wm-input.entry.js.map

@@ -1 +0,0 @@
-{"file":"wm-input.entry.js","mappings":";;;;AAAA,MAAM,UAAU,GAAG,uiIAAuiI;;MCS7iI,KAAK;;;;IA+BR,QAAG,GAAW,EAAE,CAAC;IACjB,yBAAoB,GAAW,EAAE,CAAC;IAClC,uBAAkB,GAAG,IAAI,CAAC,aAAa,CAAC;MAC9C,EAAE,EAAE,mBAAmB;MACvB,cAAc,EAAE,8BAA8B;KAC/C,CAAC,CAAC;;yBA7B8C,KAAK;iBACE,EAAE;oBACb,KAAK;;uBAEpB,EAAE;yBACC,KAAK;;;;;gBAKJ,MAAM;gBAChB,CAAC;;;wBAQO,EAAE;iCAGO,EAAE;;EAP3C,IAAI,SAAS;IACX,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;GAC1B;EAcD,iBAAiB;IACf,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,EAAE,GAAG,UAAU,EAAE,CAAC;IAElD,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;MACf,OAAO,CAAC,KAAK,CAAC,sCAAsC,CAAC,CAAC;KACvD;GACF;EAED,gBAAgB;IACd,IAAI,IAAI,CAAC,KAAK,EAAE;MACd,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;MAChC,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;KAChD;GACF;EAGD,kBAAkB,CAAC,QAAgB;IACjC,IAAI,CAAC,qBAAqB,GAAG,QAAQ,CAAC;GACvC;EAED,aAAa,CAAC,EAAiB;;;IAG7B,MAAM,aAAa,GAAG,EAAE,CAAC,OAAO,IAAI,EAAE,CAAC,OAAO,IAAI,EAAE,CAAC,MAAM,CAAC;IAC5D,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC;IACzD,MAAM,wBAAwB,GAC5B,WAAW,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,cAAc,CAAC;IAEzF,IAAI,wBAAwB,EAAE;MAC5B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,6BAA6B,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,cAAe,CAAC,CAAC,CAAC;KACzF;GACF;EAED,UAAU,CAAC,EAAc;IACvB,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,oBAAoB,EAAE;MAC5C,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;KACtD;IACD,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,KAAK,CAAC;;IAEvC,MAAM,uBAAuB,GAAG,IAAI,CAAC,iBAAiB,IAAI,eAAe,CAAC,EAAE,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;IACtG,IAAI,CAAC,uBAAuB,EAAE;MAC5B,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;KAC9C;IACD,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;GAC/C;EAED,WAAW,CAAC,EAAS;IACnB,IAAI,CAAC,KAAK,GAAI,EAAE,CAAC,MAA2B,CAAC,KAAK,CAAC;IACnD,IAAI,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,cAAc,GAAG,CAAC,EAAE;MACpE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,6BAA6B,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC;KACxF;GACF;EAED,WAAW;IACT,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;GAC5C;EAED,QAAQ;;;IAGN,MAAM,eAAe,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAE3F,IAAI,IAAI,CAAC,YAAY,EAAE;MACrB,OAAO,IAAI,CAAC,YAAY,CAAC;KAC1B;SAAM;;MAEL,OAAO,eAAe,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,OAAO,MAAM,IAAI,GAAG,IAAI,GAAG,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;KACjF;GACF;EAED,gBAAgB;IACd,MAAM,MAAM,GAAG,IAAI,CAAC,oBAAoB,IAAI,cAAc,CAAC,aAAa,CAAC;IACzE,OAAO,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,KAAK,KAAK,EAAE,GAAG,MAAM,GAAG,EAAE,CAAC;GAC9D;EAED,cAAc;IACZ,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,QAAQ,GAAG,IAAI,CAAC,kBAAkB,GAAG,EAAE,CAAC;GAChG;EAED,QAAQ,CAAC,OAAe;IACtB,IAAI,IAAI,CAAC,YAAY,CAAC,WAAW,KAAK,OAAO,EAAE;MAC7C,OAAO,IAAI,QAAQ,CAAC;KACrB;IACD,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC;GAC7B;EAED,6BAA6B,CAAC,SAAiB,EAAE,SAAiB;IAChE,IAAI,OAAO,GAAG,cAAc,CAAC,oBAAoB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IACxE,IAAI,SAAS,IAAI,SAAS,EAAE;MAC1B,OAAO,IAAI,IAAI,cAAc,CAAC,qBAAqB,EAAE,CAAC;KACvD;IACD,OAAO,OAAO,CAAC;GAChB;EAED,kBAAkB;IAChB,OAAO,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,qBAAqB,CAAC;GACxD;EAED,MAAM;IACJ,QACE,EAAC,IAAI,IAAC,EAAE,EAAE,IAAI,CAAC,GAAG,IAChB,WACE,KAAK,EAAE,iBAAiB,IAAI,CAAC,aAAa,IACxC,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,qBAAqB,GAAG,SAAS,GAAG,EAChE,EAAE,EACF,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,cAAc,GAAG,EAAoB,CAAC,IAEzD,WAAK,KAAK,EAAC,eAAe,IACvB,IAAI,CAAC,aAAa,KAAK,MAAM,KAC5B,aAAO,OAAO,EAAE,cAAc,IAAI,CAAC,GAAG,EAAE,EAAE,KAAK,EAAC,OAAO,IACpD,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,aAAa,KACjB,YAAM,KAAK,EAAC,UAAU,iBAAa,MAAM,QAElC,CACR,CACK,CACT,CACG,EACN,WAAK,KAAK,EAAC,eAAe,IACxB,WAAK,KAAK,EAAC,oBAAoB,IAC7B,aACE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,OAAO,GAAG,EAAsB,CAAC,EACpD,EAAE,EAAE,cAAc,IAAI,CAAC,GAAG,EAAE,EAC5B,QAAQ,EAAE,IAAI,CAAC,QAAQ,gBACX,GAAG,IAAI,CAAC,KAAK,GACvB,IAAI,CAAC,cAAc,GAAG,GAAG,GAAG,cAAc,CAAC,iBAAiB,CAAC,IAAI,CAAC,cAAc,CAAC,GAAG,EACtF,EAAE,sBACgB,QAAQ,IAAI,CAAC,GAAG,UAAU,IAAI,CAAC,GAAG,EAAE,EACtD,OAAO,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,EACrC,SAAS,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,EACzC,MAAM,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,EACnC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EACpC,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,YAAY,EAAC,KAAK,mBACH,IAAI,CAAC,aAAa,GAAG,MAAM,GAAG,IAAI,EACjD,SAAS,EAAE,IAAI,CAAC,cAAc,IAAI,SAAS,EAC3C,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,GAAG,EAAE,IAAI,CAAC,GAAG,GACb,EACD,IAAI,CAAC,cAAc,IAAI,OAAO,IAAI,CAAC,cAAc,KAAK,QAAQ,IAC7D,WAAK,KAAK,EAAC,iBAAiB,IACzB,IAAI,CAAC,SAAS,OAAG,IAAI,CAAC,cAAc,CACjC,KAEN,EAAE,CACH,CACG,EACL,IAAI,CAAC,IAAI,KACR,WAAK,EAAE,EAAE,QAAQ,IAAI,CAAC,GAAG,EAAE,EAAE,KAAK,EAAC,MAAM,IACtC,IAAI,CAAC,IAAI,CACN,CACP,EACD,WAAK,EAAE,EAAE,SAAS,IAAI,CAAC,GAAG,EAAE,eAAY,WAAW,EAAC,KAAK,EAAC,eAAe,iBAAa,MAAM,IACzF,IAAI,CAAC,kBAAkB,EAAE,CACtB,EACN,WACE,KAAK,EAAC,SAAS,eACL,QAAQ,iBACN,MAAM,EAClB,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,YAAY,GAAG,EAAoB,CAAC,IAEtD,IAAI,CAAC,YAAY,CACd,CACF,CACF,CACD,EACP;GACH;;;;;;;;;;;","names":[],"sources":["./src/components/wm-input/wm-input.scss?tag=wm-input&encapsulation=shadow","./src/components/wm-input/wm-input.tsx"],"sourcesContent":[":host,\nwm-input {\n  font-family: inherit;\n  width: 100%;\n\n  * {\n    box-sizing: border-box;\n  }\n\n  @include label;\n\n  .wrapper {\n    .inner-wrapper {\n      width: 100%;\n    }\n\n    .inputfield-wrapper {\n      height: rem-calc(40);\n      border: 1px solid $input-border-color;\n      @include border-radius(3px);\n      display: flex;\n    }\n\n    .character-count {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      min-width: rem-calc(80);\n      background-color: rgba($charcoal, 0.05);\n      font-size: rem-calc(14);\n      font-weight: 500;\n      align-self: stretch;\n    }\n\n    input {\n      @include border-radius(3px);\n      border: none;\n      font-family: inherit;\n      font-size: rem-calc(14);\n      height: 100%;\n      flex: 1;\n      padding: rem-calc(12 16);\n      width: 100%;\n\n      &:disabled {\n        background-color: $input-disabled-bg;\n        color: $input-disabled-color;\n      }\n\n      &:focus {\n        outline: none;\n      }\n    }\n\n    .info {\n      font-style: italic;\n      line-height: 100%;\n      margin: 4px 0;\n    }\n\n    &.invalid {\n      & .inputfield-wrapper {\n        @include invalidBorder;\n      }\n\n      .error-message {\n        @include errorMessage;\n        line-height: 100%;\n      }\n    }\n\n    &:focus,\n    &.focus {\n      .inputfield-wrapper {\n        @include field-focus;\n      }\n    }\n  }\n\n  .sr-only {\n    @include srOnly;\n  }\n}\n","import { h, Component, Element, Event, EventEmitter, Host, Prop, State, Watch } from \"@stencil/core\";\nimport { intl, generateId, isRelatedTarget } from \"../../global/functions\";\nimport { globalMessages } from \"../../global/intl\";\n\n@Component({\n  tag: \"wm-input\",\n  styleUrl: \"wm-input.scss\",\n  shadow: { delegatesFocus: true },\n})\nexport class Input {\n  @Element() el!: HTMLWmInputElement;\n  private inputEl!: HTMLInputElement;\n  private inputWrapperEl!: HTMLDivElement;\n  private liveRegionEl!: HTMLDivElement;\n\n  @Prop() label!: string;\n  @Prop() labelPosition: \"top\" | \"left\" | \"none\" = \"top\";\n  @Prop({ reflect: true, mutable: true }) value: string = \"\";\n  @Prop({ reflect: true }) disabled: boolean = false;\n  @Prop() info?: string;\n  @Prop() placeholder: string = \"\";\n  @Prop() requiredField: boolean = false;\n  @Prop() requiredFieldMessage?: string;\n  @Prop() errorMessage?: string;\n  @Prop() characterLimit?: number;\n  @Prop() preventValidation?: string; // id or series of ids, validation will not occur when clicking an element with this id\n  @Prop() type: \"number\" | \"text\" = \"text\";\n  @Prop() step?: number = 1;\n  @Prop() min?: number;\n  @Prop() max?: number;\n\n  get charCount(): number {\n    return this.value.length;\n  }\n\n  @State() announcement: string = \"\";\n\n  @Event() wmInputValueChanged!: EventEmitter<{ value: string }>;\n  @State() displayedErrorMessage: string = \"\";\n\n  private uid: string = \"\";\n  private previousBlurredValue: string = \"\";\n  private numberErrorMessage = intl.formatMessage({\n    id: \"input.numberError\",\n    defaultMessage: \"Please enter a valid number.\",\n  });\n\n  componentWillLoad() {\n    this.uid = this.el.id ? this.el.id : generateId();\n\n    if (!this.label) {\n      console.error(\"wm-input requires the label property\");\n    }\n  }\n\n  componentDidLoad() {\n    if (this.value) {\n      this.inputEl.value = this.value;\n      this.previousBlurredValue = this.inputEl.value;\n    }\n  }\n\n  @Watch(\"errorMessage\")\n  handleErrorMessage(newValue: string) {\n    this.displayedErrorMessage = newValue;\n  }\n\n  handleKeyDown(ev: KeyboardEvent) {\n    // in most browsers, onInput doesn't fire if the input's maxLength is reached\n    // to handle the case where a user continues to type after reaching the character limit, the keyDown event must be used\n    const isModifierKey = ev.ctrlKey || ev.metaKey || ev.altKey;\n    const isCharacter = /^.$/.test(ev.key) && !isModifierKey;\n    const hasReachedCharacterLimit =\n      isCharacter && this.characterLimit && this.inputEl.value.length >= this.characterLimit;\n\n    if (hasReachedCharacterLimit) {\n      this.announce(this.generateCharacterLimitWarning(this.charCount, this.characterLimit!));\n    }\n  }\n\n  handleBlur(ev: FocusEvent) {\n    if (this.value !== this.previousBlurredValue) {\n      this.wmInputValueChanged.emit({ value: this.value });\n    }\n    this.previousBlurredValue = this.value;\n    // do not validate if clicking to an element that should prevent validation (e.g. close button on modal)\n    const shouldPreventValidation = this.preventValidation && isRelatedTarget(ev, this.preventValidation);\n    if (!shouldPreventValidation) {\n      this.displayedErrorMessage = this.validate();\n    }\n    this.inputWrapperEl.classList.remove(\"focus\");\n  }\n\n  handleInput(ev: Event) {\n    this.value = (ev.target as HTMLInputElement).value;\n    if (this.characterLimit && this.charCount >= this.characterLimit - 5) {\n      this.announce(this.generateCharacterLimitWarning(this.charCount, this.characterLimit));\n    }\n  }\n\n  handleFocus() {\n    this.inputWrapperEl.classList.add(\"focus\");\n  }\n\n  validate() {\n    // These rules are in priority order\n    // i.e. an input that is triggering both required and number errors will only show the number one but it's first\n    const validationRules = [this.validateNumber.bind(this), this.validateRequired.bind(this)];\n\n    if (this.errorMessage) {\n      return this.errorMessage;\n    } else {\n      // sets newError to first rule that returns an error\n      return validationRules.reduce((prev, current) => (prev ? prev : current()), \"\");\n    }\n  }\n\n  validateRequired(): string {\n    const reqMsg = this.requiredFieldMessage || globalMessages.requiredError;\n    return this.requiredField && this.value === \"\" ? reqMsg : \"\";\n  }\n\n  validateNumber(): string {\n    return this.type === \"number\" && this.inputEl.validity.badInput ? this.numberErrorMessage : \"\";\n  }\n\n  announce(message: string) {\n    if (this.liveRegionEl.textContent === message) {\n      message += \"\\u00A0\";\n    }\n    this.announcement = message;\n  }\n\n  generateCharacterLimitWarning(charCount: number, charLimit: number): string {\n    let message = globalMessages.getCharactersEntered(charCount, charLimit);\n    if (charCount >= charLimit) {\n      message += ` ${globalMessages.characterLimitReached}`;\n    }\n    return message;\n  }\n\n  renderErrorMessage() {\n    return this.errorMessage || this.displayedErrorMessage;\n  }\n\n  render() {\n    return (\n      <Host id={this.uid}>\n        <div\n          class={`wrapper label-${this.labelPosition} ${\n            this.errorMessage || this.displayedErrorMessage ? \"invalid\" : \"\"\n          }`}\n          ref={(el) => (this.inputWrapperEl = el as HTMLDivElement)}\n        >\n          <div class=\"label-wrapper\">\n            {this.labelPosition !== \"none\" && (\n              <label htmlFor={`inputfield-${this.uid}`} class=\"label\">\n                {this.label}\n                {this.requiredField && (\n                  <span class=\"required\" aria-hidden=\"true\">\n                    *\n                  </span>\n                )}\n              </label>\n            )}\n          </div>\n          <div class=\"inner-wrapper\">\n            <div class=\"inputfield-wrapper\">\n              <input\n                ref={(el) => (this.inputEl = el as HTMLInputElement)}\n                id={`inputfield-${this.uid}`}\n                disabled={this.disabled}\n                aria-label={`${this.label}${\n                  this.characterLimit ? \" \" + globalMessages.getCharacterLimit(this.characterLimit) : \"\"\n                }`}\n                aria-describedby={`info-${this.uid} error-${this.uid}`}\n                onInput={(ev) => this.handleInput(ev)}\n                onKeyDown={(ev) => this.handleKeyDown(ev)}\n                onBlur={(ev) => this.handleBlur(ev)}\n                onFocus={this.handleFocus.bind(this)}\n                placeholder={this.placeholder}\n                autocomplete=\"off\"\n                aria-required={this.requiredField ? \"true\" : null}\n                maxLength={this.characterLimit || undefined}\n                type={this.type}\n                step={this.step}\n                max={this.max}\n                min={this.min}\n              />\n              {this.characterLimit && typeof this.characterLimit === \"number\" ? (\n                <div class=\"character-count\">\n                  {this.charCount}/{this.characterLimit}\n                </div>\n              ) : (\n                \"\"\n              )}\n            </div>\n            {this.info && (\n              <div id={`info-${this.uid}`} class=\"info\">\n                {this.info}\n              </div>\n            )}\n            <div id={`error-${this.uid}`} aria-live=\"assertive\" class=\"error-message\" aria-atomic=\"true\">\n              {this.renderErrorMessage()}\n            </div>\n            <div\n              class=\"sr-only\"\n              aria-live=\"polite\"\n              aria-atomic=\"true\"\n              ref={(el) => (this.liveRegionEl = el as HTMLDivElement)}\n            >\n              {this.announcement}\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/wm-modal-footer.entry.js.map

@@ -1 +0,0 @@
-{"file":"wm-modal-footer.entry.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,27BAA27B;;MCMv8B,WAAW;;;yBAGW,EAAE;uBACJ,EAAE;oBACL,EAAE;iCACW,KAAK;uBACf,KAAK;;EAIpC,iBAAiB;IACf,IAAI,CAAC,GAAG,GAAI,IAAI,CAAC,EAAE,CAAC,aAAoC,CAAC,GAAG,CAAC;;;;IAK7D,IAAI,CAAC,EAAE,CAAC,aAAc,CAAC,gBAAgB,CAAC,kBAAkB,EAAE;MAC1D,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;KAC1B,CAAC,CAAC;GACJ;EAED,sBAAsB;IACpB,MAAM,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC;;IAE1C,WAAW,CAAC,gBAAgB,EAAE,CAAC;GAChC;EAED,wBAAwB;IACtB,MAAM,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC;;IAE1C,WAAW,CAAC,kBAAkB,EAAE,CAAC;GAClC;EAED,MAAM;IACJ,QACE,WAAK,KAAK,EAAE,cAAc,IAAI,CAAC,QAAQ,GAAG,cAAc,GAAG,EAAE,EAAE,IAC7D,WAAK,KAAK,EAAC,SAAS,eAAW,QAAQ,IAAE,IAAI,CAAC,QAAQ,CAAO,EAC7D,WAAK,KAAK,EAAC,sBAAsB,IAC9B,IAAI,CAAC,aAAa,KACjB,iBACE,OAAO,EAAE,MAAM,IAAI,CAAC,wBAAwB,EAAE,EAC9C,EAAE,EAAE,gBAAgB,IAAI,CAAC,GAAG,EAAE,EAC9B,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,qBAAqB,IAAI,IAAI,CAAC,WAAW,GAAG,EAAiB,IAAI,IAAI,CAAC,IAExF,IAAI,CAAC,aAAa,CACT,CACb,EACD,gCACe,IAAI,CAAC,WAAW,GAAG,WAAW,GAAG,SAAS,wBACnC,IAAI,CAAC,WAAW,EACpC,OAAO,EAAE,MAAM,IAAI,CAAC,sBAAsB,EAAE,EAC5C,QAAQ,EAAE,IAAI,CAAC,qBAAqB,EACpC,EAAE,EAAE,cAAc,IAAI,CAAC,GAAG,EAAE,EAC5B,GAAG,EAAE,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,qBAAqB,IAAI,IAAI,CAAC,WAAW,GAAG,EAAiB,IAAI,IAAI,CAAC,IAEzF,IAAI,CAAC,WAAW,CACP,CACR,CACF,EACN;GACH;;;;;;;","names":[],"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"],"version":3}

package/dist/esm/wm-modal-header.entry.js.map

@@ -1 +0,0 @@
-{"file":"wm-modal-header.entry.js","mappings":";;;;AAAA,MAAM,gBAAgB,GAAG,muBAAmuB;;MCO/uB,WAAW;;;mBAIK,EAAE;sBACC,EAAE;;EAGhC,iBAAiB;IACf,IAAI,CAAC,GAAG,GAAI,IAAI,CAAC,EAAE,CAAC,aAAoC,CAAC,GAAG,CAAC;;;;IAK7D,IAAI,CAAC,EAAE,CAAC,aAAc,CAAC,gBAAgB,CAAC,mBAAmB,EAAE;MAC3D,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;KAC5B,CAAC,CAAC;GACJ;EAED,oBAAoB;IAClB,MAAM,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC;;IAE1C,WAAW,CAAC,cAAc,EAAE,CAAC;GAC9B;;;;;;EAQD,MAAM;IACJ,QACE,EAAC,IAAI,QACH,WAAK,KAAK,EAAC,YAAY,IACrB,eACE,UACE,KAAK,EAAC,OAAO,EACb,EAAE,EAAE,yBAAyB,IAAI,CAAC,GAAG,EAAE,IAItC,IAAI,CAAC,OAAO,EACb,YAAM,KAAK,EAAC,UAAU,IAAE,IAAI,CAAC,UAAU,CAAQ,CAC5C,CACD,EACN,gCACc,cAAc,EAC1B,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,cAAc,CAAC,KAAK,sBACZ,MAAM,EACvB,EAAE,EAAE,kBAAkB,IAAI,CAAC,GAAG,EAAE,EAChC,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,aAAa,GAAG,EAAiB,CAAC,EACrD,OAAO,EAAE,MAAM,IAAI,CAAC,oBAAoB,EAAE,GAC1C,CACE,CACD,EACP;GACH;;;;;;;","names":[],"sources":["./src/components/wm-modal/wm-modal-header.scss?tag=wm-modal-header","./src/components/wm-modal/wm-modal-header.tsx"],"sourcesContent":["wm-modal-header {\n  @include border-radius(5px 5px 0 0px);\n  //Fix for Chrome sometimes leaving space between header and content, making the overlay show through\n  margin-bottom: -1px;\n\n  .wm-wrapper {\n    @include displayFlex();\n    @include justifyContent(space-between);\n    @include alignItems(center);\n\n    .title {\n      margin: 0;\n      font-weight: 600;\n      font-size: rem-calc(18);\n      color: rgb(74, 74, 74);\n      line-height: normal;\n\n      .subtitle {\n        display: block;\n        font-size: rem-calc(14);\n        font-weight: normal;\n      }\n\n      &:focus {\n        outline: none;\n      }\n    }\n  }\n}\n","import { h, Component, Element, Prop, Host } from \"@stencil/core\";\nimport { globalMessages } from \"../../global/intl\";\n\n@Component({\n  tag: \"wm-modal-header\",\n  styleUrl: \"wm-modal-header.scss\",\n})\nexport class ModalHeader {\n  @Element() el!: HTMLElement;\n  private closeButtonEl!: HTMLElement;\n\n  @Prop() heading?: string = \"\";\n  @Prop() subheading?: string = \"\";\n  private uid!: string;\n\n  componentWillLoad() {\n    this.uid = (this.el.parentElement as HTMLWmModalElement).uid;\n\n    // Trap focus when user tabs past last 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(\"focusFirstElement\", () => {\n      this.closeButtonEl.focus();\n    });\n  }\n\n  emitParentCloseEvent() {\n    const parentModal = this.el.parentElement;\n    //@ts-ignore\n    parentModal.emitCloseEvent();\n  }\n\n  // @Listen(\"click\")\n  // directFocusOnClick() {\n  //   this.headingElement.tabIndex = 0;\n  //   this.headingElement.focus();\n  // }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"wm-wrapper\">\n          <div>\n            <h2\n              class=\"title\"\n              id={`wm-modal-heading-text-${this.uid}`}\n              // ref={el => (this.headingElement = el as HTMLElement)}\n              // onBlur={() => (this.headingElement.tabIndex = -1)}\n            >\n              {this.heading}\n              <span class=\"subtitle\">{this.subheading}</span>\n            </h2>\n          </div>\n          <wm-button\n            button-type=\"navigational\"\n            icon=\"f156\"\n            tooltip={globalMessages.close}\n            tooltip-position=\"left\"\n            id={`wm-modal-close-${this.uid}`}\n            ref={(el) => (this.closeButtonEl = el as HTMLElement)}\n            onClick={() => this.emitParentCloseEvent()}\n          />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/wm-modal.entry.js.map

@@ -1 +0,0 @@
-{"file":"wm-modal.entry.js","mappings":"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","names":[],"sources":["./src/components/wm-modal/wm-modal.scss?tag=wm-modal","./src/components/wm-modal/wm-modal.tsx"],"sourcesContent":["wm-modal {\n  * {\n    box-sizing: border-box;\n  }\n  @include displayFlex();\n  @include justifyContent(center);\n  @include alignItems(center);\n\n  flex-direction: column;\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 2001;\n  width: 80vw;\n  max-width: 750px;\n  max-height: 80vh;\n  @include box-shadow(\n    0px 11px 15px 0px rgba(0, 0, 0, 0.2),\n    0px 9px 46px 8px rgba(0, 0, 0, 0.12),\n    0px 24px 38px 3px rgba(0, 0, 0, 0.14)\n  );\n\n  > * {\n    width: 80vw;\n    max-width: 750px;\n    background: $light-background;\n\n    &:focus {\n      outline: none;\n    }\n  }\n\n  wm-modal-header,\n  wm-modal-footer {\n    padding: rem-calc(20 30);\n  }\n\n  wm-modal-header {\n    z-index: 2003;\n  }\n\n  wm-modal-footer {\n    z-index: 2003;\n  }\n\n  > :not(wm-modal-header):not(wm-modal-footer) {\n    max-height: calc(80vh - 166px);\n    z-index: 2002;\n  }\n\n  &.wm-modal {\n    wm-modal-header {\n      border-bottom: 1px solid rgb(244, 243, 246);\n    }\n\n    wm-modal-footer {\n      border-top: 1px solid rgb(244, 243, 246);\n    }\n\n    @media only screen and (max-width: 768px) {\n      height: 100%;\n      max-height: none;\n      max-width: none;\n      width: 100vw;\n\n      > * {\n        max-width: none;\n        width: 100vw;\n      }\n\n      > *:not(wm-modal-header):not(wm-modal-footer) {\n        max-height: none;\n        height: calc(100vh - 166px);\n      }\n    }\n  }\n\n  &.wm-dialog {\n    > :not(wm-modal-header):not(wm-modal-footer) {\n      padding: rem-calc(0 30 20 30);\n      font-size: rem-calc(14px);\n      border: none;\n    }\n  }\n\n  .overlay {\n    width: 100vw;\n    height: 100vh;\n    max-width: none;\n    max-height: none;\n    position: fixed !important;\n    top: -1;\n    bottom: 1;\n    left: -1;\n    right: 1;\n    transform: translate(0%, 0%);\n    background-color: rgba(25, 25, 25, 0.4);\n    @include transition(opacity 0.5s ease-out);\n    z-index: 2000;\n  }\n\n  &.hide {\n    visibility: hidden;\n  }\n\n  .sr-only {\n    @include srOnly;\n    top: 0;\n    left: 0;\n  }\n}\n","import { h, Component, Element, Listen, Host, Prop, Watch, Event, EventEmitter, Method } from \"@stencil/core\";\nimport { checkForActiveElInShadow } from \"../../global/functions\";\nimport { generateId } from \"../../global/functions\";\n\n@Component({\n  tag: \"wm-modal\",\n  styleUrl: \"wm-modal.scss\",\n})\nexport class Modal {\n  @Element() el!: HTMLWmModalElement;\n  @Prop({ reflect: true, mutable: true }) open: boolean = false;\n  @Prop({ reflect: true, mutable: true }) isOpen: boolean = false; // DEPRECATED in favor of open\n  get tempOpen() {\n    // instances of this.tempOpen should be replaced with this.open once isOpen is fully phased out\n    return this.open || this.isOpen;\n  }\n  @Prop({ mutable: true }) elementToFocus: \"primary\" | \"secondary\" | string = \"\"; // primary and secondary point to the corresponding buttons, otherwise focus based on element id\n  @Prop({ reflect: true }) modalType: \"modal\" | \"dialog\" | null = null;\n  @Prop({ reflect: true }) isTypeDialog: boolean | null = null;\n  get tempModalType() {\n    return this.modalType ? this.modalType : this.isTypeDialog ? \"dialog\" : \"modal\";\n  }\n  @Prop({ mutable: true, reflect: true }) uid!: string;\n  private focusOnCloseEl!: HTMLElement;\n  private overlayEl!: HTMLDivElement;\n  private bodyFocusListener: () => void = () => this.redirectFocusFromBody();\n\n  @Event({ bubbles: false }) focusLastElement!: EventEmitter;\n  @Event({ bubbles: false }) focusFirstElement!: EventEmitter;\n  // wmModalCloseTriggered does not bubble, prevent nested modals from closing all at once\n  @Event({ bubbles: false }) wmModalCloseTriggered!: EventEmitter;\n  @Event() wmCloseTriggered!: EventEmitter; // deprecated in favor of wmModalCloseTriggered\n  @Event() wmModalPrimaryTriggered!: EventEmitter;\n  @Event() wmPrimaryTriggered!: EventEmitter; // deprecated in favor of wmModalPrimaryTriggered\n  @Event() wmModalSecondaryTriggered!: EventEmitter;\n  @Event() wmSecondaryTriggered!: EventEmitter; // deprecated in favor of wmModalSecondaryTriggered\n\n  get focusOnOpenEl(): HTMLElement {\n    let customElementToFocus: HTMLElement | null = null;\n\n    if (this.elementToFocus === \"primary\" || this.elementToFocus === \"secondary\") {\n      customElementToFocus = this.el.querySelector<HTMLElement>(`#wm-${this.elementToFocus}-${this.uid}`);\n    } else if (this.elementToFocus) {\n      customElementToFocus = this.el.querySelector<HTMLElement>(\"#\" + this.elementToFocus);\n      !customElementToFocus &&\n        console.warn(\n          \"Ripple Component Library: The modal component couldn't find an element matching the id you passed for 'elementToFocus'. It will fall back to the default and focus the close button when the modal opens.\"\n        );\n    }\n\n    const closeButtonEl = this.el.querySelector<HTMLElement>(`#wm-modal-close-${this.uid}`)!;\n    return customElementToFocus ? customElementToFocus : closeButtonEl;\n  }\n\n  //App can open modal by toggling the prop\n  @Watch(\"open\")\n  @Watch(\"isOpen\")\n  toggleModal() {\n    this.tempOpen ? this.showModal() : this.hideModal();\n  }\n\n  //The below not implemented in light of the fact that the app does often need to keep track of the modal's state itself so that it can update the data displayed in the body:\n  //App can also open modal by emitting wmShowModal event. Event needs to include the modal's unique id as the event detail, or else all modals on the page will open when wmShowModal event is dispatched.\n  // @Listen(\"wmShowModal\", { target: \"window\" })\n  // doesEventMatchId(ev: CustomEvent) {\n  //   ev.detail === this.uid && this.showModal();\n  // }\n\n  @Listen(\"click\")\n  handleClick(ev: MouseEvent & { target: HTMLElement }) {\n    this.tempOpen && ev.target === this.overlayEl && this.focusOnOpenEl.focus();\n  }\n\n  @Listen(\"keydown\")\n  closeModalOnEscape(ev: KeyboardEvent) {\n    if (ev.key === \"Escape\") {\n      // stops propagation prevents nested modal from closing all at once\n      ev.stopPropagation();\n      this.wmModalCloseTriggered.emit();\n      this.wmCloseTriggered.emit(); // deprecated\n      this.open = false;\n    }\n  }\n\n  showModal() {\n    this.setAriaDescribedbyOnModal();\n    this.setElToFocusOnClose(); //Record where the user was before the modal opened so that focus can return to it when the modal closes\n    document.body.style.overflow = \"hidden\"; //Keeps the page below the modal from scrolling\n\n    //Focus listeners as a general catch for keeping focus in case of errors in finding element with id passed in by dev (element is removed from DOM, etc.) or other scenarios\n    document.body.tabIndex = 0;\n    document.body.removeEventListener(\"focus\", this.bodyFocusListener, true);\n    document.body.addEventListener(\"focus\", this.bodyFocusListener, true);\n\n    window.requestAnimationFrame(() => {\n      // nested requestAnimationFrames allow all elements to become visible on page before assigning focus\n      window.requestAnimationFrame(() => this.focusOnOpenEl.focus()); //Bring focus to element inside modal\n    });\n  }\n\n  //Close the modal and focus the triggering element when the modal buttons emit their events\n  hideModal() {\n    document.body.style.overflow = \"visible\";\n    document.body.tabIndex = -1;\n    document.body.removeEventListener(\"focus\", this.bodyFocusListener, true);\n    window.requestAnimationFrame(() => this.focusOnCloseEl.focus()); //Return focus\n  }\n\n  componentWillLoad() {\n    if (this.isOpen) {\n      console.warn(\"wm-modal: is-open has been deprecated as of v3.1.0. Please use open instead.\");\n    }\n    if (this.isTypeDialog) {\n      console.warn(\"wm-modal: is-type-dialog has been deprecated as of v3.1.0. Please use modal-type instead.\");\n    }\n    if (this.elementToFocus === \"primary\" || this.elementToFocus === \"secondary\") {\n      if (!this.el.id) {\n        console.error(\n          \"You are telling the modal to focus an element in the footer when it opens. That's fine! But when you do that, you also need to give the wm-modal-wrapper an ID and set the ID of the modal body to 'content-[id of wm-modal-wrapper]. This is for accessibility purposes.\"\n        );\n      }\n    }\n\n    this.el.focus = () => {\n      this.focusOnOpenEl.focus();\n    };\n\n    this.uid = this.el.id ? this.el.id : generateId();\n  }\n\n  componentDidLoad() {\n    if (this.tempOpen) {\n      this.showModal();\n    }\n  }\n\n  @Method()\n  async emitCloseEvent() {\n    this.wmModalCloseTriggered.emit();\n    this.wmCloseTriggered.emit(); // deprecated\n  }\n\n  @Method()\n  async emitPrimaryEvent() {\n    this.wmModalPrimaryTriggered.emit();\n    this.wmPrimaryTriggered.emit(); // deprecated\n  }\n\n  @Method()\n  async emitSecondaryEvent() {\n    this.wmModalSecondaryTriggered.emit();\n    this.wmSecondaryTriggered.emit(); // deprecated\n  }\n\n  setAriaDescribedbyOnModal() {\n    const modalBody = document.getElementById(`content-${this.uid}`);\n\n    if (!modalBody) {\n      console.warn(\n        \"Ripple Component Library: The element containing the body of the modal must include an id in the format 'content-[id of modal]' for accessibility purposes.\"\n      );\n    } else {\n      this.el.setAttribute(\"aria-describedby\", `wm-modal-heading-text-${this.uid} content-${this.uid}`);\n    }\n  }\n\n  setElToFocusOnClose() {\n    const elToFocus = document.activeElement as HTMLElement;\n    if (elToFocus.tagName === \"WM-MENUITEM\") {\n      this.focusOnCloseEl = elToFocus.parentElement!;\n    } else {\n      this.focusOnCloseEl = checkForActiveElInShadow(elToFocus);\n    }\n  }\n\n  redirectFocusFromBody() {\n    if ((document.activeElement as HTMLElement).tagName === \"BODY\") {\n      this.focusOnOpenEl.focus();\n    }\n  }\n\n  render() {\n    return (\n      <Host\n        class={`${this.tempOpen ? \"\" : \"hide \"}${\"wm-\" + this.tempModalType}`}\n        role=\"dialog\"\n        aria-describedby={`wm-modal-heading-text-${this.uid}`}\n        aria-modal=\"true\"\n        tabindex={this.tempOpen ? 0 : null}\n        onFocus={() => {\n          this.focusLastElement.emit();\n        }}\n      >\n        <div class=\"overlay\" ref={(el) => (this.overlayEl = el as HTMLDivElement)} />\n        <div\n          class=\"sr-only\"\n          tabIndex={0}\n          onFocus={() => {\n            this.focusFirstElement.emit();\n          }}\n        />\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/wm-navigation_3.entry.js.map

@@ -1 +0,0 @@
-{"file":"wm-navigation.wm-navigation-hamburger.wm-navigation-item.entry.js","mappings":"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","names":[],"sources":["./src/components/wm-navigation/wm-navigation.scss?tag=wm-navigation&encapsulation=shadow","./src/components/wm-navigation/wm-navigation.tsx","./src/components/wm-navigation/wm-navigation-hamburger.scss?tag=wm-navigation-hamburger&encapsulation=shadow","./src/components/wm-navigation/wm-navigation-hamburger.tsx","./src/components/wm-navigation/wm-navigation-item.scss?tag=wm-navigation-item&encapsulation=shadow","./src/components/wm-navigation/wm-navigation-item.tsx"],"sourcesContent":[":host {\n  z-index: 10;\n}\n\n:host([aria-expanded=\"true\"]) {\n  z-index: 5000;\n}\n\n.tray {\n  @include box-shadow(0 0 14px 0 rgba(0, 0, 0, 0.14));\n  display: flex;\n  flex-direction: column;\n  width: rem-calc(121);\n  background-color: $light-background;\n  overflow-x: hidden;\n  overflow-y: auto;\n  -webkit-overflow-scrolling: touch;\n  font-size: rem-calc(14);\n  height: 100%;\n}\n\n.navlist {\n  margin: 0;\n  padding: 0;\n}\n\n.toggle-wrapper {\n  display: none;\n}\n\n/* COLLAPSIBLE STYLES */\n@media screen and (max-width: 1023px) {\n  .tray {\n    @include transition(transform 0.33s ease);\n    position: fixed;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    transform: translateX(-100%);\n\n    ul {\n      visibility: hidden;\n    }\n\n    .toggle-wrapper {\n      display: inline-block;\n      min-height: 5rem;\n      width: 100%;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n  }\n\n  :host([aria-expanded=\"true\"]) {\n    .tray {\n      transform: translateX(0);\n\n      ul {\n        visibility: visible;\n      }\n    }\n  }\n\n  .overlay {\n    width: 100vw;\n    height: 100vh;\n    max-width: none;\n    max-height: none;\n    position: fixed !important;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    transform: translate(0%, 0%);\n    background-color: rgba(25, 25, 25, 0.4);\n    @include transition(opacity 0.5s ease-out);\n  }\n}\n","import {\n  h,\n  Component,\n  Element,\n  Prop,\n  State,\n  Listen,\n  Host,\n  Watch,\n  Event,\n  EventEmitter,\n  forceUpdate,\n} from \"@stencil/core\";\nimport { intl, throttle } from \"../../global/functions\";\nimport { globalMessages } from \"../../global/intl\";\n\n@Component({\n  tag: \"wm-navigation\",\n  styleUrl: \"wm-navigation.scss\",\n  shadow: { delegatesFocus: true },\n})\nexport class Navigation {\n  @Element() el!: HTMLWmNavigationElement;\n  toggleEl!: HTMLWmButtonElement;\n  @Prop({ reflect: true, mutable: true }) open: boolean = false;\n\n  @State() isTabbing: boolean = false;\n  @Event() wmNavigationStateChanged!: EventEmitter;\n\n  private mainNavigationMessage: string = intl.formatMessage({\n    id: \"navigation.mainNavigation\",\n    defaultMessage: \"Main\",\n    description: \"Label describing the site navigation, for screen reader users\",\n  });\n\n  get isCollapsible() {\n    return window.innerWidth < 1024;\n  }\n\n  get ariaExpanded() {\n    return this.isCollapsible\n      ? // if component is in collapsible mode, set aria-expanded according to expanded state\n        this.open.toString()\n      : // otherwise, do not render attr at all\n        undefined;\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(\"keydown\")\n  closeOnEscape(ev: KeyboardEvent) {\n    if (ev.key === \"Escape\") {\n      this.open = false;\n    }\n  }\n\n  throttledRerender = throttle(() => forceUpdate(this.el), 50);\n\n  @Listen(\"resize\", { target: \"window\" })\n  handleWindowResize() {\n    // for component to react when breakpoint is crossed\n    // (doesn't rerender on window resize)\n    this.throttledRerender();\n  }\n\n  @Listen(\"wmNavigationHamburgerClicked\", { target: \"window\" })\n  handleHamburgerClicked() {\n    this.open = !this.open;\n  }\n\n  @Listen(\"wmNavigationItemClicked\")\n  handleClickOnItem() {\n    this.open = false;\n  }\n\n  @Watch(\"open\")\n  handleStateChange() {\n    if (this.isCollapsible) {\n      this.wmNavigationStateChanged.emit();\n      this.open ? this.expand() : this.collapse();\n    }\n  }\n\n  componentWillLoad() {\n    if (document.body.classList.contains(\"wmcl-user-is-tabbing\")) {\n      this.toggleTabbingOn();\n    }\n\n    this.el.focus = () => {\n      // in addition to delegatesFocus, we need to highjack the focus method to send focus to the appropriate element based on the navigation's state\n      const btn = this.open\n        ? (this.el.shadowRoot!.querySelector(\".toggle\")! as HTMLWmButtonElement)\n        : (document.querySelector(\"wm-navigation-hamburger\") as HTMLWmNavigationHamburgerElement);\n      const firstItem = this.el.querySelector(\"wm-navigation-item\")! as HTMLWmNavigationItemElement;\n      this.isCollapsible ? btn.focus() : firstItem.focus();\n    };\n\n    if (this.isCollapsible && this.open) {\n      // hamburger needs to know if open was initially set to true\n      this.wmNavigationStateChanged.emit();\n      this.expand();\n    }\n  }\n\n  redirectFocusFromBody(ev: FocusEvent) {\n    // the 2nd check excludes the case when user clicks on the page when the nav is open,\n    // which should not redirect focus\n    if ((document.activeElement as HTMLElement).tagName === \"BODY\" && !ev.relatedTarget) {\n      this.el.focus();\n    }\n  }\n\n  expand() {\n    // listen to focus on body and redirect to the component\n    // this is to handle trap focus when user has left the page (e.g. went to the address bar)\n    // and is tabbing back in\n    document.body.tabIndex = 0;\n    document.body.addEventListener(\"focus\", this.redirectFocusFromBody.bind(this), true);\n\n    // wait for nav to be expanded otherwise tooltip will be misplaced.\n    setTimeout(() => this.toggleEl.focus(), 250);\n    //document.querySelector(\"wm-navigation\")!.shadowRoot!.querySelector(\".toggle\")!.focus()\n  }\n\n  collapse() {\n    // rm event listener on body\n    document.body.tabIndex = -1;\n    document.body.removeEventListener(\"focus\", this.redirectFocusFromBody.bind(this));\n\n    const hamburgerBtn = document.querySelector(\"wm-navigation-hamburger\");\n    // should fail silently if el doesn't exist\n    // (dev may have chosen not to use the hamburger component)\n    if (hamburgerBtn) hamburgerBtn.focus();\n  }\n\n  focusLastItem() {\n    const items = this.el.querySelectorAll(\"wm-navigation-item\");\n    const lastItem = Array.from(items).pop() as HTMLWmNavigationItemElement;\n    lastItem.focus();\n  }\n\n  renderOverlay() {\n    return (\n      <div\n        class=\"overlay\"\n        onClick={() => {\n          this.open = false;\n        }}\n      ></div>\n    );\n  }\n\n  render() {\n    return (\n      <Host role=\"navigation\" aria-expanded={this.ariaExpanded} aria-label={this.mainNavigationMessage}>\n        {this.open ? this.renderOverlay() : \"\"}\n        {this.isCollapsible && (\n          <div class=\"trapfocus\" tabindex={this.open ? 0 : undefined} onFocus={() => this.focusLastItem()}></div>\n        )}\n        <div class=\"tray\">\n          <div class=\"toggle-wrapper\">\n            <wm-button\n              ref={(el) => (this.toggleEl = el as HTMLWmButtonElement)}\n              class={`toggle ${this.isTabbing ? \"user-is-tabbing\" : \"\"}`}\n              button-type=\"navigational\"\n              icon={this.open ? \"f156\" : \"f35c\"}\n              icon-size=\"2rem\"\n              tooltip={this.open ? globalMessages.close : globalMessages.open}\n              tooltip-position=\"left\"\n              tabIndex={this.open ? undefined : -1}\n              onClick={() => {\n                this.open = !this.open;\n              }}\n            />\n          </div>\n          <ul class=\"navlist\">\n            <slot />\n          </ul>\n        </div>\n        {this.isCollapsible && (\n          <div class=\"trapfocus\" tabindex={this.open ? 0 : undefined} onFocus={() => this.toggleEl.focus()}></div>\n        )}\n      </Host>\n    );\n  }\n}\n","button {\n  display: none;\n  width: 100%;\n  height: 100%;\n  border: none;\n  box-shadow: none;\n  transition: background-color 500ms cubic-bezier(0.4, 0, 0.2, 1);\n  background-color: transparent;\n  outline: none;\n  padding: 0;\n\n  &.user-is-tabbing:focus {\n    @include focus-style;\n  }\n\n  &:hover {\n    background-color: $button-default-hover;\n  }\n}\n\n.icon {\n  &:before {\n    @include mdi-icon;\n    content: \"\\f35c\";\n    font-size: rem-calc(24);\n    color: $button-default-text;\n  }\n}\n\n@media screen and (max-width: 1023px) {\n  :host {\n    width: rem-calc(60);\n    height: rem-calc(60);\n  }\n\n  button {\n    display: initial;\n  }\n}\n","import { h, Component, Element, Host, Prop, Listen, Event, EventEmitter, State } from \"@stencil/core\";\nimport { intl } from \"../../global/functions\";\n\n@Component({\n  tag: \"wm-navigation-hamburger\",\n  styleUrl: \"wm-navigation-hamburger.scss\",\n  shadow: { delegatesFocus: true },\n})\nexport class NavigationHamburger {\n  @Element() el!: HTMLWmNavigationHamburgerElement;\n  nav!: HTMLWmNavigationElement;\n\n  @Prop() navId?: string;\n  @Prop({ mutable: true }) tooltipVisible = false; // this is not part of the documented API but we need to expose as prop in order to change it from the focus method defined in WillLoad()\n\n  @State() isTabbing?: boolean = false;\n  @State() open: boolean = false;\n\n  @Event() wmNavigationHamburgerClicked!: EventEmitter;\n\n  showNavMessage = intl.formatMessage({\n    id: \"navigation.showNavigation\",\n    defaultMessage: \"Show navigation\",\n    description: \"For user interface element opening a navigation menu\",\n  });\n\n  get tooltipEl(): HTMLElement {\n    return document.getElementById(\"wm-tooltip\")!;\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  // this also works on initial load because event is fired then\n  @Listen(\"wmNavigationStateChanged\", { target: \"document\" })\n  handleNavigationStateChanged(ev: CustomEvent) {\n    this.open = (ev.target! as HTMLWmNavigationElement).open;\n  }\n\n  componentWillLoad() {\n    if (document.body.classList.contains(\"wmcl-user-is-tabbing\")) {\n      this.toggleTabbingOn();\n    }\n    if (!this.navId) {\n      console.error(\"wm-navigation-hamburger: nav-id is a required prop\");\n    }\n  }\n\n  showTooltip() {\n    const tooltipText = this.showNavMessage;\n    this.tooltipEl.textContent = tooltipText;\n    this.tooltipEl.style.setProperty(\"--wmTooltipTop\", \"1.125rem\");\n    this.tooltipEl.style.setProperty(\"--wmTooltipLeft\", \"2.75rem\");\n    this.tooltipEl.style.transitionDelay = \"500ms\";\n    this.tooltipEl.style.opacity = \"1\";\n\n    // tooltip only has a maxWidth if it contains whitespace and can break\n    const hasNoWhitespace = tooltipText!.match(/^[^\\s]+$/);\n    if (hasNoWhitespace) {\n      this.tooltipEl.classList.add(\"single-word\");\n      this.tooltipEl.style.setProperty(\"--wmTooltipMaxWidth\", \"none\");\n    } else {\n      this.tooltipEl.classList.remove(\"single-word\");\n      this.tooltipEl.style.removeProperty(\"--wmTooltipMaxWidth\");\n    }\n\n    // tooltip is only visible after the transition delay.\n    // This also fixes an issue for keyboard users:\n    // if they tab to a button out of screen bounds, the page scrolls\n    // and hideTooltip() would be triggered before the tooltip would show\n    setTimeout(() => {\n      this.tooltipVisible = true;\n    }, 500);\n  }\n\n  hideTooltip() {\n    this.tooltipEl.style.transitionDelay = \"0s\";\n    this.tooltipEl.style.opacity = \"0\";\n    this.tooltipVisible = false;\n  }\n\n  showTooltipForKeyboardUsers() {\n    if (this.isTabbing) {\n      this.showTooltip();\n    }\n  }\n\n  handleClick() {\n    this.hideTooltip();\n    this.wmNavigationHamburgerClicked.emit();\n  }\n\n  render() {\n    return (\n      <Host class={`hamburger ${this.open ? \"nav-open\" : \"nav-closed\"}`}>\n        <button\n          class={this.isTabbing ? \"user-is-tabbing\" : undefined}\n          aria-expanded={this.open}\n          aria-controls={this.navId}\n          aria-label={this.showNavMessage}\n          onMouseEnter={() => this.showTooltip()}\n          onMouseLeave={() => this.hideTooltip()}\n          onFocus={() => this.showTooltipForKeyboardUsers()}\n          onBlur={() => this.hideTooltip()}\n          onClick={() => this.handleClick()}\n        >\n          <span class=\"icon\"></span>\n        </button>\n      </Host>\n    );\n  }\n}\n",".link {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  color: inherit;\n  text-decoration: none;\n  min-height: rem-calc(72);\n  text-align: center;\n  padding: 1.25rem 0.5rem;\n  font-weight: 500;\n  outline: none;\n  position: relative;\n\n  &:hover {\n    background-color: $light-background-hover;\n  }\n\n  .icon {\n    font-size: rem-calc(22);\n    color: $sidenav-icon;\n  }\n\n  .text {\n    font-size: rem-calc(14);\n  }\n\n  &.user-is-tabbing:focus {\n    // from P&SS\n    box-shadow: inset 0 2px 2px 0 rgb(244 243 246 / 20%), inset 0 2px 2px 0 rgb(0 0 0 / 10%), inset 0 0 4px 3px #61279e;\n  }\n}\n\n.link.active {\n  background-color: $pale-lilac-gray;\n  &:before {\n    content: \"\";\n    // link to or create semantic name\n    background-color: $periwinkle;\n    position: absolute;\n    height: 100%;\n    width: 5px;\n    left: 0;\n  }\n\n  .text {\n    // link to or create semantic name\n    color: $periwinkle;\n  }\n\n  .icon {\n    // link to or create semantic name\n    color: $periwinkle;\n  }\n}\n","import { h, Component, Prop, Element, Host, State, Listen, Event, EventEmitter } from \"@stencil/core\";\n\n@Component({\n  tag: \"wm-navigation-item\",\n  styleUrl: \"wm-navigation-item.scss\",\n  shadow: { delegatesFocus: true },\n})\nexport class NavigationItem {\n  @Element() el!: HTMLWmNavigationItemElement;\n  @Prop() href?: string;\n  @Prop() text?: string;\n  @Prop() active?: boolean;\n\n  @State() isTabbing?: boolean = false;\n  @Event() wmNavigationItemClicked!: EventEmitter;\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  componentWillLoad() {\n    if (document.body.classList.contains(\"wmcl-user-is-tabbing\")) {\n      this.toggleTabbingOn();\n    }\n  }\n\n  render() {\n    return (\n      <Host role=\"listitem\">\n        <a\n          class={`link ${this.active ? \"active\" : \"\"} ${this.isTabbing ? \"user-is-tabbing\" : \"\"}`}\n          href={this.href}\n          onClick={() => this.wmNavigationItemClicked.emit()}\n        >\n          <div class=\"icon\" aria-hidden=\"true\">\n            <slot />\n          </div>\n          <div class=\"text\">{this.text}</div>\n        </a>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/wm-navigator.entry.js.map

@@ -1 +0,0 @@
-{"file":"wm-navigator.entry.js","mappings":"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","names":[],"sources":["./src/components/wm-navigator/wm-navigator.scss?tag=wm-navigator&encapsulation=shadow","./src/components/wm-navigator/wm-navigator.tsx"],"sourcesContent":[":host,\nwm-navigator {\n  min-width: 0;\n  position: relative;\n  display: inline-block;\n\n  .wrapper {\n    overflow: auto;\n    font-size: rem-calc(18);\n    min-width: rem-calc(210);\n    width: auto;\n    max-height: 80vh;\n    text-align: left;\n    position: absolute;\n    z-index: 50;\n    top: 100%;\n    right: 20px;\n    left: auto;\n    background: #fff;\n    letter-spacing: normal;\n    @include box-shadow(0 4px 15px 0 rgba(0, 0, 0, 0.2));\n    @include transition(transform 0.25s ease);\n    @include transformOrigin(center top);\n    @include scale($xVal: 1, $yVal: 1);\n\n    .user {\n      background: $background;\n      padding: rem-calc(10 20);\n      font-size: rem-calc(14);\n\n      p {\n        margin: 0;\n      }\n      p:first-child {\n        font-weight: 700;\n        text-transform: capitalize;\n      }\n    }\n\n    h2 {\n      background: #2e1b46;\n      color: #fff;\n      font-weight: 700;\n      margin: 0;\n      padding: rem-calc(10 20);\n      font-size: rem-calc(14);\n    }\n\n    [role=\"listbox\"] {\n      list-style: none;\n      margin: 0;\n      padding-left: 0;\n    }\n\n    &.hide {\n      @include scale($xVal: 1, $yVal: 0);\n    }\n\n    &.right {\n      right: auto;\n      left: 20px;\n    }\n  }\n\n  img {\n    transform: scale(0.8);\n    transform-origin: left center;\n    display: block;\n  }\n\n  .logout {\n    text-align: center;\n    text-transform: capitalize;\n  }\n}\n\npriv-navigator-item:focus {\n  outline: none;\n}\n","import { Component, Element, h, Host, Prop, State, Listen, EventEmitter, Event, Watch } from \"@stencil/core\";\nimport { getWmMode, Product, NavigatorPayload } from \"../../global/interfaces\";\nimport { intl, snakeCaseToCamelCase, getNewIndexToFocus } from \"../../global/functions\";\nimport { getRequest } from \"../../global/services/http-service\";\n\n@Component({\n  tag: \"wm-navigator\",\n  styleUrl: \"wm-navigator.scss\",\n  shadow: { delegatesFocus: true },\n})\nexport class Navigator {\n  @Element() el!: any;\n  private wrapperEl?: HTMLDivElement;\n\n  // Component can receive user info and products as props (this is how it worked before)\n  @Prop() userName?: string;\n  @Prop() email?: string;\n  @Prop() authType: number = 1; // 1: none or off, 2: username-password or username_password_sso, 3: saml or saml_sso\n  @Prop() connectionName?: string;\n  @Prop() logoutUrl?: string;\n  @Prop() products?: string | []; // products as JSON string, parsed on load\n\n  // The new way is to retrieve user info from an endpoint\n  // dev needs to opt-in by setting loadFromUserinfo to true\n  @Prop() loadFromUserinfo: boolean = false;\n  // comp can check whether the info was successfully retrieved with:\n  private retrievedInfo: boolean = !this.loadFromUserinfo; // when in endpoint mode, only render after get request completed\n\n  // used either way to store the products\n  parsedProducts: Array<Product> = [];\n\n  /**\n   * Event emitted from child wm-navigator-button updates the state, which is then passed down as a prop by wm-navigator.\n   */\n  @State() isOpen: boolean = false;\n  private openRight: boolean = false; // whether the menu should open on the right side\n\n  @State() isTabbing: boolean = false;\n\n  /**\n   * Value is set to the index of the current product on load.\n   * Keyboard navigation updates the state to keep track of focus in the dropdown.\n   * State resets to the index of the current product when the dropdown closes.\n   */\n  @State() itemIndexToFocus: number = 0;\n\n  @Event() wmNavigatorLogout!: EventEmitter;\n\n  private currentProductId!: string;\n\n  async componentWillLoad() {\n    if (!this.userName) {\n      console.error(\"wm-navigator: user-name is a required property.\");\n    }\n\n    await this.parseData();\n    this.setFocusIndex();\n  }\n\n  // async because we need the http request to complete before proceeding\n  @Watch(\"products\")\n  async parseData() {\n    if (!!this.loadFromUserinfo) {\n      await getRequest(\"/platform/navigator/userinfo\")\n        .then((response: NavigatorPayload) => {\n          this.email = response.email;\n          this.currentProductId = response.current_product_id;\n          this.parsedProducts = this.productKeysToCamelCase(response.products);\n          this.logoutUrl = this.logoutUrl ? this.logoutUrl : response.logout_url;\n          this.connectionName = this.connectionName ? this.connectionName : response.connection_name;\n          if (!!this.email && !!this.currentProductId) {\n            this.retrievedInfo = true;\n          }\n        })\n        .catch((errStatus) => {\n          console.error(errStatus);\n        });\n    } else {\n      this.currentProductId = getWmMode(this.el);\n      if (!!this.products) {\n        if (typeof this.products === \"string\") {\n          this.parsedProducts = JSON.parse(this.products);\n        } else {\n          this.parsedProducts = this.products;\n        }\n        this.parsedProducts = this.productKeysToCamelCase(this.parsedProducts);\n      }\n    }\n    // products is initialized as empty array in case nothing is passed\n    this.parsedProducts.sort((a, b) => (a.name < b.name ? -1 : 1));\n  }\n\n  productKeysToCamelCase(products: object[]): Product[] {\n    products = products.map((product: any) => {\n      const keys = Object.keys(product);\n      let newProduct: { [key: string]: string } = {};\n      keys.forEach((key) => {\n        newProduct[snakeCaseToCamelCase(key)] = product[key];\n      });\n      return newProduct;\n    });\n    return products as Product[];\n  }\n\n  /**\n   * Sets index to focus on open to the selected product. This index resets it when the menu closes.\n   */\n  setFocusIndex() {\n    if (this.parsedProducts.length > 1) {\n      const currentProduct = this.getProduct(this.currentProductId);\n\n      if (currentProduct) {\n        this.itemIndexToFocus = this.parsedProducts.indexOf(currentProduct);\n      }\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(\"keydown\")\n  handleKeys(ev: KeyboardEvent) {\n    switch (ev.key) {\n      case \"Escape\":\n        ev.preventDefault();\n        this.closeMenu();\n        break;\n      case \"ArrowDown\":\n      case \"ArrowUp\":\n        ev.preventDefault();\n        if (!this.isOpen) {\n          this.itemIndexToFocus = getNewIndexToFocus(this.itemIndexToFocus, ev.key, this.navigatorItems.length);\n          this.openMenu();\n        }\n        break;\n    }\n  }\n\n  @Listen(\"keydownOnNavItem\")\n  handleKeydown(ev: CustomEvent) {\n    const key = ev.detail.key;\n    const item = ev.detail.navItem;\n    switch (key) {\n      case \"Tab\":\n        this.closeMenu();\n        break;\n      case \"Enter\":\n      case \" \":\n        item.click();\n        break;\n      case \"ArrowDown\":\n      case \"ArrowUp\":\n        const oldIndex = this.itemIndexToFocus;\n        this.itemIndexToFocus = getNewIndexToFocus(this.itemIndexToFocus, key, this.navigatorItems.length);\n        this.focusItem();\n        this.unfocusItem(oldIndex);\n        break;\n    }\n  }\n\n  @Listen(\"click\", { target: \"document\" })\n  handleClick(ev: MouseEvent) {\n    const isElOrChild = ev.target === this.el || this.el.contains(ev.target as Node);\n\n    if (!isElOrChild && this.isOpen) {\n      this.closeMenu();\n    }\n  }\n\n  @Listen(\"buttonActivated\")\n  handleButtonClick() {\n    this.isOpen ? this.closeMenu() : this.openMenu();\n  }\n\n  openMenu() {\n    if (this.wrapperEl) {\n      const wrapperWidth = this.wrapperEl.clientWidth;\n      const spaceLeft = this.el.getBoundingClientRect().left;\n      const spaceRight = document.documentElement.clientWidth - this.el.getBoundingClientRect().right;\n      this.openRight = wrapperWidth > spaceLeft && spaceRight > spaceLeft;\n    }\n    this.isOpen = true;\n    this.focusItem();\n  }\n\n  closeMenu() {\n    this.isOpen = false;\n    this.buttonFocusHandler();\n    this.unfocusItem(this.itemIndexToFocus);\n    this.setFocusIndex();\n  }\n\n  focusItem() {\n    const newSelection = this.navigatorItems[this.itemIndexToFocus];\n    newSelection.tabIndex = 0;\n    newSelection.focused = true;\n    window.requestAnimationFrame(() => newSelection.focus());\n  }\n\n  unfocusItem(index: number) {\n    const oldSelection = this.navigatorItems[index];\n    oldSelection.tabIndex = -1;\n    oldSelection.focused = false;\n  }\n\n  buttonFocusHandler() {\n    const hostButton = this.el.shadowRoot.querySelector(\"priv-navigator-button\");\n    const button = hostButton.shadowRoot.querySelector(\"button\");\n    window.requestAnimationFrame(() => button.focus());\n  }\n\n  /**\n   * HELPERS FOR RENDER\n   */\n  renderUserInfo() {\n    return (\n      <div\n        class=\"user\"\n        id=\"wm-nav-user\"\n        aria-label={intl.formatMessage(\n          {\n            id: \"navigator.userinfoLabel\",\n            defaultMessage: \"for {name}, email {email}\",\n          },\n          { name: this.userName, email: this.email }\n        )}\n      >\n        <p>{this.userName}</p>\n        <p>{this.email}</p>\n      </div>\n    );\n  }\n\n  setAltText(): string {\n    if (this.parsedProducts.length > 1) {\n      return intl.formatMessage({\n        id: \"navigator.userinfoAndProductNavigator\",\n        defaultMessage: \"User information and product navigator\",\n      });\n    } else {\n      return intl.formatMessage({\n        id: \"navigator.userinfo\",\n        defaultMessage: \"User information\",\n      });\n    }\n  }\n\n  renderHeading() {\n    return (\n      <h2>\n        {intl.formatMessage({\n          id: \"navigator.watermarkApps\",\n          defaultMessage: \"Watermark Apps\",\n          description: \"Applications made by Watermark Insights\",\n        })}\n      </h2>\n    );\n  }\n\n  renderList() {\n    return (\n      <ul\n        role=\"listbox\"\n        aria-label={`${intl.formatMessage({\n          id: \"navigator.WatermarkAppNavigation\",\n          defaultMessage: \"Watermark App Navigation\",\n          description: \"list of applications by Watermark Insights\",\n        })}`}\n        aria-describedby=\"wm-nav-user\"\n      >\n        {this.parsedProducts.length > 1 && this.renderProductOptions()}\n        {this.renderLogoutOption()}\n      </ul>\n    );\n  }\n\n  renderProductOptions(): Array<HTMLPrivNavigatorItemElement> {\n    return this.parsedProducts.map((product: Product) => {\n      let name: string | undefined, icon: string | undefined, isSelected: boolean, clickRedirect: any;\n\n      name = product.name;\n      icon = (product as Product).iconUrl;\n\n      clickRedirect = this.setProductOnClick(product.id);\n\n      if (!!name && !!icon) {\n        isSelected = this.currentProductId === product.id;\n\n        return (\n          <priv-navigator-item\n            selected={isSelected}\n            id={product.id}\n            onClick={clickRedirect}\n            role=\"option\"\n            aria-label={name}\n          >\n            <img src={icon} alt={name} />\n          </priv-navigator-item>\n        );\n      }\n    });\n  }\n\n  setProductOnClick(productId: string) {\n    const product = this.getProduct(productId);\n\n    if (this.currentProductId === productId) {\n      return () => {};\n    } else if (product) {\n      if (!!this.loadFromUserinfo || this.authType === 2) {\n        return () => (window.location.href = (product as Product).linkUrl);\n      } else if (this.authType === 3) {\n        // products passed as prop, saml\n        const connName = this.connectionName ? `/?connection_name=${this.connectionName}` : \"\";\n        return () => (window.location.href = (product as Product).samlLinkUrl + connName);\n      }\n    }\n  }\n\n  renderLogoutOption() {\n    return (\n      <priv-navigator-item\n        class=\"logout\"\n        selected={!(this.parsedProducts.length > 1)}\n        id=\"nav-logout\"\n        onClick={this.setLogoutOnclick()}\n        role=\"option\"\n      >\n        <span class=\"logout\">\n          {intl.formatMessage({\n            id: \"navigator.logout\",\n            defaultMessage: \"Log Out\",\n          })}\n        </span>\n      </priv-navigator-item>\n    );\n  }\n\n  setLogoutOnclick() {\n    // The logout item will always emit a custom event on click so that the dev can run any business logic specific to the app on logout (e.g., clearing local storage).\n    // It will only redirect if the dev has set the logoutUrl. If some sort of custom redirect is needed, the logoutUrl should not be set.\n    return () => {\n      this.wmNavigatorLogout.emit();\n      if (this.logoutUrl) {\n        window.location.href = this.logoutUrl;\n      }\n    };\n  }\n\n  private get navigatorItems(): Array<HTMLPrivNavigatorItemElement> {\n    return Array.from(this.el.shadowRoot.querySelectorAll(\"priv-navigator-item\"));\n  }\n\n  private getProduct(id: string): Product | undefined {\n    return this.parsedProducts.find((product) => product.id === id);\n  }\n\n  render() {\n    return this.retrievedInfo ? (\n      <Host class={this.isTabbing ? \"user-is-tabbing\" : \"\"}>\n        <priv-navigator-button expanded={this.isOpen} altText={this.setAltText()} isTabbing={this.isTabbing} />\n        <div\n          class={`wrapper ${this.isOpen ? \"\" : \"hide\"} ${this.openRight ? \"right\" : \"\"}`}\n          ref={(el) => (this.wrapperEl = el as HTMLDivElement)}\n        >\n          {this.renderUserInfo()}\n          {this.parsedProducts.length > 1 && this.renderHeading()}\n          {this.renderList()}\n        </div>\n      </Host>\n    ) : (\n      \"\"\n    );\n  }\n}\n"],"version":3}

package/dist/esm/wm-network-uploader.entry.js.map

@@ -1 +0,0 @@
-{"file":"wm-network-uploader.entry.js","mappings":"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","names":[],"sources":["./src/components/wm-uploader/wm-network-uploader/wm-network-uploader.scss?tag=wm-network-uploader&encapsulation=shadow","./src/components/wm-uploader/wm-network-uploader/wm-network-uploader.tsx"],"sourcesContent":[":host,\nwm-network-uploader {\n  width: 100%;\n  position: relative;\n\n  &[dir=\"RTL\"] {\n    .mdi {\n      margin-left: rem-calc(5);\n      margin-right: 0;\n    }\n  }\n  @extend %wm-button;\n\n  input:focus + .wm-button.user-is-tabbing {\n    -webkit-box-shadow: 0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e !important;\n    -moz-box-shadow: 0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e !important;\n    box-shadow: 0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px #61279e !important;\n  }\n}\n\n:host *,\nwm-network-uploader * {\n  box-sizing: border-box;\n}\n\n.sr-only {\n  @include srOnly;\n}\n\n.header {\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: wrap;\n\n  .notif-wrapper {\n    align-items: flex-end;\n  }\n}\n\n.notif-wrapper {\n  display: flex;\n  align-items: flex-start; // for .notif\n  height: -moz-fit-content;\n  height: fit-content;\n  flex-direction: column; // for.notif\n  align-items: center; // for.notif\n  .notif {\n    font-size: 0.875rem;\n    font-style: italic;\n    margin-top: rem-calc(4);\n  }\n}\n\n@media (max-width: rem-calc(975)) {\n  .descr {\n    margin-bottom: rem-calc(8);\n  }\n  .notif-wrapper {\n    margin-bottom: rem-calc(16);\n  }\n  .header {\n    .notif-wrapper {\n      align-items: flex-start;\n    }\n  }\n}\n\n.file-info {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n\n  + .file-controls {\n    flex: none;\n    margin-left: rem-calc(16);\n  }\n}\n\n.empty-block {\n  margin: 5rem auto;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  .upload-file {\n    margin-bottom: rem-calc(30);\n  }\n\n  .empty-message {\n    font-size: 1.5rem;\n    margin-bottom: rem-calc(7);\n  }\n\n  .notif-wrapper {\n    justify-content: center;\n\n    .wm-button {\n      // Removing the width inherit here to prevent a 100% width\n      // from the notif-wrapper. Future proofing a day when\n      // we might want a long notif to wrap.\n      width: auto;\n    }\n  }\n}\n\nul {\n  list-style: none;\n  padding: 0;\n  width: 100%;\n  li {\n    font-size: rem-calc(14);\n    .file {\n      @include border-radius(3px);\n      position: relative; // for progress bar\n      height: rem-calc(60);\n      padding: rem-calc(8 20);\n      background: $background;\n      border: 1px solid rgb(107, 107, 107);\n\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n\n      + .file {\n        margin-top: rem-calc(20);\n      }\n\n      .filename {\n        font-weight: 500;\n      }\n\n      .filedate {\n        margin-left: rem-calc(60);\n        font-weight: normal;\n        font-style: italic;\n      }\n\n      wm-button + wm-button {\n        margin-left: rem-calc(16);\n      }\n    }\n  }\n\n  &.file-list .file.--saved,\n  &.inprogress-list .file {\n    // margin-bottom also on the last element, otherwise tooltip on dl and delete btns triggers a scrollbar\n    margin-bottom: rem-calc(26);\n  }\n\n  .progress {\n    position: absolute;\n    left: 0;\n    top: 0;\n    right: 0;\n    height: 8px;\n  }\n\n  &.error-list li {\n    margin-bottom: rem-calc(20);\n    color: $error-color;\n    .file {\n      border: 1px solid $error-color;\n      background-color: #f5ebea;\n      height: rem-calc(60);\n    }\n  }\n  .error-message {\n    padding-top: rem-calc(4);\n    font-style: italic;\n  }\n}\n","import { Component, Element, h, Host, Prop, State, Listen, Watch, Event, EventEmitter } from \"@stencil/core\";\nimport { forceUpdate } from \"@stencil/core\";\nimport { getRequest, postRequest, putRequest, deleteRequest } from \"../../../global/services/http-service\";\nimport { intl, generateId, hasValidType } from \"../../../global/functions\";\nimport { globalMessages } from \"../../../global/intl\";\n//\n// Web API File interface => for FileList on input element, sending to AWS\n// Custom FileInfo interface (below) => for our server\nexport interface FileInfo {\n  file_name: string;\n  file_path?: string;\n  mime_type: string;\n  updated_at?: string;\n\n  uuid?: string; // AWS guid\n  document_uuid?: string; // aka file uuid. how is that different from the uuid above?\n  // organization_uuid: string; // aka node uuid\n}\n\ninterface FileInProgress extends File {\n  progress?: number;\n}\n\ninterface ErrorInfo {\n  file_name: string;\n  message: string;\n}\n\ninterface AWSData {\n  url: string;\n  updated_at: string;\n  path: string;\n  guid: string;\n}\n\ninterface Notification {\n  message: string;\n  id: string;\n  link: string;\n}\n\n@Component({\n  tag: \"wm-network-uploader\",\n  styleUrl: \"wm-network-uploader.scss\",\n  shadow: true,\n})\nexport class NetworkUploader {\n  @Element() el!: HTMLWmNetworkUploaderElement;\n  private liveRegion?: HTMLDivElement;\n\n  @State() isTabbing: boolean = false;\n\n  @State() fileList: FileInfo[] = [];\n  @State() inProgressList: FileInProgress[] = [];\n  @State() errorList: ErrorInfo[] = []; // for errors on a particular file\n  @State() notif?: { id: number; message: string } | null; // for global errors, e.g. user tries uploading too many files, and upload notifications\n  @State() snackbar: Notification[] = [];\n  @State() numFilesInProgress?: number | null; // null when not uploading != 0 (when all files are done uploading) != undefined (original state)\n  private srProgress?: any; // setInterval for SR to announce the aggregate progress percentage when things take a long time. stored here so it can be stopped when upload is finished.\n\n  @Prop() getPath!: string;\n  @Prop() requestUploadPath!: string;\n  @Prop() uploadPath!: string; // used for POST request (create db entry)\n  @Prop() requestDownloadPath!: string;\n  @Prop() deletePath!: string;\n\n  @Prop() associatedData?: string;\n  @Prop() buttonText!: string;\n  @Prop() emptyStateText!: string;\n  @Prop() icon!: string;\n  @Prop() fileTypes: string = \"pdf txt log xml doc docx xls xlsx ppt pptx gif jpg jpeg png csv\";\n  @Prop({ mutable: true }) maxSize: number = 100; // in Mb\n  @Prop() maxFiles?: number;\n  @Prop() sortBy: \"name\" | \"date\" = \"date\"; // name is descending (a -> z), date is ascending (earlier -> later)\n\n  @Event() wmNetworkUploaderFilesChanged!: EventEmitter<Object[]>;\n\n  private inputId = generateId();\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(\"wmUploadProgress\")\n  handleUploadProgress(ev: CustomEvent) {\n    this.inProgressList.map((i) => {\n      if (i.name === ev.detail.file_name) {\n        i.progress = ev.detail.progress;\n        forceUpdate(this.el);\n      }\n    });\n\n    if (ev.detail.progress === 100) {\n      // inProgressList is not a perfect reflection of how many files are uploading\n      // because even after progress reached 100% the item should remain in the array\n      // (should only be removed once it appears in fileList)\n      this.numFilesInProgress! -= 1;\n    }\n\n    // aggregate the percentages for SR to announce progress\n    if (!this.srProgress && this.numFilesInProgress) {\n      const total = this.numFilesInProgress; // if we don't reassign this number changes when a file is done and the percentage becomes wrong\n      this.srProgress = setInterval(() => {\n        const aggregate = this.inProgressList.reduce((avg, item) => (item.progress ? avg + item.progress : avg), 0);\n        if (this.liveRegion) {\n          this.liveRegion.innerHTML = intl.formatMessage(\n            {\n              id: \"uploader.uploadProgress\",\n              defaultMessage: \"Upload progress: {percentage}%\",\n            },\n            { percentage: Math.floor(aggregate / total) }\n          );\n        }\n      }, 5000);\n    }\n  }\n\n  @Listen(\"userFinishedSnack\")\n  handleFinishedSnack(ev: CustomEvent) {\n    this.snackbar = this.snackbar.filter((n) => n.id !== ev.detail.id);\n  }\n\n  @Watch(\"maxSize\")\n  setMaxSize() {\n    // Max size can't be set above 100Mb\n    this.maxSize = this.maxSize > 100 ? 100 : this.maxSize;\n  }\n\n  @Watch(\"numFilesInProgress\")\n  uploadNotifications(newNum: number, oldNum: number) {\n    if (oldNum > 0 && newNum === 0) {\n      setTimeout(() => {\n        this.notif = null;\n      }, 20 * 1000);\n      const message = intl.formatMessage({\n        id: \"uploader.finishedUploading\",\n        defaultMessage: \"Finished uploading\",\n      });\n      this.notif = { id: 5, message };\n      if (this.liveRegion) {\n        this.liveRegion.innerHTML = message;\n      }\n      this.numFilesInProgress = null;\n      clearInterval(this.srProgress);\n      forceUpdate(this.el);\n    } else if (newNum > 0 && newNum != oldNum) {\n      const message = intl.formatMessage(\n        {\n          id: \"uploader.filesUploading\",\n          defaultMessage: \"{num, plural, one {1 file uploading} other {# files uploading}}\",\n        },\n        { num: newNum }\n      );\n      this.notif = { id: 6, message };\n      if (this.liveRegion) {\n        this.liveRegion.innerHTML = message;\n      }\n      forceUpdate(this.el);\n    }\n  }\n\n  @Watch(\"fileList\")\n  emitFileListEvent() {\n    this.wmNetworkUploaderFilesChanged.emit(this.fileList);\n  }\n\n  formatDate(isoDate: string, locale: string, timezone: string) {\n    const timestamp = Date.parse(isoDate);\n    if (locale.match(/^[a-zA-Z]*(-[a-zA-Z0-9]*)*$/g)) {\n      // make sure locale is valid, otherwise set default locale\n      try {\n        //@ts-ignore\n        Intl.getCanonicalLocales(locale);\n      } catch {\n        locale = \"en-us\";\n      }\n    } else {\n      return isoDate;\n    }\n\n    if (!!timestamp) {\n      const date = new Date(timestamp);\n      const year = date.getFullYear();\n      const month = (\"0\" + (date.getMonth() + 1)).substr(-2);\n      const day = (\"0\" + date.getDate()).substr(-2);\n      const time = date.toLocaleTimeString([locale, \"en-us\"], {\n        timeZone: timezone,\n        hour: \"numeric\",\n        minute: \"numeric\",\n      });\n      return `${year}/${month}/${day} ${time}`;\n    } else {\n      return isoDate;\n    }\n  }\n\n  isValidSize(size: number) {\n    // https://stackoverflow.com/questions/2365100/converting-bytes-to-megabytes\n    return size / 1024 / 1024 <= this.maxSize;\n  }\n\n  isDuplicate(name: string) {\n    return this.fileList.find((f) => f.file_name === name);\n  }\n\n  isEmpty() {\n    return !this.fileList.length && !this.inProgressList.length && !this.errorList.length;\n  }\n\n  get isDisabled() {\n    const isMax = !!this.maxFiles && this.fileList.length >= this.maxFiles;\n\n    if (!this.notif) {\n      if (isMax) {\n        const errMessage = 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        this.notif = { id: 1, message: errMessage };\n        if (this.liveRegion) {\n          this.liveRegion.innerHTML = errMessage;\n        }\n      } else {\n        this.notif = null;\n      }\n    } else if (this.notif.id === 1) {\n      // to make sure SR don't repeat the error, don't reset it if it already is showing\n      // just dismiss it if isMax is not true anymore\n      if (!isMax) {\n        this.notif = null;\n      }\n      // finally do nothing if error 2 is showing (special case when user selects too many files)\n    }\n    // disable if is the uploader is maxed out or if something is uploading\n    return isMax || this.numFilesInProgress! > 0;\n  }\n\n  purgeProgressList(item: FileInfo) {\n    // If a file is retrieved from the server because it was just uploaded\n    // it should be removed from inProgressList\n    this.inProgressList = this.inProgressList.filter((i) => i.progress !== 100 && i.name !== item.file_name);\n  }\n\n  getExistingFiles() {\n    getRequest(this.getPath)\n      .then((reply: FileInfo[]) => {\n        reply.map((item) => this.purgeProgressList(item));\n        if (this.sortBy === \"name\") {\n          reply.sort((a, b) => a.file_name.localeCompare(b.file_name));\n        }\n        this.fileList = reply;\n      })\n      .catch((errStatus) => {\n        console.error(errStatus);\n      });\n  }\n\n  clearErrors() {\n    this.errorList = [];\n    this.notif = null;\n  }\n\n  handleFiles(ev: Event) {\n    const files = Array.from((ev.target! as HTMLInputElement).files!);\n    const validTypes = this.fileTypes.split(\" \").join(\", \");\n\n    if (!!this.maxFiles && this.fileList.length + files.length > this.maxFiles) {\n      const errMessage = 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      this.notif = { id: 2, message: errMessage };\n      if (this.liveRegion) {\n        this.liveRegion.innerHTML = errMessage;\n      }\n    } else {\n      // map to create inProgress items so they can be displayed immediately\n      files &&\n        files.map((file) => {\n          if (!hasValidType(file, this.fileTypes)) {\n            const error = {\n              file_name: file.name,\n              message: intl.formatMessage(\n                {\n                  id: \"uploader.invalidFileType\",\n                  defaultMessage: \"The file type is invalid. Accepted types: {validTypes}\",\n                },\n                { validTypes }\n              ),\n            };\n            this.errorList.push(error);\n          } else if (!this.isValidSize(file.size)) {\n            const error = {\n              file_name: file.name,\n              message: intl.formatMessage(\n                {\n                  id: \"uploader.fileTooLarge\",\n                  defaultMessage: \"The selected file is too large. Maximum file size is {size}Mb\",\n                },\n                { size: this.maxSize }\n              ),\n            };\n            this.errorList.push(error);\n          } else if (this.isDuplicate(file.name)) {\n            const error = {\n              file_name: file.name,\n              message: intl.formatMessage({\n                id: \"uploader.duplicateName\",\n                defaultMessage: \"A file with this name already exists.\",\n              }),\n            };\n            this.errorList.push(error);\n          } else {\n            this.inProgressList.push(file);\n          }\n          forceUpdate(this.el);\n        });\n\n      if (this.inProgressList.length > 0) {\n        this.numFilesInProgress = this.inProgressList.length;\n\n        // map over \"uploadable\" files for actual upload\n        // this happens separately otherwise at each pass we'd have to wait for the requests to complete before displaying things\n        this.inProgressList.map((file, i) => {\n          this.uploadFile(file, i); // = input.files file\n        });\n      }\n    }\n    (ev.target! as HTMLInputElement).value = \"\"; // reset to ensure that onChange is triggered when the same file is selected a second time\n  }\n\n  uploadFile(file: File, i: number) {\n    // get upload link\n    getRequest(this.requestUploadPath + i.toString())\n      .then(async (reply: AWSData) => {\n        const assData = JSON.parse(this.associatedData!);\n        const fileInfo: FileInfo = {\n          ...assData,\n          file_name: file.name,\n          mime_type: file.type,\n          file_path: reply.path,\n          document_uuid: reply.guid,\n        };\n\n        // onProgress is passed as a callback to the ev listener inside putRequest (http service),\n        // so we can't change component things directly => custom event to pass data to uploader component.\n        const onProgress = (ev: ProgressEvent) => {\n          const progress = ev.lengthComputable && ev.total !== 0 ? (ev.loaded / ev.total) * 100 : 0;\n          const event = new CustomEvent(\"wmUploadProgress\", {\n            detail: { file_name: file.name, progress },\n          });\n\n          this.el.dispatchEvent(event);\n        };\n\n        // upload to AWS s3 to url we just fetched\n        await putRequest(reply.url, file, onProgress);\n\n        // create the db entry\n        await postRequest(this.uploadPath, fileInfo);\n\n        // get files from server again\n        this.getExistingFiles();\n      })\n      .catch((err) => {\n        // do not show toast on error\n        this.numFilesInProgress = null;\n        // do not show in progress item on error\n        this.inProgressList = [];\n        this.notif = {\n          id: 3,\n          message: globalMessages.genericError,\n        };\n        console.error(err);\n      });\n  }\n\n  downloadFile(uuid: string, path: string) {\n    this.clearErrors();\n\n    // POST request to get temporary download link\n    const payload = {\n      file_path: path,\n      file_uuid: uuid,\n    };\n    postRequest(this.requestDownloadPath, payload)\n      .then((reply: { url: string }) => {\n        // we got the download link, now download the file\n        window.location.assign(reply.url);\n      })\n      .catch((err) => {\n        console.error(err);\n      });\n  }\n\n  deleteFile(file: FileInfo) {\n    this.clearErrors();\n\n    this.snackbar.push({\n      message: intl.formatMessage(\n        {\n          id: \"uploader.fileDeleted\",\n          defaultMessage: \"{fileName} was deleted.\",\n        },\n        { fileName: file.file_name }\n      ),\n      id: file.uuid!,\n      link: \"\",\n    });\n\n    // rm file from list immediately.\n    this.fileList = this.fileList.filter((i) => i.uuid !== file.uuid);\n\n    deleteRequest(`${this.deletePath}/${file.uuid}`).catch((err) => {\n      this.notif = {\n        id: 4,\n        message: intl.formatMessage(\n          {\n            id: \"uploader.fileNotDeleted\",\n            defaultMessage: \"{fileName} could not be deleted.\",\n          },\n          { fileName: file.file_name }\n        ),\n      };\n      this.getExistingFiles();\n      console.error(err);\n    });\n  }\n\n  componentWillLoad() {\n    if (!this.getPath) {\n      throw new Error(\"wm-network-uploader: get-path is a required prop\");\n    }\n    if (!this.requestUploadPath) {\n      throw new Error(\"wm-network-uploader: request-upload-path is a required prop\");\n    }\n    if (!this.uploadPath) {\n      throw new Error(\"wm-network-uploader: upload-path is a required prop\");\n    }\n    if (!this.requestDownloadPath) {\n      throw new Error(\"wm-network-uploader: request-download-path is a required prop\");\n    }\n    if (!this.deletePath) {\n      throw new Error(\"wm-network-uploader: delete-path is a required prop\");\n    }\n    if (!this.buttonText) {\n      throw new Error(\"wm-network-uploader: button-text is a required prop\");\n    }\n    if (!this.emptyStateText) {\n      throw new Error(\"wm-network-uploader: empty-state-text is a required prop\");\n    }\n    if (!this.associatedData) {\n      throw new Error(\"wm-network-uploader: associated-data is a required prop\");\n    }\n\n    this.setMaxSize();\n    this.clearErrors();\n  }\n\n  componentDidLoad() {\n    this.getExistingFiles();\n\n    if (document.body.classList.contains(\"wmcl-user-is-tabbing\")) {\n      this.toggleTabbingOn();\n    }\n  }\n\n  uploadButtonOnClick(ev: Event) {\n    if (this.isDisabled) {\n      // this is a temporary fix.\n      // we need the disabled button to be programmatically focusable\n      // to allow return focus after closing the browser file panel\n      // since it's focusable the button should respond when activated\n      // it looks disabled, and announces the reason why the action cannot\n      // be taken when activated.\n      // this is not pretty duplicating a intl message + the logic of isDisabled,\n      // but not worth a bigger refactor since this is only until we get the UX for disabled elements and refactor all interactive els.\n      ev.preventDefault();\n      if (this.liveRegion) {\n        const isMax = !!this.maxFiles && this.fileList.length >= this.maxFiles;\n        let errMsg: string = \"\";\n        if (this.numFilesInProgress! > 0) {\n          errMsg = 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        } else if (isMax) {\n          errMsg = 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\n        if (errMsg) {\n          // clear and set again to re-announce if button is clicked several times\n          // (can't be done inside setTimeout because of scope, hence the promise)\n          this.liveRegion.innerHTML = \"\";\n          new Promise((resolve) => {\n            setTimeout(() => {\n              resolve(\"\");\n            }, 500);\n          }).then(() => (this.liveRegion!.innerHTML = errMsg));\n        }\n      }\n    } else {\n      this.clearErrors();\n    }\n  }\n\n  renderUploadSvg() {\n    return (\n      <svg class=\"upload-file\" width=\"91\" height=\"84\" viewBox=\"0 0 91 84\">\n        <path\n          transform=\"rotate(-180.000000) translate(-452, -255.5)\"\n          fill=\"#eae8ec\"\n          d=\"M361,249.681818 L361,197.318182 C361,194.118182 365.555061,191.5 371.122358,191.5 L391.316463,191.5 L391.286495,200.562515 L369.871211,200.600292 L369.885404,200.622146 L369.886423,246.655947 L443.657038,246.840767 L443.657038,200.622146 L421.683537,200.622146 L421.683537,191.5 L441.978865,191.5 C447.546162,191.5 452,194.118182 452,197.318182 L452,249.681818 C452,252.881818 447.546162,255.5 441.978865,255.5 L371.122358,255.5 C365.504449,255.5 361,252.881818 361,249.681818 Z M391.5,207 L406,221 L420.5,207 L409.625,207 L409.625,172 L402.375,172 L402.375,207 L391.5,207 Z\"\n        ></path>\n      </svg>\n    );\n  }\n\n  renderIcon() {\n    // mdi attachment icon (paper clip) is horizontal but we want it vertical\n    const rotate = this.icon && this.icon === \"f066\";\n    return (\n      this.icon && (\n        <span class={`mdi ${rotate ? \"rotate\" : \"\"}`}>{String.fromCodePoint(parseInt(`0x${this.icon}`))}</span>\n      )\n    );\n  }\n\n  renderNotif() {\n    return this.notif ? <span class=\"notif\">{this.notif.message}</span> : \"\";\n  }\n\n  renderUploadButton(classes: string) {\n    return (\n      <div class=\"notif-wrapper\">\n        <input\n          name={this.inputId}\n          id={this.inputId}\n          class=\"sr-only\"\n          type=\"file\"\n          multiple\n          onClick={(ev) => this.uploadButtonOnClick(ev)}\n          onChange={(e) => this.handleFiles(e)}\n        />\n        <label htmlFor={this.inputId} class={`wm-button ${classes}${this.isTabbing ? \" user-is-tabbing\" : \"\"}`}>\n          {this.renderIcon()}\n          {this.buttonText}\n        </label>\n        {this.renderNotif()}\n      </div>\n    );\n  }\n\n  renderWithItems() {\n    return (\n      <div>\n        <div class=\"header\">\n          <div class=\"descr\">\n            <slot />\n          </div>\n          {this.renderUploadButton(this.isDisabled ? \"disabled\" : \"\")}\n        </div>\n        {this.renderErrorList()}\n        {this.renderInProgressList()}\n        {this.renderFileList()}\n      </div>\n    );\n  }\n\n  renderEmptyState() {\n    return (\n      <div>\n        <div class=\"header\">\n          <div class=\"descr\">\n            <slot />\n          </div>\n        </div>\n        <div class=\"empty-block\">\n          {this.renderUploadSvg()}\n          <div class=\"empty-message\">{this.emptyStateText}</div>\n          {this.renderUploadButton(\"-primary empty-button\")}\n        </div>\n      </div>\n    );\n  }\n\n  renderErrorList() {\n    if (!!this.errorList.length) {\n      if (this.liveRegion) {\n        let srMessage = this.errorList.reduce(function (acc, err) {\n          return acc + `${err.file_name}: ${err.message} `;\n        }, \"\");\n        this.liveRegion.innerHTML = srMessage;\n      }\n\n      return (\n        <ul class=\"error-list\">\n          {this.errorList.map((err) => (\n            <li>\n              <div class=\"file --error\">\n                <div class=\"file-info\">\n                  <span class=\"filename\">{err.file_name}</span>\n                </div>\n              </div>\n              <div class=\"error-message\">{err.message}</div>\n            </li>\n          ))}\n        </ul>\n      );\n    }\n  }\n\n  renderInProgressList() {\n    return (\n      <ul class=\"inprogress-list\">\n        {this.inProgressList.map((item) => {\n          return (\n            <li>\n              <div class=\"file --progress\">\n                <div\n                  class=\"progress\"\n                  style={{\n                    background: `linear-gradient(to right, rgba(67, 126, 142, 1) ${item.progress}%, transparent ${item.progress}%)`,\n                  }}\n                ></div>\n                <div class=\"file-info\">\n                  <span class=\"filename\">\n                    {item.name} <span class=\"sr-only\">uploading</span>\n                  </span>\n                </div>\n              </div>\n            </li>\n          );\n        })}\n      </ul>\n    );\n  }\n\n  renderFile(item: FileInfo) {\n    return (\n      <li>\n        <div class=\"file --saved\">\n          <div class=\"file-info\">\n            <span class=\"filename\">{item.file_name}</span>\n            <span class=\"filedate\">\n              {this.formatDate(item.updated_at!, intl.locale, Intl.DateTimeFormat().resolvedOptions().timeZone)}\n            </span>\n          </div>\n          <div class=\"file-controls\">\n            <wm-button\n              class=\"download-button\"\n              button-type=\"icononly\"\n              tooltip=\"download\"\n              label-for-identical-buttons={`download ${item.file_name}`}\n              icon=\"f1da\"\n              onClick={() => this.downloadFile(item.uuid!, item.file_path!)}\n            ></wm-button>\n            <wm-button\n              class=\"delete-button\"\n              button-type=\"icononly\"\n              tooltip=\"remove\"\n              label-for-identical-buttons={`remove ${item.file_name}`}\n              icon=\"f1c0\"\n              onClick={() => this.deleteFile(item)}\n            ></wm-button>\n          </div>\n        </div>\n      </li>\n    );\n  }\n\n  renderFileList() {\n    return <ul class=\"file-list\">{this.fileList.map((item) => this.renderFile(item))}</ul>;\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.isEmpty() ? this.renderEmptyState() : this.renderWithItems()}\n        <wm-snackbar notifications={JSON.stringify(this.snackbar)}></wm-snackbar>\n        <div\n          ref={(el) => (this.liveRegion = el as HTMLDivElement)}\n          class=\"live-region sr-only\"\n          aria-live=\"assertive\" // since it's directly linked to the action the user took, it should be read in priority. With polite, some messages get dismissed in favor of the page title\n          aria-atomic=\"true\"\n        ></div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/wm-option_2.entry.js.map

@@ -1 +0,0 @@
-{"file":"wm-option.wm-select.entry.js","mappings":"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","names":[],"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"],"version":3}

package/dist/esm/wm-pagination.entry.js.map

@@ -1 +0,0 @@
-{"file":"wm-pagination.entry.js","mappings":"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","names":[],"sources":["./src/components/wm-pagination/wm-pagination.scss?tag=wm-pagination&encapsulation=shadow","./src/components/wm-pagination/wm-pagination.tsx"],"sourcesContent":["nav .largescreen,\nnav .smallscreen {\n  margin-bottom: rem-calc(10);\n  @include displayFlex();\n  @include alignItems(center);\n  @include justifyContent(flex-end);\n  @include type-level-4;\n\n  .pageview {\n    @include type-level-4;\n    margin: rem-calc(0 10);\n  }\n\n  .paginationbtn {\n    position: relative;\n    @include box-shadow(none); // fix for Edge\n    @include transition(none);\n    border: none;\n    color: $button-default-text;\n    background-color: transparent;\n    margin: 0;\n    padding: 0;\n    height: rem-calc(40);\n    width: rem-calc(40);\n    font-family: inherit;\n    letter-spacing: 0.3px;\n    font-size: rem-calc(14);\n    font-weight: 500;\n    cursor: pointer;\n    text-transform: none; //For Edge\n\n    svg * {\n      fill: #565397;\n    }\n\n    &:hover:not([aria-current=\"page\"]):not([disabled]) {\n      text-decoration: underline;\n    }\n\n    &:focus {\n      outline: none;\n    }\n\n    &::-moz-focus-inner {\n      border: 0;\n      outline: none;\n    }\n\n    &[disabled] {\n      color: #9f9f9f;\n      pointer-events: none;\n      svg * {\n        fill: #9f9f9f;\n      }\n    }\n  }\n\n  .previousbtn {\n    margin-right: rem-calc(10);\n    width: auto !important;\n  }\n\n  .nextbtn {\n    margin-left: rem-calc(10);\n    margin-right: 0;\n    width: auto !important;\n  }\n\n  .previousbtn,\n  .nextbtn {\n    @include transition(none);\n  }\n\n  .ellipsis {\n    display: inline-block;\n    width: rem-calc(40);\n    text-align: center;\n  }\n\n  .pagebtncontainer {\n    &.user-is-tabbing {\n      :focus:not(.-disabled):not([aria-current=\"page\"]) {\n        @include box-shadow(none); // fix for Edge\n\n        &:before {\n          position: absolute;\n          content: \"\";\n          height: auto;\n          width: 16px;\n          top: 0;\n          bottom: 0;\n          left: 12px;\n          right: 0;\n          background: linear-gradient(90deg, #3862e9 66%, transparent 0) repeat-x;\n          background-size: 6px 2px;\n          background-position: 0 2em;\n          border-radius: 0;\n          line-height: normal;\n        }\n\n        &.previousbtn:focus:before {\n          left: 0 !important;\n        }\n\n        &.nextbtn:focus:before {\n          left: 0 !important;\n        }\n      }\n\n      [aria-current=\"page\"]:focus {\n        @include focus-style;\n      }\n    }\n  }\n}\n\nnav .largescreen {\n  & .user-is-tabbing {\n    :focus:not(.-disabled):not([aria-current=\"page\"]) {\n      // to make focus indicator as wide as text \"previous\" and \"next\"\n      &.previousbtn:focus:before {\n        width: 56px !important;\n      }\n      &.nextbtn:focus:before {\n        width: 32px !important;\n      }\n    }\n  }\n  .paginationbtn {\n    &[aria-current=\"page\"] {\n      @include border-radius(50%);\n      @include box-shadow(0 2px 2px 0 rgba(87, 81, 149, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.2));\n      background-color: $button-primary-background;\n      color: $button-primary-text;\n\n      &:hover {\n        @include box-shadow(0 4px 2px 0 rgba(87, 81, 149, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.2));\n        background: mix(black, $button-primary-background, 10%);\n      }\n    }\n  }\n}\n\n.sr-only {\n  @include srOnly;\n}\n","import { h, Component, EventEmitter, Prop, Watch, Event, Element, Listen, State } from \"@stencil/core\";\nimport { debounce } from \"../../global/functions\";\n\n@Component({\n  tag: \"wm-pagination\",\n  styleUrl: \"wm-pagination.scss\",\n  shadow: { delegatesFocus: true },\n})\nexport class Pagination {\n  @Element() el!: any;\n\n  @Prop() currentPage: number = 1;\n  @Prop() totalItems?: number = undefined;\n  @Prop() itemsPerPage?: number = undefined;\n  @Prop() value = 1;\n  @Prop() isLargeViewport: boolean = window.innerWidth > 600;\n  @State() isTabbing: boolean = false;\n  @State() srAnnouncement: string = \"\";\n\n  private totalPages: number = 0;\n\n  @Event() wmPaginationPageClicked!: EventEmitter<String>;\n  @Event() pageClicked!: EventEmitter<String>; // deprecated in favor of wmPaginationPageClicked\n  @Event() focusCurrentPage!: EventEmitter;\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  maintainFocusOnNumberChange(el: \"previous\" | \"next\" | \"prev-arrow\" | \"next-arrow\" | \"page\") {\n    window.requestAnimationFrame(() => {\n      switch (el) {\n        case \"previous\":\n          this.currentPage === 1 && this.el.shadowRoot.querySelector(`button#wm-1`).focus(); //Only shift focus from previous button to page 1 if page 1 is reached, which disables previous button. Otherwise, maintain focus on previous button.\n          break;\n        case \"next\":\n          this.currentPage === this.totalPages &&\n            this.el.shadowRoot.querySelector(`button#wm-${this.totalPages}`).focus(); //Only shift focus from next button if last page is reached, disabling next button. Otherwise, maintain focus on next button.\n          break;\n        case \"prev-arrow\":\n          this.currentPage === 1 && this.el.shadowRoot.querySelector(\"#next-arw\").focus(); //Only shift focus if page 1 is reached, disabling previous buttons. Otherwise, maintain focus on previous buttons.\n          break;\n        case \"next-arrow\":\n          this.currentPage === this.totalPages && this.el.shadowRoot.querySelector(\"#previous-arw\").focus(); //Only shift focus if last page is reached, disabling next buttons. Otherwise, maintain focus on next buttons.\n          break;\n        case \"page\":\n          this.el.shadowRoot.querySelector(`button#wm-${this.currentPage}`).focus();\n        default:\n          return;\n      }\n    });\n  }\n\n  debouncedResize = debounce(() => {\n    this.isLargeViewport = window.innerWidth > 600;\n  }, 250);\n\n  @Listen(\"resize\", { target: \"window\" })\n  handleResize() {\n    this.debouncedResize();\n  }\n\n  @Watch(\"totalItems\")\n  @Watch(\"itemsPerPage\")\n  calculateTotalPages() {\n    this.totalPages = Math.ceil(this.totalItems! / this.itemsPerPage!);\n  }\n\n  componentWillLoad() {\n    if (!this.totalItems || !this.itemsPerPage || !this.currentPage) {\n      throw new Error(\"Please check the required attributes\");\n    }\n\n    this.calculateTotalPages();\n\n    if (document.body.classList.contains(\"wmcl-user-is-tabbing\")) {\n      this.toggleTabbingOn();\n    }\n\n    this.el.focus = () => {\n      // in addition to delegatesFocus, we need to highjack the focus method to send focus to the appropriate element based on the components's state\n      if (this.isLargeViewport) {\n        this.el.shadowRoot.getElementById(`wm-${this.currentPage}`).focus();\n      } else {\n        this.currentPage === 1\n          ? this.el.shadowRoot.getElementById(\"next-arw\").focus()\n          : this.el.shadowRoot.getElementById(\"wm-1-arw\").focus();\n      }\n    };\n  }\n\n  updatePageDisplayed(pageNum: any) {\n    this.value = pageNum;\n    this.wmPaginationPageClicked.emit();\n    this.pageClicked.emit(); // deprecated\n    this.srAnnouncement = `Current page, ${this.currentPage}. ${this.getCurrentPagesInView()}`;\n  }\n\n  displayShortPagination() {\n    let pages = [];\n    for (let i = 1; i <= this.totalPages; i++) {\n      pages.push(this.displayPageNumber(i));\n    }\n    return pages;\n  }\n\n  displayLongPagination() {\n    let view = [\n      this.displayPageNumber(1),\n      this.currentPage > 3 && this.displayEllipsis(),\n      ...this.getMiddlePageNums().map((page) => this.displayPageNumber(page)),\n      this.currentPage + 2 < this.totalPages && this.displayEllipsis(),\n      this.displayPageNumber(this.totalPages),\n    ];\n    return view;\n  }\n\n  displayPageNumber(pageNum: number) {\n    return (\n      <button\n        id={`wm-${pageNum}`}\n        class=\"paginationbtn\"\n        onClick={() => {\n          this.currentPage = pageNum;\n          this.updatePageDisplayed(pageNum);\n          this.maintainFocusOnNumberChange(\"page\");\n        }}\n        value={pageNum}\n        aria-label={this.currentPage !== pageNum ? `Go to page ${pageNum}` : \"\"}\n        aria-current={this.currentPage === pageNum ? \"page\" : undefined}\n      >\n        {pageNum}\n      </button>\n    );\n  }\n\n  displayEllipsis() {\n    return <span class=\"ellipsis\">...</span>;\n  }\n\n  getMiddlePageNums = () => {\n    let coreBtns;\n    // if pg is 1, 2 or 3\n    if (this.currentPage < 4) {\n      coreBtns = [2, 3, 4];\n    } else if (this.currentPage > this.totalPages - 3) {\n      coreBtns = [this.totalPages - 3, this.totalPages - 2, this.totalPages - 1];\n    } else {\n      coreBtns = [this.currentPage - 1, this.currentPage, this.currentPage + 1];\n    }\n    return coreBtns;\n  };\n\n  // displayPageView = () => {\n  //   // let end = this.itemsPerPage! * this.currentPage;\n  //   // const begin = end - this.itemsPerPage! + 1;\n  //   // if (end > this.totalItems!) {\n  //   //   end = this.totalItems!;\n  //   // }\n  //   return <div class=\"pageview\">{this.getCurrentView()}</div>;\n  // };\n\n  getCurrentPagesInView() {\n    let end = this.itemsPerPage! * this.currentPage;\n    const begin = end - this.itemsPerPage! + 1;\n    if (end > this.totalItems!) {\n      end = this.totalItems!;\n    }\n    return \"Viewing \" + (begin === end ? `${begin}` : `${begin}–${end} of ${this.totalItems}`);\n  }\n\n  renderLarge() {\n    return (\n      <div class=\"largescreen\">\n        <div class=\"pageview\">{this.getCurrentPagesInView()}</div>\n        <div class={`pagebtncontainer ${this.isTabbing ? \"user-is-tabbing\" : \"\"}`}>\n          <button\n            id=\"previous\"\n            class=\"paginationbtn previousbtn\"\n            onClick={() => {\n              this.currentPage = this.currentPage - 1;\n              this.updatePageDisplayed(this.currentPage);\n              this.maintainFocusOnNumberChange(\"previous\");\n            }}\n            disabled={this.currentPage === 1}\n            aria-label=\"Go to previous page\"\n            aria-controls=\"status\"\n          >\n            Previous\n          </button>\n          {this.totalPages < 6 ? this.displayShortPagination() : this.displayLongPagination()}\n          <button\n            id=\"next\"\n            class=\"paginationbtn nextbtn\"\n            onClick={() => {\n              this.currentPage = this.currentPage + 1;\n              this.updatePageDisplayed(this.currentPage);\n              this.maintainFocusOnNumberChange(\"next\");\n            }}\n            disabled={this.currentPage === this.totalPages}\n            aria-label=\"Go to next page\"\n            aria-controls=\"status\"\n          >\n            Next\n          </button>\n        </div>\n      </div>\n    );\n  }\n\n  renderSmall() {\n    return (\n      <div class=\"smallscreen\">\n        <div class={`pagebtncontainer ${this.isTabbing ? \"user-is-tabbing\" : \"\"}`}>\n          <button\n            id={`wm-1-arw`}\n            class=\"paginationbtn\"\n            onClick={() => {\n              this.currentPage = 1;\n              this.updatePageDisplayed(1);\n              this.maintainFocusOnNumberChange(\"prev-arrow\");\n            }}\n            value={1}\n            aria-current={this.currentPage === 1 ? \"page\" : undefined}\n            aria-label={`Go to page 1`}\n            aria-controls=\"status\"\n            disabled={this.currentPage === 1}\n          >\n            <svg width=\"16\" height=\"12\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M7.41 10.59L2.83 6l4.58-4.59L6 0 0 6l6 6zM15.41 10.59L10.83 6l4.58-4.59L14 0 8 6l6 6z\" />\n            </svg>\n          </button>\n          <button\n            id=\"previous-arw\"\n            class=\"paginationbtn previousbtn\"\n            onClick={() => {\n              this.currentPage -= 1;\n              this.updatePageDisplayed(this.currentPage);\n              this.maintainFocusOnNumberChange(\"prev-arrow\");\n            }}\n            disabled={this.currentPage === 1}\n            aria-label=\"Go to previous page\"\n          >\n            <svg width=\"8\" height=\"12\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M7.41 10.59L2.83 6l4.58-4.59L6 0 0 6l6 6z\" />\n            </svg>\n          </button>\n          Page {this.currentPage} of {this.totalPages}\n          <button\n            id=\"next-arw\"\n            class=\"paginationbtn nextbtn\"\n            onClick={() => {\n              this.currentPage += 1;\n              this.updatePageDisplayed(this.currentPage);\n              this.maintainFocusOnNumberChange(\"next-arrow\");\n            }}\n            disabled={this.currentPage === this.totalPages}\n            aria-label=\"Go to next page\"\n          >\n            <svg width=\"8\" height=\"12\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M.59 10.59L5.17 6 .59 1.41 2 0l6 6-6 6z\" />\n            </svg>\n          </button>\n          <button\n            id={`wm-${this.totalPages}-arw`}\n            class=\"paginationbtn\"\n            onClick={() => {\n              this.currentPage = this.totalPages;\n              this.updatePageDisplayed(this.totalPages);\n              this.maintainFocusOnNumberChange(\"next-arrow\");\n            }}\n            value={this.totalPages}\n            aria-current={this.currentPage === this.totalPages ? \"page\" : undefined}\n            aria-label={`Go to last page, page ${this.totalPages}`}\n            aria-controls=\"status\"\n            disabled={this.currentPage === this.totalPages}\n          >\n            <svg width=\"17\" height=\"12\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M.59 10.59L5.17 6 .59 1.41 2 0l6 6-6 6zM9.59 10.59L14.17 6 9.59 1.41 11 0l6 6-6 6z\" />\n            </svg>\n          </button>\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    return (\n      // do not render the component if there's only one page\n      this.totalItems! > this.itemsPerPage! && (\n        <nav aria-label={`Pagination Navigation. ${this.getCurrentPagesInView()}. Current page, ${this.currentPage}.`}>\n          {/* both \"desktop\" and \"mobile\" versions are renderered. media queries hide the unnecessary stuff */}\n          {this.isLargeViewport ? this.renderLarge() : this.renderSmall()}\n          {/* The below is for screenreader purposes, ensuring it announces the new current page.*/}\n          <div id=\"status\" class=\"sr-only\" aria-live=\"polite\" aria-relevant=\"text\" aria-atomic=\"true\">\n            {this.srAnnouncement}\n          </div>\n        </nav>\n      )\n    );\n  }\n}\n"],"version":3}