@govbr-ds/webcomponents 2.0.0-next.10 → 2.0.0-next.11

package/dist/webcomponents/p-cfa0416f.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["radioCss","BrRadioStyle0","Radio","this","inheritedAttributes","handleItemInteractiveSelect","event","target","brItem","closest","_a","el","parentElement","contains","checked","detail","selected","stopPropagation","connectedCallback","brDidConnect","emit","componentWillLoad","hasSlotContentDefault","brWillLoad","inheritAriaAttributes","componentDidLoad","brDidLoad","componentWillRender","brWillRender","componentDidRender","brDidRender","componentShouldUpdate","brShouldUpdate","componentWillUpdate","brWillUpdate","componentDidUpdate","brDidUpdate","disconnectedCallback","brDidDisconnect","formAssociatedCallback","form","brFormAssociatedCallback","formDisabledCallback","disabled","brFormDisabledCallback","formResetCallback","brFormResetCallback","formStateRestoreCallback","state","_mode","brFormStateRestoreCallback","_slotDefault","innerHTML","getCssClassMap","valid","invalid","hasHiddenLabel","handleClick","toggleChecked","handleKeyDown","code","preventDefault","toggle","brDidCheckedChange","value","getComputedId","customId","name","render","h","Host","key","class","onClick","onKeyDown","Object","assign","label","type","id","htmlFor"],"sources":["src/components/radio/radio.scss?tag=br-radio&encapsulation=shadow","src/components/radio/radio.tsx"],"sourcesContent":["@import \"../../../../../node_modules/@govbr-ds/core/src/components/radio/radio.scss\";\n\n:host {\n  display: block;\n}\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  ","import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop, State } from '@stencil/core'\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\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: HTMLInputElement\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 }) 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 }) state: 'valid' | 'invalid' = null\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, mutable: true, attribute: 'has-hidden-label' }) hasHiddenLabel: boolean = false\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 }) 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 }) 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 }) value: any\n\n  /**\n   * Especifica o ID do componente, que é usado para conectar o label correspondente ao radio.\n   * Se não for fornecido, o ID será o mesmo valor atribuído à propriedade `name`.\n   */\n  @Prop({ reflect: true, attribute: 'id' }) customId: string\n\n  /**\n   * Indica se o radio pode alternar seu estado checked\n   */\n  @Prop({ reflect: true }) toggle: boolean = false\n\n  /**\n   * Propriedade que vai guardar o valor da validação do slot\n   */\n  @State() _slotDefault: boolean = false\n\n   // Faz a marcação do checkbox de acordo com a seleção do componente item do tipo is-interactive\n   @Listen('brDidSelect', { target: 'document' })\n   handleItemInteractiveSelect(event: CustomEvent) {\n\n       // Verifica se o evento é de um pai correto\n       const target = event.target as HTMLElement;\n       const brItem = target.closest('br-item') as HTMLElement;\n\n       if (brItem && this.el.parentElement?.contains(brItem)) {\n         this.checked = event.detail.selected;\n       }\n\n       event.stopPropagation();\n   }\n\n  /**\n   * Emite um evento quando o componente é conectado ao DOM.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#connectedcallback) para mais detalhes.\n   */\n  @Event() brDidConnect: EventEmitter<void>\n  connectedCallback() {\n    this.brDidConnect.emit()\n  }\n\n  /**\n   * Emite um evento antes que o componente seja carregado pela primeira vez.\n   * Utilize este evento para realizar tarefas de inicialização antes do componente ser exibido.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillload) para mais detalhes.\n   */\n  @Event() brWillLoad: EventEmitter<void>\n  componentWillLoad() {\n    this.hasSlotContentDefault()\n    this.brWillLoad.emit()\n    this.inheritedAttributes = inheritAriaAttributes(this.el)\n  }\n\n  /**\n   * Emite um evento após o componente ter sido carregado pela primeira vez.\n   * Utilize este evento para realizar ações que devem ocorrer depois que o componente foi totalmente carregado.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidload) para mais detalhes.\n   */\n  @Event() brDidLoad: EventEmitter<void>\n  componentDidLoad() {\n    this.brDidLoad.emit()\n  }\n\n  /**\n   * Emite um evento antes do componente ser renderizado.\n   * Utilize este evento para preparar o componente antes de sua renderização.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillrender) para mais detalhes.\n   */\n  @Event() brWillRender: EventEmitter<void>\n  componentWillRender() {\n    this.brWillRender.emit()\n  }\n\n  /**\n   * Emite um evento após o componente ter sido renderizado.\n   * Utilize este evento para executar ações que devem ocorrer após a renderização do componente.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidrender) para mais detalhes.\n   */\n  @Event() brDidRender: EventEmitter<void>\n  componentDidRender() {\n    this.brDidRender.emit()\n  }\n\n  /**\n   * Emite um evento para indicar se o componente deve ser atualizado ou não.\n   * Este evento é chamado antes de qualquer atualização do componente para decidir se a atualização deve prosseguir.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentshouldupdate) para mais detalhes.\n   */\n  @Event() brShouldUpdate: EventEmitter<void>\n  componentShouldUpdate() {\n    this.brShouldUpdate.emit()\n  }\n\n  /**\n   * Emite um evento antes de o componente ser atualizado.\n   * Utilize este evento para realizar ações preparatórias antes da atualização do componente.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillupdate) para mais detalhes.\n   */\n  @Event() brWillUpdate: EventEmitter<void>\n  componentWillUpdate() {\n    this.brWillUpdate.emit()\n  }\n\n  /**\n   * Emite um evento após o componente ter sido atualizado.\n   * Utilize este evento para realizar ações após a atualização do componente.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidupdate) para mais detalhes.\n   */\n  @Event() brDidUpdate: EventEmitter<void>\n  componentDidUpdate() {\n    this.brDidUpdate.emit()\n  }\n\n  /**\n   * Emite um evento quando o componente é desconectado do DOM.\n   * Utilize este evento para realizar a limpeza ou outras ações necessárias quando o componente é removido.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#disconnectedcallback) para mais detalhes.\n   */\n  @Event() brDidDisconnect: EventEmitter<void>\n  disconnectedCallback() {\n    this.brDidDisconnect.emit()\n  }\n\n  /**\n   * Emite um evento quando o componente é associado ou removido de um `<form>`.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formassociatedcallback) para mais detalhes.\n   *\n   * @param form - Dados do formulário associado.\n   */\n  @Event() brFormAssociatedCallback: EventEmitter<FormData>\n  formAssociatedCallback(form: FormData) {\n    this.brFormAssociatedCallback.emit(form)\n  }\n\n  /**\n   * Emite um evento quando o estado `disabled` do componente muda dentro de um `<form>`.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formdisabledcallback) para mais informações.\n   *\n   * @param disabled - Novo estado `disabled` do componente dentro do formulário.\n   */\n  @Event() brFormDisabledCallback: EventEmitter<boolean>\n  formDisabledCallback(disabled: boolean) {\n    this.brFormDisabledCallback.emit(disabled)\n  }\n\n  /**\n   * Emite um evento quando um `<form>` é resetado.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formresetcallback) para mais detalhes.\n   */\n  @Event() brFormResetCallback: EventEmitter<void>\n  formResetCallback() {\n    this.brFormResetCallback.emit()\n  }\n\n  /**\n   * Emite um evento quando o navegador preenche automaticamente os campos de um `<form>`.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formstaterestorecallback) para mais informações.\n   *\n   * @param state - Estado restaurado do formulário.\n   * @param _mode - Modo de preenchimento automático do navegador.\n   */\n  @Event() brFormStateRestoreCallback: EventEmitter<[state: string, _mode: string]>\n  formStateRestoreCallback(state: string, _mode: string) {\n    this.brFormStateRestoreCallback.emit([state, _mode])\n  }\n\n  private hasSlotContentDefault(): any {\n    this._slotDefault = this.el.innerHTML !== ''\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  private inheritedAttributes: Attributes = {}\n\n  /**\n   * Componente teve seu estado \"checked\" alterado\n   */\n  @Event() brDidCheckedChange: EventEmitter<{ value: boolean; checked: boolean }>\n\n  @Method()\n  /**\n   * Handler para o evento \"onClick\"\n   */\n  async handleClick() {\n    this.toggleChecked()\n  }\n\n  @Method()\n  /**\n   * Handler para o evento \"onKeyDown\"\n   */\n  async handleKeyDown(event: KeyboardEvent) {\n    // Permite alternar o estado apenas quando a tecla pressionada é 'Space'\n    if (event.code === 'Space') {\n      event.preventDefault() // Impede o comportamento padrão da tecla 'Space'\n      this.toggleChecked()\n    }\n  }\n\n  /**\n   * Controla o comportamento de alternar o estado checked.\n   */\n  private toggleChecked() {\n    if (this.toggle) {\n      this.checked = !this.checked\n      this.brDidCheckedChange.emit({ value: this.value, checked: this.checked })\n    }\n  }\n\n  /**\n   * Determina um id para o radio.\n   */\n  private getComputedId(): string {\n    return this.customId ? this.customId : this.name\n  }\n\n  render() {\n    return (\n      <Host aria-disabled={this.disabled ? 'true' : null}>\n        <div\n          class={this.getCssClassMap()}\n          onClick={() => this.handleClick()}\n          onKeyDown={(event) => this.handleKeyDown(event)}\n        >\n          <input\n            aria-label={this.label}\n            type=\"radio\"\n            id={this.getComputedId()}\n            name={this.name}\n            checked={this.checked}\n            disabled={this.disabled}\n            value={this.value}\n            onClick={(event) => event.stopPropagation()}\n            {...this.inheritedAttributes}\n          />\n          <label htmlFor={this.getComputedId()}>{this._slotDefault ? <slot></slot> : this.label}</label>\n        </div>\n      </Host>\n    )\n  }\n}\n"],"mappings":"oGAAA,MAAMA,EAAW,ygmdACjB,MAAAC,EAAeD,E,MCeFE,EAAK,M,s4BA0ORC,KAAAC,oBAAkC,G,aA7NiB,M,cAKd,M,WASS,K,oBAM2C,M,kGA+BtD,M,kBAKV,K,CAIhC,2BAAAC,CAA4BC,G,MAGxB,MAAMC,EAASD,EAAMC,OACrB,MAAMC,EAASD,EAAOE,QAAQ,WAE9B,GAAID,KAAUE,EAAAP,KAAKQ,GAAGC,iBAAa,MAAAF,SAAA,SAAAA,EAAEG,SAASL,IAAS,CACrDL,KAAKW,QAAUR,EAAMS,OAAOC,Q,CAG9BV,EAAMW,iB,CAQX,iBAAAC,GACEf,KAAKgB,aAAaC,M,CASpB,iBAAAC,GACElB,KAAKmB,wBACLnB,KAAKoB,WAAWH,OAChBjB,KAAKC,oBAAsBoB,EAAsBrB,KAAKQ,G,CASxD,gBAAAc,GACEtB,KAAKuB,UAAUN,M,CASjB,mBAAAO,GACExB,KAAKyB,aAAaR,M,CASpB,kBAAAS,GACE1B,KAAK2B,YAAYV,M,CASnB,qBAAAW,GACE5B,KAAK6B,eAAeZ,M,CAStB,mBAAAa,GACE9B,KAAK+B,aAAad,M,CASpB,kBAAAe,GACEhC,KAAKiC,YAAYhB,M,CASnB,oBAAAiB,GACElC,KAAKmC,gBAAgBlB,M,CAUvB,sBAAAmB,CAAuBC,GACrBrC,KAAKsC,yBAAyBrB,KAAKoB,E,CAUrC,oBAAAE,CAAqBC,GACnBxC,KAAKyC,uBAAuBxB,KAAKuB,E,CAQnC,iBAAAE,GACE1C,KAAK2C,oBAAoB1B,M,CAW3B,wBAAA2B,CAAyBC,EAAeC,GACtC9C,KAAK+C,2BAA2B9B,KAAK,CAAC4B,EAAOC,G,CAGvC,qBAAA3B,GACNnB,KAAKgD,aAAehD,KAAKQ,GAAGyC,YAAc,E,CAGpC,cAAAC,GACN,MAAO,CACL,WAAY,KACZC,MAAOnD,KAAK6C,QAAU,QACtBO,QAASpD,KAAK6C,QAAU,UACxBL,SAAUxC,KAAKwC,SACf,eAAgBxC,KAAKqD,e,CAezB,iBAAMC,GACJtD,KAAKuD,e,CAOP,mBAAMC,CAAcrD,GAElB,GAAIA,EAAMsD,OAAS,QAAS,CAC1BtD,EAAMuD,iBACN1D,KAAKuD,e,EAOD,aAAAA,GACN,GAAIvD,KAAK2D,OAAQ,CACf3D,KAAKW,SAAWX,KAAKW,QACrBX,KAAK4D,mBAAmB3C,KAAK,CAAE4C,MAAO7D,KAAK6D,MAAOlD,QAASX,KAAKW,S,EAO5D,aAAAmD,GACN,OAAO9D,KAAK+D,SAAW/D,KAAK+D,SAAW/D,KAAKgE,I,CAG9C,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2DAAgBpE,KAAKwC,SAAW,OAAS,MAC5C0B,EAAA,OAAAE,IAAA,2CACEC,MAAOrE,KAAKkD,iBACZoB,QAAS,IAAMtE,KAAKsD,cACpBiB,UAAYpE,GAAUH,KAAKwD,cAAcrD,IAEzC+D,EAAA,QAAAM,OAAAC,OAAA,CAAAL,IAAA,wDACcpE,KAAK0E,MACjBC,KAAK,QACLC,GAAI5E,KAAK8D,gBACTE,KAAMhE,KAAKgE,KACXrD,QAASX,KAAKW,QACd6B,SAAUxC,KAAKwC,SACfqB,MAAO7D,KAAK6D,MACZS,QAAUnE,GAAUA,EAAMW,mBACtBd,KAAKC,sBAEXiE,EAAA,SAAAE,IAAA,2CAAOS,QAAS7E,KAAK8D,iBAAkB9D,KAAKgD,aAAekB,EAAA,aAAgBlE,KAAK0E,Q","ignoreList":[]}