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

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

@@ -0,0 +1 @@
+{"file":"br-checkbox.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,WAAW,GAAG,omsdAAomsd,CAAC;AACznsd,yBAAe,WAAW;;MCYb,QAAQ;;;;;;;;;;;;;;;;;;;;;;QAgGX,wBAAmB,GAAe,EAAE,CAAA;uBA1Fe,KAAK;wBAEnB,KAAK;uBAEN,KAAK;qBAEP,KAAK;;;;;IAU/C,iBAAiB;QACf,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KACpC;IAID,iBAAiB;QACf,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QACnC,IAAI,CAAC,mBAAmB,GAAGA,yCAAqB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;KAC1D;IAID,gBAAgB;QACd,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KACnC;IAID,mBAAmB;QACjB,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KACtC;IAID,kBAAkB;QAChB,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KACrC;IAID,qBAAqB;QACnB,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KACxC;IAID,mBAAmB;QACjB,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KACtC;IAID,kBAAkB;QAChB,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KACrC;IAID,oBAAoB;QAClB,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KACvC;IAID,wBAAwB,CAAC,IAAI;QAC3B,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KACvC;IAID,2BAA2B,CAAC,IAAI;QAC9B,IAAI,CAAC,yBAAyB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC1C;IAEO,cAAc;QACpB,OAAO;YACL,aAAa,EAAE,IAAI;YACnB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB,CAAA;KACF;IAMO,mBAAmB,CAAC,KAAY;QACtC,IAAI,CAAC,OAAO,GAAI,KAAK,CAAC,MAA2B,CAAC,OAAO,CAAA;QACzD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;KACtC;IAED,MAAM;QACJ,QACEC,qEACEA,kEAAK,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,IAC/BA,gGACc,IAAI,CAAC,KAAK,EACtB,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,IAAI,CAAC,IAAI,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,IAChD,IAAI,CAAC,mBAAmB,EAC5B,EACD,IAAI,CAAC,KAAK,IAAIA,oEAAO,OAAO,EAAE,IAAI,CAAC,IAAI,IAAG,IAAI,CAAC,KAAK,CAAS,CAC1D,CACD,EACR;KACF;;;;;;;;","names":["inheritAriaAttributes","h"],"sources":["src/components/checkbox/checkbox.scss?tag=br-checkbox&encapsulation=shadow","src/components/checkbox/checkbox.tsx"],"sourcesContent":["@import \"../../../../../node_modules/@govbr-ds/core/src/components/checkbox/checkbox.scss\";\n\n:host {\n  display: block;\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, 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/checkbox?tab=designer) para mais detalhes.\n */\n@Component({\n  tag: 'br-checkbox',\n  styleUrl: 'checkbox.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Checkbox {\n  /** Elemento host */\n  @Element() el: HTMLInputElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  @Prop({ reflect: true, mutable: true }) checked: boolean = false\n\n  @Prop({ reflect: true }) disabled: boolean = false\n\n  @Prop({ reflect: true }) invalid: boolean = false\n\n  @Prop({ reflect: true }) valid: boolean = false\n\n  @Prop({ reflect: true }) name!: string\n\n  @Prop({ reflect: true }) label: string\n\n  @Prop({ reflect: 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 getCssClassMap(): CssClassMap {\n    return {\n      'br-checkbox': true,\n      valid: this.valid,\n      invalid: this.invalid,\n      disabled: this.disabled,\n    }\n  }\n\n  private inheritedAttributes: Attributes = {}\n\n  @Event() checkedChange: EventEmitter<boolean>\n\n  private handleCheckedChange(event: Event) {\n    this.checked = (event.target as HTMLInputElement).checked\n    this.checkedChange.emit(this.checked)\n  }\n\n  render() {\n    return (\n      <host>\n        <div class={this.getCssClassMap()}>\n          <input\n            aria-label={this.label}\n            type=\"checkbox\"\n            id={this.name}\n            name={this.name}\n            checked={this.checked}\n            value={this.value}\n            onChange={(event) => this.handleCheckedChange(event)}\n            {...this.inheritedAttributes}\n          />\n          {this.label && <label htmlFor={this.name}>{this.label}</label>}\n        </div>\n      </host>\n    )\n  }\n}\n"],"version":3}