@govbr-ds/webcomponents 2.0.0-next.20 → 2.0.0-next.22

package/dist/components/br-tag.js.map

@@ -1 +1 @@
-{"version":3,"names":["tagCss","BrTagStyle0","Tag","proxyCustomElement","H","this","inheritedAttributes","handleClose","el","remove","componentWillLoad","brWillLoad","emit","inheritAriaAttributes","getCssClassMap","classes","interaction","color","small","density","medium","large","count","shape","icon","status","renderIcon","iconName","trim","length","h","style","fontSize","renderLabel","id","label","renderCloseButton","type","emphasis","colorMode","onClick","disabled","renderStatusLabel","class","render","Host","key","Object","assign","role"],"sources":["src/components/tag/tag.scss?tag=br-tag&encapsulation=shadow","src/components/tag/tag.tsx"],"sourcesContent":["@import \"../../../../../node_modules/@govbr-ds/core/src/components/tag/tag.scss\";\n\n:host {\n  display: block;\n\n  .tag-position {\n    display: flex;\n    justify-content: space-around;\n    align-items: center;\n  }\n  .tag-spacing-status {\n    margin-left: var(--spacing-scale-half) !important;\n  }\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Prop, State } from '@stencil/core'\n\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\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/tag?tab=designer).\n *\n * @slot default - Slot utilizado para inserir conteúdo adicional na tag, como texto ou elementos HTML extras.\n */\n@Component({\n  tag: 'br-tag',\n  styleUrl: 'tag.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Tag {\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: HTMLBrTagElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * A propriedade 'label' é uma string que representa o texto a ser exibido no componente.\n   * Ela é refletida no DOM, permitindo que alterações no valor sejam refletidas no elemento HTML correspondente.\n   */\n  @Prop({ reflect: true }) label: string = ''\n\n  /**\n   * A propriedade 'iconName' define o nome do ícone que será exibido ao lado do texto.\n   * O valor padrão é 'fa-solid:car', que corresponde a um ícone de carro da biblioteca Font Awesome.\n   */\n  @Prop({ reflect: true }) iconName: string = ''\n\n  /**\n   * A propriedade 'color' permite definir a cor do componente.\n   * Aceita valores como 'red', 'blue', entre outros, e é refletida no DOM.\n   */\n  @Prop({ reflect: true }) color: string = ''\n\n  /**\n   * A propriedade 'density' permite definir a densidade do componente.\n   * Aceita valores como 'small', 'medium' e 'large', e é refletida no DOM.\n   */\n  @Prop({ reflect: true }) density: 'small' | 'medium' | 'large' = 'small'\n\n  /**\n   * A propriedade 'shape' define o formato do componente.\n   * Valores possíveis:\n   * - 'circle': Componente com formato circular.\n   * - 'rounded': Componente com bordas arredondadas.\n   * - 'default': Componente com formato padrão.\n   */\n  @Prop({ reflect: true }) shape: 'circle' | 'rounded' | 'default' = 'default'\n\n  /**\n   * A propriedade 'status' é um booleano que indica se o status deve ser exibido.\n   * Se definido como true, o status será mostrado ao lado do texto.\n   */\n  @Prop({ reflect: true }) status: boolean = false\n\n  /**\n   * A propriedade 'interaction' é um booleano que indica se a interação deve ser habilitada.\n   * Se definido como true, o componente permitirá interações do usuário.\n   */\n  @Prop({ reflect: true }) interaction: boolean = false\n\n  /**\n   * A propriedade 'disabled' é um booleano que indica se o componente deve estar desabilitado.\n   * Se definido como true, o componente não permitirá interações do usuário.\n   */\n  @Prop({ reflect: true }) disabled: boolean = false\n\n  @State() stateIconName: string = 'fa-solid:car'\n\n  /**\n   * Emite um evento antes que o componente seja carregado pela primeira vez.\n   * Utilize este evento para realizar tarefas de inicialização antes do componente ser exibido.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillload) para mais detalhes.\n   */\n  @Event() brWillLoad: EventEmitter<void>\n  componentWillLoad() {\n    this.brWillLoad.emit()\n    this.inheritedAttributes = inheritAriaAttributes(this.el)\n  }\n\n  private getCssClassMap(): CssClassMap {\n    const classes: CssClassMap = {\n      'br-tag': true,\n      interaction: this.interaction,\n      [this.color]: this.color !== '',\n      small: this.density === 'small',\n      medium: this.density === 'medium',\n      large: this.density === 'large',\n      count: this.shape === 'rounded' ? true : false,\n      icon: this.shape === 'circle' ? true : false,\n      status: this.status,\n    }\n\n    return classes\n  }\n\n  private inheritedAttributes: Attributes = {}\n\n  private renderIcon() {\n    if (this.iconName.trim().length === 0) return null\n    return <br-icon style={{ fontSize: 'var(--icon-size-base)' }} icon-name={this.iconName} aria-hidden=\"true\" />\n  }\n\n  private renderLabel() {\n    if (this.shape === 'circle' || this.status) return null\n    return (\n      <span id=\"interactivetag1\" aria-label={this.label}>\n        {this.label}\n      </span>\n    )\n  }\n\n  private renderCloseButton() {\n    if (!this.interaction) return null\n    return (\n      <br-button\n        type=\"button\"\n        shape=\"circle\"\n        emphasis={!this.interaction ? 'tertiary' : 'primary'}\n        aria-label=\"Fechar\"\n        colorMode={!this.interaction ? 'dark' : null}\n        aria-describedby=\"interactivetag1\"\n        onClick={this.handleClose}\n        disabled={this.disabled}\n      >\n        <br-icon icon-name=\"fa-solid:times\"></br-icon>\n      </br-button>\n    )\n  }\n\n  private renderStatusLabel() {\n    if (!this.status) return null\n    return (\n      <span class=\"tag-spacing-status\" id=\"interactivetag1\" aria-label={this.label}>\n        {this.label}\n      </span>\n    )\n  }\n\n  private handleClose = () => {\n    this.el.remove()\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"tag-position\">\n          <span class={this.getCssClassMap()} {...this.inheritedAttributes} role=\"alert\" aria-live=\"assertive\">\n            {this.renderIcon()}\n            {this.renderLabel()}\n            {this.renderCloseButton()}\n            <slot></slot>\n          </span>\n          {this.renderStatusLabel()}\n        </div>\n      </Host>\n    )\n  }\n}\n"],"mappings":";;;;4KAAA,MAAMA,EAAS,u6eACf,MAAAC,EAAeD,E,MCeFE,EAAGC,EAAA,MAAAD,UAAAE,E,sJAyFNC,KAAAC,oBAAkC,GA2ClCD,KAAAE,YAAc,KACpBF,KAAKG,GAAGC,QAAQ,E,WAxHuB,G,cAMG,G,WAMH,G,aAMwB,Q,WASE,U,YAMxB,M,iBAMK,M,cAMH,M,mBAEZ,c,CAQjC,iBAAAC,GACEL,KAAKM,WAAWC,OAChBP,KAAKC,oBAAsBO,EAAsBR,KAAKG,G,CAGhD,cAAAM,GACN,MAAMC,EAAuB,CAC3B,SAAU,KACVC,YAAaX,KAAKW,YAClB,CAACX,KAAKY,OAAQZ,KAAKY,QAAU,GAC7BC,MAAOb,KAAKc,UAAY,QACxBC,OAAQf,KAAKc,UAAY,SACzBE,MAAOhB,KAAKc,UAAY,QACxBG,MAAOjB,KAAKkB,QAAU,UAAY,KAAO,MACzCC,KAAMnB,KAAKkB,QAAU,SAAW,KAAO,MACvCE,OAAQpB,KAAKoB,QAGf,OAAOV,C,CAKD,UAAAW,GACN,GAAIrB,KAAKsB,SAASC,OAAOC,SAAW,EAAG,OAAO,KAC9C,OAAOC,EAAA,WAASC,MAAO,CAAEC,SAAU,yBAAyB,YAAa3B,KAAKsB,SAAQ,cAAc,Q,CAG9F,WAAAM,GACN,GAAI5B,KAAKkB,QAAU,UAAYlB,KAAKoB,OAAQ,OAAO,KACnD,OACEK,EAAA,QAAMI,GAAG,kBAAiB,aAAa7B,KAAK8B,OACzC9B,KAAK8B,M,CAKJ,iBAAAC,GACN,IAAK/B,KAAKW,YAAa,OAAO,KAC9B,OACEc,EAAA,aACEO,KAAK,SACLd,MAAM,SACNe,UAAWjC,KAAKW,YAAc,WAAa,UAAS,aACzC,SACXuB,WAAYlC,KAAKW,YAAc,OAAS,KAAI,mBAC3B,kBACjBwB,QAASnC,KAAKE,YACdkC,SAAUpC,KAAKoC,UAEfX,EAAA,uBAAmB,mB,CAKjB,iBAAAY,GACN,IAAKrC,KAAKoB,OAAQ,OAAO,KACzB,OACEK,EAAA,QAAMa,MAAM,qBAAqBT,GAAG,kBAAiB,aAAa7B,KAAK8B,OACpE9B,KAAK8B,M,CASZ,MAAAS,GACE,OACEd,EAACe,EAAI,CAAAC,IAAA,4CACHhB,EAAA,OAAAgB,IAAA,2CAAKH,MAAM,gBACTb,EAAA,OAAAiB,OAAAC,OAAA,CAAAF,IAAA,2CAAMH,MAAOtC,KAAKS,kBAAsBT,KAAKC,oBAAmB,CAAE2C,KAAK,QAAO,YAAW,cACtF5C,KAAKqB,aACLrB,KAAK4B,cACL5B,KAAK+B,oBACNN,EAAA,QAAAgB,IAAA,8CAEDzC,KAAKqC,qB","ignoreList":[]}
+{"version":3,"names":["tagCss","BrTagStyle0","Tag","proxyCustomElement","H","this","inheritedAttributes","handleClose","el","remove","componentWillLoad","brWillLoad","emit","inheritAriaAttributes","getCssClassMap","classes","interaction","color","small","density","medium","large","count","shape","icon","status","renderIcon","iconName","trim","length","h","style","fontSize","renderLabel","id","label","renderCloseButton","type","emphasis","colorMode","onClick","disabled","renderStatusLabel","class","render","Host","key","Object","assign","role"],"sources":["src/components/tag/tag.scss?tag=br-tag&encapsulation=shadow","src/components/tag/tag.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/tag/tag.scss\";\n\n:host {\n  display: block;\n\n  .tag-position {\n    display: flex;\n    justify-content: space-around;\n    align-items: center;\n  }\n  .tag-spacing-status {\n    margin-left: var(--spacing-scale-half) !important;\n  }\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Prop, State } from '@stencil/core'\n\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\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/tag?tab=designer).\n *\n * @slot default - Slot utilizado para inserir conteúdo adicional na tag, como texto ou elementos HTML extras.\n */\n@Component({\n  tag: 'br-tag',\n  styleUrl: 'tag.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Tag {\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: HTMLBrTagElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * A propriedade 'label' é uma string que representa o texto a ser exibido no componente.\n   * Ela é refletida no DOM, permitindo que alterações no valor sejam refletidas no elemento HTML correspondente.\n   */\n  @Prop({ reflect: true }) label: string = ''\n\n  /**\n   * A propriedade 'iconName' define o nome do ícone que será exibido ao lado do texto.\n   * O valor padrão é 'fa-solid:car', que corresponde a um ícone de carro da biblioteca Font Awesome.\n   */\n  @Prop({ reflect: true }) iconName: string = ''\n\n  /**\n   * A propriedade 'color' permite definir a cor do componente.\n   * Aceita valores como 'red', 'blue', entre outros, e é refletida no DOM.\n   */\n  @Prop({ reflect: true }) color: string = ''\n\n  /**\n   * A propriedade 'density' permite definir a densidade do componente.\n   * Aceita valores como 'small', 'medium' e 'large', e é refletida no DOM.\n   */\n  @Prop({ reflect: true }) density: 'small' | 'medium' | 'large' = 'small'\n\n  /**\n   * A propriedade 'shape' define o formato do componente.\n   * Valores possíveis:\n   * - 'circle': Componente com formato circular.\n   * - 'rounded': Componente com bordas arredondadas.\n   * - 'default': Componente com formato padrão.\n   */\n  @Prop({ reflect: true }) shape: 'circle' | 'rounded' | 'default' = 'default'\n\n  /**\n   * A propriedade 'status' é um booleano que indica se o status deve ser exibido.\n   * Se definido como true, o status será mostrado ao lado do texto.\n   */\n  @Prop({ reflect: true }) status: boolean = false\n\n  /**\n   * A propriedade 'interaction' é um booleano que indica se a interação deve ser habilitada.\n   * Se definido como true, o componente permitirá interações do usuário.\n   */\n  @Prop({ reflect: true }) interaction: boolean = false\n\n  /**\n   * A propriedade 'disabled' é um booleano que indica se o componente deve estar desabilitado.\n   * Se definido como true, o componente não permitirá interações do usuário.\n   */\n  @Prop({ reflect: true }) disabled: boolean = false\n\n  @State() stateIconName: string = 'fa-solid:car'\n\n  /**\n   * Emite um evento antes que o componente seja carregado pela primeira vez.\n   * Utilize este evento para realizar tarefas de inicialização antes do componente ser exibido.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillload) para mais detalhes.\n   */\n  @Event() brWillLoad: EventEmitter<void>\n  componentWillLoad() {\n    this.brWillLoad.emit()\n    this.inheritedAttributes = inheritAriaAttributes(this.el)\n  }\n\n  private getCssClassMap(): CssClassMap {\n    const classes: CssClassMap = {\n      'br-tag': true,\n      interaction: this.interaction,\n      [this.color]: this.color !== '',\n      small: this.density === 'small',\n      medium: this.density === 'medium',\n      large: this.density === 'large',\n      count: this.shape === 'rounded' ? true : false,\n      icon: this.shape === 'circle' ? true : false,\n      status: this.status,\n    }\n\n    return classes\n  }\n\n  private inheritedAttributes: Attributes = {}\n\n  private renderIcon() {\n    if (this.iconName.trim().length === 0) return null\n    return <br-icon style={{ fontSize: 'var(--icon-size-base)' }} icon-name={this.iconName} aria-hidden=\"true\" />\n  }\n\n  private renderLabel() {\n    if (this.shape === 'circle' || this.status) return null\n    return (\n      <span id=\"interactivetag1\" aria-label={this.label}>\n        {this.label}\n      </span>\n    )\n  }\n\n  private renderCloseButton() {\n    if (!this.interaction) return null\n    return (\n      <br-button\n        type=\"button\"\n        shape=\"circle\"\n        emphasis={!this.interaction ? 'tertiary' : 'primary'}\n        aria-label=\"Fechar\"\n        colorMode={!this.interaction ? 'dark' : null}\n        aria-describedby=\"interactivetag1\"\n        onClick={this.handleClose}\n        disabled={this.disabled}\n      >\n        <br-icon icon-name=\"fa-solid:times\"></br-icon>\n      </br-button>\n    )\n  }\n\n  private renderStatusLabel() {\n    if (!this.status) return null\n    return (\n      <span class=\"tag-spacing-status\" id=\"interactivetag1\" aria-label={this.label}>\n        {this.label}\n      </span>\n    )\n  }\n\n  private handleClose = () => {\n    this.el.remove()\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"tag-position\">\n          <span class={this.getCssClassMap()} {...this.inheritedAttributes} role=\"alert\" aria-live=\"assertive\">\n            {this.renderIcon()}\n            {this.renderLabel()}\n            {this.renderCloseButton()}\n            <slot></slot>\n          </span>\n          {this.renderStatusLabel()}\n        </div>\n      </Host>\n    )\n  }\n}\n"],"mappings":";;;;4KAAA,MAAMA,EAAS,qifACf,MAAAC,EAAeD,E,MCeFE,EAAGC,EAAA,MAAAD,UAAAE,E,sJAyFNC,KAAAC,oBAAkC,GA2ClCD,KAAAE,YAAc,KACpBF,KAAKG,GAAGC,QAAQ,E,WAxHuB,G,cAMG,G,WAMH,G,aAMwB,Q,WASE,U,YAMxB,M,iBAMK,M,cAMH,M,mBAEZ,c,CAQjC,iBAAAC,GACEL,KAAKM,WAAWC,OAChBP,KAAKC,oBAAsBO,EAAsBR,KAAKG,G,CAGhD,cAAAM,GACN,MAAMC,EAAuB,CAC3B,SAAU,KACVC,YAAaX,KAAKW,YAClB,CAACX,KAAKY,OAAQZ,KAAKY,QAAU,GAC7BC,MAAOb,KAAKc,UAAY,QACxBC,OAAQf,KAAKc,UAAY,SACzBE,MAAOhB,KAAKc,UAAY,QACxBG,MAAOjB,KAAKkB,QAAU,UAAY,KAAO,MACzCC,KAAMnB,KAAKkB,QAAU,SAAW,KAAO,MACvCE,OAAQpB,KAAKoB,QAGf,OAAOV,C,CAKD,UAAAW,GACN,GAAIrB,KAAKsB,SAASC,OAAOC,SAAW,EAAG,OAAO,KAC9C,OAAOC,EAAA,WAASC,MAAO,CAAEC,SAAU,yBAAyB,YAAa3B,KAAKsB,SAAQ,cAAc,Q,CAG9F,WAAAM,GACN,GAAI5B,KAAKkB,QAAU,UAAYlB,KAAKoB,OAAQ,OAAO,KACnD,OACEK,EAAA,QAAMI,GAAG,kBAAiB,aAAa7B,KAAK8B,OACzC9B,KAAK8B,M,CAKJ,iBAAAC,GACN,IAAK/B,KAAKW,YAAa,OAAO,KAC9B,OACEc,EAAA,aACEO,KAAK,SACLd,MAAM,SACNe,UAAWjC,KAAKW,YAAc,WAAa,UAAS,aACzC,SACXuB,WAAYlC,KAAKW,YAAc,OAAS,KAAI,mBAC3B,kBACjBwB,QAASnC,KAAKE,YACdkC,SAAUpC,KAAKoC,UAEfX,EAAA,uBAAmB,mB,CAKjB,iBAAAY,GACN,IAAKrC,KAAKoB,OAAQ,OAAO,KACzB,OACEK,EAAA,QAAMa,MAAM,qBAAqBT,GAAG,kBAAiB,aAAa7B,KAAK8B,OACpE9B,KAAK8B,M,CASZ,MAAAS,GACE,OACEd,EAACe,EAAI,CAAAC,IAAA,4CACHhB,EAAA,OAAAgB,IAAA,2CAAKH,MAAM,gBACTb,EAAA,OAAAiB,OAAAC,OAAA,CAAAF,IAAA,2CAAMH,MAAOtC,KAAKS,kBAAsBT,KAAKC,oBAAmB,CAAE2C,KAAK,QAAO,YAAW,cACtF5C,KAAKqB,aACLrB,KAAK4B,cACL5B,KAAK+B,oBACNN,EAAA,QAAAgB,IAAA,8CAEDzC,KAAKqC,qB","ignoreList":[]}

