@govbr-ds/webcomponents 2.0.0-next.28 → 2.0.0-next.29

package/dist/webcomponents/p-c99f3cc8.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["inputCss","Input","exports","this","type","density","disabled","isInline","isHighlight","customId","concat","inputId","readonly","required","autocorrect","multiple","isPasswordVisible","internalState","hasIconSlot","hasActionSlot","hasFeedbackSlot","handleInput","event","_this","value","target","valueChange","emit","renderLabel","_a","label","length","h","class","htmlFor","renderInput","id","autocomplete","autoCorrect","min","max","minLength","minlength","maxLength","maxlength","name","pattern","step","onInput","placeholder","title","el","renderHelpText","helpText","renderIconPassword","iconName","togglePasswordVisibility","input","shadowRoot","querySelector","renderInlineInputContent","renderInputWithIcon","renderInputWithoutIcon","renderInputContent","renderIconSlot","renderButton","class_1","prototype","componentWillLoad","hasSlotContent","state","initializeStateWithFeedback","componentDidLoad","setupSlotFeedbackListener","initialMessageElement","messageState","getAttribute","slot","addEventListener","syncStateWithSlotFeedback","messageElement","getInputCssClassMap","small","large","medium","success","danger","info","warning","slotName","shape","onClick","renderFeedback","render","Host","key","listCss","List","isHorizontal","listId","hideHeaderDivider","renderHeader","header","class_2","slotItems","Array","from","querySelectorAll","forEach","item","nextElement","nextElementSibling","classList","contains","divider","style","borderWidth","width","items","setAttribute","getCssClassMap","horizontal","renderDivider","role","radioCss","Radio","checked","hasHiddenLabel","radioId","stopPropagation","onChange","checkedChange","class_3","handleCheckedChange","detail","toggleChecked","valid","invalid","part"],"sources":["../../packages/webcomponents/src/components/input/input.scss?tag=br-input&encapsulation=shadow","../../packages/webcomponents/src/components/input/input.tsx","../../packages/webcomponents/src/components/list/list.scss?tag=br-list&encapsulation=shadow","../../packages/webcomponents/src/components/list/list.tsx","../../packages/webcomponents/src/components/radio/radio.scss?tag=br-radio&encapsulation=shadow","../../packages/webcomponents/src/components/radio/radio.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/input/input\";\n\n:host {\n  display: block;\n\n  .br-input .input-icon {\n    margin-top: 0.1em;\n    margin-left: var(--spacing-scale-base);\n  }\n\n  .br-input .input-icon + input {\n    padding-left: calc(var(--input-padding-icon) + 3px);\n  }\n}\n\n.br-input br-button {\n  float: right;\n  margin-right: var(--input-button-margin);\n  margin-top: calc((var(--input-size) + var(--spacing-scale-half)) * -1);\n  padding: 0;\n  position: relative;\n}\n\n.button-transform {\n  transform: translateY(calc((var(--input-size) - 32px) * 0.5));\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Prop, State } from '@stencil/core'\n\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n *\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/input?tab=designer).\n *\n * @slot action - Botão à direita do input.\n * @slot icon - Ícone à esquerda do input.\n * @slot help-text - Personalização do texto de ajuda.\n * @slot feedback - Mensagem de feedback como resposta específica a uma interação do usuário com o input. Pode ser feedback de erro, aviso, sucesso ou informação.\n */\n@Component({\n  tag: 'br-input',\n  styleUrl: 'input.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Input {\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: HTMLBrInputElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Especifica o tipo de entrada do campo. Pode ser um dos seguintes:\n   * - 'color': Seletor de cor\n   * - 'email': Campo para e-mail\n   * - 'hidden': Campo oculto\n   * - 'password': Campo para senha\n   * - 'range': Controle deslizante\n   * - 'search': Campo de pesquisa\n   * - 'number': Campo para números\n   * - 'tel': Campo para números de telefone\n   * - 'text': Campo de texto padrão\n   * - 'url': Campo para URLs\n   */\n  @Prop({ reflect: true }) readonly type:\n    | 'color'\n    | 'email'\n    | 'hidden'\n    | 'password'\n    | 'range'\n    | 'search'\n    | 'number'\n    | 'tel'\n    | 'text'\n    | 'file'\n    | 'url' = 'text'\n\n  /**\n   * Controla o comportamento de preenchimento automático do navegador para o input.\n   */\n  @Prop({ reflect: true }) readonly autocomplete: 'on' | 'off'\n\n  /**\n   * Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.\n   */\n  @Prop({ reflect: true }) readonly density: 'large' | 'medium' | 'small' = 'medium'\n\n  /**\n   * Desativa o input, tornando-o não interativo.\n   */\n  @Prop({ reflect: true }) readonly disabled: boolean = false\n\n  /**\n   * Se verdadeiro, o rótulo e o input estarão na mesma linha (layout inline).\n   */\n  @Prop({ reflect: true }) readonly isInline: boolean = false\n\n  /**\n   * Se verdadeiro, o input terá destaque visual.\n   */\n  @Prop({ reflect: true }) readonly isHighlight: boolean = false\n\n  /**\n   * Define o estado do input\n   * Os possíveis valores são:\n   * - 'info': Mensagem informativa.\n   * - 'warning': Mensagem de aviso.\n   * - 'danger': Mensagem de erro ou alerta.\n   * - 'success': Mensagem de sucesso.\n   * O valor padrão é 'info'.\n   */\n  @Prop({ reflect: true }) readonly state: 'info' | 'warning' | 'danger' | 'success'\n\n  /**\n   * Texto exibido como rótulo do input.\n   */\n  @Prop({ reflect: true }) readonly label: string\n\n  /**\n   * Identificador único.\n   * Caso não seja fornecido, um ID gerado automaticamente será usado.\n   */\n  @Prop({ reflect: true }) readonly customId: string = `br-input-${inputId++}`\n\n  /**\n   * Nome do input, utilizado para identificação em formulários.\n   */\n  @Prop({ reflect: true }) readonly name: string\n\n  /**\n   * Texto exibido dentro do input quando está vazio, fornecendo uma dica ou sugestão ao usuário.\n   */\n  @Prop({ reflect: true }) readonly placeholder: string\n\n  /**\n   * Se verdadeiro, o valor do input é exibido, mas não pode ser editado pelo usuário.\n   */\n  @Prop({ reflect: true }) readonly readonly: boolean = false\n\n  /**\n   * Se verdadeiro, o input é obrigatório e deve ser preenchido antes que o formulário possa ser enviado.\n   */\n  @Prop({ reflect: true }) readonly required: boolean = false\n\n  /**\n   * Valor exibido no input.\n   * Pode ser alterado pelo usuário se a propriedade `readonly` não estiver ativa.\n   */\n  @Prop({ reflect: true, mutable: true }) value: string\n\n  /**\n   * Texto adicional que fornece ajuda ou informações sobre o input.\n   */\n  @Prop({ reflect: true }) readonly helpText: string\n\n  /**\n   * Controla a correção automática do texto.\n   */\n  @Prop({ reflect: true }) readonly autocorrect: 'off' | 'on' = 'off'\n\n  /**\n   * Define o valor mínimo para campos de entrada numéricos.\n   */\n  @Prop({ reflect: true }) readonly min: number\n\n  /**\n   * Define o valor máximo para campos de entrada numéricos.\n   */\n  @Prop({ reflect: true }) readonly max: number\n\n  /**\n   * Define o comprimento mínimo do valor do campo de entrada.\n   */\n  @Prop({ reflect: true }) readonly minlength: number\n\n  /**\n   * Define o comprimento máximo do valor do campo de entrada.\n   */\n  @Prop({ reflect: true }) readonly maxlength: number\n\n  /**\n   * Se verdadeiro, permite a seleção de múltiplos arquivos.\n   */\n  @Prop({ reflect: true }) readonly multiple: boolean = false\n\n  /**\n   * Define o padrão de entrada para validação.\n   */\n  @Prop({ reflect: true }) readonly pattern: string\n\n  /**\n   * Define o valor do passo para campos de entrada numéricos.\n   */\n  @Prop({ reflect: true }) readonly step: number\n\n  @State() isPasswordVisible: boolean = false\n\n  @State() internalState: 'info' | 'warning' | 'danger' | 'success' = 'info'\n\n  @State() hasIconSlot: boolean = false\n\n  @State() hasActionSlot: boolean = false\n\n  @State() hasFeedbackSlot: boolean = false\n\n  componentWillLoad() {\n    this.hasIconSlot = this.hasSlotContent('icon')\n    this.hasActionSlot = this.hasSlotContent('action')\n    this.hasFeedbackSlot = this.hasSlotContent('feedback')\n    this.internalState = this.state\n\n    if (this.hasFeedbackSlot) {\n      this.initializeStateWithFeedback()\n    }\n  }\n\n  componentDidLoad() {\n    if (this.hasFeedbackSlot) {\n      this.setupSlotFeedbackListener()\n    }\n  }\n\n  private initializeStateWithFeedback() {\n    const initialMessageElement = this.el.querySelector('br-message')\n\n    if (initialMessageElement) {\n      const messageState = initialMessageElement.getAttribute('state')\n      this.internalState = (messageState as 'info' | 'warning' | 'danger' | 'success') || this.state\n    } else {\n      this.internalState = this.state\n    }\n  }\n\n  private setupSlotFeedbackListener() {\n    const slot = this.el.shadowRoot?.querySelector('slot[name=\"feedback\"]')\n    if (slot) {\n      slot.addEventListener('slotchange', () => {\n        this.syncStateWithSlotFeedback()\n      })\n    }\n  }\n\n  private syncStateWithSlotFeedback() {\n    const messageElement = this.el.querySelector('br-message')\n\n    if (messageElement) {\n      this.internalState = messageElement.getAttribute('state') as 'info' | 'warning' | 'danger' | 'success'\n    } else {\n      this.internalState = this.state\n    }\n  }\n\n  private getInputCssClassMap(): CssClassMap {\n    return {\n      'br-input': true,\n      'input-button': this.hasActionSlot,\n      small: this.density === 'small',\n      large: this.density === 'large',\n      medium: this.density === 'medium',\n      'input-inline': this.isInline,\n      'input-highlight': this.isHighlight,\n      success: this.internalState === 'success',\n      danger: this.internalState === 'danger',\n      info: this.internalState === 'info',\n      warning: this.internalState === 'warning',\n    }\n  }\n\n  /**\n   * Valor atualizado do input\n   */\n  @Event() valueChange: EventEmitter<string>\n\n  private readonly handleInput = (event: Event) => {\n    this.value = (event.target as HTMLInputElement).value\n    this.valueChange.emit(this.value)\n  }\n\n  private readonly renderLabel = () => {\n    if (this.label?.length > 0) {\n      if (this.isInline) {\n        return (\n          <div class=\"input-label\">\n            <label class=\"text-nowrap\" htmlFor={this.customId}>\n              {this.label}\n            </label>\n          </div>\n        )\n      } else {\n        return <label htmlFor={this.customId}>{this.label}</label>\n      }\n    }\n  }\n\n  private hasSlotContent(slotName: string): boolean {\n    return this.el.querySelector(`[slot=\"${slotName}\"]`) !== null\n  }\n\n  private readonly renderInput = () => {\n    return (\n      <input\n        class={this.isHighlight ? 'input-highlight' : null}\n        id={this.customId}\n        autocomplete={this.autocomplete}\n        disabled={this.disabled}\n        autoCorrect={this.autocorrect}\n        min={this.min}\n        max={this.max}\n        minLength={this.minlength}\n        maxLength={this.maxlength}\n        multiple={this.multiple}\n        name={this.name}\n        pattern={this.pattern}\n        step={this.step}\n        onInput={this.handleInput}\n        placeholder={this.placeholder}\n        readonly={this.readonly}\n        required={this.required}\n        title={this.el.title}\n        type={this.type}\n        value={this.value}\n      />\n    )\n  }\n\n  private readonly renderHelpText = () => {\n    return this.helpText?.length > 0 ? <p>{this.helpText}</p> : <slot name=\"help-text\"></slot>\n  }\n\n  private readonly renderIconPassword = () => {\n    const iconName = this.isPasswordVisible ? 'fa-solid:eye-slash' : 'fa-solid:eye'\n    return <br-icon icon-name={iconName}></br-icon>\n  }\n\n  private readonly togglePasswordVisibility = () => {\n    const input = this.el.shadowRoot.querySelector('input')\n    this.isPasswordVisible = !this.isPasswordVisible\n    input.type = this.isPasswordVisible ? 'text' : 'password'\n  }\n\n  private renderIconSlot() {\n    if (this.hasSlotContent('icon')) {\n      return (\n        <div class=\"input-icon\">\n          <slot name=\"icon\"></slot>\n        </div>\n      )\n    }\n  }\n\n  private renderButton() {\n    if (this.type === 'password') {\n      return (\n        <br-button\n          class=\"button-transform\"\n          shape=\"circle\"\n          density=\"small\"\n          aria-label=\"botão de ação do ícone\"\n          onClick={this.togglePasswordVisibility}\n        >\n          {this.renderIconPassword()}\n        </br-button>\n      )\n    } else if (this.hasSlotContent('action')) {\n      return (\n        <br-button class=\"button-transform\" shape=\"circle\" density=\"small\" aria-label=\"botão de ação do ícone\">\n          <slot name=\"action\"></slot>\n        </br-button>\n      )\n    }\n    return null\n  }\n\n  private readonly renderInlineInputContent = () => {\n    if (this.hasIconSlot) {\n      return <div class=\"input-content\">{this.renderInputWithIcon()}</div>\n    } else {\n      return <div class=\"input-content\">{this.renderInputWithoutIcon()}</div>\n    }\n  }\n\n  private readonly renderInputContent = () => {\n    return this.hasIconSlot ? this.renderInputWithIcon() : this.renderInputWithoutIcon()\n  }\n\n  private readonly renderInputWithIcon = () => {\n    return (\n      <div class=\"input-group\">\n        {this.renderIconSlot()}\n        {this.renderInput()}\n        {this.renderButton()}\n        {this.renderHelpText()}\n      </div>\n    )\n  }\n\n  private readonly renderInputWithoutIcon = () => {\n    return [this.renderInput(), this.renderButton(), this.renderHelpText()]\n  }\n\n  private renderFeedback() {\n    if (this.hasFeedbackSlot) {\n      return <slot name=\"feedback\"></slot>\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.getInputCssClassMap()}>\n          {this.renderLabel()}\n\n          {this.isInline ? this.renderInlineInputContent() : this.renderInputContent()}\n\n          {this.renderFeedback()}\n        </div>\n      </Host>\n    )\n  }\n}\n\nlet inputId = 0\n","@import \"~@govbr-ds/core/src/components/list/list\";\n@import \"~@govbr-ds/core/src/components/divider/divider\";\n\n:host {\n  display: block;\n\n  .br-list.horizontal ::slotted(br-item) {\n    flex: 1;\n    height: auto;\n    min-height: 56px;\n    width: auto;\n  }\n}\n","import { AttachInternals, Component, Element, h, Host, Prop } from '@stencil/core'\n\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/list?tab=designer).\n *\n * @slot default - Slot padrão para inclusão dos itens da lista.\n * @slot header - Slot nomeado para inclusão de ações relacionadas ao cabeçalho do list (uso de botões por exemplo).\n */\n@Component({\n  tag: 'br-list',\n  styleUrl: 'list.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class List {\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: HTMLBrListElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Define o cabeçalho para a lista.\n   */\n  @Prop({ reflect: true }) readonly header: string\n\n  /**\n   * Indica se a lista será horizontal. Por padrão, a lista é vertical.\n   */\n  @Prop({ reflect: true }) readonly isHorizontal: boolean = false\n\n  /**\n   * Identificador único.\n   * Caso não seja fornecido, um ID gerado automaticamente será usado.\n   */\n  @Prop({ reflect: true }) readonly customId: string = `br-list-${listId++}`\n\n  /**\n   * Indica que o divider para o título da lista estará oculto.\n   */\n  @Prop({ reflect: true }) readonly hideHeaderDivider: boolean = false\n\n  componentDidLoad() {\n    if (this.isHorizontal) {\n      const slotItems = Array.from(this.el.querySelectorAll('br-item'))\n\n      slotItems.forEach((item) => {\n        const nextElement = item.nextElementSibling\n        if (nextElement?.classList.contains('br-divider')) {\n          const divider = nextElement as HTMLElement\n          divider.style.borderWidth = '0 1px 0 0'\n          divider.style.width = '1px'\n        }\n      })\n    }\n\n    const items = Array.from(this.el.querySelectorAll('br-item'))\n    items.forEach((item) => {\n      item.setAttribute('role', 'listitem')\n    })\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-list': true,\n      horizontal: this.isHorizontal,\n    }\n  }\n\n  private hasSlotContent(slotName: string): boolean {\n    return this.el.querySelector(`[slot=\"${slotName}\"]`) !== null\n  }\n  private readonly renderHeader = () => {\n    if (this.header?.length > 0 || this.hasSlotContent('header')) {\n      return (\n        <div class=\"header\">\n          {this.header && <div class=\"title\">{this.header}</div>}\n          {this.hasSlotContent('header') && (\n            <div class=\"d-flex\">\n              <slot name=\"header\"></slot>\n            </div>\n          )}\n        </div>\n      )\n    }\n    return null\n  }\n\n  private renderDivider() {\n    if ((this.header || this.hasSlotContent('header')) && !this.hideHeaderDivider) {\n      return <div class=\"br-divider\"></div>\n    }\n    return null\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.getCssClassMap()} role=\"list\" id={this.customId}>\n          {this.renderHeader()}\n          {this.renderDivider()}\n          <slot></slot>\n        </div>\n      </Host>\n    )\n  }\n}\n\nlet listId = 0\n","@import \"~@govbr-ds/core/src/components/radio/radio\";\n\n@include radio-checked;\n\n:host {\n  display: block;\n\n  .br-radio.hidden-label {\n    label {\n      padding-left: calc(var(--checkbox-size) + var(--surface-width-md) * 2);\n      text-indent: -10000px;\n      white-space: nowrap;\n      width: 0;\n    }\n  }\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop } from '@stencil/core'\n\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n *  Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/radio?tab=designer).\n *\n * @slot default - O texto descritivo pode ser passado por propriedade (label) ou por slot.\n */\n\n@Component({\n  tag: 'br-radio',\n  styleUrl: 'radio.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Radio {\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: HTMLBrRadioElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Define o estado de seleção do radio.\n   * Se definido como verdadeiro, o radio estará marcado. Caso contrário, estará desmarcado.\n   */\n  @Prop({ reflect: true, mutable: true }) checked: boolean = false\n\n  /**\n   * Desativa o radio, tornando-o não interativo.\n   */\n  @Prop({ reflect: true }) readonly disabled: boolean = false\n\n  /**\n   * Indica a validade do radio.\n   * Valores possíveis:\n   * - 'valid': O radio é considerado válido.\n   * - 'invalid': O radio é considerado inválido.\n   * Se não for especificado, o valor padrão é `null`, indicando que a validade não foi definida.\n   */\n  @Prop({ reflect: true }) readonly state: 'valid' | 'invalid'\n\n  /**\n   * Define se o label associado ao radio deve ser oculto.\n   * Se definido como verdadeiro, o texto do label será oculto, mas o radio ainda estará visível e funcional.\n   */\n  @Prop({ reflect: true, attribute: 'has-hidden-label' }) readonly hasHiddenLabel: boolean = false\n\n  /**\n   * Identificador único.\n   * Caso não seja fornecido, um ID gerado automaticamente será usado.\n   */\n  @Prop({ reflect: true }) readonly customId: string = `br-radio-${radioId++}`\n\n  /**\n   * Define o nome do radio, que é utilizado para agrupar radios em formulários e identificar o campo.\n   * O valor é obrigatório e deve ser fornecido para garantir o correto funcionamento em formulários.\n   */\n\n  @Prop({ reflect: true }) readonly name!: string\n\n  /**\n   * Texto descritivo exibido à direita do radio.\n   * Caso um slot seja utilizado para fornecer um texto alternativo, o valor desta propriedade será ignorado.\n   */\n  @Prop({ reflect: true }) readonly label: string\n\n  /**\n   * Define o valor associado ao radio quando ele faz parte de um formulário nativo (`<form>`).\n   * Esse valor é enviado com o formulário quando o radio está selecionado.\n   * **Nota:** Esta propriedade não deve ser utilizada para determinar se o radio está selecionado; para verificar o estado de seleção, use a propriedade `checked`.\n   */\n  @Prop({ reflect: true }) readonly value: string\n\n  /**\n   * Disparado depois que o valor do `checked` foi alterado\n   */\n  // @Event({ bubbles: true, composed: true }) checkedChange: EventEmitter<{\n  //   id: string;\n  //   name: string;\n  //   value: string;\n  //   checked: boolean\n  // }>\n  @Event({ bubbles: true, composed: true }) checkedChange: EventEmitter<boolean>\n\n  @Listen('checkedChange', { target: 'window' })\n  handleCheckedChange(event: CustomEvent) {\n    if (event.detail.id !== this.customId && event.detail.name === this.name) {\n      this.checked = false\n    }\n  }\n\n  /**\n   * Inverte o valor da prop `checked`\n   */\n  @Method()\n  async toggleChecked() {\n    this.checked = !this.checked\n    //this.checkedChange.emit({ id: this.customId, name: this.name, value: this.value, checked: this.checked })\n    this.checkedChange.emit(this.checked)\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-radio': true,\n      valid: this.state === 'valid',\n      invalid: this.state === 'invalid',\n      disabled: this.disabled,\n      'hidden-label': this.hasHiddenLabel,\n    }\n  }\n\n  /**\n   * Handler para o event `click`\n   * @param event Objeto Event\n   */\n  private readonly onClick = (event: MouseEvent) => {\n    event.stopPropagation()\n    this.checked = (event.target as HTMLInputElement).checked\n  }\n\n  /**\n   * Handler para o evento `change`\n   */\n  private readonly onChange = () => {\n    //this.checkedChange.emit({ id: this.customId, name: this.name, value: this.value, checked: this.checked })\n    this.checkedChange.emit(this.checked)\n  }\n\n  render() {\n    return (\n      <Host aria-disabled={this.disabled ? 'true' : null}>\n        <div class={this.getCssClassMap()}>\n          <input\n            part=\"radio-input\"\n            aria-label={this.label}\n            type=\"radio\"\n            id={this.customId}\n            name={this.name}\n            checked={this.checked}\n            disabled={this.disabled}\n            value={this.value}\n            onClick={this.onClick}\n            onChange={this.onChange}\n          />\n          <label part=\"radio-label\" htmlFor={this.customId}>\n            <slot>{this.label}</slot>\n          </label>\n        </div>\n      </Host>\n    )\n  }\n}\n\nlet radioId = 0\n"],"mappings":"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","ignoreList":[]}