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

package/dist/webcomponents/p-5f162437.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["inputCss","BrInputStyle0","Input","this","inheritedAttributes","connectedCallback","brConnectedCallback","emit","componentWillLoad","brComponentWillLoad","inheritAriaAttributes","el","componentDidLoad","brComponentDidLoad","componentWillRender","brComponentWillRender","componentDidRender","brComponentDidRender","componentShouldUpdate","brComponentShouldUpdate","componentWillUpdate","brComponentWillUpdate","componentDidUpdate","brComponentDidUpdate","disconnectedCallback","brDisconnectedCallback","onFormAssociatedCallback","form","formAssociatedCallback","onFormDisassociatedCallback","formDisassociatedCallback","getInputCssClassMap","button","large","density","small","inline","highlight","success","danger","info","warning","handleInput","event","value","target","valueChange","render","h","Host","key","class","label","htmlFor","id","icon","name","Object","assign","autocomplete","autofocus","disabled","onInput","bind","placeholder","readonly","required","title","type","circle"],"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"],"mappings":"oGAAA,MAAMA,EAAW,4isdACjB,MAAAC,EAAeD,E,MCgBFE,EAAK,M,o5BAsJRC,KAAAC,oBAAkC,G,UArI9B,O,2CAMkC,M,aAGa,G,cAGd,M,YAGF,M,UAGF,M,YAGE,M,eAEG,M,aAEF,M,YAED,M,UAEF,M,aAEG,M,kFAYC,M,cAGA,M,qBAO7C,iBAAAC,GACEF,KAAKG,oBAAoBC,KAAKJ,K,CAKhC,iBAAAK,GACEL,KAAKM,oBAAoBF,KAAKJ,MAC9BA,KAAKC,oBAAsBM,EAAsBP,KAAKQ,G,CAKxD,gBAAAC,GACET,KAAKU,mBAAmBN,KAAKJ,K,CAK/B,mBAAAW,GACEX,KAAKY,sBAAsBR,KAAKJ,K,CAKlC,kBAAAa,GACEb,KAAKc,qBAAqBV,KAAKJ,K,CAKjC,qBAAAe,GACEf,KAAKgB,wBAAwBZ,KAAKJ,K,CAKpC,mBAAAiB,GACEjB,KAAKkB,sBAAsBd,KAAKJ,K,CAKlC,kBAAAmB,GACEnB,KAAKoB,qBAAqBhB,KAAKJ,K,CAKjC,oBAAAqB,GACErB,KAAKsB,uBAAuBlB,KAAKJ,K,CAKnC,wBAAAuB,CAAyBC,GACvBxB,KAAKyB,uBAAuBrB,KAAKoB,E,CAKnC,2BAAAE,CAA4BF,GAC1BxB,KAAK2B,0BAA0BvB,KAAKoB,E,CAG9B,mBAAAI,GACN,MAAO,CACL,WAAY,KACZ,eAAgB5B,KAAK6B,OACrBC,MAAO9B,KAAK+B,UAAY,QACxBC,MAAOhC,KAAK+B,UAAY,QACxB,eAAgB/B,KAAKiC,OACrB,kBAAmBjC,KAAKkC,UACxBC,QAASnC,KAAKmC,QACdC,OAAQpC,KAAKoC,OACbC,KAAMrC,KAAKqC,KACXC,QAAStC,KAAKsC,Q,CASV,WAAAC,CAAYC,GAClBxC,KAAKyC,MAASD,EAAME,OAA4BD,MAChDzC,KAAK2C,YAAYvC,KAAKJ,KAAKyC,M,CAG7B,MAAAG,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOhD,KAAK4B,uBACd5B,KAAKiD,OACJJ,EAAA,SAAAE,IAAA,2CAAOC,MAAM,cAAcE,QAASlD,KAAKQ,GAAG2C,IACzCnD,KAAKiD,OAGTjD,KAAKoD,MACJP,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,QAAAE,IAAA,2CAAMM,KAAK,UAGfR,EAAA,QAAAS,OAAAC,OAAA,CAAAR,IAAA,2CACES,aAAcxD,KAAKwD,aACnBC,UAAWzD,KAAKyD,UAChBC,SAAU1D,KAAK0D,SACfC,QAAS3D,KAAKuC,YAAYqB,KAAK5D,MAC/B6D,YAAa7D,KAAK6D,YAClBC,SAAU9D,KAAK8D,SACfC,SAAU/D,KAAK+D,SACfC,MAAOhE,KAAKQ,GAAGwD,MACfC,KAAMjE,KAAKiE,KACXxB,MAAOzC,KAAKyC,OACRzC,KAAKC,sBAEVD,KAAK6B,QACJgB,EAAA,aAAAE,IAAA,2CAAWC,MAAM,YAAYkB,OAAM,MACjCrB,EAAA,QAAAE,IAAA,2CAAMM,KAAK,a"}