package/dist/components/br-textarea.js

@@ -2,5 +2,5 @@
  * Construído com @govbr-ds/webcomponents
  * Padrão Digital de Governo.
  */
-import{p as a,H as t,h as r,c as e}from"./p-2d8e59f6.js";import{i}from"./p-74a4eb38.js";import{v as o}from"./p-d5a8d30c.js";const n="*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}html{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}a{background-color:transparent}strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}[hidden]{display:none}.d-flex{display:-ms-flexbox !important;display:flex !important}.align-items-center{-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter) * 0.5);padding-right:calc(var(--grid-gutter) * 0.5);width:100%}.col{-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.container{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(var(--grid-gutter) * -0.5);margin-right:calc(var(--grid-gutter) * -0.5)}@media (min-width: 576px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media (min-width: 992px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mr-2{margin-right:var(--spacing-scale-base) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base) * -1) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !important}.mr-auto{margin-right:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half);color:var(--interactive);text-decoration:none}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ul{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}:-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.text-primary-default{color:var(--color-primary-default) !important}.bg-support-01{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background:var(--color-support-01) !important}.text-nowrap{white-space:nowrap !important}.text-base{font-size:var(--font-size-scale-base) !important}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear, left top, left bottom, from(var(--status-highlight-overlay)), to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-textarea{--textarea-padding:var(--textarea-medium);--textarea-small:var(--spacing-scale-base);--textarea-medium:var(--spacing-scale-baseh);--textarea-large:var(--spacing-scale-2x);color:var(--color)}.br-textarea label{display:inline-block;margin-bottom:var(--spacing-scale-half)}.br-textarea textarea{background:var(--background-light);border:1px solid var(--border-color-alternative);border-radius:6px;color:var(--color);display:block;font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);padding:var(--textarea-padding);width:100%}.br-textarea.small textarea{--textarea-padding:var(--textarea-small)}.br-textarea.medium textarea{--textarea-padding:var(--textarea-medium)}.br-textarea.large textarea{--textarea-padding:var(--textarea-large)}.br-textarea.success textarea{border-color:var(--success);border-width:2px}.br-textarea.danger textarea{border-color:var(--danger);border-width:2px}.br-textarea.warning textarea{border-color:var(--warning);border-width:2px}.br-textarea.info textarea{border-color:var(--info);border-width:2px}.br-textarea textarea:focus,.br-textarea textarea:focus-visible{border-color:var(--focus) !important;-webkit-box-shadow:0 0 0 var(--surface-width-md) var(--focus);box-shadow:0 0 0 var(--surface-width-md) var(--focus);outline:none}.br-textarea textarea:hover:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--hover))), to(rgba(var(--color-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-textarea.dark-mode,.br-textarea.dark-mode label{--color:var(--color-dark);--focus-color:var(--focus-color-dark)}.br-textarea.dark-mode textarea{color:var(--color-light)}:host{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Rawline, Raleway, sans-serif}";const l=n;const s=a(class a extends t{constructor(){super();this.__registerHost();this.__attachShadow();this.elementInternals=this.attachInternals();this.handleChange=a=>{var t;const r=a.target;this.value=r.value;this.currentLength=(t=this.value)===null||t===void 0?void 0:t.length;this.emitValueChange()};this.inheritedAttributes={};this.value=undefined;this.label=undefined;this.placeholder=undefined;this.disabled=false;this.maxlength=0;this.state=undefined;this.density="medium";this.isInline=false;this.currentLength=undefined;this.customId=`br-textarea-${o()}`}componentWillLoad(){var a;this.currentLength=(a=this.value)===null||a===void 0?void 0:a.length;this.inheritedAttributes=i(this.el)}valueChanged(){var a;this.currentLength=(a=this.value)===null||a===void 0?void 0:a.length}async setValue(a){var t;this.value=a;this.currentLength=(t=this.value)===null||t===void 0?void 0:t.length;this.emitValueChange()}emitValueChange(){const a=new CustomEvent("valueChange",{detail:{value:this.value},bubbles:true,composed:true});this.el.dispatchEvent(a)}getCssClassMap(){return{"br-textarea":true,small:this.density==="small",medium:this.density==="medium",large:this.density==="large",success:this.state==="success",danger:this.state==="danger",warning:this.state==="warning"}}render(){const a=this.maxlength-this.currentLength;const t=this.currentLength>0;return r(e,{key:"8bb5ea9efb0e2ee82d1c4074d7f9a8332fcfb635"},r("div",Object.assign({key:"cedcc004557860b4b2724c5180f2c012a109fcc1",class:this.getCssClassMap()},this.inheritedAttributes),r("div",{key:"3998a88b69f3dddc63ea41d08db7de96af28d25d",class:this.isInline?"row":""},this.isInline?r("div",{class:"col-auto pt-half"},r("label",{htmlFor:this.customId},this.label)):r("label",{htmlFor:this.customId},this.label),r("div",{key:"8f94f9c2aaf2758e5ee9be6938be50ce8c82db7c",class:this.isInline?"col":""},r("textarea",Object.assign({key:"a642046a4dd9da93ac051eb6bf0ecfe711433680",id:this.customId,value:this.value,placeholder:this.placeholder,disabled:this.disabled,onInput:this.handleChange},this.maxlength>0?{maxLength:this.maxlength}:{})),r("div",{key:"b859da1b3f48ed513e32374251a31ad3fc0f108f",class:"text-base mt-1"},this.maxlength>0&&r("div",{key:"0aaebed51ac98b00c4fca6e7d857664d117b0d74"},t?r("span",{class:"restantes","aria-live":"polite",role:"status",id:"limitmax"},"Restam ",r("strong",null,a)," caracteres"):r("span",{class:"limit","aria-live":"polite"},"Limite máximo de ",r("strong",null,this.maxlength)," caracteres"))),r("slot",{key:"e24c4673cc638ce9e37acf05d2d80fea32b7f8fa"})))))}static get formAssociated(){return true}get el(){return this}static get watchers(){return{value:["valueChanged"]}}static get style(){return l}},[65,"br-textarea",{value:[1537],label:[513],placeholder:[513],disabled:[516],maxlength:[514],state:[513],density:[513],isInline:[516,"is-inline"],customId:[513,"id"],currentLength:[32],setValue:[64]},undefined,{value:["valueChanged"]}]);function c(){if(typeof customElements==="undefined"){return}const a=["br-textarea"];a.forEach((a=>{switch(a){case"br-textarea":if(!customElements.get(a)){customElements.define(a,s)}break}}))}c();const d=s;const g=c;export{d as BrTextarea,g as defineCustomElement};
+import{p as a,H as t,h as r,c as e}from"./p-65616dbd.js";import{i}from"./p-74a4eb38.js";import{v as o}from"./p-d5a8d30c.js";const n="*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}html{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}a{background-color:transparent}strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}[hidden]{display:none}.d-flex{display:-ms-flexbox !important;display:flex !important}.align-items-center{-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter) * 0.5);padding-right:calc(var(--grid-gutter) * 0.5);width:100%}.col{-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.container{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(var(--grid-gutter) * -0.5);margin-right:calc(var(--grid-gutter) * -0.5)}@media (min-width: 576px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media (min-width: 992px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.mr-2{margin-right:var(--spacing-scale-base) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base) * -1) !important}.ml-2{margin-left:var(--spacing-scale-base) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !important}.mr-auto{margin-right:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half);color:var(--interactive);text-decoration:none}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ul{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}:-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.text-primary-default{color:var(--color-primary-default) !important}.bg-support-01{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background:var(--color-support-01) !important}.text-nowrap{white-space:nowrap !important}.text-base{font-size:var(--font-size-scale-base) !important}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear, left top, left bottom, from(var(--status-highlight-overlay)), to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-textarea{--textarea-padding:var(--textarea-medium);--textarea-small:var(--spacing-scale-base);--textarea-medium:var(--spacing-scale-baseh);--textarea-large:var(--spacing-scale-2x);color:var(--color)}.br-textarea label{display:inline-block;margin-bottom:var(--spacing-scale-half)}.br-textarea textarea{background:var(--background-light);border:1px solid var(--border-color-alternative);border-radius:6px;color:var(--color);display:block;font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);padding:var(--textarea-padding);width:100%}.br-textarea.small textarea{--textarea-padding:var(--textarea-small)}.br-textarea.medium textarea{--textarea-padding:var(--textarea-medium)}.br-textarea.large textarea{--textarea-padding:var(--textarea-large)}.br-textarea.success textarea{border-color:var(--success);border-width:2px}.br-textarea.danger textarea{border-color:var(--danger);border-width:2px}.br-textarea.warning textarea{border-color:var(--warning);border-width:2px}.br-textarea.info textarea{border-color:var(--info);border-width:2px}.br-textarea textarea:focus,.br-textarea textarea:focus-visible{border-color:var(--focus) !important;-webkit-box-shadow:0 0 0 var(--surface-width-md) var(--focus);box-shadow:0 0 0 var(--surface-width-md) var(--focus);outline:none}.br-textarea textarea:hover:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--hover))), to(rgba(var(--color-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-textarea.dark-mode,.br-textarea.dark-mode label{--color:var(--color-dark);--focus-color:var(--focus-color-dark)}.br-textarea.dark-mode textarea{color:var(--color-light)}:host{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Rawline, Raleway, sans-serif}";const l=n;const s=a(class a extends t{constructor(){super();this.__registerHost();this.__attachShadow();this.elementInternals=this.attachInternals();this.handleChange=a=>{var t;const r=a.target;this.value=r.value;this.currentLength=(t=this.value)===null||t===void 0?void 0:t.length;this.emitValueChange()};this.inheritedAttributes={};this.value=undefined;this.label=undefined;this.placeholder=undefined;this.disabled=false;this.maxlength=0;this.state=undefined;this.density="medium";this.isInline=false;this.currentLength=undefined;this.customId=`br-textarea-${o()}`}componentWillLoad(){var a;this.currentLength=(a=this.value)===null||a===void 0?void 0:a.length;this.inheritedAttributes=i(this.el)}valueChanged(){var a;this.currentLength=(a=this.value)===null||a===void 0?void 0:a.length}async setValue(a){var t;this.value=a;this.currentLength=(t=this.value)===null||t===void 0?void 0:t.length;this.emitValueChange()}emitValueChange(){const a=new CustomEvent("valueChange",{detail:{value:this.value},bubbles:true,composed:true});this.el.dispatchEvent(a)}getCssClassMap(){return{"br-textarea":true,small:this.density==="small",medium:this.density==="medium",large:this.density==="large",success:this.state==="success",danger:this.state==="danger",warning:this.state==="warning"}}render(){const a=this.maxlength-this.currentLength;const t=this.currentLength>0;return r(e,{key:"9bfb06666d1c2b474e44b9a8c5ee68a1b435199f"},r("div",Object.assign({key:"977244962b6d2423ace8ec5f5fff9a234d238c3b",class:this.getCssClassMap()},this.inheritedAttributes),r("div",{key:"b7568e2fcdc00447862e96287989e05afa8ea22f",class:this.isInline?"row":""},this.isInline?r("div",{class:"col-auto pt-half"},r("label",{htmlFor:this.customId},this.label)):r("label",{htmlFor:this.customId},this.label),r("div",{key:"56ef7055c6a4f48e50bbd359f0c1b70c70a5b310",class:this.isInline?"col":""},r("textarea",Object.assign({key:"e10d4ea67079a82976195b1ee931d132ad699b38",id:this.customId,value:this.value,placeholder:this.placeholder,disabled:this.disabled,onInput:this.handleChange},this.maxlength>0?{maxLength:this.maxlength}:{})),r("div",{key:"dfb7790e95c1ec6c3f4202ebe6a56fd52c8cc037",class:"text-base mt-1"},this.maxlength>0&&r("div",{key:"28e5410a07385118ffcbeb82c5a9a3906e8c199d"},t?r("span",{class:"restantes","aria-live":"polite",role:"status",id:"limitmax"},"Restam ",r("strong",null,a)," caracteres"):r("span",{class:"limit","aria-live":"polite"},"Limite máximo de ",r("strong",null,this.maxlength)," caracteres"))),r("slot",{key:"6a6ff1012fdd6fa62b3a9175220b466db904a148"})))))}static get formAssociated(){return true}get el(){return this}static get watchers(){return{value:["valueChanged"]}}static get style(){return l}},[65,"br-textarea",{value:[1537],label:[513],placeholder:[513],disabled:[516],maxlength:[514],state:[513],density:[513],isInline:[516,"is-inline"],customId:[513,"id"],currentLength:[32],setValue:[64]},undefined,{value:["valueChanged"]}]);function c(){if(typeof customElements==="undefined"){return}const a=["br-textarea"];a.forEach((a=>{switch(a){case"br-textarea":if(!customElements.get(a)){customElements.define(a,s)}break}}))}c();const d=s;const g=c;export{d as BrTextarea,g as defineCustomElement};
 //# sourceMappingURL=br-textarea.js.map

package/dist/components/br-textarea.js.map

