@govbr-ds/webcomponents 2.0.0-next.8 → 2.0.0-next.9

package/dist/cjs/br-input.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"br-input.entry.cjs.js","mappings":"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","names":["h","uuidv4","inheritAriaAttributes","Host"],"sources":["src/components/input/input.scss?tag=br-input&encapsulation=shadow","src/components/input/input.tsx"],"sourcesContent":["@import \"../../../../../node_modules/@govbr-ds/core/src/components/input/input.scss\";\n\n:host {\n  display: block;\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, Host, Prop, State, h } from '@stencil/core'\nimport { v4 as uuidv4 } from 'uuid'\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\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 *\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: HTMLElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Identificador único do campo de entrada.\n   * Caso não seja fornecido, um ID gerado automaticamente será usado.\n   */\n  @Prop({ reflect: true }) defaultID: string = `br-input-${uuidv4()}`\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 }) type:\n    | 'color'\n    | 'email'\n    | 'hidden'\n    | 'password'\n    | 'range'\n    | 'search'\n    | 'number'\n    | 'tel'\n    | 'text'\n    | 'url' = 'text'\n\n  /**\n   * Controla o comportamento de preenchimento automático do navegador para o input.\n   */\n  @Prop({ reflect: true }) autocomplete: 'on' | 'off'\n\n  /**\n   * Se definido como verdadeiro, o input receberá foco automaticamente ao ser renderizado.\n   */\n  @Prop({ reflect: true }) autofocus: boolean = false\n\n  /**\n   * Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.\n   */\n  @Prop({ reflect: true }) density: 'large' | 'medium' | 'small' = 'medium'\n\n  /**\n   * Desativa o input, tornando-o não interativo.\n   */\n  @Prop({ reflect: true }) 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 }) isInline: boolean = false\n\n  /**\n   * Se verdadeiro, o input exibirá um ícone. Utilize o slot `icon` para definir o ícone.\n   */\n  @Prop({ reflect: true }) hasIcon: boolean = false\n\n  /**\n   * Se verdadeiro, um botão será exibido à direita do input.\n   */\n  @Prop({ reflect: true }) hasRightButton: boolean = false\n\n  /**\n   * Se verdadeiro, o input terá destaque visual.\n   */\n  @Prop({ reflect: true }) isHighlight: boolean = false\n\n  /**\n   * Se verdadeiro, o input indica um estado de validação bem-sucedido.\n   */\n  @Prop({ reflect: true }) success: boolean = false\n\n  /**\n   * Se verdadeiro, o input indica um estado de validação com erro.\n   */\n  @Prop({ reflect: true }) danger: boolean = false\n\n  /**\n   * Se verdadeiro, o input indica um estado informativo.\n   */\n  @Prop({ reflect: true }) info: boolean = false\n\n  /**\n   * Se verdadeiro, o input indica um estado de alerta.\n   */\n  @Prop({ reflect: true }) warning: boolean = false\n\n  /**\n   * Texto exibido como rótulo do input.\n   */\n  @Prop({ reflect: true }) label: string\n\n  /**\n   * Nome do input, utilizado para identificação em formulários.\n   */\n  @Prop({ reflect: true }) 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 }) 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: 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 }) required: boolean = false\n\n  /**\n   * Valor inicial 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 }) helpText: string\n\n  @State() _showIconTextPassword: boolean = false\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<this>\n  connectedCallback() {\n    this.brDidConnect.emit(this)\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<this>\n  componentWillLoad() {\n    this.brWillLoad.emit(this)\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<this>\n  componentDidLoad() {\n    this.brDidLoad.emit(this)\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<this>\n  componentWillRender() {\n    this.brWillRender.emit(this)\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<this>\n  componentDidRender() {\n    this.brDidRender.emit(this)\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<this>\n  componentShouldUpdate() {\n    this.brShouldUpdate.emit(this)\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<this>\n  componentWillUpdate() {\n    this.brWillUpdate.emit(this)\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<this>\n  componentDidUpdate() {\n    this.brDidUpdate.emit(this)\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<this>\n  disconnectedCallback() {\n    if (this.el.isConnected) this.brDidDisconnect.emit(this)\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\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 getInputCssClassMap(): CssClassMap {\n    return {\n      'br-input': true,\n      'input-button': this.hasRightButton,\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.success,\n      danger: this.danger,\n      info: this.info,\n      warning: this.warning,\n    }\n  }\n\n  private inheritedAttributes: Attributes = {}\n\n  /**\n   * Valor atualizado do input\n   */\n  @Event() valueChange!: EventEmitter<string>\n\n  private handleInput(event: Event) {\n    this.value = (event.target as HTMLInputElement).value\n    this.valueChange.emit(this.value)\n  }\n\n  renderLabel = () => {\n    if (this.label) {\n      return (\n        <label htmlFor={this.defaultID} class=\"text-nowrap\">\n          {this.label}\n        </label>\n      )\n    }\n    return (\n      <label htmlFor={this.defaultID} class=\"text-nowrap\">\n        <slot name=\"label\"></slot>\n      </label>\n    )\n  }\n\n  togglePasswordVisibility = () => {\n    const input = this.el.shadowRoot.querySelector('input')\n    input.type = input.type === 'password' ? 'text' : 'password'\n    this._showIconTextPassword = input.type === 'password'\n  }\n\n  private hasSlotContent(slotName: string): boolean {\n    return !!this.el.querySelector(`[slot=\"${slotName}\"]`)\n  }\n\n  renderInput = () => {\n    return (\n      <input\n        id={this.defaultID}\n        autocomplete={this.autocomplete}\n        autofocus={this.autofocus}\n        disabled={this.disabled}\n        onInput={this.handleInput.bind(this)}\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        {...this.inheritedAttributes}\n      />\n    )\n  }\n\n  renderHelpText = () => {\n    if (this.helpText) {\n      return <p>{this.helpText}</p>\n    }\n\n    return <slot name=\"help-text\"></slot>\n  }\n\n  renderIconPassword = () => {\n    const showPassword = !this._showIconTextPassword\n    return <br-icon icon-name={showPassword ? 'fa-solid:eye' : 'fa-solid:eye-slash'}></br-icon>\n  }\n\n  renderIconSlot() {\n    if (this.hasSlotContent('hasIcon')) {\n      return <slot name=\"icon\"></slot>\n    } else if (this.hasSlotContent('action')) {\n      return <slot name=\"action\"></slot>\n    } else {\n      return this.renderIconPassword()\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.getInputCssClassMap()}>\n          <div class={`input-label ${this.isInline ? 'inline-label' : ''}`}>{this.renderLabel()}</div>\n          {this.hasIcon ? (\n            <div class=\"input-group\">\n              <div class=\"input-icon\">\n                <slot name=\"icon\"></slot>\n              </div>\n              {this.renderInput()}\n            </div>\n          ) : (\n            this.renderInput()\n          )}\n\n          {this.hasRightButton && (\n            <br-button\n              class=\"br-button\"\n              shape=\"circle\"\n              aria-label=\"botão de ação do ícone\"\n              onClick={this.type === 'password' ? this.togglePasswordVisibility : undefined}\n            >\n              {!this.hasIcon && <div>{this.renderIconSlot()}</div>}\n            </br-button>\n          )}\n          {this.renderHelpText()}\n        </div>\n      </Host>\n    )\n  }\n}\n"],"version":3}
+{"file":"br-input.entry.cjs.js","mappings":";;;;;;;;AAAA,MAAM,QAAQ,GAAG,unsdAAunsd,CAAC;AACzosd,sBAAe,QAAQ;;MCkBV,KAAK;;;;;;;;;;;;;;;;;;;;;;;;QA+RR,wBAAmB,GAAe,EAAE,CAAA;QAY5C,gBAAW,GAAG;YACZ,IAAI,IAAI,CAAC,KAAK,EAAE;gBACd,QACEA,mBAAO,OAAO,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAC,aAAa,IAChD,IAAI,CAAC,KAAK,CACL,EACT;aACF;YACD,QACEA,mBAAO,OAAO,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAC,aAAa,IACjDA,kBAAM,IAAI,EAAC,OAAO,GAAQ,CACpB,EACT;SACF,CAAA;QAED,6BAAwB,GAAG;YACzB,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;YACvD,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,KAAK,UAAU,GAAG,MAAM,GAAG,UAAU,CAAA;YAC5D,IAAI,CAAC,qBAAqB,GAAG,KAAK,CAAC,IAAI,KAAK,UAAU,CAAA;SACvD,CAAA;QAMD,gBAAW,GAAG;YACZ,QACEA,iCACE,EAAE,EAAE,IAAI,CAAC,SAAS,EAClB,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EACpC,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EACpB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,IACb,IAAI,CAAC,mBAAmB,EAC5B,EACH;SACF,CAAA;QAED,mBAAc,GAAG;YACf,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,OAAOA,mBAAI,IAAI,CAAC,QAAQ,CAAK,CAAA;aAC9B;YAED,OAAOA,kBAAM,IAAI,EAAC,WAAW,GAAQ,CAAA;SACtC,CAAA;QAED,uBAAkB,GAAG;YACnB,MAAM,YAAY,GAAG,CAAC,IAAI,CAAC,qBAAqB,CAAA;YAChD,OAAOA,kCAAoB,YAAY,GAAG,cAAc,GAAG,oBAAoB,GAAY,CAAA;SAC5F,CAAA;yBArV4C,YAAYC,KAAM,EAAE,EAAE;oBAyBvD,MAAM;;yBAU4B,KAAK;uBAKc,QAAQ;wBAK5B,KAAK;wBAKL,KAAK;uBAKN,KAAK;8BAKE,KAAK;2BAKR,KAAK;uBAKT,KAAK;sBAKN,KAAK;oBAKP,KAAK;uBAKF,KAAK;;;;wBAoBJ,KAAK;wBAKL,KAAK;;;qCAaR,KAAK;;IAO/C,iBAAiB;QACf,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAA;KACzB;IAQD,iBAAiB;QACf,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAA;QACtB,IAAI,CAAC,mBAAmB,GAAGC,yCAAqB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;KAC1D;IAQD,gBAAgB;QACd,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAA;KACtB;IAQD,mBAAmB;QACjB,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAA;KACzB;IAQD,kBAAkB;QAChB,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAA;KACxB;IAQD,qBAAqB;QACnB,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,CAAA;KAC3B;IAQD,mBAAmB;QACjB,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAA;KACzB;IAQD,kBAAkB;QAChB,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAA;KACxB;IAQD,oBAAoB;QAClB,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,CAAA;KAC5B;IASD,sBAAsB,CAAC,IAAc;QACnC,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KACzC;IASD,oBAAoB,CAAC,QAAiB;QACpC,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;KAC3C;IAOD,iBAAiB;QACf,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,CAAA;KAChC;IAUD,wBAAwB,CAAC,KAAa,EAAE,KAAa;QACnD,IAAI,CAAC,0BAA0B,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAA;KACrD;IAEO,mBAAmB;QACzB,OAAO;YACL,UAAU,EAAE,IAAI;YAChB,cAAc,EAAE,IAAI,CAAC,cAAc;YACnC,KAAK,EAAE,IAAI,CAAC,OAAO,KAAK,OAAO;YAC/B,KAAK,EAAE,IAAI,CAAC,OAAO,KAAK,OAAO;YAC/B,MAAM,EAAE,IAAI,CAAC,OAAO,KAAK,QAAQ;YACjC,cAAc,EAAE,IAAI,CAAC,QAAQ;YAC7B,iBAAiB,EAAE,IAAI,CAAC,WAAW;YACnC,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,OAAO,EAAE,IAAI,CAAC,OAAO;SACtB,CAAA;KACF;IASO,WAAW,CAAC,KAAY;QAC9B,IAAI,CAAC,KAAK,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAA;QACrD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;KAClC;IAuBO,cAAc,CAAC,QAAgB;QACrC,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,UAAU,QAAQ,IAAI,CAAC,CAAA;KACvD;IAkCD,cAAc;QACZ,IAAI,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE;YAClC,OAAOF,kBAAM,IAAI,EAAC,MAAM,GAAQ,CAAA;SACjC;aAAM,IAAI,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE;YACxC,OAAOA,kBAAM,IAAI,EAAC,QAAQ,GAAQ,CAAA;SACnC;aAAM;YACL,OAAO,IAAI,CAAC,kBAAkB,EAAE,CAAA;SACjC;KACF;IAED,MAAM;QACJ,QACEA,QAACG,UAAI,uDACHH,kEAAK,KAAK,EAAE,IAAI,CAAC,mBAAmB,EAAE,IACpCA,kEAAK,KAAK,EAAE,eAAe,IAAI,CAAC,QAAQ,GAAG,cAAc,GAAG,EAAE,EAAE,IAAG,IAAI,CAAC,WAAW,EAAE,CAAO,EAC3F,IAAI,CAAC,OAAO,IACXA,iBAAK,KAAK,EAAC,aAAa,IACtBA,iBAAK,KAAK,EAAC,YAAY,IACrBA,kBAAM,IAAI,EAAC,MAAM,GAAQ,CACrB,EACL,IAAI,CAAC,WAAW,EAAE,CACf,KAEN,IAAI,CAAC,WAAW,EAAE,CACnB,EAEA,IAAI,CAAC,cAAc,KAClBA,wEACE,KAAK,EAAC,WAAW,EACjB,KAAK,EAAC,QAAQ,gBACH,4CAAwB,EACnC,OAAO,EAAE,IAAI,CAAC,IAAI,KAAK,UAAU,GAAG,IAAI,CAAC,wBAAwB,GAAG,SAAS,IAE5E,CAAC,IAAI,CAAC,OAAO,IAAIA,oEAAM,IAAI,CAAC,cAAc,EAAE,CAAO,CAC1C,CACb,EACA,IAAI,CAAC,cAAc,EAAE,CAClB,CACD,EACR;KACF;;;;;;;;","names":["h","uuidv4","inheritAriaAttributes","Host"],"sources":["src/components/input/input.scss?tag=br-input&encapsulation=shadow","src/components/input/input.tsx"],"sourcesContent":["@import \"../../../../../node_modules/@govbr-ds/core/src/components/input/input.scss\";\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","import { AttachInternals, Component, Element, Event, EventEmitter, Host, Prop, State, h } from '@stencil/core'\nimport { v4 as uuidv4 } from 'uuid'\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\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 *\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: HTMLElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Identificador único do campo de entrada.\n   * Caso não seja fornecido, um ID gerado automaticamente será usado.\n   */\n  @Prop({ reflect: true }) defaultID: string = `br-input-${uuidv4()}`\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 }) type:\n    | 'color'\n    | 'email'\n    | 'hidden'\n    | 'password'\n    | 'range'\n    | 'search'\n    | 'number'\n    | 'tel'\n    | 'text'\n    | 'url' = 'text'\n\n  /**\n   * Controla o comportamento de preenchimento automático do navegador para o input.\n   */\n  @Prop({ reflect: true }) autocomplete: 'on' | 'off'\n\n  /**\n   * Se definido como verdadeiro, o input receberá foco automaticamente ao ser renderizado.\n   */\n  @Prop({ reflect: true }) autofocus: boolean = false\n\n  /**\n   * Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.\n   */\n  @Prop({ reflect: true }) density: 'large' | 'medium' | 'small' = 'medium'\n\n  /**\n   * Desativa o input, tornando-o não interativo.\n   */\n  @Prop({ reflect: true }) 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 }) isInline: boolean = false\n\n  /**\n   * Se verdadeiro, o input exibirá um ícone. Utilize o slot `icon` para definir o ícone.\n   */\n  @Prop({ reflect: true }) hasIcon: boolean = false\n\n  /**\n   * Se verdadeiro, um botão será exibido à direita do input.\n   */\n  @Prop({ reflect: true }) hasRightButton: boolean = false\n\n  /**\n   * Se verdadeiro, o input terá destaque visual.\n   */\n  @Prop({ reflect: true }) isHighlight: boolean = false\n\n  /**\n   * Se verdadeiro, o input indica um estado de validação bem-sucedido.\n   */\n  @Prop({ reflect: true }) success: boolean = false\n\n  /**\n   * Se verdadeiro, o input indica um estado de validação com erro.\n   */\n  @Prop({ reflect: true }) danger: boolean = false\n\n  /**\n   * Se verdadeiro, o input indica um estado informativo.\n   */\n  @Prop({ reflect: true }) info: boolean = false\n\n  /**\n   * Se verdadeiro, o input indica um estado de alerta.\n   */\n  @Prop({ reflect: true }) warning: boolean = false\n\n  /**\n   * Texto exibido como rótulo do input.\n   */\n  @Prop({ reflect: true }) label: string\n\n  /**\n   * Nome do input, utilizado para identificação em formulários.\n   */\n  @Prop({ reflect: true }) 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 }) 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: 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 }) required: boolean = false\n\n  /**\n   * Valor inicial 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 }) helpText: string\n\n  @State() _showIconTextPassword: boolean = false\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.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 getInputCssClassMap(): CssClassMap {\n    return {\n      'br-input': true,\n      'input-button': this.hasRightButton,\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.success,\n      danger: this.danger,\n      info: this.info,\n      warning: this.warning,\n    }\n  }\n\n  private inheritedAttributes: Attributes = {}\n\n  /**\n   * Valor atualizado do input\n   */\n  @Event() valueChange!: EventEmitter<string>\n\n  private handleInput(event: Event) {\n    this.value = (event.target as HTMLInputElement).value\n    this.valueChange.emit(this.value)\n  }\n\n  renderLabel = () => {\n    if (this.label) {\n      return (\n        <label htmlFor={this.defaultID} class=\"text-nowrap\">\n          {this.label}\n        </label>\n      )\n    }\n    return (\n      <label htmlFor={this.defaultID} class=\"text-nowrap\">\n        <slot name=\"label\"></slot>\n      </label>\n    )\n  }\n\n  togglePasswordVisibility = () => {\n    const input = this.el.shadowRoot.querySelector('input')\n    input.type = input.type === 'password' ? 'text' : 'password'\n    this._showIconTextPassword = input.type === 'password'\n  }\n\n  private hasSlotContent(slotName: string): boolean {\n    return !!this.el.querySelector(`[slot=\"${slotName}\"]`)\n  }\n\n  renderInput = () => {\n    return (\n      <input\n        id={this.defaultID}\n        autocomplete={this.autocomplete}\n        autofocus={this.autofocus}\n        disabled={this.disabled}\n        onInput={this.handleInput.bind(this)}\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        {...this.inheritedAttributes}\n      />\n    )\n  }\n\n  renderHelpText = () => {\n    if (this.helpText) {\n      return <p>{this.helpText}</p>\n    }\n\n    return <slot name=\"help-text\"></slot>\n  }\n\n  renderIconPassword = () => {\n    const showPassword = !this._showIconTextPassword\n    return <br-icon icon-name={showPassword ? 'fa-solid:eye' : 'fa-solid:eye-slash'}></br-icon>\n  }\n\n  renderIconSlot() {\n    if (this.hasSlotContent('hasIcon')) {\n      return <slot name=\"icon\"></slot>\n    } else if (this.hasSlotContent('action')) {\n      return <slot name=\"action\"></slot>\n    } else {\n      return this.renderIconPassword()\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.getInputCssClassMap()}>\n          <div class={`input-label ${this.isInline ? 'inline-label' : ''}`}>{this.renderLabel()}</div>\n          {this.hasIcon ? (\n            <div class=\"input-group\">\n              <div class=\"input-icon\">\n                <slot name=\"icon\"></slot>\n              </div>\n              {this.renderInput()}\n            </div>\n          ) : (\n            this.renderInput()\n          )}\n\n          {this.hasRightButton && (\n            <br-button\n              class=\"br-button\"\n              shape=\"circle\"\n              aria-label=\"botão de ação do ícone\"\n              onClick={this.type === 'password' ? this.togglePasswordVisibility : undefined}\n            >\n              {!this.hasIcon && <div>{this.renderIconSlot()}</div>}\n            </br-button>\n          )}\n          {this.renderHelpText()}\n        </div>\n      </Host>\n    )\n  }\n}\n"],"version":3}