@govbr-ds/webcomponents 2.0.0-next.4 → 2.0.0-next.5

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

@@ -0,0 +1 @@
+{"file":"br-input.entry.js","mappings":"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","names":[],"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, h } from '@stencil/core'\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n *\n * Consulte a [documentação GovBR-DS](https://www.gov.br/ds/components/input?tab=designer) para mais detalhes.\n *\n * @slot action Define a ação interna\n *\n */\n@Component({\n  tag: 'br-input',\n  styleUrl: 'input.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Input {\n  /** Elemento host */\n  @Element() el: HTMLInputElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /** Tipo de campo de entrada */\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  /**  Define o comportamento padrão do browser para autocomplete em formulários */\n  @Prop({ reflect: true }) autocomplete: 'on' | 'off'\n\n  /** Se definido como true, o campo de entrada receberá foco automaticamente quando o formulário for carregado */\n  @Prop({ reflect: true }) autofocus: boolean = false\n\n  /** Comportamento: densidade */\n  @Prop({ reflect: true }) density: 'small' | 'large' | '' = ''\n\n  /** Se definido como true, o campo de entrada é desabilitado e não pode ser interrompido. */\n  @Prop({ reflect: true }) disabled: boolean = false\n\n  /** Define o label e input como comportamento inline */\n  @Prop({ reflect: true }) inline: boolean = false\n\n  /** Define se o input vai ser icon. Use o @slot icon para definir o ícone */\n  @Prop({ reflect: true }) icon: boolean = false\n\n  /** Define se o input vai ter um botão a direita */\n  @Prop({ reflect: true }) button: boolean = false\n\n  @Prop({ reflect: true }) highlight: boolean = false\n\n  @Prop({ reflect: true }) success: boolean = false\n\n  @Prop({ reflect: true }) danger: boolean = false\n\n  @Prop({ reflect: true }) info: boolean = false\n\n  @Prop({ reflect: true }) warning: boolean = false\n\n  /** Label para o input */\n  @Prop({ reflect: true }) label: string\n\n  /** Nome do campo de entrada */\n  @Prop({ reflect: true }) name: string\n\n  /** Uma dica ou sugestão exibida dentro do campo de entrada quando ele está vazio */\n  @Prop({ reflect: true }) placeholder: string\n\n  /** Se definido como true, o valor do campo de entrada pode ser exibido, mas não editado pelo usuário. */\n  @Prop({ reflect: true }) readonly: boolean = false\n\n  /** Se definido como true, o campo de entrada deve ser preenchido antes que o formulário possa ser enviado. */\n  @Prop({ reflect: true }) required: boolean = false\n\n  /** Valor inicial a ser exibido no campo de entrada. */\n  @Prop({ reflect: true, mutable: true }) value: string\n\n  /** Consulte a documentação do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback). */\n  @Event() brConnectedCallback: EventEmitter<this>\n  connectedCallback() {\n    this.brConnectedCallback.emit(this)\n  }\n\n  /** Consulte a documentação do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback). */\n  @Event() brComponentWillLoad: EventEmitter<this>\n  componentWillLoad() {\n    this.brComponentWillLoad.emit(this)\n    this.inheritedAttributes = inheritAriaAttributes(this.el)\n  }\n\n  /** Consulte a documentação do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback). */\n  @Event() brComponentDidLoad: EventEmitter<this>\n  componentDidLoad() {\n    this.brComponentDidLoad.emit(this)\n  }\n\n  /** Consulte a documentação do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback). */\n  @Event() brComponentWillRender: EventEmitter<this>\n  componentWillRender() {\n    this.brComponentWillRender.emit(this)\n  }\n\n  /** Consulte a documentação do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback). */\n  @Event() brComponentDidRender: EventEmitter<this>\n  componentDidRender() {\n    this.brComponentDidRender.emit(this)\n  }\n\n  /** Consulte a documentação do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback). */\n  @Event() brComponentShouldUpdate: EventEmitter<this>\n  componentShouldUpdate() {\n    this.brComponentShouldUpdate.emit(this)\n  }\n\n  /** Consulte a documentação do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback). */\n  @Event() brComponentWillUpdate: EventEmitter<this>\n  componentWillUpdate() {\n    this.brComponentWillUpdate.emit(this)\n  }\n\n  /** Consulte a documentação do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback). */\n  @Event() brComponentDidUpdate: EventEmitter<this>\n  componentDidUpdate() {\n    this.brComponentDidUpdate.emit(this)\n  }\n\n  /** Consulte a documentação do [StencilJS](https://stenciljs.com/docs/component-lifecycle#connectedcallback). */\n  @Event() brDisconnectedCallback: EventEmitter<this>\n  disconnectedCallback() {\n    this.brDisconnectedCallback.emit(this)\n  }\n\n  /** Componente foi inserido em um `<form>` */\n  @Event() formAssociatedCallback: EventEmitter<this>\n  onFormAssociatedCallback(form) {\n    this.formAssociatedCallback.emit(form)\n  }\n\n  /** Componente foi removido de um `<form>` */\n  @Event() formDisassociatedCallback: EventEmitter<this>\n  onFormDisassociatedCallback(form) {\n    this.formDisassociatedCallback.emit(form)\n  }\n\n  private getInputCssClassMap(): CssClassMap {\n    return {\n      'br-input': true,\n      'input-button': this.button,\n      large: this.density === 'large',\n      small: this.density === 'small',\n      'input-inline': this.inline,\n      'input-highlight': this.highlight,\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  /** Valor atualizado do input */\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  render() {\n    return (\n      <Host>\n        <div class={this.getInputCssClassMap()}>\n          {this.label && (\n            <label class=\"text-nowrap\" htmlFor={this.el.id}>\n              {this.label}\n            </label>\n          )}\n          {this.icon && (\n            <div class=\"input-icon\">\n              <slot name=\"icon\"></slot>\n            </div>\n          )}\n          <input\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          {this.button && (\n            <br-button class=\"br-button\" circle>\n              <slot name=\"action\"></slot>\n            </br-button>\n          )}\n        </div>\n      </Host>\n    )\n  }\n}\n"],"version":3}