@@ -1 +1 @@
-{"version":3,"names":["textareaCss","BrTextareaStyle0","Textarea","proxyCustomElement","H","this","handleChange","event","textarea","target","value","currentLength","_a","length","emitValueChange","inheritedAttributes","uuidv4","componentWillLoad","inheritAriaAttributes","el","valueChanged","setValue","newValue","changeEvent","CustomEvent","detail","bubbles","composed","dispatchEvent","getCssClassMap","small","density","medium","large","success","state","danger","warning","render","caracteresRestantes","maxlength","mostrarLimite","h","Host","key","Object","assign","class","isInline","htmlFor","customId","label","id","placeholder","disabled","onInput","maxLength","role"],"sources":["src/components/textarea/textarea.scss?tag=br-textarea&encapsulation=shadow","src/components/textarea/textarea.tsx"],"sourcesContent":["@import \"../../../../../node_modules/@govbr-ds/core/src/components/textarea/textarea.scss\";\n:host {\n  display: block;\n  box-sizing: border-box;\n  font-family: Rawline, Raleway, sans-serif;\n}\n","import { AttachInternals, Component, Element, h, Host, Method, Prop, State, Watch } from '@stencil/core'\n\nimport { v4 as uuidv4 } from 'uuid'\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\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/textarea?tab=designer).\n *\n * @slot default - Espaço de conteúdo do textarea. Geralmente usado para incluir texto adicional ou instruções para o usuário.\n */\n@Component({\n  tag: 'br-textarea',\n  styleUrl: 'textarea.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Textarea {\n  @Element() el: HTMLBrTextareaElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Valor atual do textarea. Este valor pode ser alterado programaticamente.\n   */\n  @Prop({ mutable: true, reflect: true }) value: string\n\n  /**\n   * Texto do rótulo associado ao textarea. Este rótulo é exibido acima do campo de entrada.\n   */\n  @Prop({ reflect: true }) label: string\n\n  /**\n   * Texto exibido quando o textarea está vazio. Ajuda a guiar o usuário sobre o que deve ser inserido.\n   */\n  @Prop({ reflect: true }) placeholder: string\n\n  /**\n   * Indica se o textarea está desabilitado. Quando verdadeiro, o usuário não pode interagir com o campo.\n   */\n  @Prop({ reflect: true }) disabled: boolean = false\n\n  /**\n   * Número máximo de caracteres permitidos no textarea. Se definido como 0, não há limite.\n   */\n  @Prop({ reflect: true }) maxlength: number = 0\n\n  /**\n   * Define o estado visual do componente, podendo ser 'danger', 'success' ou 'warning'.\n   */\n  @Prop({ reflect: true }) state: 'danger' | 'success' | 'warning'\n  /**\n   * Ajusta a densidade do componente, podendo ser 'small', 'medium' ou 'large'.\n   */\n  @Prop({ reflect: true }) density: 'small' | 'medium' | 'large' = 'medium'\n\n  /**\n   * Se verdadeiro, o rótulo e o input estarão na mesma linha (layout inline).\n   */\n  @Prop({ reflect: true }) isInline: boolean = false\n\n  /**\n   * Comprimento atual do texto no textarea. É atualizado sempre que o valor do textarea muda.\n   */\n  @State() currentLength: number\n\n  /**\n   * Identificador único do textarea.\n   * Caso não seja fornecido, um ID gerado automaticamente será usado.\n   */\n  @Prop({ reflect: true, attribute: 'id' }) customId: string = `br-textarea-${uuidv4()}`\n\n  componentWillLoad() {\n    this.currentLength = this.value?.length\n    this.inheritedAttributes = inheritAriaAttributes(this.el)\n  }\n\n  @Watch('value')\n  valueChanged() {\n    this.currentLength = this.value?.length\n  }\n\n  /**\n   * Manipula a mudança de valor do textarea. Atualiza o valor e emite um evento de mudança.\n   * @param event - O evento de entrada do textarea.\n   */\n  private readonly handleChange = (event: Event) => {\n    const textarea = event.target as HTMLTextAreaElement\n    this.value = textarea.value\n    this.currentLength = this.value?.length\n    this.emitValueChange()\n  }\n\n  /**\n   * Define um novo valor para o textarea.\n   * @param newValue - O novo valor a ser definido.\n   */\n  @Method()\n  async setValue(newValue: string) {\n    this.value = newValue\n    this.currentLength = this.value?.length\n    this.emitValueChange()\n  }\n\n  private emitValueChange() {\n    const changeEvent = new CustomEvent('valueChange', {\n      detail: { value: this.value },\n      bubbles: true,\n      composed: true,\n    })\n    this.el.dispatchEvent(changeEvent)\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-textarea': true,\n      small: this.density === 'small',\n      medium: this.density === 'medium',\n      large: this.density === 'large',\n      success: this.state === 'success',\n      danger: this.state === 'danger',\n      warning: this.state === 'warning',\n    }\n  }\n\n  private inheritedAttributes: Attributes = {}\n\n  render() {\n    const caracteresRestantes: number = this.maxlength - this.currentLength\n    const mostrarLimite = this.currentLength > 0\n\n    return (\n      <Host>\n        <div class={this.getCssClassMap()} {...this.inheritedAttributes}>\n          <div class={this.isInline ? 'row' : ''}>\n            {this.isInline ? (\n              <div class=\"col-auto pt-half\">\n                <label htmlFor={this.customId}>{this.label}</label>\n              </div>\n            ) : (\n              <label htmlFor={this.customId}>{this.label}</label>\n            )}\n            <div class={this.isInline ? 'col' : ''}>\n              <textarea\n                id={this.customId}\n                value={this.value}\n                placeholder={this.placeholder}\n                disabled={this.disabled}\n                onInput={this.handleChange}\n                {...(this.maxlength > 0 ? { maxLength: this.maxlength } : {})}\n              ></textarea>\n              <div class=\"text-base mt-1\">\n                {this.maxlength > 0 && (\n                  <div>\n                    {mostrarLimite ? (\n                      <span class=\"restantes\" aria-live=\"polite\" role=\"status\" id=\"limitmax\">\n                        Restam <strong>{caracteresRestantes}</strong> caracteres\n                      </span>\n                    ) : (\n                      <span class=\"limit\" aria-live=\"polite\">\n                        Limite máximo de <strong>{this.maxlength}</strong> caracteres\n                      </span>\n                    )}\n                  </div>\n                )}\n              </div>\n              <slot></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    )\n  }\n}\n"],"mappings":";;;;4HAAA,MAAMA,EAAc,iuWACpB,MAAAC,EAAeD,E,MCgBFE,EAAQC,EAAA,MAAAD,UAAAE,E,+GAqEFC,KAAAC,aAAgBC,I,MAC/B,MAAMC,EAAWD,EAAME,OACvBJ,KAAKK,MAAQF,EAASE,MACtBL,KAAKM,eAAgBC,EAAAP,KAAKK,SAAK,MAAAE,SAAA,SAAAA,EAAEC,OACjCR,KAAKS,iBAAiB,EAmChBT,KAAAU,oBAAkC,G,mFArFG,M,eAKA,E,kCASoB,S,cAKpB,M,2CAWgB,eAAeC,K,CAE5E,iBAAAC,G,MACEZ,KAAKM,eAAgBC,EAAAP,KAAKK,SAAK,MAAAE,SAAA,SAAAA,EAAEC,OACjCR,KAAKU,oBAAsBG,EAAsBb,KAAKc,G,CAIxD,YAAAC,G,MACEf,KAAKM,eAAgBC,EAAAP,KAAKK,SAAK,MAAAE,SAAA,SAAAA,EAAEC,M,CAmBnC,cAAMQ,CAASC,G,MACbjB,KAAKK,MAAQY,EACbjB,KAAKM,eAAgBC,EAAAP,KAAKK,SAAK,MAAAE,SAAA,SAAAA,EAAEC,OACjCR,KAAKS,iB,CAGC,eAAAA,GACN,MAAMS,EAAc,IAAIC,YAAY,cAAe,CACjDC,OAAQ,CAAEf,MAAOL,KAAKK,OACtBgB,QAAS,KACTC,SAAU,OAEZtB,KAAKc,GAAGS,cAAcL,E,CAGhB,cAAAM,GACN,MAAO,CACL,cAAe,KACfC,MAAOzB,KAAK0B,UAAY,QACxBC,OAAQ3B,KAAK0B,UAAY,SACzBE,MAAO5B,KAAK0B,UAAY,QACxBG,QAAS7B,KAAK8B,QAAU,UACxBC,OAAQ/B,KAAK8B,QAAU,SACvBE,QAAShC,KAAK8B,QAAU,U,CAM5B,MAAAG,GACE,MAAMC,EAA8BlC,KAAKmC,UAAYnC,KAAKM,cAC1D,MAAM8B,EAAgBpC,KAAKM,cAAgB,EAE3C,OACE+B,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,MAAAG,OAAAC,OAAA,CAAAF,IAAA,2CAAKG,MAAO1C,KAAKwB,kBAAsBxB,KAAKU,qBAC1C2B,EAAA,OAAAE,IAAA,2CAAKG,MAAO1C,KAAK2C,SAAW,MAAQ,IACjC3C,KAAK2C,SACJN,EAAA,OAAKK,MAAM,oBACTL,EAAA,SAAOO,QAAS5C,KAAK6C,UAAW7C,KAAK8C,QAGvCT,EAAA,SAAOO,QAAS5C,KAAK6C,UAAW7C,KAAK8C,OAEvCT,EAAA,OAAAE,IAAA,2CAAKG,MAAO1C,KAAK2C,SAAW,MAAQ,IAClCN,EAAA,WAAAG,OAAAC,OAAA,CAAAF,IAAA,2CACEQ,GAAI/C,KAAK6C,SACTxC,MAAOL,KAAKK,MACZ2C,YAAahD,KAAKgD,YAClBC,SAAUjD,KAAKiD,SACfC,QAASlD,KAAKC,cACTD,KAAKmC,UAAY,EAAI,CAAEgB,UAAWnD,KAAKmC,WAAc,KAE5DE,EAAA,OAAAE,IAAA,2CAAKG,MAAM,kBACR1C,KAAKmC,UAAY,GAChBE,EAAA,OAAAE,IAAA,4CACGH,EACCC,EAAA,QAAMK,MAAM,YAAW,YAAW,SAASU,KAAK,SAASL,GAAG,YAAU,UAC7DV,EAAA,cAASH,GAA6B,eAG/CG,EAAA,QAAMK,MAAM,QAAO,YAAW,UAAQ,oBACnBL,EAAA,cAASrC,KAAKmC,WAAmB,iBAM5DE,EAAA,QAAAE,IAAA,gD","ignoreList":[]}
+{"version":3,"names":["textareaCss","BrTextareaStyle0","Textarea","proxyCustomElement","H","this","handleChange","event","textarea","target","value","currentLength","_a","length","emitValueChange","inheritedAttributes","uuidv4","componentWillLoad","inheritAriaAttributes","el","valueChanged","setValue","newValue","changeEvent","CustomEvent","detail","bubbles","composed","dispatchEvent","getCssClassMap","small","density","medium","large","success","state","danger","warning","render","caracteresRestantes","maxlength","mostrarLimite","h","Host","key","Object","assign","class","isInline","htmlFor","customId","label","id","placeholder","disabled","onInput","maxLength","role"],"sources":["src/components/textarea/textarea.scss?tag=br-textarea&encapsulation=shadow","src/components/textarea/textarea.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/textarea/textarea.scss\";\n:host {\n  display: block;\n  box-sizing: border-box;\n  font-family: Rawline, Raleway, sans-serif;\n}\n","import { AttachInternals, Component, Element, h, Host, Method, Prop, State, Watch } from '@stencil/core'\nimport { v4 as uuidv4 } from 'uuid'\n\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\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/textarea?tab=designer).\n *\n * @slot default - Espaço de conteúdo do textarea. Geralmente usado para incluir texto adicional ou instruções para o usuário.\n */\n@Component({\n  tag: 'br-textarea',\n  styleUrl: 'textarea.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Textarea {\n  @Element() el: HTMLBrTextareaElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Valor atual do textarea. Este valor pode ser alterado programaticamente.\n   */\n  @Prop({ mutable: true, reflect: true }) value: string\n\n  /**\n   * Texto do rótulo associado ao textarea. Este rótulo é exibido acima do campo de entrada.\n   */\n  @Prop({ reflect: true }) label: string\n\n  /**\n   * Texto exibido quando o textarea está vazio. Ajuda a guiar o usuário sobre o que deve ser inserido.\n   */\n  @Prop({ reflect: true }) placeholder: string\n\n  /**\n   * Indica se o textarea está desabilitado. Quando verdadeiro, o usuário não pode interagir com o campo.\n   */\n  @Prop({ reflect: true }) disabled: boolean = false\n\n  /**\n   * Número máximo de caracteres permitidos no textarea. Se definido como 0, não há limite.\n   */\n  @Prop({ reflect: true }) maxlength: number = 0\n\n  /**\n   * Define o estado visual do componente, podendo ser 'danger', 'success' ou 'warning'.\n   */\n  @Prop({ reflect: true }) state: 'danger' | 'success' | 'warning'\n  /**\n   * Ajusta a densidade do componente, podendo ser 'small', 'medium' ou 'large'.\n   */\n  @Prop({ reflect: true }) density: 'small' | 'medium' | 'large' = 'medium'\n\n  /**\n   * Se verdadeiro, o rótulo e o input estarão na mesma linha (layout inline).\n   */\n  @Prop({ reflect: true }) isInline: boolean = false\n\n  /**\n   * Comprimento atual do texto no textarea. É atualizado sempre que o valor do textarea muda.\n   */\n  @State() currentLength: number\n\n  /**\n   * Identificador único do textarea.\n   * Caso não seja fornecido, um ID gerado automaticamente será usado.\n   */\n  @Prop({ reflect: true, attribute: 'id' }) customId: string = `br-textarea-${uuidv4()}`\n\n  componentWillLoad() {\n    this.currentLength = this.value?.length\n    this.inheritedAttributes = inheritAriaAttributes(this.el)\n  }\n\n  @Watch('value')\n  valueChanged() {\n    this.currentLength = this.value?.length\n  }\n\n  /**\n   * Manipula a mudança de valor do textarea. Atualiza o valor e emite um evento de mudança.\n   * @param event - O evento de entrada do textarea.\n   */\n  private readonly handleChange = (event: Event) => {\n    const textarea = event.target as HTMLTextAreaElement\n    this.value = textarea.value\n    this.currentLength = this.value?.length\n    this.emitValueChange()\n  }\n\n  /**\n   * Define um novo valor para o textarea.\n   * @param newValue - O novo valor a ser definido.\n   */\n  @Method()\n  async setValue(newValue: string) {\n    this.value = newValue\n    this.currentLength = this.value?.length\n    this.emitValueChange()\n  }\n\n  private emitValueChange() {\n    const changeEvent = new CustomEvent('valueChange', {\n      detail: { value: this.value },\n      bubbles: true,\n      composed: true,\n    })\n    this.el.dispatchEvent(changeEvent)\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-textarea': true,\n      small: this.density === 'small',\n      medium: this.density === 'medium',\n      large: this.density === 'large',\n      success: this.state === 'success',\n      danger: this.state === 'danger',\n      warning: this.state === 'warning',\n    }\n  }\n\n  private inheritedAttributes: Attributes = {}\n\n  render() {\n    const caracteresRestantes: number = this.maxlength - this.currentLength\n    const mostrarLimite = this.currentLength > 0\n\n    return (\n      <Host>\n        <div class={this.getCssClassMap()} {...this.inheritedAttributes}>\n          <div class={this.isInline ? 'row' : ''}>\n            {this.isInline ? (\n              <div class=\"col-auto pt-half\">\n                <label htmlFor={this.customId}>{this.label}</label>\n              </div>\n            ) : (\n              <label htmlFor={this.customId}>{this.label}</label>\n            )}\n            <div class={this.isInline ? 'col' : ''}>\n              <textarea\n                id={this.customId}\n                value={this.value}\n                placeholder={this.placeholder}\n                disabled={this.disabled}\n                onInput={this.handleChange}\n                {...(this.maxlength > 0 ? { maxLength: this.maxlength } : {})}\n              ></textarea>\n              <div class=\"text-base mt-1\">\n                {this.maxlength > 0 && (\n                  <div>\n                    {mostrarLimite ? (\n                      <span class=\"restantes\" aria-live=\"polite\" role=\"status\" id=\"limitmax\">\n                        Restam <strong>{caracteresRestantes}</strong> caracteres\n                      </span>\n                    ) : (\n                      <span class=\"limit\" aria-live=\"polite\">\n                        Limite máximo de <strong>{this.maxlength}</strong> caracteres\n                      </span>\n                    )}\n                  </div>\n                )}\n              </div>\n              <slot></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    )\n  }\n}\n"],"mappings":";;;;4HAAA,MAAMA,EAAc,+1WACpB,MAAAC,EAAeD,E,MCgBFE,EAAQC,EAAA,MAAAD,UAAAE,E,+GAqEFC,KAAAC,aAAgBC,I,MAC/B,MAAMC,EAAWD,EAAME,OACvBJ,KAAKK,MAAQF,EAASE,MACtBL,KAAKM,eAAgBC,EAAAP,KAAKK,SAAK,MAAAE,SAAA,SAAAA,EAAEC,OACjCR,KAAKS,iBAAiB,EAmChBT,KAAAU,oBAAkC,G,mFArFG,M,eAKA,E,kCASoB,S,cAKpB,M,2CAWgB,eAAeC,K,CAE5E,iBAAAC,G,MACEZ,KAAKM,eAAgBC,EAAAP,KAAKK,SAAK,MAAAE,SAAA,SAAAA,EAAEC,OACjCR,KAAKU,oBAAsBG,EAAsBb,KAAKc,G,CAIxD,YAAAC,G,MACEf,KAAKM,eAAgBC,EAAAP,KAAKK,SAAK,MAAAE,SAAA,SAAAA,EAAEC,M,CAmBnC,cAAMQ,CAASC,G,MACbjB,KAAKK,MAAQY,EACbjB,KAAKM,eAAgBC,EAAAP,KAAKK,SAAK,MAAAE,SAAA,SAAAA,EAAEC,OACjCR,KAAKS,iB,CAGC,eAAAA,GACN,MAAMS,EAAc,IAAIC,YAAY,cAAe,CACjDC,OAAQ,CAAEf,MAAOL,KAAKK,OACtBgB,QAAS,KACTC,SAAU,OAEZtB,KAAKc,GAAGS,cAAcL,E,CAGhB,cAAAM,GACN,MAAO,CACL,cAAe,KACfC,MAAOzB,KAAK0B,UAAY,QACxBC,OAAQ3B,KAAK0B,UAAY,SACzBE,MAAO5B,KAAK0B,UAAY,QACxBG,QAAS7B,KAAK8B,QAAU,UACxBC,OAAQ/B,KAAK8B,QAAU,SACvBE,QAAShC,KAAK8B,QAAU,U,CAM5B,MAAAG,GACE,MAAMC,EAA8BlC,KAAKmC,UAAYnC,KAAKM,cAC1D,MAAM8B,EAAgBpC,KAAKM,cAAgB,EAE3C,OACE+B,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,MAAAG,OAAAC,OAAA,CAAAF,IAAA,2CAAKG,MAAO1C,KAAKwB,kBAAsBxB,KAAKU,qBAC1C2B,EAAA,OAAAE,IAAA,2CAAKG,MAAO1C,KAAK2C,SAAW,MAAQ,IACjC3C,KAAK2C,SACJN,EAAA,OAAKK,MAAM,oBACTL,EAAA,SAAOO,QAAS5C,KAAK6C,UAAW7C,KAAK8C,QAGvCT,EAAA,SAAOO,QAAS5C,KAAK6C,UAAW7C,KAAK8C,OAEvCT,EAAA,OAAAE,IAAA,2CAAKG,MAAO1C,KAAK2C,SAAW,MAAQ,IAClCN,EAAA,WAAAG,OAAAC,OAAA,CAAAF,IAAA,2CACEQ,GAAI/C,KAAK6C,SACTxC,MAAOL,KAAKK,MACZ2C,YAAahD,KAAKgD,YAClBC,SAAUjD,KAAKiD,SACfC,QAASlD,KAAKC,cACTD,KAAKmC,UAAY,EAAI,CAAEgB,UAAWnD,KAAKmC,WAAc,KAE5DE,EAAA,OAAAE,IAAA,2CAAKG,MAAM,kBACR1C,KAAKmC,UAAY,GAChBE,EAAA,OAAAE,IAAA,4CACGH,EACCC,EAAA,QAAMK,MAAM,YAAW,YAAW,SAASU,KAAK,SAASL,GAAG,YAAU,UAC7DV,EAAA,cAASH,GAA6B,eAG/CG,EAAA,QAAMK,MAAM,QAAO,YAAW,UAAQ,oBACnBL,EAAA,cAASrC,KAAKmC,WAAmB,iBAM5DE,EAAA,QAAAE,IAAA,gD","ignoreList":[]}

package/dist/components/br-upload.js

@@ -2,5 +2,5 @@
  * Construído com @govbr-ds/webcomponents
  * Padrão Digital de Governo.
  */
