@govbr-ds/webcomponents 2.0.0-next.21 → 2.0.0-next.22

package/dist/webcomponents/{p-aaa17439.entry.js.map → p-6bfb8eb6.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["selectCss","BrSelectStyle0","Select","this","idDefault","uuidv4","handleClickOutside","event","target","isExpanded","el","contains","inheritedAttributes","synchronizeSelect","rawOptions","JSON","parse","options","parsedOptions","sanitizeOptions","updateSelectedOptions","updateSelectedAllState","emitSelectedOptions","error","console","componentWillLoad","isOpen","inheritAriaAttributes","componentDidLoad","document","addEventListener","disconnectedCallback","validOptions","invalidOptions","forEach","option","label","trim","push","value","selected","length","warn","handleKeydownOnInput","key","closeSelect","preventDefault","openSelect","focusItemInDirection","resetFocus","toggleOpen","handleKeydownOnList","handleKeydownOnItem","index","handleSelection","handleSelectAllKeyDown","toggleSelectAll","input","shadowRoot","querySelector","focus","direction","itemCount","isMultiple","focusedIndex","focusItem","items","querySelectorAll","item","inputValue","getStringValue","filter","firstSelected","howManySelected","selectedOptions","map","_a","brDidSelectChange","emit","allSelected","every","isAllSelected","renderInput","h","placeholder","readonly","onClick","onKeyDown","showSearchIcon","slot","height","renderSelectAllCheckbox","class","tabindex","role","name","unselectAllLabel","selectAllLabel","checked","onBrDidCheckedChange","renderOptions","exportparts","onBrDidChange","getComputedId","customId","getCssClassMap","render","Object","assign","id"],"sources":["src/components/select/select.scss?tag=br-select&encapsulation=shadow","src/components/select/select.tsx"],"sourcesContent":["@import \"../../../../../node_modules/@govbr-ds/core/src/components/select/select.scss\";\n@import \"../../../../../node_modules/@govbr-ds/core/src/components/item/item.scss\";\n\n:host {\n  display: block;\n\n  .br-select br-list {\n    background-color: var(--bg-color);\n    box-shadow: var(--select-shadow);\n    margin-top: -2px;\n    max-height: 404px;\n    overflow: auto;\n    position: absolute;\n    resize: none;\n    width: 100%;\n    z-index: 1;\n\n    @include scrollbar;\n\n    &:focus,\n    &:active {\n      color: var(--color-secondary-09);\n      outline: none;\n    }\n\n    &:hover {\n      &::-webkit-scrollbar-thumb {\n        background: var(--color-secondary-07);\n      }\n    }\n\n\n    .br-item br-radio::part(radio-input)  {\n      visibility: hidden;\n      height: 0;\n      width: 0;\n      }\n\n    .br-item br-radio::part(radio-label) {\n      padding-left: var(--spacing-scale-base);\n      position: relative;\n\n      &::before,\n      &::after {\n        display: none;\n      }\n    }\n  }\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { v4 as uuidv4 } from 'uuid';\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\nimport { CssClassMap } from '../../utils/interfaces';\n\n@Component({\n  tag: 'br-select',\n  styleUrl: 'select.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Select {\n    /**\n    * Referência ao elemento host do componente.\n    * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n    */\n    @Element() el: HTMLBrSelectElement\n\n    @AttachInternals() elementInternals: ElementInternals\n\n    /**\n    * Rótulo que indica o tipo de informação que deve ser selecionada.\n    */\n    @Prop({ reflect: true }) label: string;\n\n    /**\n    * Texto auxiliar exibido antes de uma seleção.\n    */\n    @Prop({ reflect: true }) placeholder: string = '';\n\n   /**\n    * Habilita o modo múltiplo para selecionar várias opções.\n    */\n   @Prop({ reflect: true }) isMultiple: boolean = false;\n\n   /**\n    * JSON contendo as opções do select.\n    */\n   @Prop({ reflect: true }) options: string = '[]';\n\n   /**\n    * Rótulo para selecionar todas as opções.\n    */\n   @Prop({ reflect: true }) selectAllLabel: string = 'Selecionar todos';\n\n   /**\n    * Rótulo para desmarcar todas as opções.\n    */\n   @Prop({ reflect: true }) unselectAllLabel: string = 'Desselecionar todos';\n\n   /**\n    * Exibe o ícone de busca no campo de entrada.\n    */\n   @Prop({ reflect: true }) showSearchIcon: boolean = false;\n\n   /**\n    * Indica se a listagem de itens do select está expandida\n    */\n   @Prop({ reflect: true }) isOpen: boolean = false;\n\n   /**\n   * Especifica o ID do componente.\n   * Se não for fornecido, o ID será gerado automaticamente e de forma aleatória\n   */\n   @Prop({ reflect: true, attribute: 'id' }) customId: string\n\n  /**\n   * Contém o id gerado aleatoriamente\n   */\n   private readonly idDefault = `${uuidv4()}`\n\n  // Representa as opções do select disponíveis para renderização.\n  // Cada opção contém `label`, `value` e o estado de seleção (`selected`).\n  @State() parsedOptions: { label: string; value: string; selected: boolean }[] = [];\n\n  // Valor exibido no input, refletindo as opções selecionadas.\n  @State() inputValue: string = '';\n\n  // Indica se todas as opções estão selecionadas. Comportamento do checkbox \"Selecionar Todos\".\n  @State() isAllSelected: boolean = false;\n\n  // Controla se a lista de opções do select está expandida (aberta) ou colapsada (fechada).\n  @State() isExpanded: boolean = false;\n\n  // Armazena o índice do item atualmente focado, usado para navegação por teclado.\n  @State() focusedIndex: number = -1;\n\n  /**\n  * Evento emitido sempre que houver atualização nos itens selecionados.\n  */\n  @Event() brDidSelectChange: EventEmitter;\n\n  @Watch('options')\n  synchronizeSelect() {\n    try {\n      const rawOptions = JSON.parse(this.options);\n      this.parsedOptions = this.sanitizeOptions(rawOptions);\n      this.updateSelectedOptions();\n      this.updateSelectedAllState();\n      this.emitSelectedOptions();\n    } catch (error) {\n      console.error('Erro ao processar as opções do select:', error);\n      this.parsedOptions = [];\n    }\n  }\n\n  componentWillLoad() {\n    this.isExpanded = this.isOpen;\n    this.inheritedAttributes = inheritAriaAttributes(this.el)\n    this.synchronizeSelect();\n  }\n\n  componentDidLoad() {\n    document.addEventListener('click', this.handleClickOutside);\n  }\n\n  disconnectedCallback() {\n    document.addEventListener('click', this.handleClickOutside);\n  }\n\n  private sanitizeOptions(rawOptions: any[]): { label: string; value: string; selected: boolean }[] {\n    const validOptions = [];\n    const invalidOptions = [];\n\n    rawOptions.forEach(option => {\n      if (typeof option.label === 'string' && option.label.trim() !== '') {\n        validOptions.push({\n          label: option.label.trim(),\n          value: typeof option.value === 'string' ? option.value : '',\n          selected: typeof option.selected === 'boolean' ? option.selected : false,\n        });\n      } else {\n        invalidOptions.push(option);\n      }\n    });\n\n    if (invalidOptions.length > 0) {\n      console.warn('Opções inválidas descartadas:', invalidOptions);\n    }\n\n    return validOptions;\n  }\n\n  private readonly handleClickOutside = (event: MouseEvent) => {\n    const target = event.target as HTMLElement;\n    if (this.isExpanded && !this.el.contains(target)) {\n      this.isExpanded = false;\n    }\n  }\n\n  private handleKeydownOnInput(event: KeyboardEvent) {\n    switch (event.key) {\n      case 'Tab':\n        this.closeSelect();\n        break;\n      case 'ArrowDown':\n        event.preventDefault();\n        if (!this.isExpanded) {\n          this.openSelect();\n        }\n        this.focusItemInDirection('next');\n        break;\n      case 'ArrowUp':\n        event.preventDefault();\n        if (!this.isExpanded) {\n          this.openSelect();\n        }\n        this.focusItemInDirection('previous');\n        break;\n      case 'Escape':\n        this.closeSelect();\n        this.resetFocus();\n        break;\n      case 'Enter':\n        this.toggleOpen();\n        break;\n      default:\n    }\n  }\n\n  private handleKeydownOnList(event: KeyboardEvent) {\n    event.preventDefault();\n    switch (event.key) {\n      case 'Tab':\n      case 'Escape':\n        this.resetFocus();\n        break;\n      case 'ArrowUp':\n        this.focusItemInDirection('previous');\n        break;\n      case 'ArrowDown':\n        this.focusItemInDirection('next');\n        break;\n      default:\n        break;\n    }\n  }\n\n  private handleKeydownOnItem(event: KeyboardEvent, index: number) {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.handleSelection(index); // Garante que o índice correto será usado\n    } else if (event.key === 'Escape') {\n      this.closeSelect();\n    }\n  }\n\n  private handleSelectAllKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.toggleSelectAll();\n    } else if (event.key === 'Escape') {\n      event.preventDefault();\n      this.closeSelect();\n    }\n  }\n\n  private resetFocus() {\n    const input = this.el.shadowRoot.querySelector('br-input') as HTMLElement;\n    input.focus();\n  }\n\n  private focusItemInDirection(direction: 'next' | 'previous') {\n    let itemCount = this.parsedOptions.length;\n    if (this.isMultiple) itemCount += 1;\n\n    this.focusedIndex = direction === 'next'\n      ? (this.focusedIndex + 1) % itemCount\n      : (this.focusedIndex - 1 + itemCount) % itemCount;\n\n    this.focusItem(this.focusedIndex);\n  }\n\n  private focusItem(index: number) {\n    const items = this.el.shadowRoot.querySelectorAll('.br-item');\n    const item = items[index] as HTMLElement;\n    item.focus();\n  }\n\n  private openSelect() {\n    this.isExpanded = true;\n  }\n\n  private closeSelect() {\n    this.isExpanded = false;\n  }\n\n\n  private handleSelection(index: number) {\n    if (index < 0 || index >= this.parsedOptions.length) {\n      return;\n    }\n\n    if (this.isMultiple) {\n      this.parsedOptions[index].selected = !this.parsedOptions[index].selected;\n    } else {\n      this.parsedOptions.forEach(option => option.selected = false);\n      this.parsedOptions[index].selected = true;\n      this.isExpanded = false;\n    }\n    this.updateSelectedOptions();\n    this.emitSelectedOptions();\n    this.updateSelectedAllState();\n  }\n\n  private updateSelectedOptions() {\n    this.inputValue = this.getStringValue(this.parsedOptions.filter(option => option.selected));\n  }\n\n  private getStringValue(options) {\n    if (options.length > 0) {\n      const firstSelected = options[0].label || options[0].value;\n      if (this.isMultiple) {\n        const howManySelected = options.length > 1 ? ` + (${options.length - 1})` : '';\n        return `${firstSelected}${howManySelected}`;\n      } else {\n        return firstSelected;\n      }\n    }\n    return '';\n  }\n\n  private emitSelectedOptions() {\n    const selectedOptions = this.parsedOptions\n    .filter((option)  => option.selected === true)\n    .map((option) => option.label ?? option.value);\n\n    this.brDidSelectChange.emit(selectedOptions);\n  }\n\n  private updateSelectedAllState() {\n    const allSelected = this.parsedOptions.every(option => option.selected);\n    this.isAllSelected = allSelected;\n  }\n\n  private toggleSelectAll() {\n    if (this.isAllSelected) {\n      this.parsedOptions.forEach(option => option.selected = false);\n      this.isAllSelected = false;\n    } else {\n      this.parsedOptions.forEach(option => option.selected = true);\n      this.isAllSelected = true;\n    }\n\n    this.updateSelectedOptions();\n    this.emitSelectedOptions();\n  }\n\n  private renderInput() {\n    return (\n      <br-input\n        value={this.inputValue}\n        label={this.label}\n        placeholder={this.placeholder}\n        readonly\n        onClick={() => this.toggleOpen()}\n        onKeyDown={(event) => this.handleKeydownOnInput(event)}\n      >\n        {this.showSearchIcon && <br-icon slot=\"icon\" icon-name=\"fa-solid:search\" aria-hidden=\"true\"></br-icon>}\n        <br-icon slot=\"action\"\n          icon-name={this.isExpanded ? 'fa-solid:angle-up' : 'fa-solid:angle-down'}\n          height=\"16\"\n          aria-hidden=\"true\">\n        </br-icon>\n      </br-input>\n    );\n  }\n\n  private renderSelectAllCheckbox() {\n    return (\n      <div class={`br-item highlighted ${this.isAllSelected ? 'selected' : ''}`}\n           data-all=\"data-all\"\n           tabindex=\"-1\"\n           role=\"option\"\n           aria-selected={this.isAllSelected}\n           onKeyDown={(event) => this.handleSelectAllKeyDown(event)}\n           >\n        <br-checkbox\n          name={`checkbox-${this.idDefault}`}\n          label={this.isAllSelected ? this.unselectAllLabel : this.selectAllLabel}\n          checked={this.isAllSelected}\n          onBrDidCheckedChange={() => this.toggleSelectAll()}\n        ></br-checkbox>\n      </div>\n    );\n  }\n\n  private renderOptions() {\n    return (\n      this.parsedOptions.map((option, index) => (\n        <div\n          class={`br-item ${option.selected ? 'selected' : ''}`}\n          key={`${option.label}-${this.idDefault}`}\n          role=\"option\"\n          tabindex={this.focusedIndex === index ? 0 : -1}\n          aria-selected={option.selected}\n          onClick={() => this.handleSelection(index)}\n          onKeyDown={(event) => this.handleKeydownOnItem(event, index)}\n        >\n          {this.isMultiple ?\n            (\n              <br-checkbox\n                name={`checkbox-${index}-${this.idDefault}`}\n                label={option.label || option.value}\n                checked={option.selected === true}\n                onBrDidCheckedChange={() => this.handleSelection(index)}\n              />\n            )\n            :\n            (<br-radio\n              exportparts=\"radio-input, radio-label\"\n              name={`radio-${index}-${this.idDefault}`}\n              label={option.label || option.value}\n              checked={option.selected === true}\n              onBrDidChange={() => this.handleSelection(index)}\n            />)\n          }\n        </div>\n      ))\n    );\n  }\n\n    /**\n   * Determina um id para o radio.\n   */\n    private getComputedId() {\n      return this.customId?.length > 0 ? this.customId : `br-select-${this.idDefault}`;\n    }\n\n  /**\n   * Inverte o valor da prop `isOpen`\n   */\n  @Method()\n  async toggleOpen() {\n    this.isExpanded = !this.isExpanded\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-select': true,\n    }\n  }\n\n  private inheritedAttributes: Attributes = {}\n\n  render() {\n    return (\n      <div class={this.getCssClassMap()} {...this.inheritedAttributes} id={this.getComputedId()}>\n        {this.renderInput()}\n\n        {this.isExpanded &&\n          <br-list tabindex={-1} onKeyDown={(event) => this.handleKeydownOnList(event)}>\n            {this.isMultiple && (this.renderSelectAllCheckbox())}\n            {this.renderOptions()}\n          </br-list>\n        }\n      </div>\n    );\n  }\n}\n\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["selectCss","BrSelectStyle0","Select","this","idDefault","uuidv4","handleClickOutside","event","target","isExpanded","el","contains","inheritedAttributes","synchronizeSelect","rawOptions","JSON","parse","options","parsedOptions","sanitizeOptions","updateSelectedOptions","updateSelectedAllState","emitSelectedOptions","error","console","componentWillLoad","isOpen","inheritAriaAttributes","componentDidLoad","document","addEventListener","disconnectedCallback","validOptions","invalidOptions","forEach","option","label","trim","push","value","selected","length","warn","handleKeydownOnInput","key","closeSelect","preventDefault","openSelect","focusItemInDirection","resetFocus","toggleOpen","handleKeydownOnList","handleKeydownOnItem","index","handleSelection","handleSelectAllKeyDown","toggleSelectAll","input","shadowRoot","querySelector","focus","direction","itemCount","isMultiple","focusedIndex","focusItem","items","querySelectorAll","item","inputValue","getStringValue","filter","firstSelected","howManySelected","selectedOptions","map","_a","brDidSelectChange","emit","allSelected","every","isAllSelected","renderInput","h","placeholder","readonly","onClick","onKeyDown","showSearchIcon","slot","height","renderSelectAllCheckbox","class","tabindex","role","name","unselectAllLabel","selectAllLabel","checked","onBrDidCheckedChange","renderOptions","exportparts","onBrDidChange","getComputedId","customId","getCssClassMap","render","Object","assign","id"],"sources":["src/components/select/select.scss?tag=br-select&encapsulation=shadow","src/components/select/select.tsx"],"sourcesContent":["@import \"../../../../../node_modules/@govbr-ds/core/src/components/select/select.scss\";\n@import \"../../../../../node_modules/@govbr-ds/core/src/components/item/item.scss\";\n\n:host {\n  display: block;\n\n  .br-select br-list {\n    background-color: var(--bg-color);\n    box-shadow: var(--select-shadow);\n    margin-top: -2px;\n    max-height: 404px;\n    overflow: auto;\n    position: absolute;\n    resize: none;\n    width: 100%;\n    z-index: 1;\n\n    @include scrollbar;\n\n    &:focus,\n    &:active {\n      color: var(--color-secondary-09);\n      outline: none;\n    }\n\n    &:hover {\n      &::-webkit-scrollbar-thumb {\n        background: var(--color-secondary-07);\n      }\n    }\n\n\n    .br-item br-radio::part(radio-input)  {\n      visibility: hidden;\n      height: 0;\n      width: 0;\n      }\n\n    .br-item br-radio::part(radio-label) {\n      padding-left: var(--spacing-scale-base);\n      position: relative;\n\n      &::before,\n      &::after {\n        display: none;\n      }\n    }\n  }\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { v4 as uuidv4 } from 'uuid';\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\nimport { CssClassMap } from '../../utils/interfaces';\n\n@Component({\n  tag: 'br-select',\n  styleUrl: 'select.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Select {\n    /**\n    * Referência ao elemento host do componente.\n    * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n    */\n    @Element() el: HTMLBrSelectElement\n\n    @AttachInternals() elementInternals: ElementInternals\n\n    /**\n    * Rótulo que indica o tipo de informação que deve ser selecionada.\n    */\n    @Prop({ reflect: true }) label: string;\n\n    /**\n    * Texto auxiliar exibido antes de uma seleção.\n    */\n    @Prop({ reflect: true }) placeholder: string = '';\n\n   /**\n    * Habilita o modo múltiplo para selecionar várias opções.\n    */\n   @Prop({ reflect: true }) isMultiple: boolean = false;\n\n   /**\n    * JSON contendo as opções do select.\n    */\n   @Prop({ reflect: true }) options: string = '[]';\n\n   /**\n    * Rótulo para selecionar todas as opções.\n    */\n   @Prop({ reflect: true }) selectAllLabel: string = 'Selecionar todos';\n\n   /**\n    * Rótulo para desmarcar todas as opções.\n    */\n   @Prop({ reflect: true }) unselectAllLabel: string = 'Desselecionar todos';\n\n   /**\n    * Exibe o ícone de busca no campo de entrada.\n    */\n   @Prop({ reflect: true }) showSearchIcon: boolean = false;\n\n   /**\n    * Indica se a listagem de itens do select está expandida\n    */\n   @Prop({ reflect: true }) isOpen: boolean = false;\n\n   /**\n   * Especifica o ID do componente.\n   * Se não for fornecido, o ID será gerado automaticamente e de forma aleatória\n   */\n   @Prop({ reflect: true, attribute: 'id' }) customId: string\n\n  /**\n   * Contém o id gerado aleatoriamente\n   */\n   private readonly idDefault = `${uuidv4()}`\n\n  // Representa as opções do select disponíveis para renderização.\n  // Cada opção contém `label`, `value` e o estado de seleção (`selected`).\n  @State() parsedOptions: { label: string; value: string; selected: boolean }[] = [];\n\n  // Valor exibido no input, refletindo as opções selecionadas.\n  @State() inputValue: string = '';\n\n  // Indica se todas as opções estão selecionadas. Comportamento do checkbox \"Selecionar Todos\".\n  @State() isAllSelected: boolean = false;\n\n  // Controla se a lista de opções do select está expandida (aberta) ou colapsada (fechada).\n  @State() isExpanded: boolean = false;\n\n  // Armazena o índice do item atualmente focado, usado para navegação por teclado.\n  @State() focusedIndex: number = -1;\n\n  /**\n  * Evento emitido sempre que houver atualização nos itens selecionados.\n  */\n  @Event() brDidSelectChange: EventEmitter;\n\n  @Watch('options')\n  synchronizeSelect() {\n    try {\n      const rawOptions = JSON.parse(this.options);\n      this.parsedOptions = this.sanitizeOptions(rawOptions);\n      this.updateSelectedOptions();\n      this.updateSelectedAllState();\n      this.emitSelectedOptions();\n    } catch (error) {\n      console.error('Erro ao processar as opções do select:', error);\n      this.parsedOptions = [];\n    }\n  }\n\n  componentWillLoad() {\n    this.isExpanded = this.isOpen;\n    this.inheritedAttributes = inheritAriaAttributes(this.el)\n    this.synchronizeSelect();\n  }\n\n  componentDidLoad() {\n    document.addEventListener('click', this.handleClickOutside);\n  }\n\n  disconnectedCallback() {\n    document.addEventListener('click', this.handleClickOutside);\n  }\n\n  private sanitizeOptions(rawOptions: any[]): { label: string; value: string; selected: boolean }[] {\n    const validOptions = [];\n    const invalidOptions = [];\n\n    rawOptions.forEach(option => {\n      if (typeof option.label === 'string' && option.label.trim() !== '') {\n        validOptions.push({\n          label: option.label.trim(),\n          value: typeof option.value === 'string' ? option.value : '',\n          selected: typeof option.selected === 'boolean' ? option.selected : false,\n        });\n      } else {\n        invalidOptions.push(option);\n      }\n    });\n\n    if (invalidOptions.length > 0) {\n      console.warn('Opções inválidas descartadas:', invalidOptions);\n    }\n\n    return validOptions;\n  }\n\n  private readonly handleClickOutside = (event: MouseEvent) => {\n    const target = event.target as HTMLElement;\n    if (this.isExpanded && !this.el.contains(target)) {\n      this.isExpanded = false;\n    }\n  }\n\n  private handleKeydownOnInput(event: KeyboardEvent) {\n    switch (event.key) {\n      case 'Tab':\n        this.closeSelect();\n        break;\n      case 'ArrowDown':\n        event.preventDefault();\n        if (!this.isExpanded) {\n          this.openSelect();\n        }\n        this.focusItemInDirection('next');\n        break;\n      case 'ArrowUp':\n        event.preventDefault();\n        if (!this.isExpanded) {\n          this.openSelect();\n        }\n        this.focusItemInDirection('previous');\n        break;\n      case 'Escape':\n        this.closeSelect();\n        this.resetFocus();\n        break;\n      case 'Enter':\n        this.toggleOpen();\n        break;\n      default:\n    }\n  }\n\n  private handleKeydownOnList(event: KeyboardEvent) {\n    event.preventDefault();\n    switch (event.key) {\n      case 'Tab':\n      case 'Escape':\n        this.resetFocus();\n        break;\n      case 'ArrowUp':\n        this.focusItemInDirection('previous');\n        break;\n      case 'ArrowDown':\n        this.focusItemInDirection('next');\n        break;\n      default:\n        break;\n    }\n  }\n\n  private handleKeydownOnItem(event: KeyboardEvent, index: number) {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.handleSelection(index); // Garante que o índice correto será usado\n    } else if (event.key === 'Escape') {\n      this.closeSelect();\n    }\n  }\n\n  private handleSelectAllKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.toggleSelectAll();\n    } else if (event.key === 'Escape') {\n      event.preventDefault();\n      this.closeSelect();\n    }\n  }\n\n  private resetFocus() {\n    const input = this.el.shadowRoot.querySelector('br-input') as HTMLElement;\n    input.focus();\n  }\n\n  private focusItemInDirection(direction: 'next' | 'previous') {\n    let itemCount = this.parsedOptions.length;\n    if (this.isMultiple) itemCount += 1;\n\n    this.focusedIndex = direction === 'next'\n      ? (this.focusedIndex + 1) % itemCount\n      : (this.focusedIndex - 1 + itemCount) % itemCount;\n\n    this.focusItem(this.focusedIndex);\n  }\n\n  private focusItem(index: number) {\n    const items = this.el.shadowRoot.querySelectorAll('.br-item');\n    const item = items[index] as HTMLElement;\n    item.focus();\n  }\n\n  private openSelect() {\n    this.isExpanded = true;\n  }\n\n  private closeSelect() {\n    this.isExpanded = false;\n  }\n\n\n  private handleSelection(index: number) {\n    if (index < 0 || index >= this.parsedOptions.length) {\n      return;\n    }\n\n    if (this.isMultiple) {\n      this.parsedOptions[index].selected = !this.parsedOptions[index].selected;\n    } else {\n      this.parsedOptions.forEach(option => option.selected = false);\n      this.parsedOptions[index].selected = true;\n      this.isExpanded = false;\n    }\n    this.updateSelectedOptions();\n    this.emitSelectedOptions();\n    this.updateSelectedAllState();\n  }\n\n  private updateSelectedOptions() {\n    this.inputValue = this.getStringValue(this.parsedOptions.filter(option => option.selected));\n  }\n\n  private getStringValue(options) {\n    if (options.length > 0) {\n      const firstSelected = options[0].label || options[0].value;\n      if (this.isMultiple) {\n        const howManySelected = options.length > 1 ? ` + (${options.length - 1})` : '';\n        return `${firstSelected}${howManySelected}`;\n      } else {\n        return firstSelected;\n      }\n    }\n    return '';\n  }\n\n  private emitSelectedOptions() {\n    const selectedOptions = this.parsedOptions\n    .filter((option)  => option.selected === true)\n    .map((option) => option.label ?? option.value);\n\n    this.brDidSelectChange.emit(selectedOptions);\n  }\n\n  private updateSelectedAllState() {\n    const allSelected = this.parsedOptions.every(option => option.selected);\n    this.isAllSelected = allSelected;\n  }\n\n  private toggleSelectAll() {\n    if (this.isAllSelected) {\n      this.parsedOptions.forEach(option => option.selected = false);\n      this.isAllSelected = false;\n    } else {\n      this.parsedOptions.forEach(option => option.selected = true);\n      this.isAllSelected = true;\n    }\n\n    this.updateSelectedOptions();\n    this.emitSelectedOptions();\n  }\n\n  private renderInput() {\n    return (\n      <br-input\n        value={this.inputValue}\n        label={this.label}\n        placeholder={this.placeholder}\n        readonly\n        onClick={() => this.toggleOpen()}\n        onKeyDown={(event) => this.handleKeydownOnInput(event)}\n      >\n        {this.showSearchIcon && <br-icon slot=\"icon\" icon-name=\"fa-solid:search\" aria-hidden=\"true\"></br-icon>}\n        <br-icon slot=\"action\"\n          icon-name={this.isExpanded ? 'fa-solid:angle-up' : 'fa-solid:angle-down'}\n          height=\"16\"\n          aria-hidden=\"true\">\n        </br-icon>\n      </br-input>\n    );\n  }\n\n  private renderSelectAllCheckbox() {\n    return (\n      <div class={`br-item highlighted ${this.isAllSelected ? 'selected' : ''}`}\n           data-all=\"data-all\"\n           tabindex=\"-1\"\n           role=\"option\"\n           aria-selected={this.isAllSelected}\n           onKeyDown={(event) => this.handleSelectAllKeyDown(event)}\n           >\n        <br-checkbox\n          name={`checkbox-${this.idDefault}`}\n          label={this.isAllSelected ? this.unselectAllLabel : this.selectAllLabel}\n          checked={this.isAllSelected}\n          onBrDidCheckedChange={() => this.toggleSelectAll()}\n        ></br-checkbox>\n      </div>\n    );\n  }\n\n  private renderOptions() {\n    return (\n      this.parsedOptions.map((option, index) => (\n        <div\n          class={`br-item ${option.selected ? 'selected' : ''}`}\n          key={`${option.label}-${this.idDefault}`}\n          role=\"option\"\n          tabindex={this.focusedIndex === index ? 0 : -1}\n          aria-selected={option.selected}\n          onClick={() => this.handleSelection(index)}\n          onKeyDown={(event) => this.handleKeydownOnItem(event, index)}\n        >\n          {this.isMultiple ?\n            (\n              <br-checkbox\n                name={`checkbox-${index}-${this.idDefault}`}\n                label={option.label || option.value}\n                checked={option.selected === true}\n                onBrDidCheckedChange={() => this.handleSelection(index)}\n              />\n            )\n            :\n            (<br-radio\n              exportparts=\"radio-input, radio-label\"\n              name={`radio-${index}-${this.idDefault}`}\n              label={option.label || option.value}\n              checked={option.selected === true}\n              onBrDidChange={() => this.handleSelection(index)}\n            />)\n          }\n        </div>\n      ))\n    );\n  }\n\n    /**\n   * Determina um id para o radio.\n   */\n    private getComputedId() {\n      return this.customId?.length > 0 ? this.customId : `br-select-${this.idDefault}`;\n    }\n\n  /**\n   * Inverte o valor da prop `isOpen`\n   */\n  @Method()\n  async toggleOpen() {\n    this.isExpanded = !this.isExpanded\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-select': true,\n    }\n  }\n\n  private inheritedAttributes: Attributes = {}\n\n  render() {\n    return (\n      <div class={this.getCssClassMap()} {...this.inheritedAttributes} id={this.getComputedId()}>\n        {this.renderInput()}\n\n        {this.isExpanded &&\n          <br-list tabindex={-1} onKeyDown={(event) => this.handleKeydownOnList(event)}>\n            {this.isMultiple && (this.renderSelectAllCheckbox())}\n            {this.renderOptions()}\n          </br-list>\n        }\n      </div>\n    );\n  }\n}\n\n"],"mappings":";;;;uHAAA,MAAMA,EAAY,k7tBAClB,MAAAC,EAAeD,E,MCUFE,EAAM,M,mQA0DCC,KAAAC,UAAY,GAAGC,MA0EhBF,KAAAG,mBAAsBC,IACrC,MAAMC,EAASD,EAAMC,OACrB,GAAIL,KAAKM,aAAeN,KAAKO,GAAGC,SAASH,GAAS,CAChDL,KAAKM,WAAa,K,GAiQdN,KAAAS,oBAAkC,G,sCAvXO,G,gBAKD,M,aAKJ,K,oBAKO,mB,sBAKE,sB,oBAKD,M,YAKR,M,2CAeoC,G,gBAGlD,G,mBAGI,M,gBAGH,M,mBAGE,C,CAQjC,iBAAAC,GACE,IACE,MAAMC,EAAaC,KAAKC,MAAMb,KAAKc,SACnCd,KAAKe,cAAgBf,KAAKgB,gBAAgBL,GAC1CX,KAAKiB,wBACLjB,KAAKkB,yBACLlB,KAAKmB,qB,CACL,MAAOC,GACPC,QAAQD,MAAM,yCAA0CA,GACxDpB,KAAKe,cAAgB,E,EAIzB,iBAAAO,GACEtB,KAAKM,WAAaN,KAAKuB,OACvBvB,KAAKS,oBAAsBe,EAAsBxB,KAAKO,IACtDP,KAAKU,mB,CAGP,gBAAAe,GACEC,SAASC,iBAAiB,QAAS3B,KAAKG,mB,CAG1C,oBAAAyB,GACEF,SAASC,iBAAiB,QAAS3B,KAAKG,mB,CAGlC,eAAAa,CAAgBL,GACtB,MAAMkB,EAAe,GACrB,MAAMC,EAAiB,GAEvBnB,EAAWoB,SAAQC,IACjB,UAAWA,EAAOC,QAAU,UAAYD,EAAOC,MAAMC,SAAW,GAAI,CAClEL,EAAaM,KAAK,CAChBF,MAAOD,EAAOC,MAAMC,OACpBE,aAAcJ,EAAOI,QAAU,SAAWJ,EAAOI,MAAQ,GACzDC,gBAAiBL,EAAOK,WAAa,UAAYL,EAAOK,SAAW,O,KAEhE,CACLP,EAAeK,KAAKH,E,KAIxB,GAAIF,EAAeQ,OAAS,EAAG,CAC7BjB,QAAQkB,KAAK,gCAAiCT,E,CAGhD,OAAOD,C,CAUD,oBAAAW,CAAqBpC,GAC3B,OAAQA,EAAMqC,KACZ,IAAK,MACHzC,KAAK0C,cACL,MACF,IAAK,YACHtC,EAAMuC,iBACN,IAAK3C,KAAKM,WAAY,CACpBN,KAAK4C,Y,CAEP5C,KAAK6C,qBAAqB,QAC1B,MACF,IAAK,UACHzC,EAAMuC,iBACN,IAAK3C,KAAKM,WAAY,CACpBN,KAAK4C,Y,CAEP5C,KAAK6C,qBAAqB,YAC1B,MACF,IAAK,SACH7C,KAAK0C,cACL1C,KAAK8C,aACL,MACF,IAAK,QACH9C,KAAK+C,aACL,M,CAKE,mBAAAC,CAAoB5C,GAC1BA,EAAMuC,iBACN,OAAQvC,EAAMqC,KACZ,IAAK,MACL,IAAK,SACHzC,KAAK8C,aACL,MACF,IAAK,UACH9C,KAAK6C,qBAAqB,YAC1B,MACF,IAAK,YACH7C,KAAK6C,qBAAqB,QAC1B,M,CAME,mBAAAI,CAAoB7C,EAAsB8C,GAChD,GAAI9C,EAAMqC,MAAQ,SAAWrC,EAAMqC,MAAQ,IAAK,CAC9CrC,EAAMuC,iBACN3C,KAAKmD,gBAAgBD,E,MAChB,GAAI9C,EAAMqC,MAAQ,SAAU,CACjCzC,KAAK0C,a,EAID,sBAAAU,CAAuBhD,GAC7B,GAAIA,EAAMqC,MAAQ,SAAWrC,EAAMqC,MAAQ,IAAK,CAC9CrC,EAAMuC,iBACN3C,KAAKqD,iB,MACA,GAAIjD,EAAMqC,MAAQ,SAAU,CACjCrC,EAAMuC,iBACN3C,KAAK0C,a,EAID,UAAAI,GACN,MAAMQ,EAAQtD,KAAKO,GAAGgD,WAAWC,cAAc,YAC/CF,EAAMG,O,CAGA,oBAAAZ,CAAqBa,GAC3B,IAAIC,EAAY3D,KAAKe,cAAcuB,OACnC,GAAItC,KAAK4D,WAAYD,GAAa,EAElC3D,KAAK6D,aAAeH,IAAc,QAC7B1D,KAAK6D,aAAe,GAAKF,GACzB3D,KAAK6D,aAAe,EAAIF,GAAaA,EAE1C3D,KAAK8D,UAAU9D,KAAK6D,a,CAGd,SAAAC,CAAUZ,GAChB,MAAMa,EAAQ/D,KAAKO,GAAGgD,WAAWS,iBAAiB,YAClD,MAAMC,EAAOF,EAAMb,GACnBe,EAAKR,O,CAGC,UAAAb,GACN5C,KAAKM,WAAa,I,CAGZ,WAAAoC,GACN1C,KAAKM,WAAa,K,CAIZ,eAAA6C,CAAgBD,GACtB,GAAIA,EAAQ,GAAKA,GAASlD,KAAKe,cAAcuB,OAAQ,CACnD,M,CAGF,GAAItC,KAAK4D,WAAY,CACnB5D,KAAKe,cAAcmC,GAAOb,UAAYrC,KAAKe,cAAcmC,GAAOb,Q,KAC3D,CACLrC,KAAKe,cAAcgB,SAAQC,GAAUA,EAAOK,SAAW,QACvDrC,KAAKe,cAAcmC,GAAOb,SAAW,KACrCrC,KAAKM,WAAa,K,CAEpBN,KAAKiB,wBACLjB,KAAKmB,sBACLnB,KAAKkB,wB,CAGC,qBAAAD,GACNjB,KAAKkE,WAAalE,KAAKmE,eAAenE,KAAKe,cAAcqD,QAAOpC,GAAUA,EAAOK,W,CAG3E,cAAA8B,CAAerD,GACrB,GAAIA,EAAQwB,OAAS,EAAG,CACtB,MAAM+B,EAAgBvD,EAAQ,GAAGmB,OAASnB,EAAQ,GAAGsB,MACrD,GAAIpC,KAAK4D,WAAY,CACnB,MAAMU,EAAkBxD,EAAQwB,OAAS,EAAI,OAAOxB,EAAQwB,OAAS,KAAO,GAC5E,MAAO,GAAG+B,IAAgBC,G,KACrB,CACL,OAAOD,C,EAGX,MAAO,E,CAGD,mBAAAlD,GACN,MAAMoD,EAAkBvE,KAAKe,cAC5BqD,QAAQpC,GAAYA,EAAOK,WAAa,OACxCmC,KAAKxC,IAAM,IAAAyC,EAAK,OAAAA,EAAAzC,EAAOC,SAAK,MAAAwC,SAAA,EAAAA,EAAIzC,EAAOI,KAAK,IAE7CpC,KAAK0E,kBAAkBC,KAAKJ,E,CAGtB,sBAAArD,GACN,MAAM0D,EAAc5E,KAAKe,cAAc8D,OAAM7C,GAAUA,EAAOK,WAC9DrC,KAAK8E,cAAgBF,C,CAGf,eAAAvB,GACN,GAAIrD,KAAK8E,cAAe,CACtB9E,KAAKe,cAAcgB,SAAQC,GAAUA,EAAOK,SAAW,QACvDrC,KAAK8E,cAAgB,K,KAChB,CACL9E,KAAKe,cAAcgB,SAAQC,GAAUA,EAAOK,SAAW,OACvDrC,KAAK8E,cAAgB,I,CAGvB9E,KAAKiB,wBACLjB,KAAKmB,qB,CAGC,WAAA4D,GACN,OACEC,EAAA,YACE5C,MAAOpC,KAAKkE,WACZjC,MAAOjC,KAAKiC,MACZgD,YAAajF,KAAKiF,YAClBC,SAAQ,KACRC,QAAS,IAAMnF,KAAK+C,aACpBqC,UAAYhF,GAAUJ,KAAKwC,qBAAqBpC,IAE/CJ,KAAKqF,gBAAkBL,EAAA,WAASM,KAAK,OAAM,YAAW,kBAAiB,cAAa,SACrFN,EAAA,WAASM,KAAK,SAAQ,YACTtF,KAAKM,WAAa,oBAAsB,sBACnDiF,OAAO,KAAI,cACC,S,CAMZ,uBAAAC,GACN,OACER,EAAA,OAAKS,MAAO,uBAAuBzF,KAAK8E,cAAgB,WAAa,KAAI,WAC3D,WACTY,SAAS,KACTC,KAAK,SAAQ,gBACE3F,KAAK8E,cACpBM,UAAYhF,GAAUJ,KAAKoD,uBAAuBhD,IAErD4E,EAAA,eACEY,KAAM,YAAY5F,KAAKC,YACvBgC,MAAOjC,KAAK8E,cAAgB9E,KAAK6F,iBAAmB7F,KAAK8F,eACzDC,QAAS/F,KAAK8E,cACdkB,qBAAsB,IAAMhG,KAAKqD,oB,CAMjC,aAAA4C,GACN,OACEjG,KAAKe,cAAcyD,KAAI,CAACxC,EAAQkB,IAC9B8B,EAAA,OACES,MAAO,WAAWzD,EAAOK,SAAW,WAAa,KACjDI,IAAK,GAAGT,EAAOC,SAASjC,KAAKC,YAC7B0F,KAAK,SACLD,SAAU1F,KAAK6D,eAAiBX,EAAQ,GAAK,EAAC,gBAC/BlB,EAAOK,SACtB8C,QAAS,IAAMnF,KAAKmD,gBAAgBD,GACpCkC,UAAYhF,GAAUJ,KAAKiD,oBAAoB7C,EAAO8C,IAErDlD,KAAK4D,WAEFoB,EAAA,eACEY,KAAM,YAAY1C,KAASlD,KAAKC,YAChCgC,MAAOD,EAAOC,OAASD,EAAOI,MAC9B2D,QAAS/D,EAAOK,WAAa,KAC7B2D,qBAAsB,IAAMhG,KAAKmD,gBAAgBD,KAIpD8B,EAAA,YACCkB,YAAY,2BACZN,KAAM,SAAS1C,KAASlD,KAAKC,YAC7BgC,MAAOD,EAAOC,OAASD,EAAOI,MAC9B2D,QAAS/D,EAAOK,WAAa,KAC7B8D,cAAe,IAAMnG,KAAKmD,gBAAgBD,O,CAW5C,aAAAkD,G,MACN,QAAO3B,EAAAzE,KAAKqG,YAAQ,MAAA5B,SAAA,SAAAA,EAAEnC,QAAS,EAAItC,KAAKqG,SAAW,aAAarG,KAAKC,W,CAOzE,gBAAM8C,GACJ/C,KAAKM,YAAcN,KAAKM,U,CAGlB,cAAAgG,GACN,MAAO,CACL,YAAa,K,CAMjB,MAAAC,GACE,OACEvB,EAAA,MAAAwB,OAAAC,OAAA,CAAAhE,IAAA,2CAAKgD,MAAOzF,KAAKsG,kBAAsBtG,KAAKS,oBAAmB,CAAEiG,GAAI1G,KAAKoG,kBACvEpG,KAAK+E,cAEL/E,KAAKM,YACJ0E,EAAA,WAAAvC,IAAA,2CAASiD,UAAW,EAAGN,UAAYhF,GAAUJ,KAAKgD,oBAAoB5C,IACnEJ,KAAK4D,YAAe5D,KAAKwF,0BACzBxF,KAAKiG,iB","ignoreList":[]}

