@govbr-ds/webcomponents 2.0.0-next.34 → 2.0.0-next.36

package/dist/components/{p-D27CYIFW.js.map → p-CAjrcMpR.js.map}

@@ -1 +1 @@
-{"version":3,"names":["buttonCss","Button","__stencil_proxyCustomElement","HTMLElement","elementInternals","colorMode","customId","buttonId","density","disabled","emphasis","isActive","isLoading","shape","type","value","handleClick","this","submitEvent","SubmitEvent","submitter","form","composed","cancelable","bubbles","dispatchEvent","reset","getCssClassMap","primary","secondary","large","small","block","circle","active","loading","render","h","Host","key","class","id","onClick"],"sources":["../../packages/webcomponents/src/components/button/button.scss?tag=br-button&encapsulation=shadow","../../packages/webcomponents/src/components/button/button.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/button/button\";\n@import \"~@govbr-ds/core/src/components/loading/loading\";\n\n:host {\n  display: block;\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/button?tab=designer).\n *\n * @slot default - Espaço de conteúdo do button. Geralmente usado para incluir o rótulo.\n */\n@Component({\n  tag: 'br-button',\n  styleUrl: 'button.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Button {\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: HTMLBrButtonElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Define se o botão usará um esquema de cores escuro.\n   */\n  @Prop({ reflect: true }) readonly colorMode: 'dark'\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-button-${buttonId++}`\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 botão, tornando-o não interativo.\n   */\n  @Prop({ reflect: true }) readonly disabled: boolean = false\n\n  /**\n   * Define a ênfase do botão, alterando sua aparência para criar hierarquia visual e destacar ações importantes.\n   */\n  @Prop({ reflect: true }) readonly emphasis: 'primary' | 'secondary' | 'tertiary'\n\n  /**\n   * Indica se o botão está no estado ativo.\n   * Se definido como verdadeiro, o botão será exibido como ativo.\n   */\n  @Prop({ reflect: true }) readonly isActive: boolean = false\n\n  /**\n   * Aplica o estado de \"progresso\" ao botão.\n   * O botão exibirá um indicador de carregamento ou progresso.\n   */\n  @Prop({ reflect: true }) readonly isLoading: boolean = false\n\n  /**\n   * Define o formato do botão.\n   * Valores possíveis:\n   * - 'circle': Botão com formato circular.\n   * - 'block': Botão com formato ovalado ocupando toda a largura disponível.\n   * - 'pill': Botão com formato ovalado, com bordas arredondadas.\n   */\n  @Prop({ reflect: true }) readonly shape: 'circle' | 'block' | 'pill'\n\n  /**\n   * Define o tipo de botão, especificando seu comportamento padrão.\n   * Valores possíveis:\n   * - 'button': Um botão padrão.\n   * - 'reset': Um botão para redefinir o formulário.\n   * - 'submit': Um botão para enviar o formulário.\n   */\n  @Prop({ reflect: true }) readonly type: 'button' | 'reset' | 'submit'\n\n  /**\n   * Define o valor inicial do botão em um formulário.\n   */\n  @Prop({ reflect: true }) readonly value: string\n  private readonly 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.shape === 'block',\n      circle: this.shape === 'circle',\n      active: this.isActive,\n      loading: this.isLoading,\n      'dark-mode': this.colorMode === 'dark',\n    }\n  }\n\n  render() {\n    return (\n      <Host aria-disabled={this.disabled ? 'true' : null}>\n        <button\n          class={this.getCssClassMap()}\n          type={this.type}\n          id={this.customId}\n          disabled={this.disabled}\n          value={this.value}\n          onClick={this.handleClick}\n        >\n          <slot></slot>\n        </button>\n      </Host>\n    )\n  }\n}\n\nlet buttonId = 0\n"],"mappings":";;;;;AAAA,MAAMA,IAAY;;MCeLC,KAAMC,EAAA,MAAAD,UAAAE;;;;;;;;;;EAOEC;;;;EAKeC;;;;;EAMAC,SAAmB,aAAaC;;;;EAKhCC,QAAwC;;;;EAKxCC,SAAoB;;;;EAKpBC;;;;;EAMAC,SAAoB;;;;;EAMpBC,UAAqB;;;;;;;;EASrBC;;;;;;;;EASAC;;;;EAKAC;EACjBC,YAAc;IAC7B,IAAIC,KAAKH,SAAS,UAAU;MAC1B,MAAMI,IAAc,IAAIC,YAAY,UAAU;QAC5CC,WAAWH,KAAKb,iBAAiBiB;QACjCC,UAAU;QACVC,YAAY;QACZC,SAAS;;MAEXP,KAAKb,iBAAiBiB,KAAKI,cAAcP;;IAG3C,IAAID,KAAKH,SAAS,SAAS;MACzBG,KAAKb,iBAAiBiB,KAAKK;;;EAIvB,cAAAC;IACN,OAAO;MACL,aAAa;MACbC,SAASX,KAAKP,aAAa;MAC3BmB,WAAWZ,KAAKP,aAAa;MAC7BoB,OAAOb,KAAKT,YAAY;MACxBuB,OAAOd,KAAKT,YAAY;MACxBwB,OAAOf,KAAKJ,UAAU;MACtBoB,QAAQhB,KAAKJ,UAAU;MACvBqB,QAAQjB,KAAKN;MACbwB,SAASlB,KAAKL;MACd,aAAaK,KAAKZ,cAAc;;;EAIpC,MAAA+B;IACE,OACEC,EAACC,GAAI;MAAAC,KAAA;MAAA,iBAAgBtB,KAAKR,WAAW,SAAS;OAC5C4B,EAAA;MAAAE,KAAA;MACEC,OAAOvB,KAAKU;MACZb,MAAMG,KAAKH;MACX2B,IAAIxB,KAAKX;MACTG,UAAUQ,KAAKR;MACfM,OAAOE,KAAKF;MACZ2B,SAASzB,KAAKD;OAEdqB,EAAa;MAAAE,KAAA;;;;;;;;;;;;;;;;;;;;;;AAOvB,IAAIhC,IAAW","ignoreList":[]}
+{"version":3,"names":["buttonCss","Button","__stencil_proxyCustomElement","HTMLElement","elementInternals","colorMode","customId","buttonId","density","disabled","emphasis","isActive","isLoading","shape","type","value","handleClick","this","submitEvent","SubmitEvent","submitter","form","composed","cancelable","bubbles","dispatchEvent","reset","getCssClassMap","primary","secondary","large","small","block","circle","active","loading","render","h","Host","key","class","id","onClick"],"sources":["../../packages/webcomponents/src/components/button/button.scss?tag=br-button&encapsulation=shadow","../../packages/webcomponents/src/components/button/button.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/button/button\";\n@import \"~@govbr-ds/core/src/components/loading/loading\";\n\n:host {\n  display: block;\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/button?tab=designer).\n *\n * @slot default - Espaço de conteúdo do button. Geralmente usado para incluir o rótulo.\n */\n@Component({\n  tag: 'br-button',\n  styleUrl: 'button.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Button {\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: HTMLBrButtonElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Define se o botão usará um esquema de cores escuro.\n   */\n  @Prop({ reflect: true }) readonly colorMode: 'dark'\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-button-${buttonId++}`\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 botão, tornando-o não interativo.\n   */\n  @Prop({ reflect: true }) readonly disabled: boolean = false\n\n  /**\n   * Define a ênfase do botão, alterando sua aparência para criar hierarquia visual e destacar ações importantes.\n   */\n  @Prop({ reflect: true }) readonly emphasis: 'primary' | 'secondary' | 'tertiary'\n\n  /**\n   * Indica se o botão está no estado ativo.\n   * Se definido como verdadeiro, o botão será exibido como ativo.\n   */\n  @Prop({ reflect: true }) readonly isActive: boolean = false\n\n  /**\n   * Aplica o estado de \"progresso\" ao botão.\n   * O botão exibirá um indicador de carregamento ou progresso.\n   */\n  @Prop({ reflect: true }) readonly isLoading: boolean = false\n\n  /**\n   * Define o formato do botão.\n   * Valores possíveis:\n   * - 'circle': Botão com formato circular.\n   * - 'block': Botão com formato ovalado ocupando toda a largura disponível.\n   * - 'pill': Botão com formato ovalado, com bordas arredondadas.\n   */\n  @Prop({ reflect: true }) readonly shape: 'circle' | 'block' | 'pill'\n\n  /**\n   * Define o tipo de botão, especificando seu comportamento padrão.\n   * Valores possíveis:\n   * - 'button': Um botão padrão.\n   * - 'reset': Um botão para redefinir o formulário.\n   * - 'submit': Um botão para enviar o formulário.\n   */\n  @Prop({ reflect: true }) readonly type: 'button' | 'reset' | 'submit'\n\n  /**\n   * Define o valor inicial do botão em um formulário.\n   */\n  @Prop({ reflect: true }) readonly value: string\n  private readonly 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.shape === 'block',\n      circle: this.shape === 'circle',\n      active: this.isActive,\n      loading: this.isLoading,\n      'dark-mode': this.colorMode === 'dark',\n    }\n  }\n\n  render() {\n    return (\n      <Host aria-disabled={this.disabled ? 'true' : null}>\n        <button\n          class={this.getCssClassMap()}\n          type={this.type}\n          id={this.customId}\n          disabled={this.disabled}\n          value={this.value}\n          onClick={this.handleClick}\n        >\n          <slot></slot>\n        </button>\n      </Host>\n    )\n  }\n}\n\nlet buttonId = 0\n"],"mappings":";;;;;;AAAA,MAAMA,IAAY;;MCeLC,KAAMC,EAAA,MAAAD,UAAAE;;;;;;;;;;EAOEC;;;;EAKeC;;;;;EAMAC,SAAmB,aAAaC;;;;EAKhCC,QAAwC;;;;EAKxCC,SAAoB;;;;EAKpBC;;;;;EAMAC,SAAoB;;;;;EAMpBC,UAAqB;;;;;;;;EASrBC;;;;;;;;EASAC;;;;EAKAC;EACjBC,YAAc;IAC7B,IAAIC,KAAKH,SAAS,UAAU;MAC1B,MAAMI,IAAc,IAAIC,YAAY,UAAU;QAC5CC,WAAWH,KAAKb,iBAAiBiB;QACjCC,UAAU;QACVC,YAAY;QACZC,SAAS;;MAEXP,KAAKb,iBAAiBiB,KAAKI,cAAcP;;IAG3C,IAAID,KAAKH,SAAS,SAAS;MACzBG,KAAKb,iBAAiBiB,KAAKK;;;EAIvB,cAAAC;IACN,OAAO;MACL,aAAa;MACbC,SAASX,KAAKP,aAAa;MAC3BmB,WAAWZ,KAAKP,aAAa;MAC7BoB,OAAOb,KAAKT,YAAY;MACxBuB,OAAOd,KAAKT,YAAY;MACxBwB,OAAOf,KAAKJ,UAAU;MACtBoB,QAAQhB,KAAKJ,UAAU;MACvBqB,QAAQjB,KAAKN;MACbwB,SAASlB,KAAKL;MACd,aAAaK,KAAKZ,cAAc;;;EAIpC,MAAA+B;IACE,OACEC,EAACC,GAAI;MAAAC,KAAA;MAAA,iBAAgBtB,KAAKR,WAAW,SAAS;OAC5C4B,EAAA;MAAAE,KAAA;MACEC,OAAOvB,KAAKU;MACZb,MAAMG,KAAKH;MACX2B,IAAIxB,KAAKX;MACTG,UAAUQ,KAAKR;MACfM,OAAOE,KAAKF;MACZ2B,SAASzB,KAAKD;OAEdqB,EAAa;MAAAE,KAAA;;;;;;;;;;;;;;;;;;;;;;AAOvB,IAAIhC,IAAW","ignoreList":[]}

package/dist/components/{p-D02C28Eq.js → p-CyMSBO1R.js}

@@ -1,5 +1,6 @@
 /*!
- * Construído com @govbr-ds/webcomponents
+ * Construído por SERPRO
+ * © https://serpro.gov.br/ - MIT License.
  */
 const e = "webcomponents";
 
@@ -2038,5 +2039,5 @@ var setNonce = e => b.I = e
 var setPlatformOptions = e => Object.assign(b, e);
 
 export { m as H, setNonce as a, setPlatformOptions as b, createEvent as c, E as d, getAssetPath as g, h, proxyCustomElement as p, setAssetPath as s };
-//# sourceMappingURL=p-D02C28Eq.js.map
-//# sourceMappingURL=p-D02C28Eq.js.map
+//# sourceMappingURL=p-CyMSBO1R.js.map
+//# sourceMappingURL=p-CyMSBO1R.js.map