-import{p as t,H as a,d as r,h as e,c as i}from"./p-2d8e59f6.js";import{i as o}from"./p-74a4eb38.js";import{d as n}from"./p-e4af8eac.js";import{d as l}from"./p-64831033.js";const s="*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}html{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}a{background-color:transparent}strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}[hidden]{display:none}.d-flex{display:-ms-flexbox !important;display:flex !important}.align-items-center{-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter) * 0.5);padding-right:calc(var(--grid-gutter) * 0.5);width:100%}.col{-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.container{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(var(--grid-gutter) * -0.5);margin-right:calc(var(--grid-gutter) * -0.5)}@media (min-width: 576px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media (min-width: 992px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mr-2{margin-right:var(--spacing-scale-base) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base) * -1) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !important}.mr-auto{margin-right:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half);color:var(--interactive);text-decoration:none}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ul{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}:-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.text-primary-default{color:var(--color-primary-default) !important}.bg-support-01{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background:var(--color-support-01) !important}.text-nowrap{white-space:nowrap !important}.text-base{font-size:var(--font-size-scale-base) !important}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear, left top, left bottom, from(var(--status-highlight-overlay)), to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-upload input{display:none}.br-upload .upload-button{--button-radius:100em;--button-xsmall:24px;--button-small:32px;--button-medium:40px;--button-large:48px;--button-size:var(--button-medium);-ms-flex-align:center;align-items:center;background-color:transparent;border:0;border-radius:var(--button-radius);color:var(--interactive);cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-semi-bold);height:var(--button-size);-ms-flex-pack:center;justify-content:center;overflow:hidden;padding:0 var(--spacing-scale-3x);position:relative;text-align:center;vertical-align:middle;white-space:nowrap;width:auto;border:var(--surface-width-sm) dashed var(--interactive);border-radius:var(--surface-rounder-sm);display:block;font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);margin-top:var(--spacing-scale-half);max-width:550px;min-height:var(--button-size);padding-left:var(--spacing-scale-2x);padding-right:var(--spacing-scale-2x);text-align:left;width:100%}.br-upload .upload-list{max-width:550px;position:relative}.br-upload .upload-list .content{-ms-flex-item-align:center;align-self:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:70%}.br-upload .upload-list .support{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.br-upload .upload-button:disabled{cursor:not-allowed}.br-upload .upload-button:not(:disabled){--focus-offset:var(--spacing-scale-half)}.br-upload .upload-button:not(:disabled):focus{outline:none}.br-upload .upload-button:not(:disabled):focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-upload .upload-button:not(:disabled):not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-upload .upload-button:not(:disabled):not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}.br-upload .upload-button.active,.br-upload .upload-button.is-active,.br-upload .upload-button[active]{--hover:var(--hover-dark);background-color:var(--active);color:var(--color-dark)}.br-upload .upload-button.loading{color:transparent !important;cursor:progress}.br-upload .upload-button.loading:not(:disabled):hover{background-image:none}.br-upload .upload-button.loading::before{border-color:var(--interactive) var(--interactive) transparent;border-style:solid}.br-upload .upload-button.loading.primary::before,.br-upload .upload-button.loading.danger::before,.br-upload .upload-button.loading.success::before,.br-upload .upload-button.loading.info::before{border-color:var(--background) var(--background) transparent}.br-upload.success .upload-button{border-color:var(--success)}.br-upload.danger .upload-button{border-color:var(--danger)}.br-upload.warning .upload-button{border-color:var(--warning)}.br-upload.info .upload-button{border-color:var(--info)}:host{display:block}";const d=s;var c;(function(t){t["INFO"]="info";t["WARNING"]="warning";t["DANGER"]="danger";t["SUCCESS"]="success"})(c||(c={}));const g=t(class t extends a{constructor(){super();this.__registerHost();this.__attachShadow();this.brConnectedCallback=r(this,"brConnectedCallback",7);this.brWillLoad=r(this,"brWillLoad",7);this.brDidLoad=r(this,"brDidLoad",7);this.brWillRender=r(this,"brWillRender",7);this.brDidRender=r(this,"brDidRender",7);this.brShouldUpdate=r(this,"brShouldUpdate",7);this.brWillUpdate=r(this,"brWillUpdate",7);this.brDidUpdate=r(this,"brDidUpdate",7);this.brDidDisconnect=r(this,"brDidDisconnect",7);this.brFormAssociatedCallback=r(this,"brFormAssociatedCallback",7);this.brFormDisabledCallback=r(this,"brFormDisabledCallback",7);this.brFormResetCallback=r(this,"brFormResetCallback",7);this.brFormStateRestoreCallback=r(this,"brFormStateRestoreCallback",7);this.elementInternals=this.attachInternals();this.inheritedAttributes={};this.accept="";this.label="Envio de arquivo";this.filesSelected=null;this.file=null;this.disabled=false;this.state=c.INFO;this.multiple=false}connectedCallback(){this.brConnectedCallback.emit()}componentWillLoad(){this.brWillLoad.emit();this.inheritedAttributes=o(this.el)}componentDidLoad(){this.brDidLoad.emit()}componentWillRender(){this.brWillRender.emit()}componentDidRender(){this.brDidRender.emit()}componentShouldUpdate(){this.brShouldUpdate.emit()}componentWillUpdate(){this.brWillUpdate.emit()}componentDidUpdate(){this.brDidUpdate.emit()}disconnectedCallback(){this.brDidDisconnect.emit()}formAssociatedCallback(t){this.brFormAssociatedCallback.emit(t)}formDisabledCallback(t){this.brFormDisabledCallback.emit(t)}formResetCallback(){this.brFormResetCallback.emit()}formStateRestoreCallback(t,a){this.brFormStateRestoreCallback.emit([t,a])}getCssClassMap(){return{"br-upload":true,[this.state]:true}}handleRemoveFileSelection(t){const a=Array.from(this.filesSelected).filter((a=>a!==t));this.filesSelected=a;const r=this.el.shadowRoot.getElementById("single-file");r.value=""}renderFilesUploaded(){const t=this._calculateFileSize(this.filesSelected);return t.map((({file:t,size:a})=>e("div",{class:"br-item d-flex",key:t.name},e("div",{class:"content text-primary-default mr-auto"},t.name),e("div",{class:"support mr-n2"},e("span",{class:""},a),e("br-button",{shape:"circle",type:"button","aria-label":"Remover arquivo",onClick:()=>this.handleRemoveFileSelection(t)},e("br-icon",{"icon-name":"fa-solid:trash","aria-hidden":"true"}))))))}onInputChange(t){if(t.length===1){this.filesSelected=t}else if(t.length>0){this.filesSelected=t}else{console.error(t.length===0?"NENHUM ARQUIVO ENVIADO":"VOCÊ SÓ PODE ENVIAR UM ARQUIVO POR VEZ");return false}}_calculateFileSize(t){return Array.from(t).map((t=>{let a="";const r=["KB","MB","GB","TB"];let e=0;let i=t.size/1024;if(i<1){a=`${t.size} bytes`}else{while(i>1&&e<r.length){a=`${i.toFixed(2)} ${r[e]}`;i/=1024;e++}}return{file:t,size:a||0}}))}handleDrop(t){var a;t.preventDefault();const r=(a=t.dataTransfer)===null||a===void 0?void 0:a.files;if(r&&r.length>0){this.onInputChange(r)}}handleDragOver(t){t.preventDefault()}handleFileSelection(){const t=this.el.shadowRoot.getElementById("single-file");t.click()}render(){return e(i,{key:"aab6988f0879747fdb594e3810704e497718635c"},e("div",{key:"274726af605123e4be46cd995b295c8eb147cbf4",class:this.getCssClassMap()},e("label",{key:"40753e4671f13bd2daab5c823284e64dd104214b",class:"upload-label",form:"single-file"},e("span",{key:"d49a6054c231e556bb40ee4c8b06f0c8ff950507"},this.label)),e("button",{key:"dafa2d9c447bb65f01e9b5dbd81f63dde33d38d2",class:"upload-button",type:"button","aria-hidden":"true",tabIndex:this.disabled?-1:0,disabled:this.disabled,"aria-label":"Selecionar arquivo para upload",onClick:()=>this.handleFileSelection(),onDrop:t=>this.handleDrop(t),onDragOver:t=>this.handleDragOver(t)},e("br-icon",{key:"22b4bf3b4618ecdff30cdcb8db2185db6da0af5f","icon-name":"fa-solid:upload",height:"16","aria-hidden":"true"}),e("span",{key:"f8a3fbc9629d7a8cd85eb434d922356b5c61ab22"},"Selecione o arquivo")),e("input",Object.assign({key:"83b65e6e1a55db70d42c6075bea037d58b86c457",class:"upload-input",id:"single-file",type:"file","aria-hidden":"null","aria-label":"enviar arquivo",onChange:t=>this.onInputChange(t.target.files)},this.inheritedAttributes,{multiple:this.multiple,disabled:this.disabled,accept:this.accept})),e("div",{key:"0a7a7f508c8379986a56d1a2aa5773b0f0709c17",id:"list-files",class:"upload-list"},this.filesSelected?this.renderFilesUploaded():null)))}static get formAssociated(){return true}get el(){return this}static get style(){return d}},[65,"br-upload",{accept:[1],label:[1],disabled:[516],state:[513],multiple:[4],filesSelected:[32],file:[32]}]);function b(){if(typeof customElements==="undefined"){return}const t=["br-upload","br-button","br-icon"];t.forEach((t=>{switch(t){case"br-upload":if(!customElements.get(t)){customElements.define(t,g)}break;case"br-button":if(!customElements.get(t)){n()}break;case"br-icon":if(!customElements.get(t)){l()}break}}))}b();const p=g;const u=b;export{p as BrUpload,u as defineCustomElement};
+import{p as t,H as a,d as r,h as e,c as i}from"./p-65616dbd.js";import{i as o}from"./p-74a4eb38.js";import{d as n}from"./p-65c54cc8.js";import{d as l}from"./p-126ad66d.js";const s="*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}html{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}a{background-color:transparent}strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}[hidden]{display:none}.d-flex{display:-ms-flexbox !important;display:flex !important}.align-items-center{-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter) * 0.5);padding-right:calc(var(--grid-gutter) * 0.5);width:100%}.col{-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.container{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(var(--grid-gutter) * -0.5);margin-right:calc(var(--grid-gutter) * -0.5)}@media (min-width: 576px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media (min-width: 992px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.mr-2{margin-right:var(--spacing-scale-base) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base) * -1) !important}.ml-2{margin-left:var(--spacing-scale-base) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !important}.mr-auto{margin-right:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half);color:var(--interactive);text-decoration:none}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ul{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}:-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.text-primary-default{color:var(--color-primary-default) !important}.bg-support-01{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background:var(--color-support-01) !important}.text-nowrap{white-space:nowrap !important}.text-base{font-size:var(--font-size-scale-base) !important}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear, left top, left bottom, from(var(--status-highlight-overlay)), to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-upload input{display:none}.br-upload .upload-button{--button-radius:100em;--button-xsmall:24px;--button-small:32px;--button-medium:40px;--button-large:48px;--button-size:var(--button-medium);-ms-flex-align:center;align-items:center;background-color:transparent;border:0;border-radius:var(--button-radius);color:var(--interactive);cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-semi-bold);height:var(--button-size);-ms-flex-pack:center;justify-content:center;overflow:hidden;padding:0 var(--spacing-scale-3x);position:relative;text-align:center;vertical-align:middle;white-space:nowrap;width:auto;border:var(--surface-width-sm) dashed var(--interactive);border-radius:var(--surface-rounder-sm);display:block;font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);margin-top:var(--spacing-scale-half);max-width:550px;min-height:var(--button-size);padding-left:var(--spacing-scale-2x);padding-right:var(--spacing-scale-2x);text-align:left;width:100%}.br-upload .upload-list{max-width:550px;position:relative}.br-upload .upload-list .content{-ms-flex-item-align:center;align-self:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:70%}.br-upload .upload-list .support{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.br-upload .upload-button:disabled{cursor:not-allowed}.br-upload .upload-button:not(:disabled){--focus-offset:var(--spacing-scale-half)}.br-upload .upload-button:not(:disabled):focus{outline:none}.br-upload .upload-button:not(:disabled):focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-upload .upload-button:not(:disabled):not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-upload .upload-button:not(:disabled):not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}.br-upload .upload-button.active,.br-upload .upload-button.is-active,.br-upload .upload-button[active]{--hover:var(--hover-dark);background-color:var(--active);color:var(--color-dark)}.br-upload .upload-button.loading{color:transparent !important;cursor:progress}.br-upload .upload-button.loading:not(:disabled):hover{background-image:none}.br-upload .upload-button.loading::before{border-color:var(--interactive) var(--interactive) transparent;border-style:solid}.br-upload .upload-button.loading.primary::before,.br-upload .upload-button.loading.danger::before,.br-upload .upload-button.loading.success::before,.br-upload .upload-button.loading.info::before{border-color:var(--background) var(--background) transparent}.br-upload.success .upload-button{border-color:var(--success)}.br-upload.danger .upload-button{border-color:var(--danger)}.br-upload.warning .upload-button{border-color:var(--warning)}.br-upload.info .upload-button{border-color:var(--info)}:host{display:block}";const d=s;var c;(function(t){t["INFO"]="info";t["WARNING"]="warning";t["DANGER"]="danger";t["SUCCESS"]="success"})(c||(c={}));const g=t(class t extends a{constructor(){super();this.__registerHost();this.__attachShadow();this.brConnectedCallback=r(this,"brConnectedCallback",7);this.brWillLoad=r(this,"brWillLoad",7);this.brDidLoad=r(this,"brDidLoad",7);this.brWillRender=r(this,"brWillRender",7);this.brDidRender=r(this,"brDidRender",7);this.brShouldUpdate=r(this,"brShouldUpdate",7);this.brWillUpdate=r(this,"brWillUpdate",7);this.brDidUpdate=r(this,"brDidUpdate",7);this.brDidDisconnect=r(this,"brDidDisconnect",7);this.brFormAssociatedCallback=r(this,"brFormAssociatedCallback",7);this.brFormDisabledCallback=r(this,"brFormDisabledCallback",7);this.brFormResetCallback=r(this,"brFormResetCallback",7);this.brFormStateRestoreCallback=r(this,"brFormStateRestoreCallback",7);this.elementInternals=this.attachInternals();this.inheritedAttributes={};this.accept="";this.label="Envio de arquivo";this.filesSelected=null;this.file=null;this.disabled=false;this.state=c.INFO;this.multiple=false}connectedCallback(){this.brConnectedCallback.emit()}componentWillLoad(){this.brWillLoad.emit();this.inheritedAttributes=o(this.el)}componentDidLoad(){this.brDidLoad.emit()}componentWillRender(){this.brWillRender.emit()}componentDidRender(){this.brDidRender.emit()}componentShouldUpdate(){this.brShouldUpdate.emit()}componentWillUpdate(){this.brWillUpdate.emit()}componentDidUpdate(){this.brDidUpdate.emit()}disconnectedCallback(){this.brDidDisconnect.emit()}formAssociatedCallback(t){this.brFormAssociatedCallback.emit(t)}formDisabledCallback(t){this.brFormDisabledCallback.emit(t)}formResetCallback(){this.brFormResetCallback.emit()}formStateRestoreCallback(t,a){this.brFormStateRestoreCallback.emit([t,a])}getCssClassMap(){return{"br-upload":true,[this.state]:true}}handleRemoveFileSelection(t){const a=Array.from(this.filesSelected).filter((a=>a!==t));this.filesSelected=a;const r=this.el.shadowRoot.getElementById("single-file");r.value=""}renderFilesUploaded(){const t=this._calculateFileSize(this.filesSelected);return t.map((({file:t,size:a})=>e("div",{class:"br-item d-flex",key:t.name},e("div",{class:"content text-primary-default mr-auto"},t.name),e("div",{class:"support mr-n2"},e("span",{class:""},a),e("br-button",{shape:"circle",type:"button","aria-label":"Remover arquivo",onClick:()=>this.handleRemoveFileSelection(t)},e("br-icon",{"icon-name":"fa-solid:trash","aria-hidden":"true"}))))))}onInputChange(t){if(t.length===1){this.filesSelected=t}else if(t.length>0){this.filesSelected=t}else{console.error(t.length===0?"NENHUM ARQUIVO ENVIADO":"VOCÊ SÓ PODE ENVIAR UM ARQUIVO POR VEZ");return false}}_calculateFileSize(t){return Array.from(t).map((t=>{let a="";const r=["KB","MB","GB","TB"];let e=0;let i=t.size/1024;if(i<1){a=`${t.size} bytes`}else{while(i>1&&e<r.length){a=`${i.toFixed(2)} ${r[e]}`;i/=1024;e++}}return{file:t,size:a||0}}))}handleDrop(t){var a;t.preventDefault();const r=(a=t.dataTransfer)===null||a===void 0?void 0:a.files;if(r&&r.length>0){this.onInputChange(r)}}handleDragOver(t){t.preventDefault()}handleFileSelection(){const t=this.el.shadowRoot.getElementById("single-file");t.click()}render(){return e(i,{key:"02b2a02a1e5a01541f274af27a252df11b997533"},e("div",{key:"18dc309308da75b0b3c83d0c1064bb78eb539aee",class:this.getCssClassMap()},e("label",{key:"c8cd9c1f4ab8af73f3caccdc72af81ba9c9b5845",class:"upload-label",form:"single-file"},e("span",{key:"1ce6051408c897ca48fb782c2da53a21658c6c1e"},this.label)),e("button",{key:"c0ab9d74e4f4182dacac708ec29f024fcfef9f24",class:"upload-button",type:"button","aria-hidden":"true",tabIndex:this.disabled?-1:0,disabled:this.disabled,"aria-label":"Selecionar arquivo para upload",onClick:()=>this.handleFileSelection(),onDrop:t=>this.handleDrop(t),onDragOver:t=>this.handleDragOver(t)},e("br-icon",{key:"9d18e764dd75896fc54ad49214bc7b6697a84087","icon-name":"fa-solid:upload",height:"16","aria-hidden":"true"}),e("span",{key:"41867f8e64071e62f632ca02b9093bbb60f71e51"},"Selecione o arquivo")),e("input",Object.assign({key:"20b2c8cbceea55c0756978da246d53fd923fbed8",class:"upload-input",id:"single-file",type:"file","aria-hidden":"null","aria-label":"enviar arquivo",onChange:t=>this.onInputChange(t.target.files)},this.inheritedAttributes,{multiple:this.multiple,disabled:this.disabled,accept:this.accept})),e("div",{key:"4b627eadceade14860def5aaa9ae69c05b000832",id:"list-files",class:"upload-list"},this.filesSelected?this.renderFilesUploaded():null)))}static get formAssociated(){return true}get el(){return this}static get style(){return d}},[65,"br-upload",{accept:[1],label:[1],disabled:[516],state:[513],multiple:[4],filesSelected:[32],file:[32]}]);function b(){if(typeof customElements==="undefined"){return}const t=["br-upload","br-button","br-icon"];t.forEach((t=>{switch(t){case"br-upload":if(!customElements.get(t)){customElements.define(t,g)}break;case"br-button":if(!customElements.get(t)){n()}break;case"br-icon":if(!customElements.get(t)){l()}break}}))}b();const p=g;const u=b;export{p as BrUpload,u as defineCustomElement};
 //# sourceMappingURL=br-upload.js.map

package/dist/components/br-upload.js.map