package/dist/webcomponents/p-6d0d2846.system.js

@@ -0,0 +1,7 @@
+var __extends=this&&this.__extends||function(){var r=function(e,n){r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(r,e){r.__proto__=e}||function(r,e){for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n))r[n]=e[n]};return r(e,n)};return function(e,n){if(typeof n!=="function"&&n!==null)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");r(e,n);function t(){this.constructor=e}e.prototype=n===null?Object.create(n):(t.prototype=n.prototype,new t)}}();var __assign=this&&this.__assign||function(){__assign=Object.assign||function(r){for(var e,n=1,t=arguments.length;n<t;n++){e=arguments[n];for(var i in e)if(Object.prototype.hasOwnProperty.call(e,i))r[i]=e[i]}return r};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(r,e,n,t){function i(r){return r instanceof n?r:new n((function(e){e(r)}))}return new(n||(n=Promise))((function(n,a){function f(r){try{o(t.next(r))}catch(r){a(r)}}function u(r){try{o(t["throw"](r))}catch(r){a(r)}}function o(r){r.done?n(r.value):i(r.value).then(f,u)}o((t=t.apply(r,e||[])).next())}))};var __generator=this&&this.__generator||function(r,e){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},t,i,a,f;return f={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(f[Symbol.iterator]=function(){return this}),f;function u(r){return function(e){return o([r,e])}}function o(u){if(t)throw new TypeError("Generator is already executing.");while(f&&(f=0,u[0]&&(n=0)),n)try{if(t=1,i&&(a=u[0]&2?i["return"]:u[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,u[1])).done)return a;if(i=0,a)u=[u[0]&2,a.value];switch(u[0]){case 0:case 1:a=u;break;case 4:n.label++;return{value:u[1],done:false};case 5:n.label++;i=u[1];u=[0];continue;case 7:u=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(u[0]===6||u[0]===2)){n=0;continue}if(u[0]===3&&(!a||u[1]>a[0]&&u[1]<a[3])){n.label=u[1];break}if(u[0]===6&&n.label<a[1]){n.label=a[1];a=u;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(u);break}if(a[2])n.ops.pop();n.trys.pop();continue}u=e.call(r,n)}catch(r){u=[6,r];i=0}finally{t=a=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(r,e,n){if(n||arguments.length===2)for(var t=0,i=e.length,a;t<i;t++){if(a||!(t in e)){if(!a)a=Array.prototype.slice.call(e,0,t);a[t]=e[t]}}return r.concat(a||Array.prototype.slice.call(e))};
+/*!
+ * Construído com @govbr-ds/webcomponents
+ * Padrão Digital de Governo.
+ */System.register([],(function(r,e){"use strict";return{execute:function(){var n=this;var t="webcomponents";var i={allRenderFn:true,appendChildSlotFix:true,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:true,cmpDidLoad:true,cmpDidRender:true,cmpDidUnload:false,cmpDidUpdate:true,cmpShouldUpdate:true,cmpWillLoad:true,cmpWillRender:true,cmpWillUpdate:true,connectedCallback:true,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:true,element:false,event:true,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:true,hasRenderFn:true,hostListener:true,hostListenerTarget:true,hostListenerTargetBody:false,hostListenerTargetDocument:true,hostListenerTargetParent:false,hostListenerTargetWindow:true,hotModuleReplacement:false,hydrateClientSide:true,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,hydratedSelectorName:"hydrated",initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:true,mode:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:true,propNumber:true,propString:true,reflect:true,scoped:false,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:true,slot:true,slotChildNodesFix:false,slotRelocation:false,state:true,style:true,svg:false,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:true,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:true,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:true,watchCallback:true};var a=Object.defineProperty;var f=function(r,e){for(var n in e)a(r,n,{get:e[n],enumerable:true})};var u=new WeakMap;var o=function(r){return u.get(r)};var l=r("r",(function(r,e){return u.set(e.t=r,e)}));var v=function(r,e){var n={i:0,$hostElement$:r,u:e,o:new Map};{n.l=new Promise((function(r){return n.v=r}))}{n.h=new Promise((function(r){return n.p=r}));r["s-p"]=[];r["s-rc"]=[]}return u.set(r,n)};var s=function(r,e){return e in r};var c=function(r,e){return(0,console.error)(r,e)};var d=new Map;var h=function(r,n,t){var i=r.m.replace(/-/g,"_");var a=r.$;if(!a){return void 0}var f=d.get(a);if(f){return f[i]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return e.import("./".concat(a,".entry.js").concat("")).then((function(r){{d.set(a,r)}return r[i]}),c)};var p=new Map;var m="r";var y="o";var $="s";var b="t";var w="c";var g="s-id";var _="sty-id";var S="c-id";var k="{visibility:hidden}.hydrated{visibility:inherit}";var x="slot-fb{display:contents}slot-fb[hidden]{display:none}";var C="http://www.w3.org/1999/xlink";var j=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"];var A=typeof window!=="undefined"?window:{};var O=A.document||{head:{}};var D=r("H",A.HTMLElement||function(){function r(){}return r}());var E={i:0,_:"",jmp:function(r){return r()},raf:function(r){return requestAnimationFrame(r)},ael:function(r,e,n,t){return r.addEventListener(e,n,t)},rel:function(r,e,n,t){return r.removeEventListener(e,n,t)},ce:function(r,e){return new CustomEvent(r,e)}};var T=i.shadowDom;var L=function(){var r=false;try{O.addEventListener("e",null,Object.defineProperty({},"passive",{get:function(){r=true}}))}catch(r){}return r}();var R=r("p",(function(r){return Promise.resolve(r)}));var M=function(){try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(r){}return false}();var F=false;var P=[];var U=[];var I=function(r,e){return function(n){r.push(n);if(!F){F=true;if(e&&E.i&4){H(W)}else{E.raf(W)}}}};var N=function(r){for(var e=0;e<r.length;e++){try{r[e](performance.now())}catch(r){c(r)}}r.length=0};var W=function(){N(P);{N(U);if(F=P.length>0){E.raf(W)}}};var H=function(r){return R().then(r)};var z=I(U,true);var B={};var G=function(r){return r!=null};var Q=function(r){r=typeof r;return r==="object"||r==="function"};function q(r){var e,n,t;return(t=(n=(e=r.head)==null?void 0:e.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?t:void 0}var K={};f(K,{err:function(){return X},map:function(){return J},ok:function(){return V},unwrap:function(){return Y},unwrapErr:function(){return Z}});var V=function(r){return{isOk:true,isErr:false,value:r}};var X=function(r){return{isOk:false,isErr:true,value:r}};function J(r,e){if(r.isOk){var n=e(r.value);if(n instanceof Promise){return n.then((function(r){return V(r)}))}else{return V(n)}}if(r.isErr){var t=r.value;return X(t)}throw"should never get here"}var Y=function(r){if(r.isOk){return r.value}else{throw r.value}};var Z=function(r){if(r.isErr){return r.value}else{throw r.value}};var rr=r("h",(function(r,e){var n=[];for(var t=2;t<arguments.length;t++){n[t-2]=arguments[t]}var i=null;var a=null;var f=false;var u=false;var o=[];var l=function(e){for(var n=0;n<e.length;n++){i=e[n];if(Array.isArray(i)){l(i)}else if(i!=null&&typeof i!=="boolean"){if(f=typeof r!=="function"&&!Q(i)){i=String(i)}if(f&&u){o[o.length-1].S+=i}else{o.push(f?er(null,i):i)}u=f}}};l(n);if(e){if(e.key){a=e.key}{var v=e.className||e.class;if(v){e.class=typeof v!=="object"?v:Object.keys(v).filter((function(r){return v[r]})).join(" ")}}}if(typeof r==="function"){return r(e===null?{}:e,o,ir)}var s=er(r,null);s.k=e;if(o.length>0){s.C=o}{s.j=a}return s}));var er=function(r,e){var n={i:0,A:r,S:e,O:null,C:null};{n.k=null}{n.j=null}return n};var nr=r("a",{});var tr=function(r){return r&&r.A===nr};var ir={forEach:function(r,e){return r.map(ar).forEach(e)},map:function(r,e){return r.map(ar).map(e).map(fr)}};var ar=function(r){return{vattrs:r.k,vchildren:r.C,vkey:r.j,vname:r.D,vtag:r.A,vtext:r.S}};var fr=function(r){if(typeof r.vtag==="function"){var e=__assign({},r.vattrs);if(r.vkey){e.key=r.vkey}if(r.vname){e.name=r.vname}return rr.apply(void 0,__spreadArray([r.vtag,e],r.vchildren||[],false))}var n=er(r.vtag,r.vtext);n.k=r.vattrs;n.C=r.vchildren;n.j=r.vkey;n.D=r.vname;return n};var ur=function(r,e,n,t,i,a){if(n!==t){var f=s(r,e);var u=e.toLowerCase();if(e==="class"){var o=r.classList;var l=lr(n);var v=lr(t);if(r["s-si"]&&v.indexOf(r["s-si"])<0){v.push(r["s-si"])}o.remove.apply(o,l.filter((function(r){return r&&!v.includes(r)})));o.add.apply(o,v.filter((function(r){return r&&!l.includes(r)})))}else if(e==="style"){{for(var c in n){if(!t||t[c]==null){if(c.includes("-")){r.style.removeProperty(c)}else{r.style[c]=""}}}}for(var c in t){if(!n||t[c]!==n[c]){if(c.includes("-")){r.style.setProperty(c,t[c])}else{r.style[c]=t[c]}}}}else if(e==="key");else if(e==="ref"){if(t){t(r)}}else if(!f&&e[0]==="o"&&e[1]==="n"){if(e[2]==="-"){e=e.slice(3)}else if(s(A,u)){e=u.slice(2)}else{e=u[2]+e.slice(3)}if(n||t){var d=e.endsWith(vr);e=e.replace(sr,"");if(n){E.rel(r,e,n,d)}if(t){E.ael(r,e,t,d)}}}else{var h=Q(t);if((f||h&&t!==null)&&!i){try{if(!r.tagName.includes("-")){var p=t==null?"":t;if(e==="list"){f=false}else if(n==null||r[e]!=p){if(typeof r.__lookupSetter__(e)==="function"){r[e]=p}else{r.setAttribute(e,p)}}}else{r[e]=t}}catch(r){}}var m=false;{if(u!==(u=u.replace(/^xlink\:?/,""))){e=u;m=true}}if(t==null||t===false){if(t!==false||r.getAttribute(e)===""){if(m){r.removeAttributeNS(C,e)}else{r.removeAttribute(e)}}}else if((!f||a&4||i)&&!h){t=t===true?"":t;if(m){r.setAttributeNS(C,e,t)}else{r.setAttribute(e,t)}}}}};var or=/\s/;var lr=function(r){return!r?[]:r.split(or)};var vr="Capture";var sr=new RegExp(vr+"$");var cr=function(r,e,n){var t=e.O.nodeType===11&&e.O.host?e.O.host:e.O;var i=r&&r.k||B;var a=e.k||B;{for(var f=0,u=dr(Object.keys(i));f<u.length;f++){var o=u[f];if(!(o in a)){ur(t,o,i[o],void 0,n,e.i)}}}for(var l=0,v=dr(Object.keys(a));l<v.length;l++){var o=v[l];ur(t,o,i[o],a[o],n,e.i)}};function dr(r){return r.includes("ref")?__spreadArray(__spreadArray([],r.filter((function(r){return r!=="ref"})),true),["ref"],false):r}var hr;var pr;var mr=false;var yr=false;var $r=function(r,e,n,t){var a=e.C[n];var f=0;var u;var o;if(a.S!==null){u=a.O=O.createTextNode(a.S)}else{u=a.O=O.createElement(!mr&&i.slotRelocation&&a.i&2?"slot-fb":a.A);{cr(null,a,yr)}var l=u.getRootNode();var v=!l.querySelector("body");if(!v&&i.scoped&&G(hr)&&u["s-si"]!==hr){u.classList.add(u["s-si"]=hr)}if(a.C){for(f=0;f<a.C.length;++f){o=$r(r,a,f);if(o){u.appendChild(o)}}}}u["s-hn"]=pr;return u};var br=function(r,e,n,t,i,a){var f=r;var u;if(f.shadowRoot&&f.tagName===pr){f=f.shadowRoot}for(;i<=a;++i){if(t[i]){u=$r(null,n,i);if(u){t[i].O=u;Cr(f,u,e)}}}};var wr=function(r,e,n){for(var t=e;t<=n;++t){var i=r[t];if(i){var a=i.O;xr(i);if(a){a.remove()}}}};var gr=function(r,e,n,t,i){if(i===void 0){i=false}var a=0;var f=0;var u=0;var o=0;var l=e.length-1;var v=e[0];var s=e[l];var c=t.length-1;var d=t[0];var h=t[c];var p;var m;while(a<=l&&f<=c){if(v==null){v=e[++a]}else if(s==null){s=e[--l]}else if(d==null){d=t[++f]}else if(h==null){h=t[--c]}else if(_r(v,d,i)){Sr(v,d,i);v=e[++a];d=t[++f]}else if(_r(s,h,i)){Sr(s,h,i);s=e[--l];h=t[--c]}else if(_r(v,h,i)){Sr(v,h,i);Cr(r,v.O,s.O.nextSibling);v=e[++a];h=t[--c]}else if(_r(s,d,i)){Sr(s,d,i);Cr(r,s.O,v.O);s=e[--l];d=t[++f]}else{u=-1;{for(o=a;o<=l;++o){if(e[o]&&e[o].j!==null&&e[o].j===d.j){u=o;break}}}if(u>=0){m=e[u];if(m.A!==d.A){p=$r(e&&e[f],n,u)}else{Sr(m,d,i);e[u]=void 0;p=m.O}d=t[++f]}else{p=$r(e&&e[f],n,f);d=t[++f]}if(p){{Cr(v.O.parentNode,p,v.O)}}}}if(a>l){br(r,t[c+1]==null?null:t[c+1].O,n,t,f,c)}else if(f>c){wr(e,a,l)}};var _r=function(r,e,n){if(n===void 0){n=false}if(r.A===e.A){if(!n){return r.j===e.j}return true}return false};var Sr=function(r,e,n){if(n===void 0){n=false}var t=e.O=r.O;var a=r.C;var f=e.C;var u=e.A;var o=e.S;if(o===null){{if(u==="slot"&&!mr);else{cr(r,e,yr)}}if(a!==null&&f!==null){gr(t,a,e,f,n)}else if(f!==null){if(r.S!==null){t.textContent=""}br(t,null,e,f,0,f.length-1)}else if(!n&&i.updatable&&a!==null){wr(a,0,a.length-1)}}else if(r.S!==o){t.data=o}};var kr=function(r){var e=r.__childNodes||r.childNodes;for(var n=0,t=e;n<t.length;n++){var i=t[n];if(i.nodeType===1){if(i["s-sr"]){var a=i["s-sn"];i.hidden=false;for(var f=0,u=e;f<u.length;f++){var o=u[f];if(o!==i){if(o["s-hn"]!==i["s-hn"]||a!==""){if(o.nodeType===1&&(a===o.getAttribute("slot")||a===o["s-sn"])||o.nodeType===3&&a===o["s-sn"]){i.hidden=true;break}}else if(a===o["s-sn"]){if(o.nodeType===1||o.nodeType===3&&o.textContent.trim()!==""){i.hidden=true;break}}}}}kr(i)}}};var xr=function(r){{r.k&&r.k.ref&&r.k.ref(null);r.C&&r.C.map(xr)}};var Cr=function(r,e,n){var t=r==null?void 0:r.insertBefore(e,n);return t};var jr=function(r,e,n){if(n===void 0){n=false}var t=r.$hostElement$;var i=r.u;var a=r.T||er(null,null);var f=tr(e)?e:rr(null,null,e);pr=t.tagName;if(i.L){f.k=f.k||{};i.L.map((function(r){var e=r[0],n=r[1];return f.k[n]=t[e]}))}if(n&&f.k){for(var u=0,o=Object.keys(f.k);u<o.length;u++){var l=o[u];if(t.hasAttribute(l)&&!["key","ref","style","class"].includes(l)){f.k[l]=t[l]}}}f.A=null;f.i|=4;r.T=f;f.O=a.O=t.shadowRoot||t;{hr=t["s-sc"]}mr=(i.i&1)!==0;Sr(a,f,n)};var Ar=function(r){var e=r.cloneNode;r.cloneNode=function(r){var n=this;var t=n.shadowRoot&&T;var i=e.call(n,t?r:false);if(!t&&r){var a=0;var f=void 0,u=void 0;var o=["s-id","s-cr","s-lr","s-rc","s-sc","s-p","s-cn","s-sr","s-sn","s-hn","s-ol","s-nr","s-si","s-rf","s-scs"];var l=this.__childNodes||this.childNodes;for(;a<l.length;a++){f=l[a]["s-nr"];u=o.every((function(r){return!l[a][r]}));if(f){if(i.__appendChild){i.__appendChild(f.cloneNode(true))}else{i.appendChild(f.cloneNode(true))}}if(u){i.appendChild(l[a].cloneNode(true))}}}return i}};var Or=function(r){r.__appendChild=r.appendChild;r.appendChild=function(r){var e=r["s-sn"]=Er(r);var n=Tr(this.__childNodes||this.childNodes,e,this.tagName);if(n){Dr(r,n);var t=Lr(n,e);var i=t[t.length-1];var a=Cr(i.parentNode,r,i.nextSibling);kr(this);return a}return this.__appendChild(r)}};var Dr=function(r,e,n,t){var i;if(r["s-ol"]&&r["s-ol"].isConnected){i=r["s-ol"]}else{i=document.createTextNode("");i["s-nr"]=r}if(!e["s-cr"]||!e["s-cr"].parentNode)return;var a=e["s-cr"].parentNode;var f=n?a.__prepend||a.prepend:a.__appendChild||a.appendChild;if(typeof t!=="undefined"){{i["s-oo"]=t;var u=a.__childNodes||a.childNodes;var o=[i];u.forEach((function(r){if(r["s-nr"])o.push(r)}));o.sort((function(r,e){if(!r["s-oo"]||r["s-oo"]<e["s-oo"])return-1;else if(!e["s-oo"]||e["s-oo"]<r["s-oo"])return 1;return 0}));o.forEach((function(r){return f.call(a,r)}))}}else{f.call(a,i)}r["s-ol"]=i;r["s-sh"]=e["s-hn"]};var Er=function(r){return r["s-sn"]||r.nodeType===1&&r.getAttribute("slot")||""};var Tr=function(r,e,n){var t=0;var i;for(;t<r.length;t++){i=r[t];if(i["s-sr"]&&i["s-sn"]===e&&i["s-hn"]===n){return i}i=Tr(i.childNodes,e,n);if(i){return i}}return null};var Lr=function(r,e){var n=[r];while((r=r.nextSibling)&&r["s-sn"]===e){n.push(r)}return n};var Rr=function(r,e){if(e===void 0){e=""}{return function(){return}}};var Mr=function(r,e){{return function(){return}}};var Fr=function(r,e,n,t){var i=Rr("hydrateClient",e);var a=r.shadowRoot;var f=[];var u=[];var o=[];var l=a?[]:null;var v=er(e,null);v.O=r;if(!E.R){Ur(O.body,E.R=new Map)}r[g]=n;r.removeAttribute(g);t.T=Pr(v,f,u,l,r,r,n,o);var s=0;var c=f.length;var d;for(s;s<c;s++){d=f[s];var h=d.M+"."+d.F;var p=E.R.get(h);var m=d.O;if(!a){m["s-hn"]=e.toUpperCase();if(d.A==="slot"){m["s-cr"]=r["s-cr"]}}if(p&&p.isConnected){if(a&&p["s-en"]===""){p.parentNode.insertBefore(m,p.nextSibling)}p.parentNode.removeChild(p);if(!a){m["s-oo"]=parseInt(d.F)}}E.R.delete(h)}var y=[];var $=0;var b=o.length;var w;var _;var S;var k;for($;$<b;$++){w=o[$];if(!w||!w.length)continue;S=w.length;_=0;for(_;_<S;_++){k=w[_];if(!y[k.hostId]){y[k.hostId]=E.R.get(k.hostId)}if(!y[k.hostId])continue;var x=y[k.hostId];if(!x.shadowRoot||!a){k.slot["s-cr"]=x["s-cr"];if(!k.slot["s-cr"]&&x.shadowRoot){k.slot["s-cr"]=x}else{var C=x.__childNodes||x.childNodes;k.slot["s-cr"]=C[0]}Dr(k.node,k.slot,false,k.node["s-oo"])}if(x.shadowRoot&&k.node.parentElement!==x){x.appendChild(k.node)}}}if(a){var j=0;var A=l.length;for(j;j<A;j++){a.appendChild(l[j])}Array.from(r.childNodes).forEach((function(r){if(r.nodeType===8&&typeof r["s-sn"]!=="string"){r.parentNode.removeChild(r)}}))}t.$hostElement$=r;i()};var Pr=function(r,e,n,t,i,a,f,u){if(u===void 0){u=[]}var o;var l;var v;var s;var c=i["s-sc"];if(a.nodeType===1){o=a.getAttribute(S);if(o){l=o.split(".");if(l[0]===f||l[0]==="0"){v=Ir({i:0,M:l[0],F:l[1],P:l[2],U:l[3],A:a.tagName.toLowerCase(),O:a,k:{class:a.className}});e.push(v);a.removeAttribute(S);if(!r.C){r.C=[]}var d=v.O.getAttribute("s-sn");if(typeof d==="string"){if(v.A==="slot-fb"){Nr(d,l[2],v,a,r,e,n,t,u)}v.O["s-sn"]=d;v.O.removeAttribute("s-sn")}if(v.U!==void 0){r.C[v.U]=v}if(c)a["s-si"]=c;r=v;if(t&&v.P==="0"){t[v.U]=v.O}}}if(a.shadowRoot){for(s=a.shadowRoot.childNodes.length-1;s>=0;s--){Pr(r,e,n,t,i,a.shadowRoot.childNodes[s],f,u)}}var h=a.__childNodes||a.childNodes;for(s=h.length-1;s>=0;s--){Pr(r,e,n,t,i,h[s],f,u)}}else if(a.nodeType===8){l=a.nodeValue.split(".");if(l[1]===f||l[1]==="0"){o=l[0];v=Ir({M:l[1],F:l[2],P:l[3],U:l[4]||"0",O:a,k:null,C:null,j:null,D:null,A:null,S:null});if(o===b){v.O=a.nextSibling;if(v.O&&v.O.nodeType===3){v.S=v.O.textContent;e.push(v);a.remove();if(f===v.M){if(!r.C){r.C=[]}r.C[v.U]=v}if(t&&v.P==="0"){t[v.U]=v.O}}}else if(o===w){v.O=a.nextSibling;if(v.O&&v.O.nodeType===8){e.push(v);a.remove()}}else if(v.M===f){if(o===$){v.A="slot";var d=a["s-sn"]=v.D=l[5]||"";Nr(d,l[2],v,a,r,e,n,t,u)}else if(o===m){if(t){a.remove()}}}}}else if(r&&r.A==="style"){var p=er(null,a.textContent);p.O=a;p.U="0";r.C=[p]}return r};var Ur=function(r,e){if(r.nodeType===1){var n=r[g]||r.getAttribute(g);if(n){e.set(n,r)}var t=0;if(r.shadowRoot){for(;t<r.shadowRoot.childNodes.length;t++){Ur(r.shadowRoot.childNodes[t],e)}}var i=r.__childNodes||r.childNodes;for(t=0;t<i.length;t++){Ur(i[t],e)}}else if(r.nodeType===8){var a=r.nodeValue.split(".");if(a[0]===y){e.set(a[1]+"."+a[2],r);r.nodeValue="";r["s-en"]=a[3]}}};var Ir=function(r){var e={i:0,M:null,F:null,P:null,U:"0",O:null,k:null,C:null,j:null,D:null,A:null,S:null};return __assign(__assign({},e),r)};function Nr(r,e,n,t,i,a,f,u,o){t["s-sr"]=true;var l=(i==null?void 0:i.O)?i.O["s-id"]||i.O.getAttribute("s-id"):"";if(u){var v=n.O=O.createElement(n.A);if(n.D){n.O.setAttribute("name",r)}if(l&&l!==n.M){i.O.insertBefore(v,i.O.children[0])}else{t.parentNode.insertBefore(n.O,t)}Wr(o,e,r,t,n.M);t.remove();if(n.P==="0"){u[n.U]=n.O}}else{var v=n.O;var s=l&&l!==n.M&&i.O.shadowRoot;Wr(o,e,r,t,s?l:n.M);if(s){i.O.insertBefore(v,i.O.children[0])}a.push(n)}f.push(n);if(!i.C){i.C=[]}i.C[n.U]=n}var Wr=function(r,e,n,t,i){var a=t.nextSibling;r[e]=r[e]||[];while(a&&((a["getAttribute"]&&a.getAttribute("slot")||a["s-sn"])===n||n===""&&!a["s-sn"]&&(a.nodeType===8&&a.nodeValue.indexOf(".")!==1||a.nodeType===3))){a["s-sn"]=n;r[e].push({slot:t,node:a,hostId:i});a=a.nextSibling}};var Hr=function(r,e){if(r!=null&&!Q(r)){if(e&4){return r==="false"?false:r===""||!!r}if(e&2){return parseFloat(r)}if(e&1){return String(r)}return r}return r};var zr=r("g",(function(r){return o(r).$hostElement$}));var Br=r("c",(function(r,e,n){var t=zr(r);return{emit:function(r){return Gr(t,e,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:r})}}}));var Gr=function(r,e,n){var t=E.ce(e,n);r.dispatchEvent(t);return t};var Qr=new WeakMap;var qr=function(r,e,n){var t=p.get(r);if(M&&n){t=t||new CSSStyleSheet;if(typeof t==="string"){t=e}else{t.replaceSync(e)}}else{t=e}p.set(r,t)};var Kr=function(r,e,n){var t;var i=Xr(e);var a=p.get(i);r=r.nodeType===11?r:O;if(a){if(typeof a==="string"){r=r.head||r;var f=Qr.get(r);var u=void 0;if(!f){Qr.set(r,f=new Set)}if(!f.has(i)){if(r.host&&(u=r.querySelector("[".concat(_,'="').concat(i,'"]')))){u.innerHTML=a}else{u=O.createElement("style");u.innerHTML=a;var o=(t=E.I)!=null?t:q(O);if(o!=null){u.setAttribute("nonce",o)}if(!(e.i&1)){if(r.nodeName==="HEAD"){var l=r.querySelectorAll("link[rel=preconnect]");var v=l.length>0?l[l.length-1].nextSibling:r.querySelector("style");r.insertBefore(u,v)}else if("host"in r){if(M){var s=new CSSStyleSheet;s.replaceSync(a);r.adoptedStyleSheets=__spreadArray([s],r.adoptedStyleSheets,true)}else{var c=r.querySelector("style");if(c){c.innerHTML=a+c.innerHTML}else{r.prepend(u)}}}else{r.append(u)}}if(e.i&1&&r.nodeName!=="HEAD"){r.insertBefore(u,null)}}if(e.i&4){u.innerHTML+=x}if(f){f.add(i)}}}else if(!r.adoptedStyleSheets.includes(a)){r.adoptedStyleSheets=__spreadArray(__spreadArray([],r.adoptedStyleSheets,true),[a],false)}}return i};var Vr=function(r){var e=r.u;var n=r.$hostElement$;var t=e.i;var i=Rr("attachStyles",e.m);var a=Kr(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);if(t&10&&t&2){n["s-sc"]=a;n.classList.add(a+"-h")}i()};var Xr=function(r,e){return"sc-"+r.m};var Jr=function(r,e){if(e&&!r.N&&e["s-p"]){e["s-p"].push(new Promise((function(e){return r.N=e})))}};var Yr=function(r,e){{r.i|=16}if(r.i&4){r.i|=512;return}Jr(r,r.W);var n=function(){return Zr(r,e)};return z(n)};var Zr=function(r,e){var n=r.$hostElement$;var t=Rr("scheduleUpdate",r.u.m);var i=r.t;if(!i){throw new Error("Can't render component <".concat(n.tagName.toLowerCase()," /> with invalid Stencil runtime! Make sure this imported component is compiled with a `externalRuntime: true` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime"))}var a;if(e){{r.i|=256;if(r.H){r.H.map((function(r){var e=r[0],n=r[1];return fe(i,e,n)}));r.H=void 0}}{a=fe(i,"componentWillLoad")}}else{{a=fe(i,"componentWillUpdate")}}{a=re(a,(function(){return fe(i,"componentWillRender")}))}t();return re(a,(function(){return ne(r,i,e)}))};var re=function(r,e){return ee(r)?r.then(e).catch((function(r){console.error(r);e()})):e()};var ee=function(r){return r instanceof Promise||r&&r.then&&typeof r.then==="function"};var ne=function(r,e,t){return __awaiter(n,void 0,void 0,(function(){var n,i,a,f,u,o,l;return __generator(this,(function(v){i=r.$hostElement$;a=Rr("update",r.u.m);f=i["s-rc"];if(t){Vr(r)}u=Rr("render",r.u.m);{te(r,e,i,t)}if(f){f.map((function(r){return r()}));i["s-rc"]=void 0}u();a();{o=(n=i["s-p"])!=null?n:[];l=function(){return ie(r)};if(o.length===0){l()}else{Promise.all(o).then(l);r.i|=4;o.length=0}}return[2]}))}))};var te=function(r,e,n,t){try{e=e.render();{r.i&=~16}{r.i|=2}{{{jr(r,e,t)}}}}catch(e){c(e,r.$hostElement$)}return null};var ie=function(r){var e=r.u.m;var n=r.$hostElement$;var t=Rr("postUpdate",e);var i=r.t;var a=r.W;{fe(i,"componentDidRender")}if(!(r.i&64)){r.i|=64;{ue(n)}{fe(i,"componentDidLoad")}t();{r.p(n);if(!a){ae()}}}else{{fe(i,"componentDidUpdate")}t()}{r.v(n)}{if(r.N){r.N();r.N=void 0}if(r.i&512){H((function(){return Yr(r,false)}))}r.i&=~(4|512)}};var ae=function(r){{ue(O.documentElement)}H((function(){return Gr(A,"appload",{detail:{namespace:t}})}))};var fe=function(r,e,n){if(r&&r[e]){try{return r[e](n)}catch(r){c(r)}}return void 0};var ue=function(r){var e;return r.classList.add((e=i.hydratedSelectorName)!=null?e:"hydrated")};var oe=function(r,e){return o(r).o.get(e)};var le=function(r,e,n,t){var i=o(r);if(!i){throw new Error("Couldn't find host element for \"".concat(t.m,'" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).'))}var a=i.$hostElement$;var f=i.o.get(e);var u=i.i;var l=i.t;n=Hr(n,t.B[e][0]);var v=Number.isNaN(f)&&Number.isNaN(n);var s=n!==f&&!v;if((!(u&8)||f===void 0)&&s){i.o.set(e,n);if(l){if(t.G&&u&128){var d=t.G[e];if(d){d.map((function(r){try{l[r](n,f,e)}catch(r){c(r,a)}}))}}if((u&(2|16))===2){if(l.componentShouldUpdate){if(l.componentShouldUpdate(n,f,e)===false){return}}Yr(i,false)}}}};var ve=function(r,e,n){var t,i;var a=r.prototype;if(e.i&64&&n&1){j.forEach((function(r){Object.defineProperty(a,r,{value:function(){var e=[];for(var n=0;n<arguments.length;n++){e[n]=arguments[n]}var t=o(this);var i=t.t;if(!i){t.h.then((function(n){var t=n[r];typeof t==="function"&&t.call.apply(t,__spreadArray([n],e,false))}))}else{var a=i[r];typeof a==="function"&&a.call.apply(a,__spreadArray([i],e,false))}}})}))}if(e.B||(e.G||r.watchers)){if(r.watchers&&!e.G){e.G=r.watchers}var f=Object.entries((t=e.B)!=null?t:{});f.map((function(r){var t=r[0],i=r[1][0];if(i&31||n&2&&i&32){if((i&2048)===0){Object.defineProperty(a,t,{get:function(){return oe(this,t)},set:function(r){le(this,t,r,e)},configurable:true,enumerable:true})}else if(n&1&&i&2048){{Object.defineProperty(a,t,{get:function(){var r=o(this);var e=r?r.t:a;if(!e)return;return e[t]},configurable:true,enumerable:true})}if(i&4096){var f=Object.getOwnPropertyDescriptor(a,t).set;Object.defineProperty(a,t,{set:function(r){var n=this;var i=o(this);if(f){var a=i.$hostElement$[t];if(!i.o.get(t)&&a){i.o.set(t,a)}f.apply(this,[Hr(r,e.B[t][0])]);le(this,t,i.$hostElement$[t],e);return}if(!i)return;var u=function(){var a=i.t[t];if(!i.o.get(t)&&a){i.o.set(t,a)}i.t[t]=Hr(r,e.B[t][0]);le(n,t,i.t[t],e)};if(i.t){u()}else{i.h.then((function(){return u()}))}}})}}}else if(n&1&&i&64){Object.defineProperty(a,t,{value:function(){var r=[];for(var e=0;e<arguments.length;e++){r[e]=arguments[e]}var n;var i=o(this);return(n=i==null?void 0:i.l)==null?void 0:n.then((function(){var e;return(e=i.t)==null?void 0:e[t].apply(e,r)}))}})}}));if(n&1){var u=new Map;a.attributeChangedCallback=function(r,n,t){var i=this;E.jmp((function(){var f;var l=u.get(r);if(i.hasOwnProperty(l)){t=i[l];delete i[l]}else if(a.hasOwnProperty(l)&&typeof i[l]==="number"&&i[l]==t){return}else if(l==null){var v=o(i);var s=v==null?void 0:v.i;if(s&&!(s&8)&&s&128&&t!==n){var c=v.t;var d=(f=e.G)==null?void 0:f[r];d==null?void 0:d.forEach((function(e){if(c[e]!=null){c[e].call(c,t,n,r)}}))}return}var h=Object.getOwnPropertyDescriptor(a,l);if(!h.get||!!h.set){i[l]=t===null&&typeof i[l]==="boolean"?false:t}}))};r.observedAttributes=Array.from(new Set(__spreadArray(__spreadArray([],Object.keys((i=e.G)!=null?i:{}),true),f.filter((function(r){var e=r[0],n=r[1];return n[0]&15})).map((function(r){var n=r[0],t=r[1];var i;var a=t[1]||n;u.set(a,n);if(t[0]&512){(i=e.L)==null?void 0:i.push([n,a])}return a})),true)))}}return r};var se=function(r,e,t,i){return __awaiter(n,void 0,void 0,(function(){var n,i,a,f,u,o,l,v,s,d,m;return __generator(this,(function(y){switch(y.label){case 0:if(!((e.i&32)===0))return[3,6];e.i|=32;i=t.$;if(!i)return[3,4];a=h(t);if(!(a&&"then"in a))return[3,2];f=Mr();return[4,a];case 1:n=y.sent();f();return[3,3];case 2:n=a;y.label=3;case 3:if(!n){throw new Error('Constructor for "'.concat(t.m,"#").concat(e.q,'" was not found'))}if(!n.isProxied){{t.G=n.watchers}ve(n,t,2);n.isProxied=true}u=Rr("createInstance",t.m);{e.i|=8}try{new n(e)}catch(r){c(r)}{e.i&=~8}{e.i|=128}u();ce(e.t);return[3,5];case 4:n=r.constructor;o=r.localName;customElements.whenDefined(o).then((function(){return e.i|=128}));y.label=5;case 5:if(n&&n.style){l=void 0;if(typeof n.style==="string"){l=n.style}v=Xr(t);if(!p.has(v)){s=Rr("registerStyles",t.m);qr(v,l,!!(t.i&1));s()}}y.label=6;case 6:d=e.W;m=function(){return Yr(e,true)};if(d&&d["s-rc"]){d["s-rc"].push(m)}else{m()}return[2]}}))}))};var ce=function(r){{fe(r,"connectedCallback")}};var de=function(r){if((E.i&1)===0){var e=o(r);var n=e.u;var t=Rr("connectedCallback",n.m);if(!(e.i&1)){e.i|=1;var i=void 0;{i=r.getAttribute(g);if(i){if(n.i&1){var a=Kr(r.shadowRoot,n);r.classList.remove(a+"-h",a+"-s")}Fr(r,n.m,i,e)}}{var f=r;while(f=f.parentNode||f.host){if(f.nodeType===1&&f.hasAttribute("s-id")&&f["s-p"]||f["s-p"]){Jr(e,e.W=f);break}}}if(n.B){Object.entries(n.B).map((function(e){var n=e[0],t=e[1][0];if(t&31&&r.hasOwnProperty(n)){var i=r[n];delete r[n];r[n]=i}}))}{se(r,e,n)}}else{ye(r,e,n.K);if(e==null?void 0:e.t){ce(e.t)}else if(e==null?void 0:e.h){e.h.then((function(){return ce(e.t)}))}}t()}};var he=function(r){{fe(r,"disconnectedCallback")}};var pe=function(r){return __awaiter(n,void 0,void 0,(function(){var e;return __generator(this,(function(n){if((E.i&1)===0){e=o(r);{if(e.V){e.V.map((function(r){return r()}));e.V=void 0}}if(e==null?void 0:e.t){he(e.t)}else if(e==null?void 0:e.h){e.h.then((function(){return he(e.t)}))}}return[2]}))}))};var me=r("b",(function(r,e){if(e===void 0){e={}}var n;var t=Rr();var i=[];var a=e.exclude||[];var f=A.customElements;var u=O.head;var l=u.querySelector("meta[charset]");var s=O.createElement("style");var c=[];var d;var h=true;Object.assign(E,e);E._=new URL(e.resourcesUrl||"./",O.baseURI).href;{E.i|=2}var p=false;r.map((function(r){r[1].map((function(e){var n;var t={i:e[0],m:e[1],B:e[2],K:e[3]};if(t.i&4){p=true}{t.B=e[2]}{t.K=e[3]}{t.L=[]}{t.G=(n=e[4])!=null?n:{}}var u=t.m;var l=function(r){__extends(e,r);function e(e){var n=r.call(this,e)||this;n.hasRegisteredEventListeners=false;e=n;v(e,t);if(t.i&1){{if(!e.shadowRoot){{e.attachShadow({mode:"open"})}}else{if(e.shadowRoot.mode!=="open"){throw new Error("Unable to re-use existing shadow root for ".concat(t.m,"! Mode is set to ").concat(e.shadowRoot.mode," but Stencil only supports open shadow roots."))}}}}return n}e.prototype.connectedCallback=function(){var r=this;var e=o(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;ye(this,e,t.K)}if(d){clearTimeout(d);d=null}if(h){c.push(this)}else{E.jmp((function(){return de(r)}))}};e.prototype.disconnectedCallback=function(){var r=this;E.jmp((function(){return pe(r)}))};e.prototype.componentOnReady=function(){return o(this).h};return e}(HTMLElement);{{Ar(l.prototype)}{Or(l.prototype)}}if(t.i&64){l.formAssociated=true}t.$=r[0];if(!a.includes(u)&&!f.get(u)){i.push(u);f.define(u,ve(l,t,1))}}))}));if(i.length>0){if(p){s.textContent+=x}{s.textContent+=i.sort()+k}if(s.innerHTML.length){s.setAttribute("data-styles","");var m=(n=E.I)!=null?n:q(O);if(m!=null){s.setAttribute("nonce",m)}u.insertBefore(s,l?l.nextSibling:u.firstChild)}}h=false;if(c.length){c.map((function(r){return r.connectedCallback()}))}else{{E.jmp((function(){return d=setTimeout(ae,30)}))}}t()}));var ye=function(r,e,n,t){if(n){n.map((function(n){var t=n[0],i=n[1],a=n[2];var f=be(r,t);var u=$e(e,a);var o=we(t);E.ael(f,i,u,o);(e.V=e.V||[]).push((function(){return E.rel(f,i,u,o)}))}))}};var $e=function(r,e){return function(n){var t;try{{if(r.i&256){(t=r.t)==null?void 0:t[e](n)}else{(r.H=r.H||[]).push([e,n])}}}catch(r){c(r)}}};var be=function(r,e){if(e&4)return O;if(e&8)return A;return r};var we=function(r){return L?{passive:(r&1)!==0,capture:(r&2)!==0}:(r&2)!==0};var ge=r("s",(function(r){return E.I=r}))}}}));
+//# sourceMappingURL=p-6d0d2846.system.js.map