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

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

@@ -0,0 +1 @@
+{"file":"br-button.entry.cjs.js","mappings":"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","names":["inheritAriaAttributes","h","Host"],"sources":["src/components/button/button.scss?tag=br-button&encapsulation=shadow","src/components/button/button.tsx"],"sourcesContent":["@import \"../../../../../node_modules/@govbr-ds/core/src/components/button/button.scss\";\n@import \"../../../../../node_modules/@govbr-ds/core/src/components/loading/loading.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 * Consulte a [documentação GovBR-DS](https://www.gov.br/ds/components/button?tab=designer) para mais detalhes.\n *\n * @slot default Conteúdo do Button\n */\n@Component({\n  tag: 'br-button',\n  styleUrl: 'button.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Button {\n  /** Elemento host */\n  @Element() el: HTMLButtonElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /** Tipo: circular */\n  @Prop({ reflect: true }) circle: boolean = false\n\n  /** Ênfase */\n  @Prop({ reflect: true }) emphasis: 'primary' | 'secondary' = null\n\n  /** Comportamento: bloco */\n  @Prop({ reflect: true }) block: boolean = false\n\n  /** Comportamento: densidade */\n  @Prop({ reflect: true }) density: 'small' | 'large' | null = null\n\n  /** Estado: loading/progresso */\n  @Prop({ reflect: true }) loading: boolean = false\n\n  /** Estado: desabilitado */\n  @Prop({ reflect: true }) disabled: boolean = false\n\n  /** Estado: ativo */\n  @Prop({ reflect: true }) active: boolean = false\n\n  /** [Tipo](https://developer.mozilla.org/pt-BR/docs/Web/HTML/Element/button#type) do botão. */\n  @Prop({ reflect: true }) type: 'button' | 'reset' | 'submit' = 'button'\n\n  /** Valor do botão */\n  @Prop({ reflect: true }) value: string\n\n  /** Habilita botão para fundos escuros (dark mode/invertido) */\n  @Prop({ reflect: true }) darkMode: boolean = false\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 handleClick() {\n    if (this.type === 'submit') {\n      const submitEvent = new SubmitEvent('submit', {\n        submitter: this.elementInternals.form,\n        composed: true,\n        cancelable: true,\n        bubbles: true,\n      })\n      this.elementInternals.form.dispatchEvent(submitEvent)\n    }\n\n    if (this.type === 'reset') {\n      this.elementInternals.form.reset()\n    }\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-button': true,\n      primary: this.emphasis === 'primary',\n      secondary: this.emphasis === 'secondary',\n      large: this.density === 'large',\n      small: this.density === 'small',\n      block: this.block,\n      circle: this.circle,\n      active: this.active,\n      loading: this.loading,\n      'dark-mode': this.darkMode,\n    }\n  }\n\n  private inheritedAttributes: Attributes = {}\n\n  render() {\n    return (\n      <Host aria-disabled={this.disabled ? 'true' : null}>\n        <button\n          class={this.getCssClassMap()}\n          type={this.type}\n          disabled={this.disabled}\n          value={this.value}\n          onClick={() => this.handleClick()}\n          {...this.inheritedAttributes}\n        >\n          <slot></slot>\n        </button>\n      </Host>\n    )\n  }\n}\n"],"version":3}