@@ -1 +1 @@
-{"version":3,"names":["uploadCss","BrUploadStyle0","UploadState","Upload","proxyCustomElement","H","this","inheritedAttributes","INFO","connectedCallback","brConnectedCallback","emit","componentWillLoad","brWillLoad","inheritAriaAttributes","el","componentDidLoad","brDidLoad","componentWillRender","brWillRender","componentDidRender","brDidRender","componentShouldUpdate","brShouldUpdate","componentWillUpdate","brWillUpdate","componentDidUpdate","brDidUpdate","disconnectedCallback","brDidDisconnect","formAssociatedCallback","form","brFormAssociatedCallback","formDisabledCallback","disabled","brFormDisabledCallback","formResetCallback","brFormResetCallback","formStateRestoreCallback","state","_mode","brFormStateRestoreCallback","getCssClassMap","handleRemoveFileSelection","file","newArrayFilter","Array","from","filesSelected","filter","f","fileInput","shadowRoot","getElementById","value","renderFilesUploaded","fileSizes","_calculateFileSize","map","size","h","class","key","name","shape","type","onClick","onInputChange","files","length","console","error","sOutput","aMultiples","nMultiple","nApprox","toFixed","handleDrop","event","preventDefault","_a","dataTransfer","handleDragOver","handleFileSelection","click","render","Host","label","tabIndex","onDrop","onDragOver","height","Object","assign","id","onChange","$event","target","multiple","accept"],"sources":["src/components/upload/upload.scss?tag=br-upload&encapsulation=shadow","src/components/upload/upload.tsx"],"sourcesContent":["@import \"../../../../../node_modules/@govbr-ds/core/src/components/upload/upload.scss\";\n\n:host {\n  display: block;\n}\n","// Start of Selection\nimport { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Prop, State } from '@stencil/core'\n\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\nimport { CssClassMap } from '../../utils/interfaces'\n\nenum UploadState {\n  INFO = 'info',\n  WARNING = 'warning',\n  DANGER = 'danger',\n  SUCCESS = 'success',\n}\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/upload?tab=designer).\n *\n * @slot default - Descrição do slot\n */\n@Component({\n  tag: 'br-upload',\n  styleUrl: 'upload.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Upload {\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!: HTMLBrUploadElement\n\n  /**\n   * Tipos de arquivo permitidos (ex: 'image/*').\n   * Esta propriedade define quais tipos de arquivos podem ser selecionados para upload.\n   */\n  @Prop() accept: string = ''\n\n  /**\n   * **[OBRIGATÓRIO]** Texto descritivo do campo de upload.\n   * Este é o texto que é mostrado no label do textarea.\n   */\n  @Prop() label: string = 'Envio de arquivo'\n\n  /**\n   * Evento emitido quando um arquivo é selecionado.\n   * Este estado armazena os arquivos que foram selecionados pelo usuário.\n   */\n  @State() filesSelected: FileList | null = null\n\n  /**\n   * Referência ao elemento de arquivo selecionado.\n   * Este estado armazena o arquivo que foi selecionado para upload.\n   */\n  @State() file: File | null = null\n\n  /**\n   * Indica se o componente está desativado.\n   * Quando definido como `true`, o campo de upload se torna não interativo,\n   * impedindo que o usuário selecione ou envie arquivos.\n   * Isso é útil para controlar a interação do usuário em situações específicas,\n   * como durante o carregamento de dados ou quando o formulário está em um estado inválido.\n   */\n  @Prop({ reflect: true }) disabled: boolean = false\n\n  /**\n   * **[OBRIGATÓRIO]** Define o estado visual da mensagem.\n   * Os possíveis valores são:\n   * - 'info': Mensagem informativa.\n   * - 'warning': Mensagem de aviso.\n   * - 'danger': Mensagem de erro ou alerta.\n   * - 'success': Mensagem de sucesso.\n   * O valor padrão é 'info'.\n   */\n  @Prop({ reflect: true }) state: string = UploadState.INFO\n\n  /**\n   * Indica se o componente permite a seleção de múltiplos arquivos.\n   * Quando definido como `true`, o usuário pode selecionar mais de um arquivo para upload.\n   */\n  @Prop() multiple: boolean = false\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Emite um evento quando o componente é conectado ao DOM.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#connectedcallback) para mais detalhes.\n   */\n  @Event() brConnectedCallback: EventEmitter<void>\n  connectedCallback() {\n    this.brConnectedCallback.emit()\n  }\n\n  /**\n   * Emite um evento antes que o componente seja carregado pela primeira vez.\n   * Utilize este evento para realizar tarefas de inicialização antes do componente ser exibido.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillload) para mais detalhes.\n   */\n  @Event() brWillLoad: EventEmitter<void>\n  componentWillLoad() {\n    this.brWillLoad.emit()\n    this.inheritedAttributes = inheritAriaAttributes(this.el)\n  }\n\n  /**\n   * Emite um evento após o componente ter sido carregado pela primeira vez.\n   * Utilize este evento para realizar ações que devem ocorrer depois que o componente foi totalmente carregado.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidload) para mais detalhes.\n   */\n  @Event() brDidLoad: EventEmitter<void>\n  componentDidLoad() {\n    this.brDidLoad.emit()\n  }\n\n  /**\n   * Emite um evento antes do componente ser renderizado.\n   * Utilize este evento para preparar o componente antes de sua renderização.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillrender) para mais detalhes.\n   */\n  @Event() brWillRender: EventEmitter<void>\n  componentWillRender() {\n    this.brWillRender.emit()\n  }\n\n  /**\n   * Emite um evento após o componente ter sido renderizado.\n   * Utilize este evento para executar ações que devem ocorrer após a renderização do componente.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidrender) para mais detalhes.\n   */\n  @Event() brDidRender: EventEmitter<void>\n  componentDidRender() {\n    this.brDidRender.emit()\n  }\n\n  /**\n   * Emite um evento para indicar se o componente deve ser atualizado ou não.\n   * Este evento é chamado antes de qualquer atualização do componente para decidir se a atualização deve prosseguir.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentshouldupdate) para mais detalhes.\n   */\n  @Event() brShouldUpdate: EventEmitter<void>\n  componentShouldUpdate() {\n    this.brShouldUpdate.emit()\n  }\n\n  /**\n   * Emite um evento antes de o componente ser atualizado.\n   * Utilize este evento para realizar ações preparatórias antes da atualização do componente.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillupdate) para mais detalhes.\n   */\n  @Event() brWillUpdate: EventEmitter<void>\n  componentWillUpdate() {\n    this.brWillUpdate.emit()\n  }\n\n  /**\n   * Emite um evento após o componente ter sido atualizado.\n   * Utilize este evento para realizar ações após a atualização do componente.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidupdate) para mais detalhes.\n   */\n  @Event() brDidUpdate: EventEmitter<void>\n  componentDidUpdate() {\n    this.brDidUpdate.emit()\n  }\n\n  /**\n   * Emite um evento quando o componente é desconectado do DOM.\n   * Utilize este evento para realizar a limpeza ou outras ações necessárias quando o componente é removido.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#disconnectedcallback) para mais detalhes.\n   */\n  @Event() brDidDisconnect: EventEmitter<void>\n  disconnectedCallback() {\n    this.brDidDisconnect.emit()\n  }\n\n  /**\n   * Emite um evento quando o componente é associado ou removido de um `<form>`.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formassociatedcallback) para mais detalhes.\n   *\n   * @param form - Dados do formulário associado.\n   */\n  @Event() brFormAssociatedCallback: EventEmitter<FormData>\n  formAssociatedCallback(form: FormData) {\n    this.brFormAssociatedCallback.emit(form)\n  }\n\n  /**\n   * Emite um evento quando o estado `disabled` do componente muda dentro de um `<form>`.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formdisabledcallback) para mais informações.\n   *\n   * @param disabled - Novo estado `disabled` do componente dentro do formulário.\n   */\n  @Event() brFormDisabledCallback: EventEmitter<boolean>\n  formDisabledCallback(disabled: boolean) {\n    this.brFormDisabledCallback.emit(disabled)\n  }\n\n  /**\n   * Emite um evento quando um `<form>` é resetado.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formresetcallback) para mais detalhes.\n   */\n  @Event() brFormResetCallback: EventEmitter<void>\n  formResetCallback() {\n    this.brFormResetCallback.emit()\n  }\n\n  /**\n   * Emite um evento quando o navegador preenche automaticamente os campos de um `<form>`.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formstaterestorecallback) para mais informações.\n   *\n   * @param state - Estado restaurado do formulário.\n   * @param _mode - Modo de preenchimento automático do navegador.\n   */\n  @Event() brFormStateRestoreCallback: EventEmitter<[state: string, _mode: string]>\n  formStateRestoreCallback(state: string, _mode: string) {\n    this.brFormStateRestoreCallback.emit([state, _mode])\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-upload': true,\n      [this.state]: true,\n    }\n  }\n\n  private inheritedAttributes: Attributes = {}\n\n  private handleRemoveFileSelection(file: File) {\n    const newArrayFilter = Array.from(this.filesSelected).filter((f) => f !== file)\n    this.filesSelected = newArrayFilter as unknown as FileList\n    const fileInput = this.el.shadowRoot.getElementById('single-file') as HTMLInputElement\n    fileInput.value = ''\n  }\n\n  private renderFilesUploaded() {\n    const fileSizes = this._calculateFileSize(this.filesSelected)\n\n    return fileSizes.map(({ file, size }) => {\n      return (\n        <div class=\"br-item d-flex\" key={file.name}>\n          <div class=\"content text-primary-default mr-auto\">{file.name}</div>\n          <div class=\"support mr-n2\">\n            <span class=\"\">{size}</span>\n            <br-button\n              shape=\"circle\"\n              type=\"button\"\n              aria-label=\"Remover arquivo\"\n              onClick={() => this.handleRemoveFileSelection(file)}\n            >\n              <br-icon icon-name=\"fa-solid:trash\" aria-hidden=\"true\"></br-icon>\n            </br-button>\n          </div>\n        </div>\n      )\n    })\n  }\n\n  private onInputChange(files: FileList) {\n    if (files.length === 1) {\n      this.filesSelected = files\n    } else if (files.length > 0) {\n      this.filesSelected = files\n    } else {\n      console.error(files.length === 0 ? 'NENHUM ARQUIVO ENVIADO' : 'VOCÊ SÓ PODE ENVIAR UM ARQUIVO POR VEZ')\n\n      return false\n    }\n  }\n\n  private _calculateFileSize(files: FileList) {\n    return Array.from(files).map((file) => {\n      let sOutput = ''\n      const aMultiples = ['KB', 'MB', 'GB', 'TB']\n      let nMultiple = 0\n      let nApprox = file.size / 1024\n\n      if (nApprox < 1) {\n        sOutput = `${file.size} bytes`\n      } else {\n        while (nApprox > 1 && nMultiple < aMultiples.length) {\n          sOutput = `${nApprox.toFixed(2)} ${aMultiples[nMultiple]}`\n          nApprox /= 1024\n          nMultiple++\n        }\n      }\n\n      return { file: file, size: sOutput || 0 }\n    })\n  }\n\n  private handleDrop(event: DragEvent) {\n    event.preventDefault()\n    const files = event.dataTransfer?.files\n    if (files && files.length > 0) {\n      this.onInputChange(files)\n    }\n  }\n\n  private handleDragOver(event: DragEvent) {\n    event.preventDefault()\n  }\n\n  private handleFileSelection() {\n    const fileInput = this.el.shadowRoot.getElementById('single-file') as HTMLInputElement\n    fileInput.click()\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.getCssClassMap()}>\n          <label class=\"upload-label\" form=\"single-file\">\n            <span>{this.label}</span>\n          </label>\n          <button\n            class=\"upload-button\"\n            type=\"button\"\n            aria-hidden=\"true\"\n            tabIndex={this.disabled ? -1 : 0}\n            disabled={this.disabled}\n            aria-label=\"Selecionar arquivo para upload\"\n            onClick={() => this.handleFileSelection()}\n            onDrop={(event) => this.handleDrop(event)}\n            onDragOver={(event) => this.handleDragOver(event)}\n          >\n            <br-icon icon-name=\"fa-solid:upload\" height=\"16\" aria-hidden=\"true\"></br-icon>\n            <span>Selecione o arquivo</span>\n          </button>\n\n          <input\n            class=\"upload-input\"\n            id=\"single-file\"\n            type=\"file\"\n            aria-hidden=\"null\"\n            aria-label=\"enviar arquivo\"\n            onChange={($event: any) => this.onInputChange($event.target.files)}\n            {...this.inheritedAttributes}\n            multiple={this.multiple}\n            disabled={this.disabled}\n            accept={this.accept}\n          />\n          <div id=\"list-files\" class=\"upload-list\">\n            {this.filesSelected ? this.renderFilesUploaded() : null}\n          </div>\n        </div>\n      </Host>\n    )\n  }\n}\n"],"mappings":";;;;4KAAA,MAAMA,EAAY,0vZAClB,MAAAC,EAAeD,ECKf,IAAKE,GAAL,SAAKA,GACHA,EAAA,eACAA,EAAA,qBACAA,EAAA,mBACAA,EAAA,oBACD,EALD,CAAKA,MAAW,K,MAkBHC,EAAMC,EAAA,MAAAD,UAAAE,E,8vBAuMTC,KAAAC,oBAAkC,G,YA5LjB,G,WAMD,mB,mBAMkB,K,UAMb,K,cASgB,M,WAWJL,EAAYM,K,cAMzB,K,CAS5B,iBAAAC,GACEH,KAAKI,oBAAoBC,M,CAS3B,iBAAAC,GACEN,KAAKO,WAAWF,OAChBL,KAAKC,oBAAsBO,EAAsBR,KAAKS,G,CASxD,gBAAAC,GACEV,KAAKW,UAAUN,M,CASjB,mBAAAO,GACEZ,KAAKa,aAAaR,M,CASpB,kBAAAS,GACEd,KAAKe,YAAYV,M,CASnB,qBAAAW,GACEhB,KAAKiB,eAAeZ,M,CAStB,mBAAAa,GACElB,KAAKmB,aAAad,M,CASpB,kBAAAe,GACEpB,KAAKqB,YAAYhB,M,CASnB,oBAAAiB,GACEtB,KAAKuB,gBAAgBlB,M,CAUvB,sBAAAmB,CAAuBC,GACrBzB,KAAK0B,yBAAyBrB,KAAKoB,E,CAUrC,oBAAAE,CAAqBC,GACnB5B,KAAK6B,uBAAuBxB,KAAKuB,E,CAQnC,iBAAAE,GACE9B,KAAK+B,oBAAoB1B,M,CAW3B,wBAAA2B,CAAyBC,EAAeC,GACtClC,KAAKmC,2BAA2B9B,KAAK,CAAC4B,EAAOC,G,CAGvC,cAAAE,GACN,MAAO,CACL,YAAa,KACb,CAACpC,KAAKiC,OAAQ,K,CAMV,yBAAAI,CAA0BC,GAChC,MAAMC,EAAiBC,MAAMC,KAAKzC,KAAK0C,eAAeC,QAAQC,GAAMA,IAAMN,IAC1EtC,KAAK0C,cAAgBH,EACrB,MAAMM,EAAY7C,KAAKS,GAAGqC,WAAWC,eAAe,eACpDF,EAAUG,MAAQ,E,CAGZ,mBAAAC,GACN,MAAMC,EAAYlD,KAAKmD,mBAAmBnD,KAAK0C,eAE/C,OAAOQ,EAAUE,KAAI,EAAGd,OAAMe,UAE1BC,EAAA,OAAKC,MAAM,iBAAiBC,IAAKlB,EAAKmB,MACpCH,EAAA,OAAKC,MAAM,wCAAwCjB,EAAKmB,MACxDH,EAAA,OAAKC,MAAM,iBACTD,EAAA,QAAMC,MAAM,IAAIF,GAChBC,EAAA,aACEI,MAAM,SACNC,KAAK,SAAQ,aACF,kBACXC,QAAS,IAAM5D,KAAKqC,0BAA0BC,IAE9CgB,EAAA,uBAAmB,iBAAgB,cAAa,a,CAQpD,aAAAO,CAAcC,GACpB,GAAIA,EAAMC,SAAW,EAAG,CACtB/D,KAAK0C,cAAgBoB,C,MAChB,GAAIA,EAAMC,OAAS,EAAG,CAC3B/D,KAAK0C,cAAgBoB,C,KAChB,CACLE,QAAQC,MAAMH,EAAMC,SAAW,EAAI,yBAA2B,0CAE9D,OAAO,K,EAIH,kBAAAZ,CAAmBW,GACzB,OAAOtB,MAAMC,KAAKqB,GAAOV,KAAKd,IAC5B,IAAI4B,EAAU,GACd,MAAMC,EAAa,CAAC,KAAM,KAAM,KAAM,MACtC,IAAIC,EAAY,EAChB,IAAIC,EAAU/B,EAAKe,KAAO,KAE1B,GAAIgB,EAAU,EAAG,CACfH,EAAU,GAAG5B,EAAKe,Y,KACb,CACL,MAAOgB,EAAU,GAAKD,EAAYD,EAAWJ,OAAQ,CACnDG,EAAU,GAAGG,EAAQC,QAAQ,MAAMH,EAAWC,KAC9CC,GAAW,KACXD,G,EAIJ,MAAO,CAAE9B,KAAMA,EAAMe,KAAMa,GAAW,EAAG,G,CAIrC,UAAAK,CAAWC,G,MACjBA,EAAMC,iBACN,MAAMX,GAAQY,EAAAF,EAAMG,gBAAY,MAAAD,SAAA,SAAAA,EAAEZ,MAClC,GAAIA,GAASA,EAAMC,OAAS,EAAG,CAC7B/D,KAAK6D,cAAcC,E,EAIf,cAAAc,CAAeJ,GACrBA,EAAMC,gB,CAGA,mBAAAI,GACN,MAAMhC,EAAY7C,KAAKS,GAAGqC,WAAWC,eAAe,eACpDF,EAAUiC,O,CAGZ,MAAAC,GACE,OACEzB,EAAC0B,EAAI,CAAAxB,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKD,MAAOvD,KAAKoC,kBACfkB,EAAA,SAAAE,IAAA,2CAAOD,MAAM,eAAe9B,KAAK,eAC/B6B,EAAA,QAAAE,IAAA,4CAAOxD,KAAKiF,QAEd3B,EAAA,UAAAE,IAAA,2CACED,MAAM,gBACNI,KAAK,SAAQ,cACD,OACZuB,SAAUlF,KAAK4B,UAAY,EAAI,EAC/BA,SAAU5B,KAAK4B,SAAQ,aACZ,iCACXgC,QAAS,IAAM5D,KAAK6E,sBACpBM,OAASX,GAAUxE,KAAKuE,WAAWC,GACnCY,WAAaZ,GAAUxE,KAAK4E,eAAeJ,IAE3ClB,EAAA,WAAAE,IAAA,uDAAmB,kBAAkB6B,OAAO,KAAI,cAAa,SAC7D/B,EAAA,QAAAE,IAAA,oEAGFF,EAAA,QAAAgC,OAAAC,OAAA,CAAA/B,IAAA,2CACED,MAAM,eACNiC,GAAG,cACH7B,KAAK,OAAM,cACC,OAAM,aACP,iBACX8B,SAAWC,GAAgB1F,KAAK6D,cAAc6B,EAAOC,OAAO7B,QACxD9D,KAAKC,oBAAmB,CAC5B2F,SAAU5F,KAAK4F,SACfhE,SAAU5B,KAAK4B,SACfiE,OAAQ7F,KAAK6F,UAEfvC,EAAA,OAAAE,IAAA,2CAAKgC,GAAG,aAAajC,MAAM,eACxBvD,KAAK0C,cAAgB1C,KAAKiD,sBAAwB,O","ignoreList":[]}
+{"version":3,"names":["uploadCss","BrUploadStyle0","UploadState","Upload","proxyCustomElement","H","this","inheritedAttributes","INFO","connectedCallback","brConnectedCallback","emit","componentWillLoad","brWillLoad","inheritAriaAttributes","el","componentDidLoad","brDidLoad","componentWillRender","brWillRender","componentDidRender","brDidRender","componentShouldUpdate","brShouldUpdate","componentWillUpdate","brWillUpdate","componentDidUpdate","brDidUpdate","disconnectedCallback","brDidDisconnect","formAssociatedCallback","form","brFormAssociatedCallback","formDisabledCallback","disabled","brFormDisabledCallback","formResetCallback","brFormResetCallback","formStateRestoreCallback","state","_mode","brFormStateRestoreCallback","getCssClassMap","handleRemoveFileSelection","file","newArrayFilter","Array","from","filesSelected","filter","f","fileInput","shadowRoot","getElementById","value","renderFilesUploaded","fileSizes","_calculateFileSize","map","size","h","class","key","name","shape","type","onClick","onInputChange","files","length","console","error","sOutput","aMultiples","nMultiple","nApprox","toFixed","handleDrop","event","preventDefault","_a","dataTransfer","handleDragOver","handleFileSelection","click","render","Host","label","tabIndex","onDrop","onDragOver","height","Object","assign","id","onChange","$event","target","multiple","accept"],"sources":["src/components/upload/upload.scss?tag=br-upload&encapsulation=shadow","src/components/upload/upload.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/upload/upload.scss\";\n\n:host {\n  display: block;\n}\n","// Start of Selection\nimport { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Prop, State } from '@stencil/core'\n\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\nimport { CssClassMap } from '../../utils/interfaces'\n\nenum UploadState {\n  INFO = 'info',\n  WARNING = 'warning',\n  DANGER = 'danger',\n  SUCCESS = 'success',\n}\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/upload?tab=designer).\n *\n * @slot default - Descrição do slot\n */\n@Component({\n  tag: 'br-upload',\n  styleUrl: 'upload.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Upload {\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!: HTMLBrUploadElement\n\n  /**\n   * Tipos de arquivo permitidos (ex: 'image/*').\n   * Esta propriedade define quais tipos de arquivos podem ser selecionados para upload.\n   */\n  @Prop() accept: string = ''\n\n  /**\n   * Texto descritivo do campo de upload.\n   * Este é o texto que é mostrado no label do textarea.\n   */\n  @Prop() label: string = 'Envio de arquivo'\n\n  /**\n   * Evento emitido quando um arquivo é selecionado.\n   * Este estado armazena os arquivos que foram selecionados pelo usuário.\n   */\n  @State() filesSelected: FileList | null = null\n\n  /**\n   * Referência ao elemento de arquivo selecionado.\n   * Este estado armazena o arquivo que foi selecionado para upload.\n   */\n  @State() file: File | null = null\n\n  /**\n   * Indica se o componente está desativado.\n   * Quando definido como `true`, o campo de upload se torna não interativo,\n   * impedindo que o usuário selecione ou envie arquivos.\n   * Isso é útil para controlar a interação do usuário em situações específicas,\n   * como durante o carregamento de dados ou quando o formulário está em um estado inválido.\n   */\n  @Prop({ reflect: true }) disabled: boolean = false\n\n  /**\n   * Define o estado visual da mensagem.\n   * Os possíveis valores são:\n   * - 'info': Mensagem informativa.\n   * - 'warning': Mensagem de aviso.\n   * - 'danger': Mensagem de erro ou alerta.\n   * - 'success': Mensagem de sucesso.\n   * O valor padrão é 'info'.\n   */\n  @Prop({ reflect: true }) state: string = UploadState.INFO\n\n  /**\n   * Indica se o componente permite a seleção de múltiplos arquivos.\n   * Quando definido como `true`, o usuário pode selecionar mais de um arquivo para upload.\n   */\n  @Prop() multiple: boolean = false\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Emite um evento quando o componente é conectado ao DOM.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#connectedcallback) para mais detalhes.\n   */\n  @Event() brConnectedCallback: EventEmitter<void>\n  connectedCallback() {\n    this.brConnectedCallback.emit()\n  }\n\n  /**\n   * Emite um evento antes que o componente seja carregado pela primeira vez.\n   * Utilize este evento para realizar tarefas de inicialização antes do componente ser exibido.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillload) para mais detalhes.\n   */\n  @Event() brWillLoad: EventEmitter<void>\n  componentWillLoad() {\n    this.brWillLoad.emit()\n    this.inheritedAttributes = inheritAriaAttributes(this.el)\n  }\n\n  /**\n   * Emite um evento após o componente ter sido carregado pela primeira vez.\n   * Utilize este evento para realizar ações que devem ocorrer depois que o componente foi totalmente carregado.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidload) para mais detalhes.\n   */\n  @Event() brDidLoad: EventEmitter<void>\n  componentDidLoad() {\n    this.brDidLoad.emit()\n  }\n\n  /**\n   * Emite um evento antes do componente ser renderizado.\n   * Utilize este evento para preparar o componente antes de sua renderização.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillrender) para mais detalhes.\n   */\n  @Event() brWillRender: EventEmitter<void>\n  componentWillRender() {\n    this.brWillRender.emit()\n  }\n\n  /**\n   * Emite um evento após o componente ter sido renderizado.\n   * Utilize este evento para executar ações que devem ocorrer após a renderização do componente.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidrender) para mais detalhes.\n   */\n  @Event() brDidRender: EventEmitter<void>\n  componentDidRender() {\n    this.brDidRender.emit()\n  }\n\n  /**\n   * Emite um evento para indicar se o componente deve ser atualizado ou não.\n   * Este evento é chamado antes de qualquer atualização do componente para decidir se a atualização deve prosseguir.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentshouldupdate) para mais detalhes.\n   */\n  @Event() brShouldUpdate: EventEmitter<void>\n  componentShouldUpdate() {\n    this.brShouldUpdate.emit()\n  }\n\n  /**\n   * Emite um evento antes de o componente ser atualizado.\n   * Utilize este evento para realizar ações preparatórias antes da atualização do componente.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillupdate) para mais detalhes.\n   */\n  @Event() brWillUpdate: EventEmitter<void>\n  componentWillUpdate() {\n    this.brWillUpdate.emit()\n  }\n\n  /**\n   * Emite um evento após o componente ter sido atualizado.\n   * Utilize este evento para realizar ações após a atualização do componente.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidupdate) para mais detalhes.\n   */\n  @Event() brDidUpdate: EventEmitter<void>\n  componentDidUpdate() {\n    this.brDidUpdate.emit()\n  }\n\n  /**\n   * Emite um evento quando o componente é desconectado do DOM.\n   * Utilize este evento para realizar a limpeza ou outras ações necessárias quando o componente é removido.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#disconnectedcallback) para mais detalhes.\n   */\n  @Event() brDidDisconnect: EventEmitter<void>\n  disconnectedCallback() {\n    this.brDidDisconnect.emit()\n  }\n\n  /**\n   * Emite um evento quando o componente é associado ou removido de um `<form>`.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formassociatedcallback) para mais detalhes.\n   *\n   * @param form - Dados do formulário associado.\n   */\n  @Event() brFormAssociatedCallback: EventEmitter<FormData>\n  formAssociatedCallback(form: FormData) {\n    this.brFormAssociatedCallback.emit(form)\n  }\n\n  /**\n   * Emite um evento quando o estado `disabled` do componente muda dentro de um `<form>`.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formdisabledcallback) para mais informações.\n   *\n   * @param disabled - Novo estado `disabled` do componente dentro do formulário.\n   */\n  @Event() brFormDisabledCallback: EventEmitter<boolean>\n  formDisabledCallback(disabled: boolean) {\n    this.brFormDisabledCallback.emit(disabled)\n  }\n\n  /**\n   * Emite um evento quando um `<form>` é resetado.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formresetcallback) para mais detalhes.\n   */\n  @Event() brFormResetCallback: EventEmitter<void>\n  formResetCallback() {\n    this.brFormResetCallback.emit()\n  }\n\n  /**\n   * Emite um evento quando o navegador preenche automaticamente os campos de um `<form>`.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formstaterestorecallback) para mais informações.\n   *\n   * @param state - Estado restaurado do formulário.\n   * @param _mode - Modo de preenchimento automático do navegador.\n   */\n  @Event() brFormStateRestoreCallback: EventEmitter<[state: string, _mode: string]>\n  formStateRestoreCallback(state: string, _mode: string) {\n    this.brFormStateRestoreCallback.emit([state, _mode])\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-upload': true,\n      [this.state]: true,\n    }\n  }\n\n  private inheritedAttributes: Attributes = {}\n\n  private handleRemoveFileSelection(file: File) {\n    const newArrayFilter = Array.from(this.filesSelected).filter((f) => f !== file)\n    this.filesSelected = newArrayFilter as unknown as FileList\n    const fileInput = this.el.shadowRoot.getElementById('single-file') as HTMLInputElement\n    fileInput.value = ''\n  }\n\n  private renderFilesUploaded() {\n    const fileSizes = this._calculateFileSize(this.filesSelected)\n\n    return fileSizes.map(({ file, size }) => {\n      return (\n        <div class=\"br-item d-flex\" key={file.name}>\n          <div class=\"content text-primary-default mr-auto\">{file.name}</div>\n          <div class=\"support mr-n2\">\n            <span class=\"\">{size}</span>\n            <br-button\n              shape=\"circle\"\n              type=\"button\"\n              aria-label=\"Remover arquivo\"\n              onClick={() => this.handleRemoveFileSelection(file)}\n            >\n              <br-icon icon-name=\"fa-solid:trash\" aria-hidden=\"true\"></br-icon>\n            </br-button>\n          </div>\n        </div>\n      )\n    })\n  }\n\n  private onInputChange(files: FileList) {\n    if (files.length === 1) {\n      this.filesSelected = files\n    } else if (files.length > 0) {\n      this.filesSelected = files\n    } else {\n      console.error(files.length === 0 ? 'NENHUM ARQUIVO ENVIADO' : 'VOCÊ SÓ PODE ENVIAR UM ARQUIVO POR VEZ')\n\n      return false\n    }\n  }\n\n  private _calculateFileSize(files: FileList) {\n    return Array.from(files).map((file) => {\n      let sOutput = ''\n      const aMultiples = ['KB', 'MB', 'GB', 'TB']\n      let nMultiple = 0\n      let nApprox = file.size / 1024\n\n      if (nApprox < 1) {\n        sOutput = `${file.size} bytes`\n      } else {\n        while (nApprox > 1 && nMultiple < aMultiples.length) {\n          sOutput = `${nApprox.toFixed(2)} ${aMultiples[nMultiple]}`\n          nApprox /= 1024\n          nMultiple++\n        }\n      }\n\n      return { file: file, size: sOutput || 0 }\n    })\n  }\n\n  private handleDrop(event: DragEvent) {\n    event.preventDefault()\n    const files = event.dataTransfer?.files\n    if (files && files.length > 0) {\n      this.onInputChange(files)\n    }\n  }\n\n  private handleDragOver(event: DragEvent) {\n    event.preventDefault()\n  }\n\n  private handleFileSelection() {\n    const fileInput = this.el.shadowRoot.getElementById('single-file') as HTMLInputElement\n    fileInput.click()\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.getCssClassMap()}>\n          <label class=\"upload-label\" form=\"single-file\">\n            <span>{this.label}</span>\n          </label>\n          <button\n            class=\"upload-button\"\n            type=\"button\"\n            aria-hidden=\"true\"\n            tabIndex={this.disabled ? -1 : 0}\n            disabled={this.disabled}\n            aria-label=\"Selecionar arquivo para upload\"\n            onClick={() => this.handleFileSelection()}\n            onDrop={(event) => this.handleDrop(event)}\n            onDragOver={(event) => this.handleDragOver(event)}\n          >\n            <br-icon icon-name=\"fa-solid:upload\" height=\"16\" aria-hidden=\"true\"></br-icon>\n            <span>Selecione o arquivo</span>\n          </button>\n\n          <input\n            class=\"upload-input\"\n            id=\"single-file\"\n            type=\"file\"\n            aria-hidden=\"null\"\n            aria-label=\"enviar arquivo\"\n            onChange={($event: any) => this.onInputChange($event.target.files)}\n            {...this.inheritedAttributes}\n            multiple={this.multiple}\n            disabled={this.disabled}\n            accept={this.accept}\n          />\n          <div id=\"list-files\" class=\"upload-list\">\n            {this.filesSelected ? this.renderFilesUploaded() : null}\n          </div>\n        </div>\n      </Host>\n    )\n  }\n}\n"],"mappings":";;;;4KAAA,MAAMA,EAAY,w3ZAClB,MAAAC,EAAeD,ECKf,IAAKE,GAAL,SAAKA,GACHA,EAAA,eACAA,EAAA,qBACAA,EAAA,mBACAA,EAAA,oBACD,EALD,CAAKA,MAAW,K,MAkBHC,EAAMC,EAAA,MAAAD,UAAAE,E,8vBAuMTC,KAAAC,oBAAkC,G,YA5LjB,G,WAMD,mB,mBAMkB,K,UAMb,K,cASgB,M,WAWJL,EAAYM,K,cAMzB,K,CAS5B,iBAAAC,GACEH,KAAKI,oBAAoBC,M,CAS3B,iBAAAC,GACEN,KAAKO,WAAWF,OAChBL,KAAKC,oBAAsBO,EAAsBR,KAAKS,G,CASxD,gBAAAC,GACEV,KAAKW,UAAUN,M,CASjB,mBAAAO,GACEZ,KAAKa,aAAaR,M,CASpB,kBAAAS,GACEd,KAAKe,YAAYV,M,CASnB,qBAAAW,GACEhB,KAAKiB,eAAeZ,M,CAStB,mBAAAa,GACElB,KAAKmB,aAAad,M,CASpB,kBAAAe,GACEpB,KAAKqB,YAAYhB,M,CASnB,oBAAAiB,GACEtB,KAAKuB,gBAAgBlB,M,CAUvB,sBAAAmB,CAAuBC,GACrBzB,KAAK0B,yBAAyBrB,KAAKoB,E,CAUrC,oBAAAE,CAAqBC,GACnB5B,KAAK6B,uBAAuBxB,KAAKuB,E,CAQnC,iBAAAE,GACE9B,KAAK+B,oBAAoB1B,M,CAW3B,wBAAA2B,CAAyBC,EAAeC,GACtClC,KAAKmC,2BAA2B9B,KAAK,CAAC4B,EAAOC,G,CAGvC,cAAAE,GACN,MAAO,CACL,YAAa,KACb,CAACpC,KAAKiC,OAAQ,K,CAMV,yBAAAI,CAA0BC,GAChC,MAAMC,EAAiBC,MAAMC,KAAKzC,KAAK0C,eAAeC,QAAQC,GAAMA,IAAMN,IAC1EtC,KAAK0C,cAAgBH,EACrB,MAAMM,EAAY7C,KAAKS,GAAGqC,WAAWC,eAAe,eACpDF,EAAUG,MAAQ,E,CAGZ,mBAAAC,GACN,MAAMC,EAAYlD,KAAKmD,mBAAmBnD,KAAK0C,eAE/C,OAAOQ,EAAUE,KAAI,EAAGd,OAAMe,UAE1BC,EAAA,OAAKC,MAAM,iBAAiBC,IAAKlB,EAAKmB,MACpCH,EAAA,OAAKC,MAAM,wCAAwCjB,EAAKmB,MACxDH,EAAA,OAAKC,MAAM,iBACTD,EAAA,QAAMC,MAAM,IAAIF,GAChBC,EAAA,aACEI,MAAM,SACNC,KAAK,SAAQ,aACF,kBACXC,QAAS,IAAM5D,KAAKqC,0BAA0BC,IAE9CgB,EAAA,uBAAmB,iBAAgB,cAAa,a,CAQpD,aAAAO,CAAcC,GACpB,GAAIA,EAAMC,SAAW,EAAG,CACtB/D,KAAK0C,cAAgBoB,C,MAChB,GAAIA,EAAMC,OAAS,EAAG,CAC3B/D,KAAK0C,cAAgBoB,C,KAChB,CACLE,QAAQC,MAAMH,EAAMC,SAAW,EAAI,yBAA2B,0CAE9D,OAAO,K,EAIH,kBAAAZ,CAAmBW,GACzB,OAAOtB,MAAMC,KAAKqB,GAAOV,KAAKd,IAC5B,IAAI4B,EAAU,GACd,MAAMC,EAAa,CAAC,KAAM,KAAM,KAAM,MACtC,IAAIC,EAAY,EAChB,IAAIC,EAAU/B,EAAKe,KAAO,KAE1B,GAAIgB,EAAU,EAAG,CACfH,EAAU,GAAG5B,EAAKe,Y,KACb,CACL,MAAOgB,EAAU,GAAKD,EAAYD,EAAWJ,OAAQ,CACnDG,EAAU,GAAGG,EAAQC,QAAQ,MAAMH,EAAWC,KAC9CC,GAAW,KACXD,G,EAIJ,MAAO,CAAE9B,KAAMA,EAAMe,KAAMa,GAAW,EAAG,G,CAIrC,UAAAK,CAAWC,G,MACjBA,EAAMC,iBACN,MAAMX,GAAQY,EAAAF,EAAMG,gBAAY,MAAAD,SAAA,SAAAA,EAAEZ,MAClC,GAAIA,GAASA,EAAMC,OAAS,EAAG,CAC7B/D,KAAK6D,cAAcC,E,EAIf,cAAAc,CAAeJ,GACrBA,EAAMC,gB,CAGA,mBAAAI,GACN,MAAMhC,EAAY7C,KAAKS,GAAGqC,WAAWC,eAAe,eACpDF,EAAUiC,O,CAGZ,MAAAC,GACE,OACEzB,EAAC0B,EAAI,CAAAxB,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKD,MAAOvD,KAAKoC,kBACfkB,EAAA,SAAAE,IAAA,2CAAOD,MAAM,eAAe9B,KAAK,eAC/B6B,EAAA,QAAAE,IAAA,4CAAOxD,KAAKiF,QAEd3B,EAAA,UAAAE,IAAA,2CACED,MAAM,gBACNI,KAAK,SAAQ,cACD,OACZuB,SAAUlF,KAAK4B,UAAY,EAAI,EAC/BA,SAAU5B,KAAK4B,SAAQ,aACZ,iCACXgC,QAAS,IAAM5D,KAAK6E,sBACpBM,OAASX,GAAUxE,KAAKuE,WAAWC,GACnCY,WAAaZ,GAAUxE,KAAK4E,eAAeJ,IAE3ClB,EAAA,WAAAE,IAAA,uDAAmB,kBAAkB6B,OAAO,KAAI,cAAa,SAC7D/B,EAAA,QAAAE,IAAA,oEAGFF,EAAA,QAAAgC,OAAAC,OAAA,CAAA/B,IAAA,2CACED,MAAM,eACNiC,GAAG,cACH7B,KAAK,OAAM,cACC,OAAM,aACP,iBACX8B,SAAWC,GAAgB1F,KAAK6D,cAAc6B,EAAOC,OAAO7B,QACxD9D,KAAKC,oBAAmB,CAC5B2F,SAAU5F,KAAK4F,SACfhE,SAAU5B,KAAK4B,SACfiE,OAAQ7F,KAAK6F,UAEfvC,EAAA,OAAAE,IAAA,2CAAKgC,GAAG,aAAajC,MAAM,eACxBvD,KAAK0C,cAAgB1C,KAAKiD,sBAAwB,O","ignoreList":[]}

package/dist/components/index.js

@@ -2,5 +2,5 @@
  * Construído com @govbr-ds/webcomponents
  * Padrão Digital de Governo.
  */
-export{g as getAssetPath,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-2d8e59f6.js";
+export{g as getAssetPath,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-65616dbd.js";
 //# sourceMappingURL=index.js.map

package/dist/components/p-126ad66d.js

@@ -0,0 +1,17 @@
+/*!
+ * Construído com @govbr-ds/webcomponents
+ * Padrão Digital de Governo.
+ */
+import{p as t,H as e,h as n,c as r}from"./p-65616dbd.js";import{i}from"./p-74a4eb38.js";
+/**
+* (c) Iconify
+*
+* For the full copyright and license information, please view the license.txt
+* files at https://github.com/iconify/iconify
+*
+* Licensed under MIT.
+*
+* @license MIT
+* @version 2.2.0
+*/const o=Object.freeze({left:0,top:0,width:16,height:16});const s=Object.freeze({rotate:0,vFlip:false,hFlip:false});const a=Object.freeze({...o,...s});const c=Object.freeze({...a,body:"",hidden:false});const l=Object.freeze({width:null,height:null});const f=Object.freeze({...l,...s});function u(t,e=0){const n=t.replace(/^-?[0-9.]*/,"");function r(t){while(t<0){t+=4}return t%4}if(n===""){const e=parseInt(t);return isNaN(e)?0:r(e)}else if(n!==t){let e=0;switch(n){case"%":e=25;break;case"deg":e=90}if(e){let i=parseFloat(t.slice(0,t.length-n.length));if(isNaN(i)){return 0}i=i/e;return i%1===0?r(i):0}}return e}const d=/[\s,]+/;function g(t,e){e.split(d).forEach((e=>{const n=e.trim();switch(n){case"horizontal":t.hFlip=true;break;case"vertical":t.vFlip=true;break}}))}const h={...f,preserveAspectRatio:""};function p(t){const e={...h};const n=(e,n)=>t.getAttribute(e)||n;e.width=n("width",null);e.height=n("height",null);e.rotate=u(n("rotate",""));g(e,n("flip",""));e.preserveAspectRatio=n("preserveAspectRatio",n("preserveaspectratio",""));return e}function v(t,e){for(const n in h){if(t[n]!==e[n]){return true}}return false}const b=/^[a-z0-9]+(-[a-z0-9]+)*$/;const m=(t,e,n,r="")=>{const i=t.split(":");if(t.slice(0,1)==="@"){if(i.length<2||i.length>3){return null}r=i.shift().slice(1)}if(i.length>3||!i.length){return null}if(i.length>1){const t=i.pop();const n=i.pop();const o={provider:i.length>0?i[0]:r,prefix:n,name:t};return e&&!y(o)?null:o}const o=i[0];const s=o.split("-");if(s.length>1){const t={provider:r,prefix:s.shift(),name:s.join("-")};return e&&!y(t)?null:t}if(n&&r===""){const t={provider:r,prefix:"",name:o};return e&&!y(t,n)?null:t}return null};const y=(t,e)=>{if(!t){return false}return!!((e&&t.prefix===""||!!t.prefix)&&!!t.name)};function w(t,e){const n={};if(!t.hFlip!==!e.hFlip){n.hFlip=true}if(!t.vFlip!==!e.vFlip){n.vFlip=true}const r=((t.rotate||0)+(e.rotate||0))%4;if(r){n.rotate=r}return n}function x(t,e){const n=w(t,e);for(const r in c){if(r in s){if(r in t&&!(r in n)){n[r]=s[r]}}else if(r in e){n[r]=e[r]}else if(r in t){n[r]=t[r]}}return n}function k(t,e){const n=t.icons;const r=t.aliases||Object.create(null);const i=Object.create(null);function o(t){if(n[t]){return i[t]=[]}if(!(t in i)){i[t]=null;const e=r[t]&&r[t].parent;const n=e&&o(e);if(n){i[t]=[e].concat(n)}}return i[t]}Object.keys(n).concat(Object.keys(r)).forEach(o);return i}function j(t,e,n){const r=t.icons;const i=t.aliases||Object.create(null);let o={};function s(t){o=x(r[t]||i[t],o)}s(e);n.forEach(s);return x(t,o)}function z(t,e){const n=[];if(typeof t!=="object"||typeof t.icons!=="object"){return n}if(t.not_found instanceof Array){t.not_found.forEach((t=>{e(t,null);n.push(t)}))}const r=k(t);for(const i in r){const o=r[i];if(o){e(i,j(t,i,o));n.push(i)}}return n}const O={provider:"",aliases:{},not_found:{},...o};function I(t,e){for(const n in e){if(n in t&&typeof t[n]!==typeof e[n]){return false}}return true}function A(t){if(typeof t!=="object"||t===null){return null}const e=t;if(typeof e.prefix!=="string"||!t.icons||typeof t.icons!=="object"){return null}if(!I(t,O)){return null}const n=e.icons;for(const t in n){const e=n[t];if(!t||typeof e.body!=="string"||!I(e,c)){return null}}const r=e.aliases||Object.create(null);for(const t in r){const e=r[t];const i=e.parent;if(!t||typeof i!=="string"||!n[i]&&!r[i]||!I(e,c)){return null}}return e}const T=Object.create(null);function C(t,e){return{provider:t,prefix:e,icons:Object.create(null),missing:new Set}}function M(t,e){const n=T[t]||(T[t]=Object.create(null));return n[e]||(n[e]=C(t,e))}function S(t,e){if(!A(e)){return[]}return z(e,((e,n)=>{if(n){t.icons[e]=n}else{t.missing.add(e)}}))}function P(t,e,n){try{if(typeof n.body==="string"){t.icons[e]={...n};return true}}catch(t){}return false}function _(t,e){let n=[];const r=typeof t==="string"?[t]:Object.keys(T);r.forEach((t=>{const r=typeof t==="string"&&typeof e==="string"?[e]:Object.keys(T[t]||{});r.forEach((e=>{const r=M(t,e);n=n.concat(Object.keys(r.icons).map((n=>(t!==""?"@"+t+":":"")+e+":"+n)))}))}));return n}let N=false;function L(t){if(typeof t==="boolean"){N=t}return N}function R(t){const e=typeof t==="string"?m(t,true,N):t;if(e){const t=M(e.provider,e.prefix);const n=e.name;return t.icons[n]||(t.missing.has(n)?null:void 0)}}function F(t,e){const n=m(t,true,N);if(!n){return false}const r=M(n.provider,n.prefix);if(e){return P(r,n.name,e)}else{r.missing.add(n.name);return true}}function D(t,e){if(typeof t!=="object"){return false}if(typeof e!=="string"){e=t.provider||""}if(N&&!e&&!t.prefix){let e=false;if(A(t)){t.prefix="";z(t,((t,n)=>{if(F(t,n)){e=true}}))}return e}const n=t.prefix;if(!y({provider:e,prefix:n,name:"a"})){return false}const r=M(e,n);return!!S(r,t)}function E(t){return!!R(t)}function J(t){const e=R(t);return e?{...a,...e}:e}function q(t){const e={loaded:[],missing:[],pending:[]};const n=Object.create(null);t.sort(((t,e)=>{if(t.provider!==e.provider){return t.provider.localeCompare(e.provider)}if(t.prefix!==e.prefix){return t.prefix.localeCompare(e.prefix)}return t.name.localeCompare(e.name)}));let r={provider:"",prefix:"",name:""};t.forEach((t=>{if(r.name===t.name&&r.prefix===t.prefix&&r.provider===t.provider){return}r=t;const i=t.provider;const o=t.prefix;const s=t.name;const a=n[i]||(n[i]=Object.create(null));const c=a[o]||(a[o]=M(i,o));let l;if(s in c.icons){l=e.loaded}else if(o===""||c.missing.has(s)){l=e.missing}else{l=e.pending}const f={provider:i,prefix:o,name:s};l.push(f)}));return e}function U(t,e){t.forEach((t=>{const n=t.loaderCallbacks;if(n){t.loaderCallbacks=n.filter((t=>t.id!==e))}}))}function $(t){if(!t.pendingCallbacksFlag){t.pendingCallbacksFlag=true;setTimeout((()=>{t.pendingCallbacksFlag=false;const e=t.loaderCallbacks?t.loaderCallbacks.slice(0):[];if(!e.length){return}let n=false;const r=t.provider;const i=t.prefix;e.forEach((e=>{const o=e.icons;const s=o.pending.length;o.pending=o.pending.filter((e=>{if(e.prefix!==i){return true}const s=e.name;if(t.icons[s]){o.loaded.push({provider:r,prefix:i,name:s})}else if(t.missing.has(s)){o.missing.push({provider:r,prefix:i,name:s})}else{n=true;return true}return false}));if(o.pending.length!==s){if(!n){U([t],e.id)}e.callback(o.loaded.slice(0),o.missing.slice(0),o.pending.slice(0),e.abort)}}))}))}}let B=0;function H(t,e,n){const r=B++;const i=U.bind(null,n,r);if(!e.pending.length){return i}const o={id:r,icons:e,callback:t,abort:i};n.forEach((t=>{(t.loaderCallbacks||(t.loaderCallbacks=[])).push(o)}));return i}const Q=Object.create(null);function G(t,e){Q[t]=e}function V(t){return Q[t]||Q[""]}function W(t,e=true,n=false){const r=[];t.forEach((t=>{const i=typeof t==="string"?m(t,e,n):t;if(i){r.push(i)}}));return r}var K={resources:[],index:0,timeout:2e3,rotate:750,random:false,dataAfterTimeout:false};function X(t,e,n,r){const i=t.resources.length;const o=t.random?Math.floor(Math.random()*i):t.index;let s;if(t.random){let e=t.resources.slice(0);s=[];while(e.length>1){const t=Math.floor(Math.random()*e.length);s.push(e[t]);e=e.slice(0,t).concat(e.slice(t+1))}s=s.concat(e)}else{s=t.resources.slice(o).concat(t.resources.slice(0,o))}const a=Date.now();let c="pending";let l=0;let f;let u=null;let d=[];let g=[];if(typeof r==="function"){g.push(r)}function h(){if(u){clearTimeout(u);u=null}}function p(){if(c==="pending"){c="aborted"}h();d.forEach((t=>{if(t.status==="pending"){t.status="aborted"}}));d=[]}function v(t,e){if(e){g=[]}if(typeof t==="function"){g.push(t)}}function b(){return{startTime:a,payload:e,status:c,queriesSent:l,queriesPending:d.length,subscribe:v,abort:p}}function m(){c="failed";g.forEach((t=>{t(void 0,f)}))}function y(){d.forEach((t=>{if(t.status==="pending"){t.status="aborted"}}));d=[]}function w(e,n,r){const i=n!=="success";d=d.filter((t=>t!==e));switch(c){case"pending":break;case"failed":if(i||!t.dataAfterTimeout){return}break;default:return}if(n==="abort"){f=r;m();return}if(i){f=r;if(!d.length){if(!s.length){m()}else{x()}}return}h();y();if(!t.random){const n=t.resources.indexOf(e.resource);if(n!==-1&&n!==t.index){t.index=n}}c="completed";g.forEach((t=>{t(r)}))}function x(){if(c!=="pending"){return}h();const r=s.shift();if(r===void 0){if(d.length){u=setTimeout((()=>{h();if(c==="pending"){y();m()}}),t.timeout);return}m();return}const i={status:"pending",resource:r,callback:(t,e)=>{w(i,t,e)}};d.push(i);l++;u=setTimeout(x,t.rotate);n(r,e,i.callback)}setTimeout(x);return b}function Y(t){const e={...K,...t};let n=[];function r(){n=n.filter((t=>t().status==="pending"))}function i(t,i,o){const s=X(e,t,i,((t,e)=>{r();if(o){o(t,e)}}));n.push(s);return s}function o(t){return n.find((e=>t(e)))||null}const s={query:i,find:o,setIndex:t=>{e.index=t},getIndex:()=>e.index,cleanup:r};return s}function Z(t){let e;if(typeof t.resources==="string"){e=[t.resources]}else{e=t.resources;if(!(e instanceof Array)||!e.length){return null}}const n={resources:e,path:t.path||"/",maxURL:t.maxURL||500,rotate:t.rotate||750,timeout:t.timeout||5e3,random:t.random===true,index:t.index||0,dataAfterTimeout:t.dataAfterTimeout!==false};return n}const tt=Object.create(null);const et=["https://api.simplesvg.com","https://api.unisvg.com"];const nt=[];while(et.length>0){if(et.length===1){nt.push(et.shift())}else{if(Math.random()>.5){nt.push(et.shift())}else{nt.push(et.pop())}}}tt[""]=Z({resources:["https://api.iconify.design"].concat(nt)});function rt(t,e){const n=Z(e);if(n===null){return false}tt[t]=n;return true}function it(t){return tt[t]}function ot(){return Object.keys(tt)}function st(){}const at=Object.create(null);function ct(t){if(!at[t]){const e=it(t);if(!e){return}const n=Y(e);const r={config:e,redundancy:n};at[t]=r}return at[t]}function lt(t,e,n){let r;let i;if(typeof t==="string"){const e=V(t);if(!e){n(void 0,424);return st}i=e.send;const o=ct(t);if(o){r=o.redundancy}}else{const e=Z(t);if(e){r=Y(e);const n=t.resources?t.resources[0]:"";const o=V(n);if(o){i=o.send}}}if(!r||!i){n(void 0,424);return st}return r.query(e,i,n)().abort}const ft="iconify2";const ut="iconify";const dt=ut+"-count";const gt=ut+"-version";const ht=36e5;const pt=168;const vt=50;function bt(t,e){try{return t.getItem(e)}catch(t){}}function mt(t,e,n){try{t.setItem(e,n);return true}catch(t){}}function yt(t,e){try{t.removeItem(e)}catch(t){}}function wt(t,e){return mt(t,dt,e.toString())}function xt(t){return parseInt(bt(t,dt))||0}const kt={local:true,session:true};const jt={local:new Set,session:new Set};let zt=false;function Ot(t){zt=t}let It=typeof window==="undefined"?{}:window;function At(t){const e=t+"Storage";try{if(It&&It[e]&&typeof It[e].length==="number"){return It[e]}}catch(t){}kt[t]=false}function Tt(t,e){const n=At(t);if(!n){return}const r=bt(n,gt);if(r!==ft){if(r){const t=xt(n);for(let e=0;e<t;e++){yt(n,ut+e.toString())}}mt(n,gt,ft);wt(n,0);return}const i=Math.floor(Date.now()/ht)-pt;const o=t=>{const r=ut+t.toString();const o=bt(n,r);if(typeof o!=="string"){return}try{const n=JSON.parse(o);if(typeof n==="object"&&typeof n.cached==="number"&&n.cached>i&&typeof n.provider==="string"&&typeof n.data==="object"&&typeof n.data.prefix==="string"&&e(n,t)){return true}}catch(t){}yt(n,r)};let s=xt(n);for(let e=s-1;e>=0;e--){if(!o(e)){if(e===s-1){s--;wt(n,s)}else{jt[t].add(e)}}}}function Ct(){if(zt){return}Ot(true);for(const t in kt){Tt(t,(t=>{const e=t.data;const n=t.provider;const r=e.prefix;const i=M(n,r);if(!S(i,e).length){return false}const o=e.lastModified||-1;i.lastModifiedCached=i.lastModifiedCached?Math.min(i.lastModifiedCached,o):o;return true}))}}function Mt(t,e){const n=t.lastModifiedCached;if(n&&n>=e){return n===e}t.lastModifiedCached=e;if(n){for(const n in kt){Tt(n,(n=>{const r=n.data;return n.provider!==t.provider||r.prefix!==t.prefix||r.lastModified===e}))}}return true}function St(t,e){if(!zt){Ct()}function n(n){let r;if(!kt[n]||!(r=At(n))){return}const i=jt[n];let o;if(i.size){i.delete(o=Array.from(i).shift())}else{o=xt(r);if(o>=vt||!wt(r,o+1)){return}}const s={cached:Math.floor(Date.now()/ht),provider:t.provider,data:e};return mt(r,ut+o.toString(),JSON.stringify(s))}if(e.lastModified&&!Mt(t,e.lastModified)){return}if(!Object.keys(e.icons).length){return}if(e.not_found){e=Object.assign({},e);delete e.not_found}if(!n("local")){n("session")}}function Pt(){}function _t(t){if(!t.iconsLoaderFlag){t.iconsLoaderFlag=true;setTimeout((()=>{t.iconsLoaderFlag=false;$(t)}))}}function Nt(t){const e=[];const n=[];t.forEach((t=>{(t.match(b)?e:n).push(t)}));return{valid:e,invalid:n}}function Lt(t,e,n,r){function i(){const n=t.pendingIcons;e.forEach((e=>{if(n){n.delete(e)}if(!t.icons[e]){t.missing.add(e)}}))}if(n&&typeof n==="object"){try{const e=S(t,n);if(!e.length){i();return}if(r){St(t,n)}}catch(t){console.error(t)}}i();_t(t)}function Rt(t,e){if(t instanceof Promise){t.then((t=>{e(t)})).catch((()=>{e(null)}))}else{e(t)}}function Ft(t,e){if(!t.iconsToLoad){t.iconsToLoad=e}else{t.iconsToLoad=t.iconsToLoad.concat(e).sort()}if(!t.iconsQueueFlag){t.iconsQueueFlag=true;setTimeout((()=>{t.iconsQueueFlag=false;const{provider:e,prefix:n}=t;const r=t.iconsToLoad;delete t.iconsToLoad;if(!r||!r.length){return}const i=t.loadIcon;if(t.loadIcons&&(r.length>1||!i)){Rt(t.loadIcons(r,n,e),(e=>{Lt(t,r,e,false)}));return}if(i){r.forEach((r=>{const o=i(r,n,e);Rt(o,(e=>{const i=e?{prefix:n,icons:{[r]:e}}:null;Lt(t,[r],i,false)}))}));return}const{valid:o,invalid:s}=Nt(r);if(s.length){Lt(t,s,null,false)}if(!o.length){return}const a=n.match(b)?V(e):null;if(!a){Lt(t,o,null,false);return}const c=a.prepare(e,n,o);c.forEach((n=>{lt(e,n,(e=>{Lt(t,n.icons,e,true)}))}))}))}}const Dt=(t,e)=>{const n=W(t,true,L());const r=q(n);if(!r.pending.length){let t=true;if(e){setTimeout((()=>{if(t){e(r.loaded,r.missing,r.pending,Pt)}}))}return()=>{t=false}}const i=Object.create(null);const o=[];let s,a;r.pending.forEach((t=>{const{provider:e,prefix:n}=t;if(n===a&&e===s){return}s=e;a=n;o.push(M(e,n));const r=i[e]||(i[e]=Object.create(null));if(!r[n]){r[n]=[]}}));r.pending.forEach((t=>{const{provider:e,prefix:n,name:r}=t;const o=M(e,n);const s=o.pendingIcons||(o.pendingIcons=new Set);if(!s.has(r)){s.add(r);i[e][n].push(r)}}));o.forEach((t=>{const e=i[t.provider][t.prefix];if(e.length){Ft(t,e)}}));return e?H(e,r,o):Pt};const Et=t=>new Promise(((e,n)=>{const r=typeof t==="string"?m(t,true):t;if(!r){n(t);return}Dt([r||t],(i=>{if(i.length&&r){const t=R(r);if(t){e({...a,...t});return}}n(t)}))}));function Jt(t){try{const e=typeof t==="string"?JSON.parse(t):t;if(typeof e.body==="string"){return{...e}}}catch(t){}}function qt(t,e){if(typeof t==="object"){const e=Jt(t);return{data:e,value:t}}if(typeof t!=="string"){return{value:t}}if(t.includes("{")){const e=Jt(t);if(e){return{data:e,value:t}}}const n=m(t,true,true);if(!n){return{value:t}}const r=R(n);if(r!==undefined||!n.prefix){return{value:t,name:n,data:r}}const i=Dt([n],(()=>e(t,n,R(n))));return{value:t,name:n,loading:i}}let Ut=false;try{Ut=navigator.vendor.indexOf("Apple")===0}catch(t){}function $t(t,e){switch(e){case"svg":case"bg":case"mask":return e}if(e!=="style"&&(Ut||t.indexOf("<a")===-1)){return"svg"}return t.indexOf("currentColor")===-1?"bg":"mask"}const Bt=/(-?[0-9.]*[0-9]+[0-9.]*)/g;const Ht=/^-?[0-9.]*[0-9]+[0-9.]*$/g;function Qt(t,e,n){if(e===1){return t}n=n||100;if(typeof t==="number"){return Math.ceil(t*e*n)/n}if(typeof t!=="string"){return t}const r=t.split(Bt);if(r===null||!r.length){return t}const i=[];let o=r.shift();let s=Ht.test(o);while(true){if(s){const t=parseFloat(o);if(isNaN(t)){i.push(o)}else{i.push(Math.ceil(t*e*n)/n)}}else{i.push(o)}o=r.shift();if(o===void 0){return i.join("")}s=!s}}function Gt(t,e="defs"){let n="";const r=t.indexOf("<"+e);while(r>=0){const i=t.indexOf(">",r);const o=t.indexOf("</"+e);if(i===-1||o===-1){break}const s=t.indexOf(">",o);if(s===-1){break}n+=t.slice(i+1,o).trim();t=t.slice(0,r).trim()+t.slice(s+1)}return{defs:n,content:t}}function Vt(t,e){return t?"<defs>"+t+"</defs>"+e:e}function Wt(t,e,n){const r=Gt(t);return Vt(r.defs,e+r.content+n)}const Kt=t=>t==="unset"||t==="undefined"||t==="none";function Xt(t,e){const n={...a,...t};const r={...f,...e};const i={left:n.left,top:n.top,width:n.width,height:n.height};let o=n.body;[n,r].forEach((t=>{const e=[];const n=t.hFlip;const r=t.vFlip;let s=t.rotate;if(n){if(r){s+=2}else{e.push("translate("+(i.width+i.left).toString()+" "+(0-i.top).toString()+")");e.push("scale(-1 1)");i.top=i.left=0}}else if(r){e.push("translate("+(0-i.left).toString()+" "+(i.height+i.top).toString()+")");e.push("scale(1 -1)");i.top=i.left=0}let a;if(s<0){s-=Math.floor(s/4)*4}s=s%4;switch(s){case 1:a=i.height/2+i.top;e.unshift("rotate(90 "+a.toString()+" "+a.toString()+")");break;case 2:e.unshift("rotate(180 "+(i.width/2+i.left).toString()+" "+(i.height/2+i.top).toString()+")");break;case 3:a=i.width/2+i.left;e.unshift("rotate(-90 "+a.toString()+" "+a.toString()+")");break}if(s%2===1){if(i.left!==i.top){a=i.left;i.left=i.top;i.top=a}if(i.width!==i.height){a=i.width;i.width=i.height;i.height=a}}if(e.length){o=Wt(o,'<g transform="'+e.join(" ")+'">',"</g>")}}));const s=r.width;const c=r.height;const l=i.width;const u=i.height;let d;let g;if(s===null){g=c===null?"1em":c==="auto"?u:c;d=Qt(g,l/u)}else{d=s==="auto"?l:s;g=c===null?Qt(d,u/l):c==="auto"?u:c}const h={};const p=(t,e)=>{if(!Kt(e)){h[t]=e.toString()}};p("width",d);p("height",g);const v=[i.left,i.top,l,u];h.viewBox=v.join(" ");return{attributes:h,viewBox:v,body:o}}function Yt(t,e){let n=t.indexOf("xlink:")===-1?"":' xmlns:xlink="http://www.w3.org/1999/xlink"';for(const t in e){n+=" "+t+'="'+e[t]+'"'}return'<svg xmlns="http://www.w3.org/2000/svg"'+n+">"+t+"</svg>"}function Zt(t){return t.replace(/"/g,"'").replace(/%/g,"%25").replace(/#/g,"%23").replace(/</g,"%3C").replace(/>/g,"%3E").replace(/\s+/g," ")}function te(t){return"data:image/svg+xml,"+Zt(t)}function ee(t){return'url("'+te(t)+'")'}const ne=()=>{let t;try{t=fetch;if(typeof t==="function"){return t}}catch(t){}};let re=ne();function ie(t){re=t}function oe(){return re}function se(t,e){const n=it(t);if(!n){return 0}let r;if(!n.maxURL){r=0}else{let t=0;n.resources.forEach((e=>{const n=e;t=Math.max(t,n.length)}));const i=e+".json?icons=";r=n.maxURL-t-n.path.length-i.length}return r}function ae(t){return t===404}const ce=(t,e,n)=>{const r=[];const i=se(t,e);const o="icons";let s={type:o,provider:t,prefix:e,icons:[]};let a=0;n.forEach(((n,c)=>{a+=n.length+1;if(a>=i&&c>0){r.push(s);s={type:o,provider:t,prefix:e,icons:[]};a=n.length}s.icons.push(n)}));r.push(s);return r};function le(t){if(typeof t==="string"){const e=it(t);if(e){return e.path}}return"/"}const fe=(t,e,n)=>{if(!re){n("abort",424);return}let r=le(e.provider);switch(e.type){case"icons":{const t=e.prefix;const n=e.icons;const i=n.join(",");const o=new URLSearchParams({icons:i});r+=t+".json?"+o.toString();break}case"custom":{const t=e.uri;r+=t.slice(0,1)==="/"?t.slice(1):t;break}default:n("abort",400);return}let i=503;re(t+r).then((t=>{const e=t.status;if(e!==200){setTimeout((()=>{n(ae(e)?"abort":"next",e)}));return}i=501;return t.json()})).then((t=>{if(typeof t!=="object"||t===null){setTimeout((()=>{if(t===404){n("abort",t)}else{n("next",i)}}));return}setTimeout((()=>{n("success",t)}))})).catch((()=>{n("next",i)}))};const ue={prepare:ce,send:fe};function de(t,e,n){M(n||"",e).loadIcons=t}function ge(t,e,n){M(n||"",e).loadIcon=t}function he(t,e){switch(t){case"local":case"session":kt[t]=e;break;case"all":for(const t in kt){kt[t]=e}break}}const pe="data-style";let ve="";function be(t){ve=t}function me(t,e){let n=Array.from(t.childNodes).find((t=>t.hasAttribute&&t.hasAttribute(pe)));if(!n){n=document.createElement("style");n.setAttribute(pe,pe);t.appendChild(n)}n.textContent=":host{display:inline-block;vertical-align:"+(e?"-0.125em":"0")+"}span,svg{display:block;margin:auto}"+ve}function ye(){G("",ue);L(true);let t;try{t=window}catch(t){}if(t){Ct();if(t.IconifyPreload!==void 0){const e=t.IconifyPreload;const n="Invalid IconifyPreload syntax.";if(typeof e==="object"&&e!==null){(e instanceof Array?e:[e]).forEach((t=>{try{if(typeof t!=="object"||t===null||t instanceof Array||typeof t.icons!=="object"||typeof t.prefix!=="string"||!D(t)){console.error(n)}}catch(t){console.error(n)}}))}}if(t.IconifyProviders!==void 0){const e=t.IconifyProviders;if(typeof e==="object"&&e!==null){for(const t in e){const n="IconifyProviders["+t+"] is invalid.";try{const r=e[t];if(typeof r!=="object"||!r||r.resources===void 0){continue}if(!rt(t,r)){console.error(n)}}catch(t){console.error(n)}}}}}const e={getAPIConfig:it,setAPIModule:G,sendAPIQuery:lt,setFetch:ie,getFetch:oe,listAPIProviders:ot};return{enableCache:t=>he(t,true),disableCache:t=>he(t,false),iconLoaded:E,iconExists:E,getIcon:J,listIcons:_,addIcon:F,addCollection:D,calculateSize:Qt,buildIcon:Xt,iconToHTML:Yt,svgToURL:ee,loadIcons:Dt,loadIcon:Et,addAPIProvider:rt,setCustomIconLoader:ge,setCustomIconsLoader:de,appendCustomStyle:be,_api:e}}const we={"background-color":"currentColor"};const xe={"background-color":"transparent"};const ke={image:"var(--svg)",repeat:"no-repeat",size:"100% 100%"};const je={"-webkit-mask":we,mask:we,background:xe};for(const t in je){const e=je[t];for(const n in ke){e[t+"-"+n]=ke[n]}}function ze(t){return t?t+(t.match(/^[-0-9.]+$/)?"px":""):"inherit"}function Oe(t,e,n){const r=document.createElement("span");let i=t.body;if(i.indexOf("<a")!==-1){i+="\x3c!-- "+Date.now()+" --\x3e"}const o=t.attributes;const s=Yt(i,{...o,width:e.width+"",height:e.height+""});const a=ee(s);const c=r.style;const l={"--svg":a,width:ze(o.width),height:ze(o.height),...n?we:xe};for(const t in l){c.setProperty(t,l[t])}return r}let Ie;function Ae(){try{Ie=window.trustedTypes.createPolicy("iconify",{createHTML:t=>t})}catch(t){Ie=null}}function Te(t){if(Ie===void 0){Ae()}return Ie?Ie.createHTML(t):t}function Ce(t){const e=document.createElement("span");const n=t.attributes;let r="";if(!n.width){r="width: inherit;"}if(!n.height){r+="height: inherit;"}if(r){n.style=r}const i=Yt(t.body,n);e.innerHTML=Te(i);return e.firstChild}function Me(t){return Array.from(t.childNodes).find((t=>{const e=t.tagName&&t.tagName.toUpperCase();return e==="SPAN"||e==="SVG"}))}function Se(t,e){const n=e.icon.data;const r=e.customisations;const i=Xt(n,r);if(r.preserveAspectRatio){i.attributes["preserveAspectRatio"]=r.preserveAspectRatio}const o=e.renderedMode;let s;switch(o){case"svg":s=Ce(i);break;default:s=Oe(i,{...a,...n},o==="mask")}const c=Me(t);if(c){if(s.tagName==="SPAN"&&c.tagName===s.tagName){c.setAttribute("style",s.getAttribute("style"))}else{t.replaceChild(s,c)}}else{t.appendChild(s)}}function Pe(t,e,n){const r=n&&(n.rendered?n:n.lastRender);return{rendered:false,inline:e,icon:t,lastRender:r}}function _e(t="iconify-icon"){let e;let n;try{e=window.customElements;n=window.HTMLElement}catch(t){return}if(!e||!n){return}const r=e.get(t);if(r){return r}const i=["icon","mode","inline","noobserver","width","height","rotate","flip"];const o=class extends n{_shadowRoot;_initialised=false;_state;_checkQueued=false;_connected=false;_observer=null;_visible=true;constructor(){super();const t=this._shadowRoot=this.attachShadow({mode:"open"});const e=this.hasAttribute("inline");me(t,e);this._state=Pe({value:""},e);this._queueCheck()}connectedCallback(){this._connected=true;this.startObserver()}disconnectedCallback(){this._connected=false;this.stopObserver()}static get observedAttributes(){return i.slice(0)}attributeChangedCallback(t){switch(t){case"inline":{const t=this.hasAttribute("inline");const e=this._state;if(t!==e.inline){e.inline=t;me(this._shadowRoot,t)}break}case"noobserver":{const t=this.hasAttribute("noobserver");if(t){this.startObserver()}else{this.stopObserver()}break}default:this._queueCheck()}}get icon(){const t=this.getAttribute("icon");if(t&&t.slice(0,1)==="{"){try{return JSON.parse(t)}catch(t){}}return t}set icon(t){if(typeof t==="object"){t=JSON.stringify(t)}this.setAttribute("icon",t)}get inline(){return this.hasAttribute("inline")}set inline(t){if(t){this.setAttribute("inline","true")}else{this.removeAttribute("inline")}}get observer(){return this.hasAttribute("observer")}set observer(t){if(t){this.setAttribute("observer","true")}else{this.removeAttribute("observer")}}restartAnimation(){const t=this._state;if(t.rendered){const e=this._shadowRoot;if(t.renderedMode==="svg"){try{e.lastChild.setCurrentTime(0);return}catch(t){}}Se(e,t)}}get status(){const t=this._state;return t.rendered?"rendered":t.icon.data===null?"failed":"loading"}_queueCheck(){if(!this._checkQueued){this._checkQueued=true;setTimeout((()=>{this._check()}))}}_check(){if(!this._checkQueued){return}this._checkQueued=false;const t=this._state;const e=this.getAttribute("icon");if(e!==t.icon.value){this._iconChanged(e);return}if(!t.rendered||!this._visible){return}const n=this.getAttribute("mode");const r=p(this);if(t.attrMode!==n||v(t.customisations,r)||!Me(this._shadowRoot)){this._renderIcon(t.icon,r,n)}}_iconChanged(t){const e=qt(t,((t,e,n)=>{const r=this._state;if(r.rendered||this.getAttribute("icon")!==t){return}const i={value:t,name:e,data:n};if(i.data){this._gotIconData(i)}else{r.icon=i}}));if(e.data){this._gotIconData(e)}else{this._state=Pe(e,this._state.inline,this._state)}}_forceRender(){if(!this._visible){const t=Me(this._shadowRoot);if(t){this._shadowRoot.removeChild(t)}return}this._queueCheck()}_gotIconData(t){this._checkQueued=false;this._renderIcon(t,p(this),this.getAttribute("mode"))}_renderIcon(t,e,n){const r=$t(t.data.body,n);const i=this._state.inline;Se(this._shadowRoot,this._state={rendered:true,icon:t,inline:i,customisations:e,attrMode:n,renderedMode:r})}startObserver(){if(!this._observer&&!this.hasAttribute("noobserver")){try{this._observer=new IntersectionObserver((t=>{const e=t.some((t=>t.isIntersecting));if(e!==this._visible){this._visible=e;this._forceRender()}}));this._observer.observe(this)}catch(t){if(this._observer){try{this._observer.disconnect()}catch(t){}this._observer=null}}}}stopObserver(){if(this._observer){this._observer.disconnect();this._observer=null;this._visible=true;if(this._connected){this._forceRender()}}}};i.forEach((t=>{if(!(t in o.prototype)){Object.defineProperty(o.prototype,t,{get:function(){return this.getAttribute(t)},set:function(e){if(e!==null){this.setAttribute(t,e)}else{this.removeAttribute(t)}}})}}));const s=ye();for(const t in s){o[t]=o.prototype[t]=s[t]}e.define(t,o);return o}_e()||ye();const Ne="*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}html{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}a{background-color:transparent}strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}[hidden]{display:none}.d-flex{display:-ms-flexbox !important;display:flex !important}.align-items-center{-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter) * 0.5);padding-right:calc(var(--grid-gutter) * 0.5);width:100%}.col{-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.container{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(var(--grid-gutter) * -0.5);margin-right:calc(var(--grid-gutter) * -0.5)}@media (min-width: 576px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media (min-width: 992px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.mr-2{margin-right:var(--spacing-scale-base) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base) * -1) !important}.ml-2{margin-left:var(--spacing-scale-base) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !important}.mr-auto{margin-right:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half);color:var(--interactive);text-decoration:none}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ul{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}:-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.text-primary-default{color:var(--color-primary-default) !important}.bg-support-01{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background:var(--color-support-01) !important}.text-nowrap{white-space:nowrap !important}.text-base{font-size:var(--font-size-scale-base) !important}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear, left top, left bottom, from(var(--status-highlight-overlay)), to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}:host{margin:var(--spacing-scale-base)}";const Le=Ne;const Re=t(class t extends e{constructor(){super();this.__registerHost();this.__attachShadow();this.inheritedAttributes={};this.iconName=undefined;this.height="16";this.width="24";this.cssClasses=undefined;this.isInline=false;this.rotate=undefined;this.flip=undefined}componentWillLoad(){this.inheritedAttributes=i(this.el)}render(){return n(r,{key:"8f8bfea88c86a9b917adf9921f95a3eb7b58a8ab"},n("iconify-icon",Object.assign({key:"ec5a2e4483d871624730e48b63d323617863d821",flip:this.flip,width:this.width,class:this.cssClasses,icon:this.iconName,inline:this.isInline,height:this.height,rotate:this.rotate},this.inheritedAttributes)))}get el(){return this}static get style(){return Le}},[1,"br-icon",{iconName:[513,"icon-name"],height:[513],width:[513],cssClasses:[513,"css-classes"],isInline:[516,"is-inline"],rotate:[513],flip:[513]}]);function Fe(){if(typeof customElements==="undefined"){return}const t=["br-icon"];t.forEach((t=>{switch(t){case"br-icon":if(!customElements.get(t)){customElements.define(t,Re)}break}}))}Fe();export{Re as I,Fe as d};
+//# sourceMappingURL=p-126ad66d.js.map