@govbr-ds/webcomponents 2.0.0-next.13 → 2.0.0-next.14

package/dist/webcomponents/p-867bba23.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["switchCss","BrSwitchStyle0","Switch","this","_idDefault","uuidv4","handleCheckedChange","event","_checkedValue","target","checked","brDidCheckedChange","emit","inheritedAttributes","connectedCallback","brDidConnect","componentWillLoad","_hasSlotContentDefault","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","_slotDefault","innerHTML","toggleChecked","_getComputedId","_a","customId","length","getCssClassMap","icon","hasIcon","top","labelPosition","right","large","density","small","render","h","Host","key","Object","assign","class","id","type","name","role","toString","onChange","htmlFor","label","labelOn","labelOff"],"sources":["src/components/switch/switch.scss?tag=br-switch&encapsulation=shadow","src/components/switch/switch.tsx"],"sourcesContent":["@import \"../../../../../node_modules/@govbr-ds/core/src/components/switch/switch.scss\";\n\n:host {\n  display: block;\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, Host, Method, Prop, State, h } from '@stencil/core'\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/switch?tab=designer).\n *\n * @slot default - Descreve o que o switch faz quando a alternância estiver ativada. A label passada por slot tem precedência sobre a propriedade 'label'.\n */\n@Component({\n  tag: 'br-switch',\n  styleUrl: 'switch.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Switch {\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: HTMLBrSwitchElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Identificador único do campo de entrada.\n   * Caso não seja fornecido, um ID gerado automaticamente será usado.\n   */\n  private readonly _idDefault = `br-switch-${uuidv4()}`\n\n  /**\n   * Desativa o switch, tornando-o não interativo.\n   */\n  @Prop({ reflect: true }) disabled: boolean = false\n\n  /**\n   * Define o estado de seleção do checkbox.\n   * Se definido como verdadeiro, o checkbox estará marcado. Caso contrário, estará desmarcado.\n   */\n  @Prop({ reflect: true }) checked: boolean = false\n\n  /**\n   * Especifica o ID do componente, que é usado para conectar o label correspondente ao checkbox.\n   * Se não for fornecido, o ID será o mesmo valor atribuído à propriedade `name`.\n   */\n  @Prop({ reflect: true, attribute: 'id' }) customId: string\n\n  /**\n   * Texto descritivo.\n   * Caso um slot seja utilizado para fornecer um texto alternativo, o valor desta propriedade será ignorado.\n   */\n  @Prop() label: string\n\n  /**\n   * Posição do rótulo em relação ao switch.\n   */\n  @Prop({ reflect: true }) labelPosition: 'right' | 'left' | 'top' = 'left'\n\n  /**\n   * Texto exibido quando o switch está ativado.\n   */\n  @Prop({ reflect: true }) labelOn: string = null\n\n  /**\n   * Texto exibido quando o switch está desativado.\n   */\n  @Prop({ reflect: true }) labelOff: string = null\n\n  /**\n   * Adiciona um ícone ao switch para indicar a mudança de estado.\n   */\n  @Prop({ reflect: true }) hasIcon: boolean = false\n\n  /**\n   * Define o nome do switch, que é utilizado para agrupar switches em formulários e identificar o campo.\n   * O valor é obrigatório e deve ser fornecido para garantir o correto funcionamento em formulários.\n   */\n  @Prop({ reflect: true }) name: string\n\n  /**\n   * Define o valor associado ao switch quando ele faz parte de um formulário nativo (`<form>`).\n   * Esse valor é enviado com o formulário quando o switch está selecionado.\n   * **Nota:** Esta propriedade não deve ser utilizada para determinar se o switch está selecionado; para verificar o estado de seleção, use a propriedade `checked`.\n   */\n  @Prop({ reflect: true }) value: string\n\n  /** O ajuste da densidade consiste em aumentar ou reduzir a área de interação do switch. Quanto menor for a densidade, maior a área de interação. */\n  @Prop({ reflect: true }) density: 'large' | 'medium' | 'small' = null\n\n  // Propriedade interna para verificar a presença de conteúdo no slot default\n  @State() _slotDefault: boolean = false\n\n  @State() _checkedValue: boolean\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() brDidConnect: EventEmitter<void>\n  connectedCallback() {\n    this.brDidConnect.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._hasSlotContentDefault()\n    this._checkedValue = this.checked\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  /**\n   * Disparado depois que o valor do `checked` foi alterado\n   */\n  @Event() brDidCheckedChange: EventEmitter<boolean>\n\n  private _hasSlotContentDefault(): any {\n    this._slotDefault = this.el.innerHTML !== ''\n  }\n\n  private readonly handleCheckedChange = (event: Event) => {\n    this._checkedValue = (event.target as HTMLInputElement).checked\n    this.brDidCheckedChange.emit(this._checkedValue)\n  }\n\n  /**\n   * Inverte o valor da prop `checked`\n   */\n  @Method()\n  async toggleChecked() {\n    this._checkedValue = !this._checkedValue\n    this.brDidCheckedChange.emit(this._checkedValue)\n  }\n\n  private _getComputedId(): string {\n    return this.customId?.length > 0 ? this.customId : this._idDefault\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-switch': true,\n      icon: this.hasIcon,\n      top: this.labelPosition === 'top',\n      right: this.labelPosition === 'right',\n      large: this.density === 'large',\n      small: this.density === 'small',\n    }\n  }\n\n  private inheritedAttributes: Attributes = {}\n\n  render() {\n    return (\n      <Host>\n        <div class={this.getCssClassMap()} {...this.inheritedAttributes}>\n          <input\n            id={this._getComputedId()}\n            type=\"checkbox\"\n            name={this.name}\n            checked={this._checkedValue}\n            disabled={this.disabled}\n            role=\"switch\"\n            aria-checked={this._checkedValue.toString()}\n            aria-disabled={this.disabled ? 'true' : null}\n            onChange={this.handleCheckedChange}\n          />\n          <label htmlFor={this._getComputedId()}>{this._slotDefault ? <slot></slot> : this.label}</label>\n          {this.labelOn && this.labelOff && (\n            <div class=\"switch-data\" data-enabled={this.labelOn} data-disabled={this.labelOff}></div>\n          )}\n        </div>\n      </Host>\n    )\n  }\n}\n"],"mappings":"wIAAA,MAAMA,EAAY,wzWAClB,MAAAC,EAAeD,E,MCeFE,EAAM,M,s4BAaAC,KAAAC,WAAa,aAAaC,MAkN1BF,KAAAG,oBAAuBC,IACtCJ,KAAKK,cAAiBD,EAAME,OAA4BC,QACxDP,KAAKQ,mBAAmBC,KAAKT,KAAKK,cAAc,EA2B1CL,KAAAU,oBAAkC,G,cA1OG,M,aAMD,M,gEAiBuB,O,aAKxB,K,cAKC,K,aAKA,M,sDAgBqB,K,kBAGhC,M,6BASjC,iBAAAC,GACEX,KAAKY,aAAaH,M,CASpB,iBAAAI,GACEb,KAAKc,yBACLd,KAAKK,cAAgBL,KAAKO,QAC1BP,KAAKe,WAAWN,OAChBT,KAAKU,oBAAsBM,EAAsBhB,KAAKiB,G,CASxD,gBAAAC,GACElB,KAAKmB,UAAUV,M,CASjB,mBAAAW,GACEpB,KAAKqB,aAAaZ,M,CASpB,kBAAAa,GACEtB,KAAKuB,YAAYd,M,CASnB,qBAAAe,GACExB,KAAKyB,eAAehB,M,CAStB,mBAAAiB,GACE1B,KAAK2B,aAAalB,M,CASpB,kBAAAmB,GACE5B,KAAK6B,YAAYpB,M,CASnB,oBAAAqB,GACE9B,KAAK+B,gBAAgBtB,M,CAUvB,sBAAAuB,CAAuBC,GACrBjC,KAAKkC,yBAAyBzB,KAAKwB,E,CAUrC,oBAAAE,CAAqBC,GACnBpC,KAAKqC,uBAAuB5B,KAAK2B,E,CAQnC,iBAAAE,GACEtC,KAAKuC,oBAAoB9B,M,CAW3B,wBAAA+B,CAAyBC,EAAeC,GACtC1C,KAAK2C,2BAA2BlC,KAAK,CAACgC,EAAOC,G,CAQvC,sBAAA5B,GACNd,KAAK4C,aAAe5C,KAAKiB,GAAG4B,YAAc,E,CAY5C,mBAAMC,GACJ9C,KAAKK,eAAiBL,KAAKK,cAC3BL,KAAKQ,mBAAmBC,KAAKT,KAAKK,c,CAG5B,cAAA0C,G,MACN,QAAOC,EAAAhD,KAAKiD,YAAQ,MAAAD,SAAA,SAAAA,EAAEE,QAAS,EAAIlD,KAAKiD,SAAWjD,KAAKC,U,CAGlD,cAAAkD,GACN,MAAO,CACL,YAAa,KACbC,KAAMpD,KAAKqD,QACXC,IAAKtD,KAAKuD,gBAAkB,MAC5BC,MAAOxD,KAAKuD,gBAAkB,QAC9BE,MAAOzD,KAAK0D,UAAY,QACxBC,MAAO3D,KAAK0D,UAAY,Q,CAM5B,MAAAE,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,MAAAG,OAAAC,OAAA,CAAAF,IAAA,2CAAKG,MAAOlE,KAAKmD,kBAAsBnD,KAAKU,qBAC1CmD,EAAA,SAAAE,IAAA,2CACEI,GAAInE,KAAK+C,iBACTqB,KAAK,WACLC,KAAMrE,KAAKqE,KACX9D,QAASP,KAAKK,cACd+B,SAAUpC,KAAKoC,SACfkC,KAAK,SAAQ,eACCtE,KAAKK,cAAckE,WAAU,gBAC5BvE,KAAKoC,SAAW,OAAS,KACxCoC,SAAUxE,KAAKG,sBAEjB0D,EAAA,SAAAE,IAAA,2CAAOU,QAASzE,KAAK+C,kBAAmB/C,KAAK4C,aAAeiB,EAAA,aAAgB7D,KAAK0E,OAChF1E,KAAK2E,SAAW3E,KAAK4E,UACpBf,EAAA,OAAAE,IAAA,2CAAKG,MAAM,cAAa,eAAelE,KAAK2E,QAAO,gBAAiB3E,KAAK4E,Y","ignoreList":[]}

package/dist/webcomponents/p-8efc22a3.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as r,H as i,g as a}from"./p-6849daee.js";import{i as o}from"./p-ee6f4f3f.js";const l='*,*::before,*::after{box-sizing:border-box}html{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}a{background-color:transparent}strong{font-weight:bolder}code{font-family:monospace;font-size:1em}small{font-size:80%}img{border-style:none}button,input{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}[type=checkbox],[type=radio]{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:flex !important}.align-items-center{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{flex:1 0 0%;min-width:8.3333333333%}.col-auto{flex:0 0 auto;width:auto}.row{--grid-gutter:var(--grid-portrait-gutter);display:flex;flex-wrap:wrap;margin-left:calc(var(--grid-gutter) * -0.5);margin-right:calc(var(--grid-gutter) * -0.5)}@media (min-width: 576px){.row{--grid-gutter:var(--grid-tablet-gutter)}}@media (min-width: 992px){.row{--grid-gutter:var(--grid-tablet-gutter)}}@media (min-width: 1280px){.row{--grid-gutter:var(--grid-desktop-gutter)}}@media (min-width: 1600px){.row{--grid-gutter:var(--grid-tv-gutter)}}.mr-1{margin-right:var(--spacing-scale-half) !important}.mr-2{margin-right:var(--spacing-scale-base) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !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:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{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}::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,.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)}code,.code{background:var(--gray-5);border-radius:4px;color:var(--gray-80);display:inline-block;font-family:monospace;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);padding:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !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}.highlight{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]+*{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-checkbox{--checkbox-padding:var(--spacing-scale-base);--checkbox-size:24px;display:flex;position:relative}.br-checkbox+.br-checkbox{margin-top:var(--spacing-scale-base)}.br-checkbox input{margin:0;opacity:0;position:absolute}.br-checkbox input+label{cursor:pointer;display:inline-block;margin-bottom:0;min-height:var(--checkbox-size);min-width:var(--checkbox-size);padding-left:calc(var(--spacing-scale-base) + var(--checkbox-size));position:relative}.br-checkbox input+label::before{background:var(--background-light);border:1px solid var(--border-color);border-radius:4px;content:"";height:var(--checkbox-size);left:0;position:absolute;width:var(--checkbox-size)}.br-checkbox input+label:empty{padding:0}.br-checkbox label{font-weight:var(--font-weight-medium)}.br-checkbox.hidden-label label{padding-left:calc(var(--checkbox-size) + var(--surface-width-md) * 2);text-indent:-10000px;white-space:nowrap;width:0}.br-checkbox input:checked+label::after,.br-checkbox input:indeterminate+label::after{border:solid var(--selected);border-width:0 3px 3px 0;content:"";height:var(--icon-size-sm);left:8px;position:absolute;top:4px;transform:rotate(45deg);width:8px}.br-checkbox input[indeterminate]+label::before,.br-checkbox input:indeterminate+label::before{--interactive-rgb:var(--color-rgb);background:var(--selected);border-color:var(--selected)}.br-checkbox input[indeterminate]:hover:not(:disabled)+label::before,.br-checkbox input:indeterminate:hover:not(:disabled)+label::before{--interactive-rgb:var(--color-dark-rgb)}.br-checkbox input[indeterminate]:checked+label::after,.br-checkbox input[indeterminate]+label::after,.br-checkbox input:indeterminate:checked+label::after,.br-checkbox input:indeterminate+label::after{border-color:var(--background-light);border-width:0 0 3px;top:2px;transform:none}.br-checkbox.invalid input+label::before,.br-checkbox[invalid] input+label::before{--border-color:var(--danger)}.br-checkbox.invalid input:focus-visible:checked+label::before,.br-checkbox.invalid input:focus-visible+label::before,.br-checkbox[invalid] input:focus-visible:checked+label::before,.br-checkbox[invalid] input:focus-visible+label::before{--border-color:var(--focus-color)}.br-checkbox.invalid input:checked+label::before,.br-checkbox[invalid] input:checked+label::before{--border-color:var(--danger)}.br-checkbox.valid input+label::before,.br-checkbox[valid] input+label::before{--border-color:var(--success)}.br-checkbox.valid input:focus-visible:checked+label::before,.br-checkbox.valid input:focus-visible+label::before,.br-checkbox[valid] input:focus-visible:checked+label::before,.br-checkbox[valid] input:focus-visible+label::before{--border-color:var(--focus-color)}.br-checkbox.valid input:checked+label::before,.br-checkbox[valid] input:checked+label::before{--border-color:var(--success)}.br-checkbox.small input+label,.br-checkbox[small] input+label{line-height:var(--spacing-scale-2xh);min-height:var(--spacing-scale-2xh)}.br-checkbox.small input+label::before,.br-checkbox[small] input+label::before{height:var(--spacing-scale-2xh);width:var(--spacing-scale-2xh)}.br-checkbox.small input:checked+label::after,.br-checkbox[small] input:checked+label::after{border-width:0 2px 2px 0;height:var(--icon-size-sm);left:7px;top:4px;width:6px}.br-checkbox.small input[indeterminate]+label::after,.br-checkbox.small input:indeterminate+label::after,.br-checkbox[small] input[indeterminate]+label::after,.br-checkbox[small] input:indeterminate+label::after{border-color:var(--background-light);border-width:0 0 3px;left:7px;top:1px;transform:none;width:6px}.br-checkbox input:invalid+label::before{--border-color:var(--danger)}.br-checkbox input:focus-visible:checked+label::before,.br-checkbox input:focus-visible+label::before{border-color:var(--focus) !important;box-shadow:0 0 0 var(--surface-width-md) var(--focus);outline:none}.br-checkbox input:hover:not(:disabled)+label::before{--interactive-rgb:var(--interactive-light-rgb);background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-checkbox:not(.disabled) input:disabled+label{cursor:not-allowed;opacity:var(--disabled)}.br-checkbox:not(.disabled) input:disabled+label *{pointer-events:none}.br-checkbox.dark-mode,.br-checkbox.dark-mode label{color:var(--color-dark)}:host{display:block}';const c=l;const n=class{constructor(r){e(this,r);this.brDidConnect=t(this,"brDidConnect",7);this.brWillLoad=t(this,"brWillLoad",7);this.brDidLoad=t(this,"brDidLoad",7);this.brWillRender=t(this,"brWillRender",7);this.brDidRender=t(this,"brDidRender",7);this.brShouldUpdate=t(this,"brShouldUpdate",7);this.brWillUpdate=t(this,"brWillUpdate",7);this.brDidUpdate=t(this,"brDidUpdate",7);this.brDidDisconnect=t(this,"brDidDisconnect",7);this.brFormAssociatedCallback=t(this,"brFormAssociatedCallback",7);this.brFormDisabledCallback=t(this,"brFormDisabledCallback",7);this.brFormResetCallback=t(this,"brFormResetCallback",7);this.brFormStateRestoreCallback=t(this,"brFormStateRestoreCallback",7);this.brDidCheckedChange=t(this,"brDidCheckedChange",7);if(r.$hostElement$["s-ei"]){this.elementInternals=r.$hostElement$["s-ei"]}else{this.elementInternals=r.$hostElement$.attachInternals();r.$hostElement$["s-ei"]=this.elementInternals}this.inheritedAttributes={};this.handleCheckedChange=e=>{this.checked=e.target.checked;this.brDidCheckedChange.emit(this.checked)};this.indeterminate=false;this.checked=false;this.customId=undefined;this.disabled=false;this.hasHiddenLabel=false;this.label=undefined;this.name=undefined;this.state=null;this.value=undefined;this._slotDefault=false}connectedCallback(){this.brDidConnect.emit()}componentWillLoad(){this.hasSlotContentDefault();this.brWillLoad.emit();this.inheritedAttributes=o(this.el);this.hasSlotContentDefault()}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(e){this.brFormAssociatedCallback.emit(e)}formDisabledCallback(e){this.brFormDisabledCallback.emit(e)}formResetCallback(){this.brFormResetCallback.emit()}formStateRestoreCallback(e,t){this.brFormStateRestoreCallback.emit([e,t])}hasSlotContentDefault(){this._slotDefault=this.el.innerHTML!==""}getCssClassMap(){return{"br-checkbox":true,valid:this.state==="valid",invalid:this.state==="invalid",disabled:this.disabled,"hidden-label":this.hasHiddenLabel}}async toggleChecked(){this.checked=!this.checked;this.brDidCheckedChange.emit(this.checked)}getComputedId(){var e;return((e=this.customId)===null||e===void 0?void 0:e.length)>0?this.customId:this.name}render(){return r(i,{key:"989f9ad72c7025dba00a4d0c80f17738a6d982a5"},r("div",{key:"2ece1308be7f1a62012eeac105ff9c8980bf385e",class:this.getCssClassMap()},r("input",Object.assign({key:"ffb9b3270cea17f967fb51b47ddfec9440ac8c63",type:"checkbox",id:this.getComputedId(),name:this.name,checked:this.checked,disabled:this.disabled,indeterminate:this.indeterminate,value:this.value,onChange:this.handleCheckedChange},this.inheritedAttributes)),r("label",{key:"7c51970050a06d2abc28b5a17389c87b0c8c76cc",htmlFor:this.getComputedId()},this._slotDefault?r("slot",null):this.label)))}static get formAssociated(){return true}get el(){return a(this)}};n.style=c;export{n as br_checkbox};
+//# sourceMappingURL=p-8efc22a3.entry.js.map

package/dist/webcomponents/p-8efc22a3.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["checkboxCss","BrCheckboxStyle0","Checkbox","this","inheritedAttributes","handleCheckedChange","event","checked","target","brDidCheckedChange","emit","connectedCallback","brDidConnect","componentWillLoad","hasSlotContentDefault","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","_slotDefault","innerHTML","getCssClassMap","valid","invalid","hasHiddenLabel","toggleChecked","getComputedId","_a","customId","length","name","render","h","Host","key","class","Object","assign","type","id","indeterminate","value","onChange","htmlFor","label"],"sources":["src/components/checkbox/checkbox.scss?tag=br-checkbox&encapsulation=shadow","src/components/checkbox/checkbox.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/checkbox/checkbox.scss\";\n\n:host {\n  display: block;\n}\n\n","import { AttachInternals, Component, Element, Event, EventEmitter, Host, Method, Prop, State, h } from '@stencil/core'\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/checkbox?tab=designer).\n *\n * @slot default - O texto descritivo pode ser passado por propriedade (label) ou por slot.\n */\n@Component({\n  tag: 'br-checkbox',\n  styleUrl: 'checkbox.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Checkbox {\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: HTMLBrCheckboxElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Define o estado intermediário do checkbox.\n   * Se definido como verdadeiro, o checkbox exibirá um estado intermediário, que é um estado visual que indica que a opção está parcialmente selecionada.\n   * Este estado é útil quando o checkbox faz parte de um grupo com seleção parcial.\n   */\n  @Prop({ reflect: true }) indeterminate: boolean = false\n\n  /**\n   * Define o estado de seleção do checkbox.\n   * Se definido como verdadeiro, o checkbox estará marcado. Caso contrário, estará desmarcado.\n   */\n  @Prop({ reflect: true, mutable: true }) checked: boolean = false\n\n  /**\n   * Especifica o ID do componente, que é usado para conectar o label correspondente ao checkbox.\n   * Se não for fornecido, o ID será o mesmo valor atribuído à propriedade `name`.\n   */\n  @Prop({ reflect: true, attribute: 'id' }) customId: string\n\n  /**\n   * Desativa o checkbox, tornando-o não interativo.\n   */\n  @Prop({ reflect: true }) disabled: boolean = false\n\n  /**\n   * Define se o label associado ao checkbox deve ser oculto.\n   * Se definido como verdadeiro, o texto do label será oculto, mas o checkbox ainda estará visível e funcional.\n   */\n  @Prop({ reflect: true }) hasHiddenLabel: boolean = false\n\n  /**\n   * Texto descritivo exibido à direita do checkbox.\n   * Caso um slot seja utilizado para fornecer um texto alternativo, o valor desta propriedade será ignorado.\n   */\n  @Prop({ reflect: true }) label: string\n\n  /**\n   * Define o nome do checkbox, que é utilizado para agrupar checkboxes em formulários e identificar o campo.\n   * O valor é obrigatório e deve ser fornecido para garantir o correto funcionamento em formulários.\n   */\n  @Prop({ reflect: true }) name!: string\n\n  /**\n   * Indica a validade do checkbox.\n   * Valores possíveis:\n   * - 'valid': O checkbox é considerado válido.\n   * - 'invalid': O checkbox é considerado inválido.\n   * Se não for especificado, o valor padrão é `null`, indicando que a validade não foi definida.\n   */\n  @Prop({ reflect: true }) state: 'valid' | 'invalid' = null\n\n  /**\n   * Define o valor associado ao checkbox quando ele faz parte de um formulário nativo (`<form>`).\n   * Esse valor é enviado com o formulário quando o checkbox está selecionado.\n   * **Nota:** Esta propriedade não deve ser utilizada para determinar se o checkbox está selecionado; para verificar o estado de seleção, use a propriedade `checked`.\n   */\n  @Prop({ reflect: true }) value: any\n\n  @State() _slotDefault: boolean = false\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() brDidConnect: EventEmitter<void>\n  connectedCallback() {\n    this.brDidConnect.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.hasSlotContentDefault()\n    this.brWillLoad.emit()\n    this.inheritedAttributes = inheritAriaAttributes(this.el)\n    this.hasSlotContentDefault()\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 hasSlotContentDefault(): any {\n    this._slotDefault = this.el.innerHTML !== ''\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-checkbox': true,\n      valid: this.state === 'valid',\n      invalid: this.state === 'invalid',\n      disabled: this.disabled,\n      'hidden-label': this.hasHiddenLabel,\n    }\n  }\n\n  private inheritedAttributes: Attributes = {}\n\n  /**\n   * Disparado depois que o valor do `checked` foi alterado\n   */\n  @Event() brDidCheckedChange: EventEmitter<boolean>\n  private readonly handleCheckedChange = (event: Event) => {\n    this.checked = (event.target as HTMLInputElement).checked\n    this.brDidCheckedChange.emit(this.checked)\n  }\n\n  /**\n   * Inverte o valor da prop `checked`\n   */\n  @Method()\n  async toggleChecked() {\n    this.checked = !this.checked\n    this.brDidCheckedChange.emit(this.checked)\n  }\n\n  private getComputedId(): string {\n    return this.customId?.length > 0 ? this.customId : this.name\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.getCssClassMap()}>\n          <input\n            type=\"checkbox\"\n            id={this.getComputedId()}\n            name={this.name}\n            checked={this.checked}\n            disabled={this.disabled}\n            indeterminate={this.indeterminate}\n            value={this.value}\n            onChange={this.handleCheckedChange}\n            {...this.inheritedAttributes}\n          />\n          <label htmlFor={this.getComputedId()}>{this._slotDefault ? <slot></slot> : this.label}</label>\n        </div>\n      </Host>\n    )\n  }\n}\n"],"mappings":"oGAAA,MAAMA,EAAc,6tWACpB,MAAAC,EAAeD,E,MCcFE,EAAQ,M,s4BA0NXC,KAAAC,oBAAkC,GAMzBD,KAAAE,oBAAuBC,IACtCH,KAAKI,QAAWD,EAAME,OAA4BD,QAClDJ,KAAKM,mBAAmBC,KAAKP,KAAKI,QAAQ,E,mBApNM,M,aAMS,M,sCAWd,M,oBAMM,M,oDAqBG,K,uCASrB,K,CAOjC,iBAAAI,GACER,KAAKS,aAAaF,M,CASpB,iBAAAG,GACEV,KAAKW,wBACLX,KAAKY,WAAWL,OAChBP,KAAKC,oBAAsBY,EAAsBb,KAAKc,IACtDd,KAAKW,uB,CASP,gBAAAI,GACEf,KAAKgB,UAAUT,M,CASjB,mBAAAU,GACEjB,KAAKkB,aAAaX,M,CASpB,kBAAAY,GACEnB,KAAKoB,YAAYb,M,CASnB,qBAAAc,GACErB,KAAKsB,eAAef,M,CAStB,mBAAAgB,GACEvB,KAAKwB,aAAajB,M,CASpB,kBAAAkB,GACEzB,KAAK0B,YAAYnB,M,CASnB,oBAAAoB,GACE3B,KAAK4B,gBAAgBrB,M,CAUvB,sBAAAsB,CAAuBC,GACrB9B,KAAK+B,yBAAyBxB,KAAKuB,E,CAUrC,oBAAAE,CAAqBC,GACnBjC,KAAKkC,uBAAuB3B,KAAK0B,E,CAQnC,iBAAAE,GACEnC,KAAKoC,oBAAoB7B,M,CAW3B,wBAAA8B,CAAyBC,EAAeC,GACtCvC,KAAKwC,2BAA2BjC,KAAK,CAAC+B,EAAOC,G,CAGvC,qBAAA5B,GACNX,KAAKyC,aAAezC,KAAKc,GAAG4B,YAAc,E,CAGpC,cAAAC,GACN,MAAO,CACL,cAAe,KACfC,MAAO5C,KAAKsC,QAAU,QACtBO,QAAS7C,KAAKsC,QAAU,UACxBL,SAAUjC,KAAKiC,SACf,eAAgBjC,KAAK8C,e,CAmBzB,mBAAMC,GACJ/C,KAAKI,SAAWJ,KAAKI,QACrBJ,KAAKM,mBAAmBC,KAAKP,KAAKI,Q,CAG5B,aAAA4C,G,MACN,QAAOC,EAAAjD,KAAKkD,YAAQ,MAAAD,SAAA,SAAAA,EAAEE,QAAS,EAAInD,KAAKkD,SAAWlD,KAAKoD,I,CAG1D,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOzD,KAAK2C,kBACfW,EAAA,QAAAI,OAAAC,OAAA,CAAAH,IAAA,2CACEI,KAAK,WACLC,GAAI7D,KAAKgD,gBACTI,KAAMpD,KAAKoD,KACXhD,QAASJ,KAAKI,QACd6B,SAAUjC,KAAKiC,SACf6B,cAAe9D,KAAK8D,cACpBC,MAAO/D,KAAK+D,MACZC,SAAUhE,KAAKE,qBACXF,KAAKC,sBAEXqD,EAAA,SAAAE,IAAA,2CAAOS,QAASjE,KAAKgD,iBAAkBhD,KAAKyC,aAAea,EAAA,aAAgBtD,KAAKkE,Q","ignoreList":[]}

package/dist/webcomponents/p-9dbe247e.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as r,h as e,H as i,g as a}from"./p-6849daee.js";import{i as o}from"./p-ee6f4f3f.js";const n='*,*::before,*::after{box-sizing:border-box}html{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}a{background-color:transparent}strong{font-weight:bolder}code{font-family:monospace;font-size:1em}small{font-size:80%}img{border-style:none}button,input{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}[type=checkbox],[type=radio]{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:flex !important}.align-items-center{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{flex:1 0 0%;min-width:8.3333333333%}.col-auto{flex:0 0 auto;width:auto}.row{--grid-gutter:var(--grid-portrait-gutter);display:flex;flex-wrap:wrap;margin-left:calc(var(--grid-gutter) * -0.5);margin-right:calc(var(--grid-gutter) * -0.5)}@media (min-width: 576px){.row{--grid-gutter:var(--grid-tablet-gutter)}}@media (min-width: 992px){.row{--grid-gutter:var(--grid-tablet-gutter)}}@media (min-width: 1280px){.row{--grid-gutter:var(--grid-desktop-gutter)}}@media (min-width: 1600px){.row{--grid-gutter:var(--grid-tv-gutter)}}.mr-1{margin-right:var(--spacing-scale-half) !important}.mr-2{margin-right:var(--spacing-scale-base) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !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:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{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}::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,.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)}code,.code{background:var(--gray-5);border-radius:4px;color:var(--gray-80);display:inline-block;font-family:monospace;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);padding:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !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}.highlight{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]+*{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-list{background-color:var(--background)}.br-list.horizontal{display:flex;flex-wrap:wrap}.br-list.horizontal>.header{flex-grow:1;width:100%}.br-list.horizontal>.header+.br-divider{border-top:1px solid var(--border-color);width:100%}.br-list.horizontal>.br-item{flex:1;height:auto;min-height:56px;width:auto}.br-list.horizontal>.br-item+.br-divider{border-width:0 1px 0 0;width:1px}.br-list.horizontal[data-toggle]>.br-item,.br-list.horizontal.toggle>.br-item{display:block}.br-list .br-item{text-align:left;width:100%}.br-list .br-item>.content{align-items:var(--spacing-vertical-top);display:flex}.br-list .br-item>.content>.content{flex:1}.br-list .br-item .content:hover button.br-button{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-list .br-item[data-toggle]{cursor:pointer}.br-list .br-item[data-toggle]~.br-list .br-item{padding:var(--spacing-scale-base) var(--spacing-scale-3x)}.br-list .br-list{overflow:hidden;transition:all 400ms ease-in-out}.br-list .header{align-items:var(--spacing-vertical-center);display:flex;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-bold);justify-content:space-between;padding:var(--spacing-scale-base) var(--spacing-scale-2x)}.br-divider{--divider-size:var(--surface-width-sm);border-color:var(--border-color);border-style:solid;border-width:0;border-top-width:var(--divider-size);display:block}.br-divider.content{align-items:center;border:0;display:flex;justify-content:center}.br-divider.content::after,.br-divider.content::before{border-color:var(--border-color);border-style:solid;border-width:0;border-top-width:var(--divider-size);content:"";flex:1}.br-divider.content::after{margin-left:var(--spacing-scale-base)}.br-divider.content::before{margin-right:var(--spacing-scale-base)}.br-divider.vertical{align-self:stretch;border-right-width:var(--divider-size);border-top-width:0}.br-divider.vertical.content{flex-direction:column}.br-divider.vertical.content::after,.br-divider.vertical.content::before{border-right-width:var(--divider-size);border-top-width:0;margin:0}.br-divider.dark-mode{--border-color:var(--pure-0)}:host{display:block}:host .br-list.horizontal ::slotted(br-item){flex:1;height:auto;min-height:56px;width:auto}';const l=n;const s=class{constructor(i){t(this,i);this.brDidConnect=r(this,"brDidConnect",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);if(i.$hostElement$["s-ei"]){this.elementInternals=i.$hostElement$["s-ei"]}else{this.elementInternals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this.elementInternals}this.inheritedAttributes={};this.renderHeader=()=>{var t;if(((t=this.listTitle)===null||t===void 0?void 0:t.length)>0||this.hasSlotContent("header")){return e("div",{class:"header"},this.listTitle&&e("div",{class:"title"},this.listTitle),this.hasSlotContent("header")&&e("div",{class:"d-flex"},e("slot",{name:"header"})))}return null};this.listTitle=undefined;this.isHorizontal=false;this.hideHeaderDivider=false}connectedCallback(){this.brDidConnect.emit()}componentWillLoad(){this.brWillLoad.emit();this.inheritedAttributes=o(this.el)}componentDidLoad(){if(this.isHorizontal){const t=Array.from(this.el.querySelectorAll("br-item"));t.forEach((t=>{const r=t.nextElementSibling;if(r===null||r===void 0?void 0:r.classList.contains("br-divider")){const t=r;t.style.borderWidth="0 1px 0 0";t.style.width="1px"}}))}const t=Array.from(this.el.querySelectorAll("br-item"));t.forEach((t=>{t.setAttribute("role","listitem")}));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,r){this.brFormStateRestoreCallback.emit([t,r])}getCssClassMap(){return{"br-list":true,horizontal:this.isHorizontal}}hasSlotContent(t){return this.el.querySelector(`[slot="${t}"]`)!==null}renderDivider(){if((this.listTitle||this.hasSlotContent("header"))&&!this.hideHeaderDivider){return e("div",{class:"br-divider"})}return null}render(){return e(i,{key:"bf56fd2ff3f57265a05521c8447630106f261fd9"},e("div",Object.assign({key:"710c166b13c9e02eb167bcfb4bfddc044469b85b",class:this.getCssClassMap()},this.inheritedAttributes,{role:"list"}),this.renderHeader(),this.renderDivider(),e("slot",{key:"b41329f3ecd8cd06df7c186d52ea08e42679e31f"})))}static get formAssociated(){return true}get el(){return a(this)}};s.style=l;export{s as br_list};
+//# sourceMappingURL=p-9dbe247e.entry.js.map

package/dist/webcomponents/p-9dbe247e.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["listCss","BrListStyle0","List","this","inheritedAttributes","renderHeader","_a","listTitle","length","hasSlotContent","h","class","name","connectedCallback","brDidConnect","emit","componentWillLoad","brWillLoad","inheritAriaAttributes","el","componentDidLoad","isHorizontal","slotItems","Array","from","querySelectorAll","forEach","item","nextElement","nextElementSibling","classList","contains","divider","style","borderWidth","width","items","setAttribute","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","horizontal","slotName","querySelector","renderDivider","hideHeaderDivider","render","Host","key","Object","assign","role"],"sources":["src/components/list/list.scss?tag=br-list&encapsulation=shadow","src/components/list/list.tsx"],"sourcesContent":["@import \"../../../../../node_modules/@govbr-ds/core/src/components/list/list.scss\";\n@import \"../../../../../node_modules/@govbr-ds/core/src/components/divider/divider.scss\";\n\n:host {\n  display: block;\n\n  .br-list.horizontal ::slotted(br-item) {\n    flex: 1;\n    height: auto;\n    min-height: 56px;\n    width: auto;\n  }\n\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, Host, Prop, h } from '@stencil/core'\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/list?tab=designer).\n *\n * @slot default - Slot padrão para inclusão dos itens da lista.\n * @slot header - Slot nomeado para inclusão de ações relacionadas ao cabeçalho do list (uso de botões por exemplo).\n */\n@Component({\n  tag: 'br-list',\n  styleUrl: 'list.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class List {\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: HTMLBrListElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Define o título para a lista.\n   */\n  @Prop({ reflect: true }) listTitle: string\n\n  /**\n   * Indica se a lista será horizontal. Por padrão, a lista é vertical.\n   */\n  @Prop({ reflect: true }) isHorizontal: boolean = false\n\n  /**\n   * Indica que o divider para o título da lista estará oculto.\n   */\n  @Prop({ reflect: true }) hideHeaderDivider: boolean = false\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() brDidConnect: EventEmitter<void>\n  connectedCallback() {\n    this.brDidConnect.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    if (this.isHorizontal) {\n      const slotItems = Array.from(this.el.querySelectorAll('br-item'))\n\n      slotItems.forEach((item) => {\n        const nextElement = item.nextElementSibling\n        if (nextElement?.classList.contains('br-divider')) {\n          const divider = nextElement as HTMLElement\n          divider.style.borderWidth = '0 1px 0 0'\n          divider.style.width = '1px'\n        }\n      })\n    }\n\n    const items = Array.from(this.el.querySelectorAll('br-item'))\n    items.forEach((item) => {\n      item.setAttribute('role', 'listitem')\n    })\n\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-list': true,\n      horizontal: this.isHorizontal,\n    }\n  }\n\n  private inheritedAttributes: Attributes = {}\n\n  private hasSlotContent(slotName: string): boolean {\n    return this.el.querySelector(`[slot=\"${slotName}\"]`) !== null\n  }\n  private readonly renderHeader = () => {\n    if (this.listTitle?.length > 0 || this.hasSlotContent('header')) {\n      return (\n        <div class=\"header\">\n          {this.listTitle && <div class=\"title\">{this.listTitle}</div>}\n          {this.hasSlotContent('header') && (\n            <div class=\"d-flex\">\n              <slot name=\"header\"></slot>\n            </div>\n          )}\n        </div>\n      )\n    }\n    return null\n  }\n\n  private renderDivider() {\n    if ((this.listTitle || this.hasSlotContent('header')) && !this.hideHeaderDivider) {\n      return <div class=\"br-divider\"></div>\n    }\n    return null\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.getCssClassMap()} {...this.inheritedAttributes} role=\"list\">\n          {this.renderHeader()}\n          {this.renderDivider()}\n          <slot></slot>\n        </div>\n      </Host>\n    )\n  }\n}\n"],"mappings":"oGAAA,MAAMA,EAAU,qtSAChB,MAAAC,EAAeD,E,MCeFE,EAAI,M,+0BAsLPC,KAAAC,oBAAkC,GAKzBD,KAAAE,aAAe,K,MAC9B,KAAIC,EAAAH,KAAKI,aAAS,MAAAD,SAAA,SAAAA,EAAEE,QAAS,GAAKL,KAAKM,eAAe,UAAW,CAC/D,OACEC,EAAA,OAAKC,MAAM,UACRR,KAAKI,WAAaG,EAAA,OAAKC,MAAM,SAASR,KAAKI,WAC3CJ,KAAKM,eAAe,WACnBC,EAAA,OAAKC,MAAM,UACTD,EAAA,QAAME,KAAK,Y,CAMrB,OAAO,IAAI,E,2CAvLoC,M,uBAKK,K,CAOtD,iBAAAC,GACEV,KAAKW,aAAaC,M,CASpB,iBAAAC,GACEb,KAAKc,WAAWF,OAChBZ,KAAKC,oBAAsBc,EAAsBf,KAAKgB,G,CASxD,gBAAAC,GACE,GAAIjB,KAAKkB,aAAc,CACrB,MAAMC,EAAYC,MAAMC,KAAKrB,KAAKgB,GAAGM,iBAAiB,YAEtDH,EAAUI,SAASC,IACjB,MAAMC,EAAcD,EAAKE,mBACzB,GAAID,IAAW,MAAXA,SAAW,SAAXA,EAAaE,UAAUC,SAAS,cAAe,CACjD,MAAMC,EAAUJ,EAChBI,EAAQC,MAAMC,YAAc,YAC5BF,EAAQC,MAAME,MAAQ,K,KAK5B,MAAMC,EAAQb,MAAMC,KAAKrB,KAAKgB,GAAGM,iBAAiB,YAClDW,EAAMV,SAASC,IACbA,EAAKU,aAAa,OAAQ,WAAW,IAGvClC,KAAKmC,UAAUvB,M,CASjB,mBAAAwB,GACEpC,KAAKqC,aAAazB,M,CASpB,kBAAA0B,GACEtC,KAAKuC,YAAY3B,M,CASnB,qBAAA4B,GACExC,KAAKyC,eAAe7B,M,CAStB,mBAAA8B,GACE1C,KAAK2C,aAAa/B,M,CASpB,kBAAAgC,GACE5C,KAAK6C,YAAYjC,M,CASnB,oBAAAkC,GACE9C,KAAK+C,gBAAgBnC,M,CAUvB,sBAAAoC,CAAuBC,GACrBjD,KAAKkD,yBAAyBtC,KAAKqC,E,CAUrC,oBAAAE,CAAqBC,GACnBpD,KAAKqD,uBAAuBzC,KAAKwC,E,CAQnC,iBAAAE,GACEtD,KAAKuD,oBAAoB3C,M,CAW3B,wBAAA4C,CAAyBC,EAAeC,GACtC1D,KAAK2D,2BAA2B/C,KAAK,CAAC6C,EAAOC,G,CAGvC,cAAAE,GACN,MAAO,CACL,UAAW,KACXC,WAAY7D,KAAKkB,a,CAMb,cAAAZ,CAAewD,GACrB,OAAO9D,KAAKgB,GAAG+C,cAAc,UAAUD,SAAkB,I,CAkBnD,aAAAE,GACN,IAAKhE,KAAKI,WAAaJ,KAAKM,eAAe,aAAeN,KAAKiE,kBAAmB,CAChF,OAAO1D,EAAA,OAAKC,MAAM,c,CAEpB,OAAO,I,CAGT,MAAA0D,GACE,OACE3D,EAAC4D,EAAI,CAAAC,IAAA,4CACH7D,EAAA,MAAA8D,OAAAC,OAAA,CAAAF,IAAA,2CAAK5D,MAAOR,KAAK4D,kBAAsB5D,KAAKC,oBAAmB,CAAEsE,KAAK,SACnEvE,KAAKE,eACLF,KAAKgE,gBACNzD,EAAA,QAAA6D,IAAA,8C","ignoreList":[]}

package/dist/webcomponents/p-a5a079d8.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as a,h as r,H as t,g as o}from"./p-6849daee.js";import{i}from"./p-ee6f4f3f.js";const n="*,*::before,*::after{box-sizing:border-box}html{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}a{background-color:transparent}strong{font-weight:bolder}code{font-family:monospace;font-size:1em}small{font-size:80%}img{border-style:none}button,input{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}[type=checkbox],[type=radio]{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:flex !important}.align-items-center{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{flex:1 0 0%;min-width:8.3333333333%}.col-auto{flex:0 0 auto;width:auto}.row{--grid-gutter:var(--grid-portrait-gutter);display:flex;flex-wrap:wrap;margin-left:calc(var(--grid-gutter) * -0.5);margin-right:calc(var(--grid-gutter) * -0.5)}@media (min-width: 576px){.row{--grid-gutter:var(--grid-tablet-gutter)}}@media (min-width: 992px){.row{--grid-gutter:var(--grid-tablet-gutter)}}@media (min-width: 1280px){.row{--grid-gutter:var(--grid-desktop-gutter)}}@media (min-width: 1600px){.row{--grid-gutter:var(--grid-tv-gutter)}}.mr-1{margin-right:var(--spacing-scale-half) !important}.mr-2{margin-right:var(--spacing-scale-base) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !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:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{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}::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,.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)}code,.code{background:var(--gray-5);border-radius:4px;color:var(--gray-80);display:inline-block;font-family:monospace;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);padding:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !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}.highlight{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]+*{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-message{--message-background:var(--background);--message-color-icon:var(--color);--feedback-background:var(--background);--message-text:var(--color);background:var(--message-background);display:flex;margin-bottom:var(--spacing-scale-2x)}.br-message .content{color:var(--message-text);flex:1;font-size:var(--font-size-scale-up-01);padding:var(--spacing-scale-3x) var(--spacing-scale-base) var(--spacing-scale-3x) var(--spacing-scale-2x)}.br-message .content .message-title{font-weight:var(--font-weight-semi-bold)}.br-message .content .message-body{font-weight:var(--font-weigth-regular)}.br-message .content a{font-weight:var(--font-weight-bold);text-decoration:underline}.br-message .content *:last-child{margin-bottom:0}.br-message .icon{align-items:center;color:var(--message-color-icon);display:flex;justify-content:center;margin:var(--spacing-vertical-center) var(--spacing-scale-2x);padding-left:var(--spacing-scale-2x);padding-right:var(--spacing-scale-2x)}.br-message .icon+.content{padding-left:0}.br-message .close{margin-right:var(--spacing-scale-base);margin-top:var(--spacing-scale-base)}.br-message.success,.br-message[success]{--message-background:var(--success-alternative);--feedback-background:var(--success);--message-color-icon:var(--success)}.br-message.success .close .br-button,.br-message[success] .close .br-button{--interactive:var(--message-color-icon);--interactive-rgb:var(--success-rgb)}.br-message.danger,.br-message[danger]{--message-background:var(--danger-alternative);--feedback-background:var(--danger);--message-color-icon:var(--danger)}.br-message.danger .close .br-button,.br-message[danger] .close .br-button{--interactive:var(--message-color-icon);--interactive-rgb:var(--danger-rgb)}.br-message.info,.br-message[info]{--message-background:var(--info-alternative);--feedback-background:var(--info);--message-color-icon:var(--info)}.br-message.info .close .br-button,.br-message[info] .close .br-button{--interactive:var(--message-color-icon);--interactive-rgb:var(--info-rgb)}.br-message.warning,.br-message[warning]{--message-background:var(--warning-alternative);--feedback-background:var(--warning)}.br-message.warning .close .br-button,.br-message[warning] .close .br-button{--interactive:var(--color);--interactive-rgb:var(--color-rgb)}.feedback{--message-background:var(--background);--message-color-icon:var(--color);--feedback-background:var(--background);--message-text:var(--color);align-items:center;background:var(--feedback-background);color:var(--message-text);display:inline-flex;font-style:italic;font-weight:var(--font-weight-medium);margin-bottom:0;padding:var(--spacing-scale-half)}.feedback:not(.is-warning):not(.warning):not([warning]){--message-text:var(--pure-0)}.feedback.warning,.feedback[warning]{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--interactive-light-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light)}.feedback.success,.feedback[success]{--message-background:var(--success-alternative);--feedback-background:var(--success);--message-color-icon:var(--success)}.feedback.success .close .br-button,.feedback[success] .close .br-button{--interactive:var(--message-color-icon);--interactive-rgb:var(--success-rgb)}.feedback.danger,.feedback[danger]{--message-background:var(--danger-alternative);--feedback-background:var(--danger);--message-color-icon:var(--danger)}.feedback.danger .close .br-button,.feedback[danger] .close .br-button{--interactive:var(--message-color-icon);--interactive-rgb:var(--danger-rgb)}.feedback.info,.feedback[info]{--message-background:var(--info-alternative);--feedback-background:var(--info);--message-color-icon:var(--info)}.feedback.info .close .br-button,.feedback[info] .close .br-button{--interactive:var(--message-color-icon);--interactive-rgb:var(--info-rgb)}.feedback.warning,.feedback[warning]{--message-background:var(--warning-alternative);--feedback-background:var(--warning)}.feedback.warning .close .br-button,.feedback[warning] .close .br-button{--interactive:var(--color);--interactive-rgb:var(--color-rgb)}:host{display:block}:host .icon-space{margin-right:var(--spacing-scale-half)}";const s=n;const c=class{constructor(r){e(this,r);this.brDidConnect=a(this,"brDidConnect",7);this.brWillLoad=a(this,"brWillLoad",7);this.brDidLoad=a(this,"brDidLoad",7);this.brWillRender=a(this,"brWillRender",7);this.brDidRender=a(this,"brDidRender",7);this.brShouldUpdate=a(this,"brShouldUpdate",7);this.brWillUpdate=a(this,"brWillUpdate",7);this.brDidUpdate=a(this,"brDidUpdate",7);this.brDidDisconnect=a(this,"brDidDisconnect",7);this.brDidClose=a(this,"brDidClose",7);if(r.$hostElement$["s-ei"]){this.elementInternals=r.$hostElement$["s-ei"]}else{this.elementInternals=r.$hostElement$.attachInternals();r.$hostElement$["s-ei"]=this.elementInternals}this.dismissHandler=()=>{this.brDidClose.emit();this.el.remove()};this.inheritedAttributes={};this.messageTitle="";this.message="";this.isInline=false;this.isClosable=false;this.showIcon=false;this.isFeedback=false;this.state="info"}connectedCallback(){this.brDidConnect.emit()}componentWillLoad(){this.brWillLoad.emit();this.inheritedAttributes=i(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()}checkIconState(){const e={success:"fa-solid:check-circle",warning:"fa-solid:exclamation-triangle",danger:"fa-solid:times-circle",info:"fa-solid:info-circle"};return e[this.state]||"check-circle"}getCssClassMap(){return{"br-message":true,[this.state]:true}}render(){var e,a;return r(t,{key:"d6bf5928201f58d0f8e854bac2ac5957c032b7d0"},this.isFeedback?r("div",{class:"mb-3"},r("span",Object.assign({class:`feedback ${this.state}`,role:"alert"},this.inheritedAttributes),this.showIcon?r("br-icon",{class:"icon-space","icon-name":this.checkIconState()}):null,((e=this.message)===null||e===void 0?void 0:e.length)===0?r("slot",null):this.message)):r("div",Object.assign({class:this.getCssClassMap(),role:"alert"},this.inheritedAttributes),this.showIcon&&r("div",{class:"icon"},r("br-icon",{"icon-name":this.checkIconState(),height:"20","aria-hidden":"true"})),r("div",{class:"content",role:"alert"},((a=this.message)===null||a===void 0?void 0:a.length)===0?r("div",null,this.messageTitle&&r("strong",null,this.messageTitle),this.messageTitle&&!this.isInline&&r("br",null),r("slot",null)):r("div",null,r("span",{class:"message-title mr-1"},this.messageTitle),r("span",{class:"message-body"},this.message))),this.isClosable&&!this.isFeedback&&r("div",{class:"close"},r("br-button",{shape:"circle",type:"button","aria-label":"Fechar a mensagem",onClick:this.dismissHandler},r("br-icon",{"icon-name":"fa-solid:times","aria-hidden":"true"})))))}static get formAssociated(){return true}get el(){return o(this)}};c.style=s;export{c as br_message};
+//# sourceMappingURL=p-a5a079d8.entry.js.map

package/dist/webcomponents/p-a5a079d8.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["messageCss","BrMessageStyle0","Message","this","dismissHandler","brDidClose","emit","el","remove","inheritedAttributes","connectedCallback","brDidConnect","componentWillLoad","brWillLoad","inheritAriaAttributes","componentDidLoad","brDidLoad","componentWillRender","brWillRender","componentDidRender","brDidRender","componentShouldUpdate","brShouldUpdate","componentWillUpdate","brWillUpdate","componentDidUpdate","brDidUpdate","disconnectedCallback","brDidDisconnect","checkIconState","iconMap","success","warning","danger","info","state","getCssClassMap","render","h","Host","key","isFeedback","class","Object","assign","role","showIcon","_a","message","length","height","_b","messageTitle","isInline","isClosable","shape","type","onClick"],"sources":["src/components/message/message.scss?tag=br-message&encapsulation=shadow","src/components/message/message.tsx"],"sourcesContent":["@import \"../../../../../node_modules/@govbr-ds/core/src/components/message/message.scss\";\n\n:host {\n  display: block;\n\n  .icon-space {\n    margin-right: var(--spacing-scale-half);\n  }\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, Host, Prop, h } from '@stencil/core'\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/message?tab=designer).\n *\n * @slot default - Utilizado para inserir qualquer conteúdo que será exibido no corpo da mensagem.\n */\n@Component({\n  tag: 'br-message',\n  styleUrl: 'message.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Message {\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: HTMLBrMessageElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Define o título da mensagem, que é exibido no início, acima da mensagem principal.\n   * Este título serve para destacar a mensagem textual. Não é aplicável para mensagens do tipo feedback.\n   */\n  @Prop({ reflect: true }) messageTitle: string = ''\n\n  /**\n   * **[OBRIGATÓRIO]** Define o texto da mensagem que será exibido.\n   * Este é o conteúdo principal da mensagem. A propriedade `message` é obrigatória e deve ser fornecida para que a mensagem apareça.\n   */\n  @Prop({ reflect: true }) message: string = ''\n\n  /**\n   * Se definido como verdadeiro, o título da mensagem será exibido na mesma linha que a mensagem principal.\n   * Isso pode ser útil para criar um layout onde o título e a mensagem estão alinhados horizontalmente.\n   */\n  @Prop({ reflect: true }) isInline: boolean = false\n\n  /**\n   * Se definido como verdadeiro, um botão de fechar será exibido para permitir que o usuário feche a mensagem.\n   * Este recurso não está disponível para mensagens do tipo feedback.\n   */\n  @Prop({ reflect: true }) isClosable: boolean = false\n\n  /**\n   * Se definido como verdadeiro, um ícone associado à mensagem será exibido.\n   * Use esta propriedade para mostrar ou ocultar o ícone da mensagem conforme necessário.\n   */\n  @Prop({ reflect: true }) showIcon: boolean = false\n\n  /**\n   * Define se a mensagem é do tipo feedback, geralmente usada para fornecer contexto adicional sobre ações do usuário.\n   * Exemplos incluem mensagens de validação em campos de formulário. Não disponível para mensagens que não sejam de feedback.\n   */\n  @Prop({ reflect: true }) isFeedback: 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: 'info' | 'warning' | 'danger' | 'success' = 'info'\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() brDidConnect: EventEmitter<void>\n  connectedCallback() {\n    this.brDidConnect.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  /** Evento emitido quando o usuário fecha a mensagem, se closable for true. */\n  @Event() brDidClose: EventEmitter\n  private readonly dismissHandler = () => {\n    this.brDidClose.emit()\n    this.el.remove()\n  }\n\n  private checkIconState() {\n    const iconMap = {\n      success: 'fa-solid:check-circle',\n      warning: 'fa-solid:exclamation-triangle',\n      danger: 'fa-solid:times-circle',\n      info: 'fa-solid:info-circle',\n    }\n    return iconMap[this.state] || 'check-circle' // Valor padrão se não encontrado\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-message': true,\n      [this.state]: true,\n    }\n  }\n\n  private inheritedAttributes: Attributes = {}\n\n  render() {\n    return (\n      <Host>\n        {this.isFeedback ? (\n          <div class=\"mb-3\">\n            <span class={`feedback ${this.state}`} role=\"alert\" {...this.inheritedAttributes}>\n              {this.showIcon ? <br-icon class=\"icon-space\" icon-name={this.checkIconState()}></br-icon> : null}\n              {this.message?.length === 0 ? <slot></slot> : this.message}\n            </span>\n          </div>\n        ) : (\n          <div class={this.getCssClassMap()} role=\"alert\" {...this.inheritedAttributes}>\n            {this.showIcon && (\n              <div class=\"icon\">\n                <br-icon icon-name={this.checkIconState()} height=\"20\" aria-hidden=\"true\"></br-icon>\n              </div>\n            )}\n            <div class=\"content\" role=\"alert\">\n              {this.message?.length === 0 ? (\n                <div>\n                  {this.messageTitle && <strong>{this.messageTitle}</strong>}\n                  {this.messageTitle && !this.isInline && <br />}\n                  <slot></slot>\n                </div>\n              ) : (\n                <div>\n                  <span class=\"message-title mr-1\">{this.messageTitle}</span>\n                  <span class=\"message-body\">{this.message}</span>\n                </div>\n              )}\n            </div>\n            {this.isClosable && !this.isFeedback && (\n              <div class=\"close\">\n                <br-button shape=\"circle\" type=\"button\" aria-label=\"Fechar a mensagem\" onClick={this.dismissHandler}>\n                  <br-icon icon-name=\"fa-solid:times\" aria-hidden=\"true\"></br-icon>\n                </br-button>\n              </div>\n            )}\n          </div>\n        )}\n      </Host>\n    )\n  }\n}\n"],"mappings":"+FAAA,MAAMA,EAAa,ytWACnB,MAAAC,EAAeD,E,MCcFE,EAAO,M,onBAoJDC,KAAAC,eAAiB,KAChCD,KAAKE,WAAWC,OAChBH,KAAKI,GAAGC,QAAQ,EAoBVL,KAAAM,oBAAkC,G,kBA7JM,G,aAML,G,cAME,M,gBAME,M,cAMF,M,gBAME,M,WAW6B,M,CAO5E,iBAAAC,GACEP,KAAKQ,aAAaL,M,CASpB,iBAAAM,GACET,KAAKU,WAAWP,OAChBH,KAAKM,oBAAsBK,EAAsBX,KAAKI,G,CASxD,gBAAAQ,GACEZ,KAAKa,UAAUV,M,CASjB,mBAAAW,GACEd,KAAKe,aAAaZ,M,CASpB,kBAAAa,GACEhB,KAAKiB,YAAYd,M,CASnB,qBAAAe,GACElB,KAAKmB,eAAehB,M,CAStB,mBAAAiB,GACEpB,KAAKqB,aAAalB,M,CASpB,kBAAAmB,GACEtB,KAAKuB,YAAYpB,M,CASnB,oBAAAqB,GACExB,KAAKyB,gBAAgBtB,M,CAUf,cAAAuB,GACN,MAAMC,EAAU,CACdC,QAAS,wBACTC,QAAS,gCACTC,OAAQ,wBACRC,KAAM,wBAER,OAAOJ,EAAQ3B,KAAKgC,QAAU,c,CAGxB,cAAAC,GACN,MAAO,CACL,aAAc,KACd,CAACjC,KAAKgC,OAAQ,K,CAMlB,MAAAE,G,QACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACFrC,KAAKsC,WACJH,EAAA,OAAKI,MAAM,QACTJ,EAAA,OAAAK,OAAAC,OAAA,CAAMF,MAAO,YAAYvC,KAAKgC,QAASU,KAAK,SAAY1C,KAAKM,qBAC1DN,KAAK2C,SAAWR,EAAA,WAASI,MAAM,aAAY,YAAYvC,KAAK0B,mBAA+B,OAC3FkB,EAAA5C,KAAK6C,WAAO,MAAAD,SAAA,SAAAA,EAAEE,UAAW,EAAIX,EAAA,aAAgBnC,KAAK6C,UAIvDV,EAAA,MAAAK,OAAAC,OAAA,CAAKF,MAAOvC,KAAKiC,iBAAkBS,KAAK,SAAY1C,KAAKM,qBACtDN,KAAK2C,UACJR,EAAA,OAAKI,MAAM,QACTJ,EAAA,uBAAoBnC,KAAK0B,iBAAkBqB,OAAO,KAAI,cAAa,UAGvEZ,EAAA,OAAKI,MAAM,UAAUG,KAAK,WACvBM,EAAAhD,KAAK6C,WAAO,MAAAG,SAAA,SAAAA,EAAEF,UAAW,EACxBX,EAAA,WACGnC,KAAKiD,cAAgBd,EAAA,cAASnC,KAAKiD,cACnCjD,KAAKiD,eAAiBjD,KAAKkD,UAAYf,EAAA,WACxCA,EAAA,cAGFA,EAAA,WACEA,EAAA,QAAMI,MAAM,sBAAsBvC,KAAKiD,cACvCd,EAAA,QAAMI,MAAM,gBAAgBvC,KAAK6C,WAItC7C,KAAKmD,aAAenD,KAAKsC,YACxBH,EAAA,OAAKI,MAAM,SACTJ,EAAA,aAAWiB,MAAM,SAASC,KAAK,SAAQ,aAAY,oBAAoBC,QAAStD,KAAKC,gBACnFkC,EAAA,uBAAmB,iBAAgB,cAAa,Y","ignoreList":[]}

package/dist/webcomponents/p-ac16ee58.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as r,H as a,g as e}from"./p-6849daee.js";import{i as o}from"./p-ee6f4f3f.js";import{v as n}from"./p-14616bce.js";const s="*,*::before,*::after{box-sizing:border-box}html{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}a{background-color:transparent}strong{font-weight:bolder}code{font-family:monospace;font-size:1em}small{font-size:80%}img{border-style:none}button,input{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}[type=checkbox],[type=radio]{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:flex !important}.align-items-center{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{flex:1 0 0%;min-width:8.3333333333%}.col-auto{flex:0 0 auto;width:auto}.row{--grid-gutter:var(--grid-portrait-gutter);display:flex;flex-wrap:wrap;margin-left:calc(var(--grid-gutter) * -0.5);margin-right:calc(var(--grid-gutter) * -0.5)}@media (min-width: 576px){.row{--grid-gutter:var(--grid-tablet-gutter)}}@media (min-width: 992px){.row{--grid-gutter:var(--grid-tablet-gutter)}}@media (min-width: 1280px){.row{--grid-gutter:var(--grid-desktop-gutter)}}@media (min-width: 1600px){.row{--grid-gutter:var(--grid-tv-gutter)}}.mr-1{margin-right:var(--spacing-scale-half) !important}.mr-2{margin-right:var(--spacing-scale-base) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !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:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{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}::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,.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)}code,.code{background:var(--gray-5);border-radius:4px;color:var(--gray-80);display:inline-block;font-family:monospace;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);padding:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !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}.highlight{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]+*{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-input{--input-button-margin:var(--spacing-scale-half);--input-padding:0 var(--spacing-scale-2x);--input-padding-button:var(--spacing-scale-5x);--input-padding-icon:var(--spacing-scale-5x);--input-size:var(--input-medium);--input-small:32px;--input-medium:40px;--input-large:48px;--input-highlight:56px;--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--interactive-light-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);color:var(--color);position:relative}.br-input input{background-color:var(--background-light);border-color:var(--border-color-alternative);border-radius:var(--surface-rounder-sm);border-style:var(--border-style);border-width:var(--border-width);color:var(--color-light);display:block;font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);height:var(--input-size);margin-top:var(--spacing-scale-half);padding-bottom:0;padding-left:var(--spacing-scale-2x);padding-right:var(--spacing-scale-2x);padding-top:0;width:100%}.br-input input::-ms-reveal,.br-input input::-ms-clear,.br-input input::-webkit-calendar-picker-indicator{display:none}.br-input input[type=search]::-webkit-search-decoration,.br-input input[type=search]::-webkit-search-cancel-button,.br-input input[type=search]::-webkit-search-results-button,.br-input input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.br-input.input-inline{display:flex}.br-input.input-inline .input-label{margin-right:var(--spacing-scale-baseh);margin-top:calc(var(--input-size) * 0.5 - var(--spacing-scale-half))}.br-input .input-group{position:relative}.br-input .input-icon{align-items:center;color:var(--border-color-alternative);display:flex;height:var(--input-size);margin-left:var(--spacing-scale-baseh);position:absolute}.br-input .input-icon+input{padding-left:var(--input-padding-icon)}.br-input .br-button{--button-size:var(--button-small);--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--interactive-light-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);border-radius:50%;float:right;margin-right:var(--input-button-margin);margin-top:calc((var(--input-size) + var(--spacing-scale-half)) * -1);padding:0;position:relative;transform:translateY(calc((var(--input-size) - var(--button-size)) * 0.5));width:var(--button-size)}.br-input.input-button input{padding-right:var(--input-padding-button)}.br-input.has-icon input{padding-right:var(--input-padding-icon)}.br-input.has-icon .br-button.circle{float:right;margin-right:var(--spacing-scale-half);margin-top:calc((var(--button-size) + var(--spacing-scale-half) + var(--spacing-scale-half)) * -1);transform:translateY(0)}.br-input.has-icon.small .br-button.circle{margin-top:calc((var(--button-size) + var(--spacing-scale-base)) * -1)}.br-input.has-icon.large .br-button.circle{margin-top:calc(var(--button-size) * -1)}.br-input.input-highlight{--input-button-margin:var(--spacing-scale-2x);--input-padding:0 var(--spacing-scale-3x);--input-padding-button:var(--spacing-scale-7x);--input-padding-icon:var(--spacing-scale-7x);--input-size:var(--input-highlight)}.br-input.input-highlight input{background-color:var(--gray-2);border-color:transparent;padding-left:var(--spacing-scale-3x);padding-right:var(--spacing-scale-3x)}.br-input.input-highlight .input-icon{margin-left:var(--spacing-scale-3x)}.br-input.input-highlight .input-icon+input{padding-left:var(--spacing-scale-7x)}.br-input .br-list{box-shadow:var(--surface-shadow-md);max-height:530px;overflow:auto;position:absolute;width:100%;z-index:var(--z-index-layer-2)}.br-input .br-list::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}.br-input .br-list::-webkit-scrollbar-track{background:var(--gray-10)}.br-input .br-list::-webkit-scrollbar-thumb{background:var(--gray-30)}.br-input .br-list:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}.br-input .br-list .br-item{--item-padding-y:var(--spacing-scale-2x)}.br-input .br-list .br-item:not(:disabled):hover{background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-input .br-list .br-item:not(:first-child){border-top:var(--surface-width-sm) solid var(--border-color)}.br-input.success input{border-color:var(--success);border-width:2px}.br-input.danger input{border-color:var(--danger);border-width:2px}.br-input.warning input{border-color:var(--warning);border-width:2px}.br-input.info input{border-color:var(--info);border-width:2px}.br-input input:not(:disabled):hover{background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-input input:focus,.br-input input:focus-visible{border-color:var(--focus) !important;box-shadow:0 0 0 var(--surface-width-md) var(--focus);outline:none}.br-input .feedback{margin-bottom:var(--spacing-scale-half)}.br-input.small{--input-size:var(--input-small)}.br-input.medium{--input-size:var(--input-medium)}.br-input.large{--input-size:var(--input-large)}.br-input.dark-mode,.br-input.dark-mode label{--color:var(--color-dark);--focus-color:var(--focus-color-dark)}:host{display:block}:host .br-input .input-icon{margin-top:0.1em;margin-left:var(--spacing-scale-base)}:host .br-input .input-icon+input{padding-left:calc(var(--input-padding-icon) + 3px)}.br-input br-button{float:right;margin-right:var(--input-button-margin);margin-top:calc((var(--input-size) + var(--spacing-scale-half)) * -1);padding:0;position:relative}.button-transform{transform:translateY(calc((var(--input-size) - 32px) * 0.5))}";const l=s;const c=class{constructor(a){t(this,a);this.brDidConnect=i(this,"brDidConnect",7);this.brWillLoad=i(this,"brWillLoad",7);this.brDidLoad=i(this,"brDidLoad",7);this.brWillRender=i(this,"brWillRender",7);this.brDidRender=i(this,"brDidRender",7);this.brShouldUpdate=i(this,"brShouldUpdate",7);this.brWillUpdate=i(this,"brWillUpdate",7);this.brDidUpdate=i(this,"brDidUpdate",7);this.brDidDisconnect=i(this,"brDidDisconnect",7);this.brFormAssociatedCallback=i(this,"brFormAssociatedCallback",7);this.brFormDisabledCallback=i(this,"brFormDisabledCallback",7);this.brFormResetCallback=i(this,"brFormResetCallback",7);this.brFormStateRestoreCallback=i(this,"brFormStateRestoreCallback",7);this.valueChange=i(this,"valueChange",7);if(a.$hostElement$["s-ei"]){this.elementInternals=a.$hostElement$["s-ei"]}else{this.elementInternals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.elementInternals}this.inheritedAttributes={};this.handleInput=t=>{this.value=t.target.value;this.valueChange.emit(this.value)};this.renderLabel=()=>{var t;if(((t=this.label)===null||t===void 0?void 0:t.length)>0){if(this.isInline){return r("div",{class:"input-label"},r("label",{class:"text-nowrap",htmlFor:this.defaultID},this.label))}else{return r("label",{htmlFor:this.defaultID},this.label)}}};this.togglePasswordVisibility=()=>{const t=this.el.shadowRoot.querySelector("input");t.type=t.type==="password"?"text":"password";this.showIconTextPassword=t.type==="password"};this.renderInput=()=>r("input",Object.assign({class:this.isHighlight?"input-highlight":null,id:this.defaultID,autocomplete:this.autocomplete,disabled:this.disabled,onInput:this.handleInput,placeholder:this.placeholder,readonly:this.readonly,required:this.required,title:this.el.title,type:this.type,value:this.value},this.inheritedAttributes));this.renderHelpText=()=>{var t;return((t=this.helpText)===null||t===void 0?void 0:t.length)>0?r("p",null,this.helpText):r("slot",{name:"help-text"})};this.renderIconPassword=()=>{const t=!this.showIconTextPassword;return r("br-icon",{"icon-name":t?"fa-solid:eye":"fa-solid:eye-slash"})};this.defaultID=`br-input-${n()}`;this.type="text";this.autocomplete=undefined;this.density="medium";this.disabled=false;this.isInline=false;this.isHighlight=false;this.success=false;this.danger=false;this.info=false;this.warning=false;this.label=undefined;this.name=undefined;this.placeholder=undefined;this.readonly=false;this.required=false;this.value=undefined;this.helpText=undefined;this.showIconTextPassword=false;this.hasIconSlot=false;this.hasActionSlot=false}connectedCallback(){this.brDidConnect.emit()}componentWillLoad(){this.hasIconSlot=this.hasSlotContent("icon");this.hasActionSlot=this.hasSlotContent("action");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,i){this.brFormStateRestoreCallback.emit([t,i])}getInputCssClassMap(){return{"br-input":true,"input-button":this.hasActionSlot,small:this.density==="small",large:this.density==="large",medium:this.density==="medium","input-inline":this.isInline,"input-highlight":this.isHighlight,success:this.success,danger:this.danger,info:this.info,warning:this.warning}}hasSlotContent(t){return this.el.querySelector(`[slot="${t}"]`)!==null}renderIconSlot(){if(this.hasSlotContent("icon")){return r("div",{class:"input-icon"},r("slot",{name:"icon"}))}}renderButton(){if(this.type==="password"){return r("br-button",{class:"button-transform",shape:"circle",density:"small","aria-label":"botão de ação do ícone",onClick:this.togglePasswordVisibility},this.renderIconPassword())}else if(this.hasSlotContent("action")){return r("br-button",{class:"button-transform",shape:"circle",density:"small","aria-label":"botão de ação do ícone"},r("slot",{name:"action"}))}return null}render(){return r(a,{key:"04d44896164c990470d07dde9bd531afa826dfe2"},r("div",{key:"9605db5f9260861938915b37dda216b5babf2ea1",class:this.getInputCssClassMap()},this.renderLabel(),this.hasIconSlot?r("div",{class:"input-group"},this.renderIconSlot(),this.renderInput()):this.renderInput(),this.renderButton(),this.renderHelpText()))}static get formAssociated(){return true}get el(){return e(this)}};c.style=l;export{c as br_input};
+//# sourceMappingURL=p-ac16ee58.entry.js.map

package/dist/webcomponents/p-ac16ee58.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["inputCss","BrInputStyle0","Input","this","inheritedAttributes","handleInput","event","value","target","valueChange","emit","renderLabel","_a","label","length","isInline","h","class","htmlFor","defaultID","togglePasswordVisibility","input","el","shadowRoot","querySelector","type","showIconTextPassword","renderInput","Object","assign","isHighlight","id","autocomplete","disabled","onInput","placeholder","readonly","required","title","renderHelpText","helpText","name","renderIconPassword","showPassword","uuidv4","connectedCallback","brDidConnect","componentWillLoad","hasIconSlot","hasSlotContent","hasActionSlot","brWillLoad","inheritAriaAttributes","componentDidLoad","brDidLoad","componentWillRender","brWillRender","componentDidRender","brDidRender","componentShouldUpdate","brShouldUpdate","componentWillUpdate","brWillUpdate","componentDidUpdate","brDidUpdate","disconnectedCallback","brDidDisconnect","formAssociatedCallback","form","brFormAssociatedCallback","formDisabledCallback","brFormDisabledCallback","formResetCallback","brFormResetCallback","formStateRestoreCallback","state","_mode","brFormStateRestoreCallback","getInputCssClassMap","small","density","large","medium","success","danger","info","warning","slotName","renderIconSlot","renderButton","shape","onClick","render","Host","key"],"sources":["src/components/input/input.scss?tag=br-input&encapsulation=shadow","src/components/input/input.tsx"],"sourcesContent":["@import \"../../../../../node_modules/@govbr-ds/core/src/components/input/input.scss\";\n\n:host {\n  display: block;\n\n  .br-input .input-icon {\n    margin-top: 0.1em;\n    margin-left: var(--spacing-scale-base);\n  }\n\n  .br-input .input-icon + input {\n    padding-left: calc(var(--input-padding-icon) + 3px);\n  }\n}\n\n\n.br-input br-button {\n  float: right;\n  margin-right: var(--input-button-margin);\n  margin-top: calc((var(--input-size) + var(--spacing-scale-half)) * -1);\n  padding: 0;\n  position: relative;\n}\n\n  .button-transform{\n    transform: translateY(calc((var(--input-size) - 32px) * 0.5));\n  }\n","import { AttachInternals, Component, Element, Event, EventEmitter, Host, Prop, State, h } from '@stencil/core'\nimport { v4 as uuidv4 } from 'uuid'\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n *\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/input?tab=designer).\n *\n * @slot action - Botão à direita do input.\n * @slot icon - Ícone à esquerda do input.\n * @slot help-text - Personalização do texto de ajuda.\n */\n@Component({\n  tag: 'br-input',\n  styleUrl: 'input.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Input {\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: HTMLBrInputElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Identificador único do campo de entrada.\n   * Caso não seja fornecido, um ID gerado automaticamente será usado.\n   */\n  @Prop({ reflect: true }) defaultID: string = `br-input-${uuidv4()}`\n\n  /**\n   * Especifica o tipo de entrada do campo. Pode ser um dos seguintes:\n   * - 'color': Seletor de cor\n   * - 'email': Campo para e-mail\n   * - 'hidden': Campo oculto\n   * - 'password': Campo para senha\n   * - 'range': Controle deslizante\n   * - 'search': Campo de pesquisa\n   * - 'number': Campo para números\n   * - 'tel': Campo para números de telefone\n   * - 'text': Campo de texto padrão\n   * - 'url': Campo para URLs\n   */\n  @Prop({ reflect: true }) type:\n    | 'color'\n    | 'email'\n    | 'hidden'\n    | 'password'\n    | 'range'\n    | 'search'\n    | 'number'\n    | 'tel'\n    | 'text'\n    | 'url' = 'text'\n\n  /**\n   * Controla o comportamento de preenchimento automático do navegador para o input.\n   */\n  @Prop({ reflect: true }) autocomplete: 'on' | 'off'\n\n  /**\n   * Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.\n   */\n  @Prop({ reflect: true }) density: 'large' | 'medium' | 'small' = 'medium'\n\n  /**\n   * Desativa o input, tornando-o não interativo.\n   */\n  @Prop({ reflect: true }) disabled: boolean = false\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   * Se verdadeiro, o input terá destaque visual.\n   */\n  @Prop({ reflect: true }) isHighlight: boolean = false\n\n  /**\n   * Se verdadeiro, o input indica um estado de validação bem-sucedido.\n   */\n  @Prop({ reflect: true }) success: boolean = false\n\n  /**\n   * Se verdadeiro, o input indica um estado de validação com erro.\n   */\n  @Prop({ reflect: true }) danger: boolean = false\n\n  /**\n   * Se verdadeiro, o input indica um estado informativo.\n   */\n  @Prop({ reflect: true }) info: boolean = false\n\n  /**\n   * Se verdadeiro, o input indica um estado de alerta.\n   */\n  @Prop({ reflect: true }) warning: boolean = false\n\n  /**\n   * Texto exibido como rótulo do input.\n   */\n  @Prop({ reflect: true }) label: string\n\n  /**\n   * Nome do input, utilizado para identificação em formulários.\n   */\n  @Prop({ reflect: true }) name: string\n\n  /**\n   * Texto exibido dentro do input quando está vazio, fornecendo uma dica ou sugestão ao usuário.\n   */\n  @Prop({ reflect: true }) placeholder: string\n\n  /**\n   * Se verdadeiro, o valor do input é exibido, mas não pode ser editado pelo usuário.\n   */\n  @Prop({ reflect: true }) readonly: boolean = false\n\n  /**\n   * Se verdadeiro, o input é obrigatório e deve ser preenchido antes que o formulário possa ser enviado.\n   */\n  @Prop({ reflect: true }) required: boolean = false\n\n  /**\n   * Valor inicial exibido no input.\n   * Pode ser alterado pelo usuário se a propriedade `readonly` não estiver ativa.\n   */\n  @Prop({ reflect: true, mutable: true }) value: string\n\n  /**\n   * Texto adicional que fornece ajuda ou informações sobre o input.\n   */\n  @Prop({ reflect: true }) helpText: string\n\n  @State() showIconTextPassword: boolean = false\n\n  @State() hasIconSlot: boolean = false\n\n  @State() hasActionSlot: boolean = false\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() brDidConnect: EventEmitter<void>\n  connectedCallback() {\n    this.brDidConnect.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.hasIconSlot = this.hasSlotContent('icon')\n    this.hasActionSlot = this.hasSlotContent('action')\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 getInputCssClassMap(): CssClassMap {\n    return {\n      'br-input': true,\n      'input-button': this.hasActionSlot,\n      small: this.density === 'small',\n      large: this.density === 'large',\n      medium: this.density === 'medium',\n      'input-inline': this.isInline,\n      'input-highlight': this.isHighlight,\n      success: this.success,\n      danger: this.danger,\n      info: this.info,\n      warning: this.warning,\n    }\n  }\n\n  private inheritedAttributes: Attributes = {}\n\n  /**\n   * Valor atualizado do input\n   */\n  @Event() valueChange!: EventEmitter<string>\n  private readonly handleInput = (event: Event) => {\n    this.value = (event.target as HTMLInputElement).value\n    this.valueChange.emit(this.value)\n  }\n\n  private readonly renderLabel = () => {\n    if (this.label?.length > 0) {\n      if (this.isInline) {\n        return (\n          <div class=\"input-label\">\n            <label class=\"text-nowrap\" htmlFor={this.defaultID}>\n              {this.label}\n            </label>\n          </div>\n        )\n      } else {\n        return <label htmlFor={this.defaultID}>{this.label}</label>\n      }\n    }\n  }\n\n  private readonly togglePasswordVisibility = () => {\n    const input = this.el.shadowRoot.querySelector('input')\n    input.type = input.type === 'password' ? 'text' : 'password'\n    this.showIconTextPassword = input.type === 'password'\n  }\n\n  private hasSlotContent(slotName: string): boolean {\n    return this.el.querySelector(`[slot=\"${slotName}\"]`) !== null\n  }\n\n  private readonly renderInput = () => {\n    return (\n      <input\n        class={this.isHighlight ? 'input-highlight' : null}\n        id={this.defaultID}\n        autocomplete={this.autocomplete}\n        disabled={this.disabled}\n        onInput={this.handleInput}\n        placeholder={this.placeholder}\n        readonly={this.readonly}\n        required={this.required}\n        title={this.el.title}\n        type={this.type}\n        value={this.value}\n        {...this.inheritedAttributes}\n      />\n    )\n  }\n\n  private readonly renderHelpText = () => {\n    return this.helpText?.length > 0 ? <p>{this.helpText}</p> : <slot name=\"help-text\"></slot>\n  }\n\n  private readonly renderIconPassword = () => {\n    const showPassword = !this.showIconTextPassword\n    return <br-icon icon-name={showPassword ? 'fa-solid:eye' : 'fa-solid:eye-slash'}></br-icon>\n  }\n\n  private renderIconSlot() {\n    if (this.hasSlotContent('icon')) {\n      return (\n        <div class=\"input-icon\">\n          <slot name=\"icon\"></slot>\n        </div>\n      )\n    }\n  }\n\n  private renderButton() {\n    if (this.type === 'password') {\n      return (\n        <br-button\n          class=\"button-transform\"\n          shape=\"circle\"\n          density=\"small\"\n          aria-label=\"botão de ação do ícone\"\n          onClick={this.togglePasswordVisibility}\n        >\n          {this.renderIconPassword()}\n        </br-button>\n      )\n    } else if (this.hasSlotContent('action')) {\n      return (\n        <br-button\n          class=\"button-transform\"\n          shape=\"circle\"\n          density=\"small\"\n          aria-label=\"botão de ação do ícone\"\n          // onClick={this.onIconAction}\n        >\n          <slot name=\"action\"></slot>\n        </br-button>\n      )\n    }\n    return null\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.getInputCssClassMap()}>\n          {this.renderLabel()}\n\n          {this.hasIconSlot ? (\n            <div class=\"input-group\">\n              {this.renderIconSlot()}\n              {this.renderInput()}\n            </div>\n          ) : (\n            this.renderInput()\n          )}\n\n          {this.renderButton()}\n          {this.renderHelpText()}\n        </div>\n      </Host>\n    )\n  }\n}\n"],"mappings":"wIAAA,MAAMA,EAAW,6xZACjB,MAAAC,EAAeD,E,MCkBFE,EAAK,M,w3BAsRRC,KAAAC,oBAAkC,GAMzBD,KAAAE,YAAeC,IAC9BH,KAAKI,MAASD,EAAME,OAA4BD,MAChDJ,KAAKM,YAAYC,KAAKP,KAAKI,MAAM,EAGlBJ,KAAAQ,YAAc,K,MAC7B,KAAIC,EAAAT,KAAKU,SAAK,MAAAD,SAAA,SAAAA,EAAEE,QAAS,EAAG,CAC1B,GAAIX,KAAKY,SAAU,CACjB,OACEC,EAAA,OAAKC,MAAM,eACTD,EAAA,SAAOC,MAAM,cAAcC,QAASf,KAAKgB,WACtChB,KAAKU,O,KAIP,CACL,OAAOG,EAAA,SAAOE,QAASf,KAAKgB,WAAYhB,KAAKU,M,IAKlCV,KAAAiB,yBAA2B,KAC1C,MAAMC,EAAQlB,KAAKmB,GAAGC,WAAWC,cAAc,SAC/CH,EAAMI,KAAOJ,EAAMI,OAAS,WAAa,OAAS,WAClDtB,KAAKuB,qBAAuBL,EAAMI,OAAS,UAAU,EAOtCtB,KAAAwB,YAAc,IAE3BX,EAAA,QAAAY,OAAAC,OAAA,CACEZ,MAAOd,KAAK2B,YAAc,kBAAoB,KAC9CC,GAAI5B,KAAKgB,UACTa,aAAc7B,KAAK6B,aACnBC,SAAU9B,KAAK8B,SACfC,QAAS/B,KAAKE,YACd8B,YAAahC,KAAKgC,YAClBC,SAAUjC,KAAKiC,SACfC,SAAUlC,KAAKkC,SACfC,MAAOnC,KAAKmB,GAAGgB,MACfb,KAAMtB,KAAKsB,KACXlB,MAAOJ,KAAKI,OACRJ,KAAKC,sBAKED,KAAAoC,eAAiB,K,MAChC,QAAO3B,EAAAT,KAAKqC,YAAQ,MAAA5B,SAAA,SAAAA,EAAEE,QAAS,EAAIE,EAAA,SAAIb,KAAKqC,UAAgBxB,EAAA,QAAMyB,KAAK,aAAmB,EAG3EtC,KAAAuC,mBAAqB,KACpC,MAAMC,GAAgBxC,KAAKuB,qBAC3B,OAAOV,EAAA,uBAAoB2B,EAAe,eAAiB,sBAAgC,E,eAvUhD,YAAYC,M,UAyB7C,O,yCAUqD,S,cAKpB,M,cAKA,M,iBAKG,M,aAKJ,M,YAKD,M,UAKF,M,aAKG,M,kFAoBC,M,cAKA,M,uEAaJ,M,iBAET,M,mBAEE,K,CAOlC,iBAAAC,GACE1C,KAAK2C,aAAapC,M,CASpB,iBAAAqC,GACE5C,KAAK6C,YAAc7C,KAAK8C,eAAe,QACvC9C,KAAK+C,cAAgB/C,KAAK8C,eAAe,UACzC9C,KAAKgD,WAAWzC,OAChBP,KAAKC,oBAAsBgD,EAAsBjD,KAAKmB,G,CASxD,gBAAA+B,GACElD,KAAKmD,UAAU5C,M,CASjB,mBAAA6C,GACEpD,KAAKqD,aAAa9C,M,CASpB,kBAAA+C,GACEtD,KAAKuD,YAAYhD,M,CASnB,qBAAAiD,GACExD,KAAKyD,eAAelD,M,CAStB,mBAAAmD,GACE1D,KAAK2D,aAAapD,M,CASpB,kBAAAqD,GACE5D,KAAK6D,YAAYtD,M,CASnB,oBAAAuD,GACE9D,KAAK+D,gBAAgBxD,M,CAUvB,sBAAAyD,CAAuBC,GACrBjE,KAAKkE,yBAAyB3D,KAAK0D,E,CAUrC,oBAAAE,CAAqBrC,GACnB9B,KAAKoE,uBAAuB7D,KAAKuB,E,CAQnC,iBAAAuC,GACErE,KAAKsE,oBAAoB/D,M,CAW3B,wBAAAgE,CAAyBC,EAAeC,GACtCzE,KAAK0E,2BAA2BnE,KAAK,CAACiE,EAAOC,G,CAGvC,mBAAAE,GACN,MAAO,CACL,WAAY,KACZ,eAAgB3E,KAAK+C,cACrB6B,MAAO5E,KAAK6E,UAAY,QACxBC,MAAO9E,KAAK6E,UAAY,QACxBE,OAAQ/E,KAAK6E,UAAY,SACzB,eAAgB7E,KAAKY,SACrB,kBAAmBZ,KAAK2B,YACxBqD,QAAShF,KAAKgF,QACdC,OAAQjF,KAAKiF,OACbC,KAAMlF,KAAKkF,KACXC,QAASnF,KAAKmF,Q,CAqCV,cAAArC,CAAesC,GACrB,OAAOpF,KAAKmB,GAAGE,cAAc,UAAU+D,SAAkB,I,CA+BnD,cAAAC,GACN,GAAIrF,KAAK8C,eAAe,QAAS,CAC/B,OACEjC,EAAA,OAAKC,MAAM,cACTD,EAAA,QAAMyB,KAAK,S,EAMX,YAAAgD,GACN,GAAItF,KAAKsB,OAAS,WAAY,CAC5B,OACET,EAAA,aACEC,MAAM,mBACNyE,MAAM,SACNV,QAAQ,QAAO,aACJ,yBACXW,QAASxF,KAAKiB,0BAEbjB,KAAKuC,qB,MAGL,GAAIvC,KAAK8C,eAAe,UAAW,CACxC,OACEjC,EAAA,aACEC,MAAM,mBACNyE,MAAM,SACNV,QAAQ,QAAO,aACJ,0BAGXhE,EAAA,QAAMyB,KAAK,W,CAIjB,OAAO,I,CAGT,MAAAmD,GACE,OACE5E,EAAC6E,EAAI,CAAAC,IAAA,4CACH9E,EAAA,OAAA8E,IAAA,2CAAK7E,MAAOd,KAAK2E,uBACd3E,KAAKQ,cAELR,KAAK6C,YACJhC,EAAA,OAAKC,MAAM,eACRd,KAAKqF,iBACLrF,KAAKwB,eAGRxB,KAAKwB,cAGNxB,KAAKsF,eACLtF,KAAKoC,kB","ignoreList":[]}

package/dist/webcomponents/p-c36696c6.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as r,H as a,g as i}from"./p-6849daee.js";import{i as o}from"./p-ee6f4f3f.js";const n="*,*::before,*::after{box-sizing:border-box}html{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}a{background-color:transparent}strong{font-weight:bolder}code{font-family:monospace;font-size:1em}small{font-size:80%}img{border-style:none}button,input{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}[type=checkbox],[type=radio]{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:flex !important}.align-items-center{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{flex:1 0 0%;min-width:8.3333333333%}.col-auto{flex:0 0 auto;width:auto}.row{--grid-gutter:var(--grid-portrait-gutter);display:flex;flex-wrap:wrap;margin-left:calc(var(--grid-gutter) * -0.5);margin-right:calc(var(--grid-gutter) * -0.5)}@media (min-width: 576px){.row{--grid-gutter:var(--grid-tablet-gutter)}}@media (min-width: 992px){.row{--grid-gutter:var(--grid-tablet-gutter)}}@media (min-width: 1280px){.row{--grid-gutter:var(--grid-desktop-gutter)}}@media (min-width: 1600px){.row{--grid-gutter:var(--grid-tv-gutter)}}.mr-1{margin-right:var(--spacing-scale-half) !important}.mr-2{margin-right:var(--spacing-scale-base) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !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:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{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}::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,.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)}code,.code{background:var(--gray-5);border-radius:4px;color:var(--gray-80);display:inline-block;font-family:monospace;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);padding:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !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}.highlight{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]+*{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{display:block;position:relative}:host #trigger{display:inline-block;cursor:pointer}:host #target{display:none;position:absolute;top:100%;left:0}:host([is-open]) #target{display:block}";const s=n;const l=class{constructor(r){t(this,r);this.brDidConnect=e(this,"brDidConnect",7);this.brWillLoad=e(this,"brWillLoad",7);this.brDidLoad=e(this,"brDidLoad",7);this.brWillRender=e(this,"brWillRender",7);this.brDidRender=e(this,"brDidRender",7);this.brShouldUpdate=e(this,"brShouldUpdate",7);this.brWillUpdate=e(this,"brWillUpdate",7);this.brDidUpdate=e(this,"brDidUpdate",7);this.brDidDisconnect=e(this,"brDidDisconnect",7);this.brFormAssociatedCallback=e(this,"brFormAssociatedCallback",7);this.brFormDisabledCallback=e(this,"brFormDisabledCallback",7);this.brFormResetCallback=e(this,"brFormResetCallback",7);this.brFormStateRestoreCallback=e(this,"brFormStateRestoreCallback",7);this.brDropdownChange=e(this,"brDropdownChange",7);if(r.$hostElement$["s-ei"]){this.elementInternals=r.$hostElement$["s-ei"]}else{this.elementInternals=r.$hostElement$.attachInternals();r.$hostElement$["s-ei"]=this.elementInternals}this.toggle=t=>{t.stopPropagation();this.isOpen=!this.isOpen};this.inheritedAttributes={};this.isOpen=false}isOpenChanged(){this.brDropdownChange.emit({"is-opened":this.isOpen})}connectedCallback(){this.brDidConnect.emit();document.addEventListener("click",this.onClickOutside.bind(this))}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();document.removeEventListener("click",this.onClickOutside.bind(this))}formAssociatedCallback(t){this.brFormAssociatedCallback.emit(t)}formDisabledCallback(t){this.brFormDisabledCallback.emit(t)}formResetCallback(){this.brFormResetCallback.emit()}formStateRestoreCallback(t,e){this.brFormStateRestoreCallback.emit([t,e])}getCssClassMap(){return{"br-dropdown":true}}onClickOutside(t){const e=t.composedPath();const r=this.el.shadowRoot.querySelector("#target");if(r&&!e.includes(r)){this.hide()}}async open(){this.isOpen=true;return{isOpen:this.isOpen}}async hide(){this.isOpen=false;return{isOpen:this.isOpen}}render(){return r(a,{key:"25638a100598f3ea3af3713f1584e72aa686a751","is-open":this.isOpen},r("div",Object.assign({key:"f565d3e6efeca8f4d3e8c53378d172bb8e751829",class:this.getCssClassMap()},this.inheritedAttributes),r("div",{key:"ac90183419b5d4d03541aeb021fa391d77c7ad26",id:"trigger",onClick:this.toggle,"aria-controls":"target","aria-haspopup":"true","aria-expanded":this.isOpen},r("slot",{key:"500aa694847e93aee709acb6486b240ab7b87373",name:"trigger"})),r("div",{key:"87740e95057ef5c7200d5e01011691b49b6edb4e",id:"target","aria-hidden":!this.isOpen},r("slot",{key:"f1c92198fc05a61e052d4588ea9465024749f653",name:"target"}))))}static get formAssociated(){return true}get el(){return i(this)}static get watchers(){return{isOpen:["isOpenChanged"]}}};l.style=s;export{l as br_dropdown};
+//# sourceMappingURL=p-c36696c6.entry.js.map

package/dist/webcomponents/p-c36696c6.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dropdownCss","BrDropdownStyle0","Dropdown","this","toggle","event","stopPropagation","isOpen","inheritedAttributes","isOpenChanged","brDropdownChange","emit","connectedCallback","brDidConnect","document","addEventListener","onClickOutside","bind","componentWillLoad","brWillLoad","inheritAriaAttributes","el","componentDidLoad","brDidLoad","componentWillRender","brWillRender","componentDidRender","brDidRender","componentShouldUpdate","brShouldUpdate","componentWillUpdate","brWillUpdate","componentDidUpdate","brDidUpdate","disconnectedCallback","brDidDisconnect","removeEventListener","formAssociatedCallback","form","brFormAssociatedCallback","formDisabledCallback","disabled","brFormDisabledCallback","formResetCallback","brFormResetCallback","formStateRestoreCallback","state","_mode","brFormStateRestoreCallback","getCssClassMap","path","composedPath","dropdownElement","shadowRoot","querySelector","includes","hide","open","render","h","Host","key","Object","assign","class","id","onClick","name"],"sources":["src/components/dropdown/dropdown.scss?tag=br-dropdown&encapsulation=shadow","src/components/dropdown/dropdown.tsx"],"sourcesContent":[":host {\n  display: block;\n  position: relative;\n\n  #trigger {\n    display: inline-block;\n    cursor: pointer;\n  }\n\n  #target {\n    display: none;\n    position: absolute;\n    top: 100%;\n    left: 0;\n  }\n}\n\n:host([is-open]) {\n    #target {\n    display: block;\n  }\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, Host, Method, Prop, Watch, h } from '@stencil/core'\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/dropdown?tab=designer).\n *\n * @slot trigger - Slot que recebe o elemento acionador\n * @slot target - Slot que recebe o elemento alvo\n */\n@Component({\n  tag: 'br-dropdown',\n  styleUrl: 'dropdown.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Dropdown {\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: HTMLBrDropdownElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Indica se o dropdown está aberto ou fechado.\n   * Esta propriedade é refletida no DOM e pode ser alterada externamente.\n   * O valor padrão é falso (fechado).\n   */\n  @Prop({ reflect: true, mutable: true }) isOpen: boolean = false\n\n  /**\n   * Método chamado sempre que a propriedade `isOpen` muda.\n   * Emite um evento com o novo estado do dropdown.\n   */\n  @Watch('isOpen')\n  isOpenChanged() {\n    this.brDropdownChange.emit({ 'is-opened': this.isOpen })\n  }\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() brDidConnect: EventEmitter<void>\n  connectedCallback() {\n    this.brDidConnect.emit()\n    document.addEventListener('click', this.onClickOutside.bind(this))\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    document.removeEventListener('click', this.onClickOutside.bind(this))\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  /**\n   * Evento emitido quando o estado do dropdown muda.\n   */\n  @Event() brDropdownChange: EventEmitter<{ 'is-opened': boolean }>\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-dropdown': true,\n    }\n  }\n\n  /**\n   * Alterna o estado do dropdown entre aberto e fechado.\n   */\n  private readonly toggle = (event: Event) => {\n    event.stopPropagation()\n    this.isOpen = !this.isOpen\n  }\n\n  /**\n   * Método que lida com cliques fora do dropdown.\n   *\n   * @param {MouseEvent} event - O evento de clique que ocorreu.\n   */\n  private onClickOutside(event: MouseEvent) {\n    const path = event.composedPath()\n    const dropdownElement = this.el.shadowRoot.querySelector('#target')\n\n    if (dropdownElement && !path.includes(dropdownElement)) {\n      this.hide()\n    }\n  }\n\n  /**\n   * Abre o dropdown.\n   * Define a propriedade `isOpen` como verdadeira e retorna o novo estado.\n   * Este método é marcado com @Method() para que possa ser chamado externamente.\n   */\n  @Method()\n  async open(): Promise<{ isOpen: boolean }> {\n    this.isOpen = true\n    return { isOpen: this.isOpen } // Retorna o novo estado\n  }\n\n  /**\n   * Esconde o dropdown.\n   * Define a propriedade `isOpen` como falsa e retorna o novo estado.\n   * Este método é marcado com @Method() para que possa ser chamado externamente.\n   */\n  @Method()\n  async hide(): Promise<{ isOpen: boolean }> {\n    this.isOpen = false\n    return { isOpen: this.isOpen } // Retorna o novo estado\n  }\n\n  private inheritedAttributes: Attributes = {}\n\n  render() {\n    return (\n      <Host is-open={this.isOpen}>\n        <div class={this.getCssClassMap()} {...this.inheritedAttributes}>\n          <div\n            id=\"trigger\"\n            onClick={this.toggle}\n            aria-controls=\"target\"\n            aria-haspopup=\"true\"\n            aria-expanded={this.isOpen}\n          >\n            <slot name=\"trigger\"></slot>\n          </div>\n          <div id=\"target\" aria-hidden={!this.isOpen}>\n            <slot name=\"target\"></slot>\n          </div>\n        </div>\n      </Host>\n    )\n  }\n}\n"],"mappings":"oGAAA,MAAMA,EAAc,uqOACpB,MAAAC,EAAeD,E,MCeFE,EAAQ,M,k4BA8KFC,KAAAC,OAAUC,IACzBA,EAAMC,kBACNH,KAAKI,QAAUJ,KAAKI,MAAM,EAuCpBJ,KAAAK,oBAAkC,G,YAzMgB,K,CAO1D,aAAAC,GACEN,KAAKO,iBAAiBC,KAAK,CAAE,YAAaR,KAAKI,Q,CAQjD,iBAAAK,GACET,KAAKU,aAAaF,OAClBG,SAASC,iBAAiB,QAASZ,KAAKa,eAAeC,KAAKd,M,CAS9D,iBAAAe,GACEf,KAAKgB,WAAWR,OAChBR,KAAKK,oBAAsBY,EAAsBjB,KAAKkB,G,CASxD,gBAAAC,GACEnB,KAAKoB,UAAUZ,M,CASjB,mBAAAa,GACErB,KAAKsB,aAAad,M,CASpB,kBAAAe,GACEvB,KAAKwB,YAAYhB,M,CASnB,qBAAAiB,GACEzB,KAAK0B,eAAelB,M,CAStB,mBAAAmB,GACE3B,KAAK4B,aAAapB,M,CASpB,kBAAAqB,GACE7B,KAAK8B,YAAYtB,M,CASnB,oBAAAuB,GACE/B,KAAKgC,gBAAgBxB,OACrBG,SAASsB,oBAAoB,QAASjC,KAAKa,eAAeC,KAAKd,M,CAUjE,sBAAAkC,CAAuBC,GACrBnC,KAAKoC,yBAAyB5B,KAAK2B,E,CAUrC,oBAAAE,CAAqBC,GACnBtC,KAAKuC,uBAAuB/B,KAAK8B,E,CAQnC,iBAAAE,GACExC,KAAKyC,oBAAoBjC,M,CAW3B,wBAAAkC,CAAyBC,EAAeC,GACtC5C,KAAK6C,2BAA2BrC,KAAK,CAACmC,EAAOC,G,CAQvC,cAAAE,GACN,MAAO,CACL,cAAe,K,CAiBX,cAAAjC,CAAeX,GACrB,MAAM6C,EAAO7C,EAAM8C,eACnB,MAAMC,EAAkBjD,KAAKkB,GAAGgC,WAAWC,cAAc,WAEzD,GAAIF,IAAoBF,EAAKK,SAASH,GAAkB,CACtDjD,KAAKqD,M,EAUT,UAAMC,GACJtD,KAAKI,OAAS,KACd,MAAO,CAAEA,OAAQJ,KAAKI,O,CASxB,UAAMiD,GACJrD,KAAKI,OAAS,MACd,MAAO,CAAEA,OAAQJ,KAAKI,O,CAKxB,MAAAmD,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,qDAAU1D,KAAKI,QAClBoD,EAAA,MAAAG,OAAAC,OAAA,CAAAF,IAAA,2CAAKG,MAAO7D,KAAK8C,kBAAsB9C,KAAKK,qBAC1CmD,EAAA,OAAAE,IAAA,2CACEI,GAAG,UACHC,QAAS/D,KAAKC,OAAM,gBACN,SAAQ,gBACR,OAAM,gBACLD,KAAKI,QAEpBoD,EAAA,QAAAE,IAAA,2CAAMM,KAAK,aAEbR,EAAA,OAAAE,IAAA,2CAAKI,GAAG,SAAQ,eAAe9D,KAAKI,QAClCoD,EAAA,QAAAE,IAAA,2CAAMM,KAAK,a","ignoreList":[]}

package/dist/webcomponents/p-dde91d20.entry.js

@@ -0,0 +1,13 @@
+import{r as t,c as r,h as e,H as o,g as i}from"./p-6849daee.js";import{i as n}from"./p-ee6f4f3f.js";const a='*,*::before,*::after{box-sizing:border-box}html{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}a{background-color:transparent}strong{font-weight:bolder}code{font-family:monospace;font-size:1em}small{font-size:80%}img{border-style:none}button,input{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}[type=checkbox],[type=radio]{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:flex !important}.align-items-center{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{flex:1 0 0%;min-width:8.3333333333%}.col-auto{flex:0 0 auto;width:auto}.row{--grid-gutter:var(--grid-portrait-gutter);display:flex;flex-wrap:wrap;margin-left:calc(var(--grid-gutter) * -0.5);margin-right:calc(var(--grid-gutter) * -0.5)}@media (min-width: 576px){.row{--grid-gutter:var(--grid-tablet-gutter)}}@media (min-width: 992px){.row{--grid-gutter:var(--grid-tablet-gutter)}}@media (min-width: 1280px){.row{--grid-gutter:var(--grid-desktop-gutter)}}@media (min-width: 1600px){.row{--grid-gutter:var(--grid-tv-gutter)}}.mr-1{margin-right:var(--spacing-scale-half) !important}.mr-2{margin-right:var(--spacing-scale-base) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !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:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{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}::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,.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)}code,.code{background:var(--gray-5);border-radius:4px;color:var(--gray-80);display:inline-block;font-family:monospace;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);padding:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !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}.highlight{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]+*{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-button{--button-radius:100em;--button-xsmall:24px;--button-small:32px;--button-medium:40px;--button-large:48px;--button-size:var(--button-medium);align-items:center;background-color:transparent;border:0;border-radius:var(--button-radius);color:var(--interactive);cursor:pointer;display:inline-flex;font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-semi-bold);height:var(--button-size);justify-content:center;overflow:hidden;padding:0 var(--spacing-scale-3x);position:relative;text-align:center;vertical-align:middle;white-space:nowrap;width:auto}.br-button.block{width:100%}.br-button.circle,.br-button[circle]{border-radius:50%;padding:0;width:var(--button-size)}.br-button.small,.br-button[small]{--button-size:var(--button-small)}.br-button.medium,.br-button[medium],.br-button.is-medium{--button-size:var(--button-medium)}.br-button.large,.br-button[large]{--button-size:var(--button-large)}.br-button.primary,.br-button[primary]{--interactive-rgb:var(--color-dark-rgb);background-color:var(--interactive-light);color:var(--color-dark)}.br-button.secondary,.br-button[secondary]{background-color:var(--background-light);border:1px solid var(--interactive)}.br-button.danger,.br-button[danger]{background-color:var(--danger);--interactive-rgb:var(--color-dark-rgb);color:var(--color-dark)}.br-button.success,.br-button[success]{background-color:var(--success);--interactive-rgb:var(--color-dark-rgb);color:var(--color-dark)}.br-button.warning,.br-button[warning]{background-color:var(--warning);--interactive-rgb:var(--color-light-rgb);color:var(--color-light)}.br-button.info,.br-button[info]{background-color:var(--info);--interactive-rgb:var(--color-dark-rgb);color:var(--color-dark)}.br-button:disabled{cursor:not-allowed}.br-button:not(:disabled){--focus-offset:var(--spacing-scale-half)}.br-button:not(:disabled):focus{outline:none}.br-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-button:not(:disabled):not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-button:not(:disabled):not(:disabled):active{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}.br-button.active,.br-button.is-active,.br-button[active]{--hover:var(--hover-dark);background-color:var(--active);color:var(--color-dark)}.br-button.loading{color:transparent !important;cursor:progress}.br-button.loading:not(:disabled):hover{background-image:none}.br-button.loading::before{border-color:var(--interactive) var(--interactive) transparent;border-style:solid}.br-button.loading.primary::before,.br-button.loading.danger::before,.br-button.loading.success::before,.br-button.loading.info::before{border-color:var(--background) var(--background) transparent}.br-button.dark-mode{--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);color:var(--interactive-dark)}.br-button.dark-mode.primary,.br-button.dark-mode[primary]{--interactive-rgb:var(--background-dark-rgb);background-color:var(--interactive-dark);color:var(--background-dark)}.br-button.dark-mode.secondary,.br-button.dark-mode[secondary]{background-color:var(--background-dark)}.br-button.dark-mode.active{--hover:var(--hover-light);--interactive-rgb:var(--active-rgb);background-color:var(--background-light);color:var(--active)}a.br-button{font-weight:var(--font-weight-semi-bold);text-decoration:none !important}.loading,.br-loading{--loading-size:var(--loading-indetermined-diameter-sm);--loading-diameter:84px;--loading-stroke:5px;--loading-indetermined-color:var(--interactive);--loading-indetermined-diameter-md:44px;--loading-indetermined-diameter-sm:24px;position:relative;z-index:var(--z-index-layer-4)}.loading[data-progress]:not(:empty),.br-loading[data-progress]:not(:empty){background-color:var(--border-color);border-radius:50%}.loading[data-progress]:not(:empty)::before,.br-loading[data-progress]:not(:empty)::before{content:none}.loading[data-progress]::after,.br-loading[data-progress]::after{--loading-size:calc(var(--loading-diameter) - var(--loading-stroke) * 2);background:var(--background);border-radius:50%;color:var(--interactive);content:attr(data-progress) "%";font-size:var(--font-size-scale-up-02);font-weight:var(--font-weight-semi-bold);height:var(--loading-size);line-height:var(--loading-size);margin:var(--loading-stroke);position:absolute;text-align:center;width:var(--loading-size)}.loading[data-progress] .br-loading-mask,.loading[data-progress] .br-loading-fill,.br-loading[data-progress] .br-loading-mask,.br-loading[data-progress] .br-loading-fill{backface-visibility:hidden;border-radius:50%;clip:rect(0, var(--loading-diameter), var(--loading-diameter), calc(var(--loading-diameter) * 0.5));height:var(--loading-diameter);overflow:hidden;position:absolute;width:var(--loading-diameter)}.loading[data-progress] .br-loading-fill,.br-loading[data-progress] .br-loading-fill{background:var(--interactive);clip:rect(0, calc(var(--loading-diameter) * 0.5), var(--loading-diameter), 0)}.loading::before,.br-loading::before{animation:spinAround 1.3s infinite linear;border:2px solid var(--loading-indetermined-color);border-radius:50%;border-right-color:transparent;content:"";display:block;height:var(--loading-size);left:calc(50% - var(--loading-size) * 0.5);position:absolute;top:calc(50% - var(--loading-size) * 0.5);width:var(--loading-size)}.loading:not(.br-button),.br-loading:not(.br-button){height:var(--loading-size);width:var(--loading-size)}.loading:not(.br-button).medium,.br-loading:not(.br-button).medium{--loading-size:var(--loading-indetermined-diameter-md)}.loading:not(.br-button).medium::before,.br-loading:not(.br-button).medium::before{border-width:4px}.loading:not(.br-button)[data-progress],.br-loading:not(.br-button)[data-progress]{--loading-size:var(--loading-diameter)}.loading:not(.br-button)[data-progress]::before,.br-loading:not(.br-button)[data-progress]::before{border-width:var(--loading-stroke)}.loading[data-progress="1"] .br-loading-mask.full,.loading[data-progress="1"] .br-loading-fill,.br-loading[data-progress="1"] .br-loading-mask.full,.br-loading[data-progress="1"] .br-loading-fill{animation:fill ease-in-out 2s;transform:rotate(1.8deg)}.loading[data-progress="2"] .br-loading-mask.full,.loading[data-progress="2"] .br-loading-fill,.br-loading[data-progress="2"] .br-loading-mask.full,.br-loading[data-progress="2"] .br-loading-fill{animation:fill ease-in-out 2s;transform:rotate(3.6deg)}.loading[data-progress="3"] .br-loading-mask.full,.loading[data-progress="3"] .br-loading-fill,.br-loading[data-progress="3"] .br-loading-mask.full,.br-loading[data-progress="3"] .br-loading-fill{animation:fill ease-in-out 2s;transform:rotate(5.4deg)}.loading[data-progress="5"] .br-loading-mask.full,.loading[data-progress="5"] .br-loading-fill,.br-loading[data-progress="5"] .br-loading-mask.full,.br-loading[data-progress="5"] .br-loading-fill{animation:fill ease-in-out 2s;transform:rotate(9deg)}.loading[data-progress="16"] .br-loading-mask.full,.loading[data-progress="16"] .br-loading-fill,.br-loading[data-progress="16"] .br-loading-mask.full,.br-loading[data-progress="16"] .br-loading-fill{animation:fill ease-in-out 2s;transform:rotate(28.8deg)}.loading[data-progress="20"] .br-loading-mask.full,.loading[data-progress="20"] .br-loading-fill,.br-loading[data-progress="20"] .br-loading-mask.full,.br-loading[data-progress="20"] .br-loading-fill{animation:fill ease-in-out 2s;transform:rotate(36deg)}.loading[data-progress="24"] .br-loading-mask.full,.loading[data-progress="24"] .br-loading-fill,.br-loading[data-progress="24"] .br-loading-mask.full,.br-loading[data-progress="24"] .br-loading-fill{animation:fill ease-in-out 2s;transform:rotate(43.2deg)}.loading[data-progress="32"] .br-loading-mask.full,.loading[data-progress="32"] .br-loading-fill,.br-loading[data-progress="32"] .br-loading-mask.full,.br-loading[data-progress="32"] .br-loading-fill{animation:fill ease-in-out 2s;transform:rotate(57.6deg)}.loading[data-progress="40"] .br-loading-mask.full,.loading[data-progress="40"] .br-loading-fill,.br-loading[data-progress="40"] .br-loading-mask.full,.br-loading[data-progress="40"] .br-loading-fill{animation:fill ease-in-out 2s;transform:rotate(72deg)}.loading[data-progress="48"] .br-loading-mask.full,.loading[data-progress="48"] .br-loading-fill,.br-loading[data-progress="48"] .br-loading-mask.full,.br-loading[data-progress="48"] .br-loading-fill{animation:fill ease-in-out 2s;transform:rotate(86.4deg)}.loading[data-progress="50"] .br-loading-mask.full,.loading[data-progress="50"] .br-loading-fill,.br-loading[data-progress="50"] .br-loading-mask.full,.br-loading[data-progress="50"] .br-loading-fill{animation:fill ease-in-out 2s;transform:rotate(90deg)}.loading[data-progress="70"] .br-loading-mask.full,.loading[data-progress="70"] .br-loading-fill,.br-loading[data-progress="70"] .br-loading-mask.full,.br-loading[data-progress="70"] .br-loading-fill{animation:fill ease-in-out 2s;transform:rotate(126deg)}.loading[data-progress="72"] .br-loading-mask.full,.loading[data-progress="72"] .br-loading-fill,.br-loading[data-progress="72"] .br-loading-mask.full,.br-loading[data-progress="72"] .br-loading-fill{animation:fill ease-in-out 2s;transform:rotate(129.6deg)}.loading[data-progress="80"] .br-loading-mask.full,.loading[data-progress="80"] .br-loading-fill,.br-loading[data-progress="80"] .br-loading-mask.full,.br-loading[data-progress="80"] .br-loading-fill{animation:fill ease-in-out 2s;transform:rotate(144deg)}.loading[data-progress="88"] .br-loading-mask.full,.loading[data-progress="88"] .br-loading-fill,.br-loading[data-progress="88"] .br-loading-mask.full,.br-loading[data-progress="88"] .br-loading-fill{animation:fill ease-in-out 2s;transform:rotate(158.4deg)}.loading[data-progress="100"] .br-loading-mask.full,.loading[data-progress="100"] .br-loading-fill,.br-loading[data-progress="100"] .br-loading-mask.full,.br-loading[data-progress="100"] .br-loading-fill{animation:fill ease-in-out 2s;transform:rotate(180deg)}@keyframes spinAround{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes fill{0%{transform:rotate(0deg)}}:host{display:block}button{display:flex}button.icon-right{flex-direction:row-reverse}button.icon-left{flex-direction:row}';const s=a;const l=class{constructor(e){t(this,e);this.brDidConnect=r(this,"brDidConnect",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);if(e.$hostElement$["s-ei"]){this.elementInternals=e.$hostElement$["s-ei"]}else{this.elementInternals=e.$hostElement$.attachInternals();e.$hostElement$["s-ei"]=this.elementInternals}this.handleClick=()=>{if(this.type==="submit"){const t=new SubmitEvent("submit",{submitter:this.elementInternals.form,composed:true,cancelable:true,bubbles:true});this.elementInternals.form.dispatchEvent(t)}if(this.type==="reset"){this.elementInternals.form.reset()}};this.inheritedAttributes={};this.colorMode=undefined;this.density=undefined;this.disabled=false;this.emphasis=undefined;this.isActive=false;this.isLoading=false;this.shape=undefined;this.type=undefined;this.value=undefined}connectedCallback(){this.brDidConnect.emit()}componentWillLoad(){this.brWillLoad.emit();this.inheritedAttributes=n(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,r){this.brFormStateRestoreCallback.emit([t,r])}getCssClassMap(){return{"br-button":true,primary:this.emphasis==="primary",secondary:this.emphasis==="secondary",large:this.density==="large",small:this.density==="small",block:this.shape==="block",circle:this.shape==="circle",active:this.isActive,loading:this.isLoading,"dark-mode":this.colorMode==="dark"}}render(){return e(o,{key:"01d8aa91c3282453a80a9f54e3d223688b235354","aria-disabled":this.disabled?"true":null},e("button",Object.assign({key:"1a2949be7c6d9b865af11c1bd9a7b5bc12f15d5d",class:this.getCssClassMap(),type:this.type,disabled:this.disabled,value:this.value,onClick:this.handleClick},this.inheritedAttributes),e("slot",{key:"0d0a45fef31732720036a4ea436a003dc9d5cae9"})))}static get formAssociated(){return true}get el(){return i(this)}};l.style=s;
+/**
+* (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.1.0
+*/const c=Object.freeze({left:0,top:0,width:16,height:16});const d=Object.freeze({rotate:0,vFlip:false,hFlip:false});const u=Object.freeze({...c,...d});const g=Object.freeze({...u,body:"",hidden:false});const f=Object.freeze({width:null,height:null});const b=Object.freeze({...f,...d});function h(t,r=0){const e=t.replace(/^-?[0-9.]*/,"");function o(t){while(t<0){t+=4}return t%4}if(e===""){const r=parseInt(t);return isNaN(r)?0:o(r)}else if(e!==t){let r=0;switch(e){case"%":r=25;break;case"deg":r=90}if(r){let i=parseFloat(t.slice(0,t.length-e.length));if(isNaN(i)){return 0}i=i/r;return i%1===0?o(i):0}}return r}const p=/[\s,]+/;function v(t,r){r.split(p).forEach((r=>{const e=r.trim();switch(e){case"horizontal":t.hFlip=true;break;case"vertical":t.vFlip=true;break}}))}const m={...b,preserveAspectRatio:""};function k(t){const r={...m};const e=(r,e)=>t.getAttribute(r)||e;r.width=e("width",null);r.height=e("height",null);r.rotate=h(e("rotate",""));v(r,e("flip",""));r.preserveAspectRatio=e("preserveAspectRatio",e("preserveaspectratio",""));return r}function y(t,r){for(const e in m){if(t[e]!==r[e]){return true}}return false}const w=/^[a-z0-9]+(-[a-z0-9]+)*$/;const x=(t,r,e,o="")=>{const i=t.split(":");if(t.slice(0,1)==="@"){if(i.length<2||i.length>3){return null}o=i.shift().slice(1)}if(i.length>3||!i.length){return null}if(i.length>1){const t=i.pop();const e=i.pop();const n={provider:i.length>0?i[0]:o,prefix:e,name:t};return r&&!z(n)?null:n}const n=i[0];const a=n.split("-");if(a.length>1){const t={provider:o,prefix:a.shift(),name:a.join("-")};return r&&!z(t)?null:t}if(e&&o===""){const t={provider:o,prefix:"",name:n};return r&&!z(t,e)?null:t}return null};const z=(t,r)=>{if(!t){return false}return!!((t.provider===""||t.provider.match(w))&&(r&&t.prefix===""||t.prefix.match(w))&&t.name.match(w))};function j(t,r){const e={};if(!t.hFlip!==!r.hFlip){e.hFlip=true}if(!t.vFlip!==!r.vFlip){e.vFlip=true}const o=((t.rotate||0)+(r.rotate||0))%4;if(o){e.rotate=o}return e}function O(t,r){const e=j(t,r);for(const o in g){if(o in d){if(o in t&&!(o in e)){e[o]=d[o]}}else if(o in r){e[o]=r[o]}else if(o in t){e[o]=t[o]}}return e}function C(t,r){const e=t.icons;const o=t.aliases||Object.create(null);const i=Object.create(null);function n(t){if(e[t]){return i[t]=[]}if(!(t in i)){i[t]=null;const r=o[t]&&o[t].parent;const e=r&&n(r);if(e){i[t]=[r].concat(e)}}return i[t]}(r||Object.keys(e).concat(Object.keys(o))).forEach(n);return i}function A(t,r,e){const o=t.icons;const i=t.aliases||Object.create(null);let n={};function a(t){n=O(o[t]||i[t],n)}a(r);e.forEach(a);return O(t,n)}function D(t,r){const e=[];if(typeof t!=="object"||typeof t.icons!=="object"){return e}if(t.not_found instanceof Array){t.not_found.forEach((t=>{r(t,null);e.push(t)}))}const o=C(t);for(const i in o){const n=o[i];if(n){r(i,A(t,i,n));e.push(i)}}return e}const S={provider:"",aliases:{},not_found:{},...c};function I(t,r){for(const e in r){if(e in t&&typeof t[e]!==typeof r[e]){return false}}return true}function T(t){if(typeof t!=="object"||t===null){return null}const r=t;if(typeof r.prefix!=="string"||!t.icons||typeof t.icons!=="object"){return null}if(!I(t,S)){return null}const e=r.icons;for(const t in e){const r=e[t];if(!t.match(w)||typeof r.body!=="string"||!I(r,g)){return null}}const o=r.aliases||Object.create(null);for(const t in o){const r=o[t];const i=r.parent;if(!t.match(w)||typeof i!=="string"||!e[i]&&!o[i]||!I(r,g)){return null}}return r}const R=Object.create(null);function M(t,r){return{provider:t,prefix:r,icons:Object.create(null),missing:new Set}}function _(t,r){const e=R[t]||(R[t]=Object.create(null));return e[r]||(e[r]=M(t,r))}function U(t,r){if(!T(r)){return[]}return D(r,((r,e)=>{if(e){t.icons[r]=e}else{t.missing.add(r)}}))}function L(t,r,e){try{if(typeof e.body==="string"){t.icons[r]={...e};return true}}catch(t){}return false}function P(t,r){let e=[];const o=typeof t==="string"?[t]:Object.keys(R);o.forEach((t=>{const o=typeof t==="string"&&typeof r==="string"?[r]:Object.keys(R[t]||{});o.forEach((r=>{const o=_(t,r);e=e.concat(Object.keys(o.icons).map((e=>(t!==""?"@"+t+":":"")+r+":"+e)))}))}));return e}let N=false;function W(t){if(typeof t==="boolean"){N=t}return N}function F(t){const r=typeof t==="string"?x(t,true,N):t;if(r){const t=_(r.provider,r.prefix);const e=r.name;return t.icons[e]||(t.missing.has(e)?null:void 0)}}function J(t,r){const e=x(t,true,N);if(!e){return false}const o=_(e.provider,e.prefix);return L(o,e.name,r)}function q(t,r){if(typeof t!=="object"){return false}if(typeof r!=="string"){r=t.provider||""}if(N&&!r&&!t.prefix){let r=false;if(T(t)){t.prefix="";D(t,((t,e)=>{if(e&&J(t,e)){r=true}}))}return r}const e=t.prefix;if(!z({provider:r,prefix:e,name:"a"})){return false}const o=_(r,e);return!!U(o,t)}function B(t){return!!F(t)}function E(t){const r=F(t);return r?{...u,...r}:null}function H(t){const r={loaded:[],missing:[],pending:[]};const e=Object.create(null);t.sort(((t,r)=>{if(t.provider!==r.provider){return t.provider.localeCompare(r.provider)}if(t.prefix!==r.prefix){return t.prefix.localeCompare(r.prefix)}return t.name.localeCompare(r.name)}));let o={provider:"",prefix:"",name:""};t.forEach((t=>{if(o.name===t.name&&o.prefix===t.prefix&&o.provider===t.provider){return}o=t;const i=t.provider;const n=t.prefix;const a=t.name;const s=e[i]||(e[i]=Object.create(null));const l=s[n]||(s[n]=_(i,n));let c;if(a in l.icons){c=r.loaded}else if(n===""||l.missing.has(a)){c=r.missing}else{c=r.pending}const d={provider:i,prefix:n,name:a};c.push(d)}));return r}function $(t,r){t.forEach((t=>{const e=t.loaderCallbacks;if(e){t.loaderCallbacks=e.filter((t=>t.id!==r))}}))}function Q(t){if(!t.pendingCallbacksFlag){t.pendingCallbacksFlag=true;setTimeout((()=>{t.pendingCallbacksFlag=false;const r=t.loaderCallbacks?t.loaderCallbacks.slice(0):[];if(!r.length){return}let e=false;const o=t.provider;const i=t.prefix;r.forEach((r=>{const n=r.icons;const a=n.pending.length;n.pending=n.pending.filter((r=>{if(r.prefix!==i){return true}const a=r.name;if(t.icons[a]){n.loaded.push({provider:o,prefix:i,name:a})}else if(t.missing.has(a)){n.missing.push({provider:o,prefix:i,name:a})}else{e=true;return true}return false}));if(n.pending.length!==a){if(!e){$([t],r.id)}r.callback(n.loaded.slice(0),n.missing.slice(0),n.pending.slice(0),r.abort)}}))}))}}let G=0;function V(t,r,e){const o=G++;const i=$.bind(null,e,o);if(!r.pending.length){return i}const n={id:o,icons:r,callback:t,abort:i};e.forEach((t=>{(t.loaderCallbacks||(t.loaderCallbacks=[])).push(n)}));return i}const K=Object.create(null);function X(t,r){K[t]=r}function Y(t){return K[t]||K[""]}function Z(t,r=true,e=false){const o=[];t.forEach((t=>{const i=typeof t==="string"?x(t,r,e):t;if(i){o.push(i)}}));return o}var tt={resources:[],index:0,timeout:2e3,rotate:750,random:false,dataAfterTimeout:false};function rt(t,r,e,o){const i=t.resources.length;const n=t.random?Math.floor(Math.random()*i):t.index;let a;if(t.random){let r=t.resources.slice(0);a=[];while(r.length>1){const t=Math.floor(Math.random()*r.length);a.push(r[t]);r=r.slice(0,t).concat(r.slice(t+1))}a=a.concat(r)}else{a=t.resources.slice(n).concat(t.resources.slice(0,n))}const s=Date.now();let l="pending";let c=0;let d;let u=null;let g=[];let f=[];if(typeof o==="function"){f.push(o)}function b(){if(u){clearTimeout(u);u=null}}function h(){if(l==="pending"){l="aborted"}b();g.forEach((t=>{if(t.status==="pending"){t.status="aborted"}}));g=[]}function p(t,r){if(r){f=[]}if(typeof t==="function"){f.push(t)}}function v(){return{startTime:s,payload:r,status:l,queriesSent:c,queriesPending:g.length,subscribe:p,abort:h}}function m(){l="failed";f.forEach((t=>{t(void 0,d)}))}function k(){g.forEach((t=>{if(t.status==="pending"){t.status="aborted"}}));g=[]}function y(r,e,o){const i=e!=="success";g=g.filter((t=>t!==r));switch(l){case"pending":break;case"failed":if(i||!t.dataAfterTimeout){return}break;default:return}if(e==="abort"){d=o;m();return}if(i){d=o;if(!g.length){if(!a.length){m()}else{w()}}return}b();k();if(!t.random){const e=t.resources.indexOf(r.resource);if(e!==-1&&e!==t.index){t.index=e}}l="completed";f.forEach((t=>{t(o)}))}function w(){if(l!=="pending"){return}b();const o=a.shift();if(o===void 0){if(g.length){u=setTimeout((()=>{b();if(l==="pending"){k();m()}}),t.timeout);return}m();return}const i={status:"pending",resource:o,callback:(t,r)=>{y(i,t,r)}};g.push(i);c++;u=setTimeout(w,t.rotate);e(o,r,i.callback)}setTimeout(w);return v}function et(t){const r={...tt,...t};let e=[];function o(){e=e.filter((t=>t().status==="pending"))}function i(t,i,n){const a=rt(r,t,i,((t,r)=>{o();if(n){n(t,r)}}));e.push(a);return a}function n(t){return e.find((r=>t(r)))||null}const a={query:i,find:n,setIndex:t=>{r.index=t},getIndex:()=>r.index,cleanup:o};return a}function ot(t){let r;if(typeof t.resources==="string"){r=[t.resources]}else{r=t.resources;if(!(r instanceof Array)||!r.length){return null}}const e={resources:r,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 e}const it=Object.create(null);const nt=["https://api.simplesvg.com","https://api.unisvg.com"];const at=[];while(nt.length>0){if(nt.length===1){at.push(nt.shift())}else{if(Math.random()>.5){at.push(nt.shift())}else{at.push(nt.pop())}}}it[""]=ot({resources:["https://api.iconify.design"].concat(at)});function st(t,r){const e=ot(r);if(e===null){return false}it[t]=e;return true}function lt(t){return it[t]}function ct(){return Object.keys(it)}function dt(){}const ut=Object.create(null);function gt(t){if(!ut[t]){const r=lt(t);if(!r){return}const e=et(r);const o={config:r,redundancy:e};ut[t]=o}return ut[t]}function ft(t,r,e){let o;let i;if(typeof t==="string"){const r=Y(t);if(!r){e(void 0,424);return dt}i=r.send;const n=gt(t);if(n){o=n.redundancy}}else{const r=ot(t);if(r){o=et(r);const e=t.resources?t.resources[0]:"";const n=Y(e);if(n){i=n.send}}}if(!o||!i){e(void 0,424);return dt}return o.query(r,i,e)().abort}const bt="iconify2";const ht="iconify";const pt=ht+"-count";const vt=ht+"-version";const mt=36e5;const kt=168;const yt=50;function wt(t,r){try{return t.getItem(r)}catch(t){}}function xt(t,r,e){try{t.setItem(r,e);return true}catch(t){}}function zt(t,r){try{t.removeItem(r)}catch(t){}}function jt(t,r){return xt(t,pt,r.toString())}function Ot(t){return parseInt(wt(t,pt))||0}const Ct={local:true,session:true};const At={local:new Set,session:new Set};let Dt=false;function St(t){Dt=t}let It=typeof window==="undefined"?{}:window;function Tt(t){const r=t+"Storage";try{if(It&&It[r]&&typeof It[r].length==="number"){return It[r]}}catch(t){}Ct[t]=false}function Rt(t,r){const e=Tt(t);if(!e){return}const o=wt(e,vt);if(o!==bt){if(o){const t=Ot(e);for(let r=0;r<t;r++){zt(e,ht+r.toString())}}xt(e,vt,bt);jt(e,0);return}const i=Math.floor(Date.now()/mt)-kt;const n=t=>{const o=ht+t.toString();const n=wt(e,o);if(typeof n!=="string"){return}try{const e=JSON.parse(n);if(typeof e==="object"&&typeof e.cached==="number"&&e.cached>i&&typeof e.provider==="string"&&typeof e.data==="object"&&typeof e.data.prefix==="string"&&r(e,t)){return true}}catch(t){}zt(e,o)};let a=Ot(e);for(let r=a-1;r>=0;r--){if(!n(r)){if(r===a-1){a--;jt(e,a)}else{At[t].add(r)}}}}function Mt(){if(Dt){return}St(true);for(const t in Ct){Rt(t,(t=>{const r=t.data;const e=t.provider;const o=r.prefix;const i=_(e,o);if(!U(i,r).length){return false}const n=r.lastModified||-1;i.lastModifiedCached=i.lastModifiedCached?Math.min(i.lastModifiedCached,n):n;return true}))}}function _t(t,r){const e=t.lastModifiedCached;if(e&&e>=r){return e===r}t.lastModifiedCached=r;if(e){for(const e in Ct){Rt(e,(e=>{const o=e.data;return e.provider!==t.provider||o.prefix!==t.prefix||o.lastModified===r}))}}return true}function Ut(t,r){if(!Dt){Mt()}function e(e){let o;if(!Ct[e]||!(o=Tt(e))){return}const i=At[e];let n;if(i.size){i.delete(n=Array.from(i).shift())}else{n=Ot(o);if(n>=yt||!jt(o,n+1)){return}}const a={cached:Math.floor(Date.now()/mt),provider:t.provider,data:r};return xt(o,ht+n.toString(),JSON.stringify(a))}if(r.lastModified&&!_t(t,r.lastModified)){return}if(!Object.keys(r.icons).length){return}if(r.not_found){r=Object.assign({},r);delete r.not_found}if(!e("local")){e("session")}}function Lt(){}function Pt(t){if(!t.iconsLoaderFlag){t.iconsLoaderFlag=true;setTimeout((()=>{t.iconsLoaderFlag=false;Q(t)}))}}function Nt(t,r){if(!t.iconsToLoad){t.iconsToLoad=r}else{t.iconsToLoad=t.iconsToLoad.concat(r).sort()}if(!t.iconsQueueFlag){t.iconsQueueFlag=true;setTimeout((()=>{t.iconsQueueFlag=false;const{provider:r,prefix:e}=t;const o=t.iconsToLoad;delete t.iconsToLoad;let i;if(!o||!(i=Y(r))){return}const n=i.prepare(r,e,o);n.forEach((e=>{ft(r,e,(r=>{if(typeof r!=="object"){e.icons.forEach((r=>{t.missing.add(r)}))}else{try{const e=U(t,r);if(!e.length){return}const o=t.pendingIcons;if(o){e.forEach((t=>{o.delete(t)}))}Ut(t,r)}catch(t){console.error(t)}}Pt(t)}))}))}))}}const Wt=(t,r)=>{const e=Z(t,true,W());const o=H(e);if(!o.pending.length){let t=true;if(r){setTimeout((()=>{if(t){r(o.loaded,o.missing,o.pending,Lt)}}))}return()=>{t=false}}const i=Object.create(null);const n=[];let a,s;o.pending.forEach((t=>{const{provider:r,prefix:e}=t;if(e===s&&r===a){return}a=r;s=e;n.push(_(r,e));const o=i[r]||(i[r]=Object.create(null));if(!o[e]){o[e]=[]}}));o.pending.forEach((t=>{const{provider:r,prefix:e,name:o}=t;const n=_(r,e);const a=n.pendingIcons||(n.pendingIcons=new Set);if(!a.has(o)){a.add(o);i[r][e].push(o)}}));n.forEach((t=>{const{provider:r,prefix:e}=t;if(i[r][e].length){Nt(t,i[r][e])}}));return r?V(r,o,n):Lt};const Ft=t=>new Promise(((r,e)=>{const o=typeof t==="string"?x(t,true):t;if(!o){e(t);return}Wt([o||t],(i=>{if(i.length&&o){const t=F(o);if(t){r({...u,...t});return}}e(t)}))}));function Jt(t){try{const r=typeof t==="string"?JSON.parse(t):t;if(typeof r.body==="string"){return{...r}}}catch(t){}}function qt(t,r){const e=typeof t==="string"?x(t,true,true):null;if(!e){const r=Jt(t);return{value:t,data:r}}const o=F(e);if(o!==void 0||!e.prefix){return{value:t,name:e,data:o}}const i=Wt([e],(()=>r(t,e,F(e))));return{value:t,name:e,loading:i}}let Bt=false;try{Bt=navigator.vendor.indexOf("Apple")===0}catch(t){}function Et(t,r){switch(r){case"svg":case"bg":case"mask":return r}if(r!=="style"&&(Bt||t.indexOf("<a")===-1)){return"svg"}return t.indexOf("currentColor")===-1?"bg":"mask"}const Ht=/(-?[0-9.]*[0-9]+[0-9.]*)/g;const $t=/^-?[0-9.]*[0-9]+[0-9.]*$/g;function Qt(t,r,e){if(r===1){return t}e=e||100;if(typeof t==="number"){return Math.ceil(t*r*e)/e}if(typeof t!=="string"){return t}const o=t.split(Ht);if(o===null||!o.length){return t}const i=[];let n=o.shift();let a=$t.test(n);while(true){if(a){const t=parseFloat(n);if(isNaN(t)){i.push(n)}else{i.push(Math.ceil(t*r*e)/e)}}else{i.push(n)}n=o.shift();if(n===void 0){return i.join("")}a=!a}}function Gt(t,r="defs"){let e="";const o=t.indexOf("<"+r);while(o>=0){const i=t.indexOf(">",o);const n=t.indexOf("</"+r);if(i===-1||n===-1){break}const a=t.indexOf(">",n);if(a===-1){break}e+=t.slice(i+1,n).trim();t=t.slice(0,o).trim()+t.slice(a+1)}return{defs:e,content:t}}function Vt(t,r){return t?"<defs>"+t+"</defs>"+r:r}function Kt(t,r,e){const o=Gt(t);return Vt(o.defs,r+o.content+e)}const Xt=t=>t==="unset"||t==="undefined"||t==="none";function Yt(t,r){const e={...u,...t};const o={...b,...r};const i={left:e.left,top:e.top,width:e.width,height:e.height};let n=e.body;[e,o].forEach((t=>{const r=[];const e=t.hFlip;const o=t.vFlip;let a=t.rotate;if(e){if(o){a+=2}else{r.push("translate("+(i.width+i.left).toString()+" "+(0-i.top).toString()+")");r.push("scale(-1 1)");i.top=i.left=0}}else if(o){r.push("translate("+(0-i.left).toString()+" "+(i.height+i.top).toString()+")");r.push("scale(1 -1)");i.top=i.left=0}let s;if(a<0){a-=Math.floor(a/4)*4}a=a%4;switch(a){case 1:s=i.height/2+i.top;r.unshift("rotate(90 "+s.toString()+" "+s.toString()+")");break;case 2:r.unshift("rotate(180 "+(i.width/2+i.left).toString()+" "+(i.height/2+i.top).toString()+")");break;case 3:s=i.width/2+i.left;r.unshift("rotate(-90 "+s.toString()+" "+s.toString()+")");break}if(a%2===1){if(i.left!==i.top){s=i.left;i.left=i.top;i.top=s}if(i.width!==i.height){s=i.width;i.width=i.height;i.height=s}}if(r.length){n=Kt(n,'<g transform="'+r.join(" ")+'">',"</g>")}}));const a=o.width;const s=o.height;const l=i.width;const c=i.height;let d;let g;if(a===null){g=s===null?"1em":s==="auto"?c:s;d=Qt(g,l/c)}else{d=a==="auto"?l:a;g=s===null?Qt(d,c/l):s==="auto"?c:s}const f={};const h=(t,r)=>{if(!Xt(r)){f[t]=r.toString()}};h("width",d);h("height",g);const p=[i.left,i.top,l,c];f.viewBox=p.join(" ");return{attributes:f,viewBox:p,body:n}}function Zt(t,r){let e=t.indexOf("xlink:")===-1?"":' xmlns:xlink="http://www.w3.org/1999/xlink"';for(const t in r){e+=" "+t+'="'+r[t]+'"'}return'<svg xmlns="http://www.w3.org/2000/svg"'+e+">"+t+"</svg>"}function tr(t){return t.replace(/"/g,"'").replace(/%/g,"%25").replace(/#/g,"%23").replace(/</g,"%3C").replace(/>/g,"%3E").replace(/\s+/g," ")}function rr(t){return"data:image/svg+xml,"+tr(t)}function er(t){return'url("'+rr(t)+'")'}const or=()=>{let t;try{t=fetch;if(typeof t==="function"){return t}}catch(t){}};let ir=or();function nr(t){ir=t}function ar(){return ir}function sr(t,r){const e=lt(t);if(!e){return 0}let o;if(!e.maxURL){o=0}else{let t=0;e.resources.forEach((r=>{const e=r;t=Math.max(t,e.length)}));const i=r+".json?icons=";o=e.maxURL-t-e.path.length-i.length}return o}function lr(t){return t===404}const cr=(t,r,e)=>{const o=[];const i=sr(t,r);const n="icons";let a={type:n,provider:t,prefix:r,icons:[]};let s=0;e.forEach(((e,l)=>{s+=e.length+1;if(s>=i&&l>0){o.push(a);a={type:n,provider:t,prefix:r,icons:[]};s=e.length}a.icons.push(e)}));o.push(a);return o};function dr(t){if(typeof t==="string"){const r=lt(t);if(r){return r.path}}return"/"}const ur=(t,r,e)=>{if(!ir){e("abort",424);return}let o=dr(r.provider);switch(r.type){case"icons":{const t=r.prefix;const e=r.icons;const i=e.join(",");const n=new URLSearchParams({icons:i});o+=t+".json?"+n.toString();break}case"custom":{const t=r.uri;o+=t.slice(0,1)==="/"?t.slice(1):t;break}default:e("abort",400);return}let i=503;ir(t+o).then((t=>{const r=t.status;if(r!==200){setTimeout((()=>{e(lr(r)?"abort":"next",r)}));return}i=501;return t.json()})).then((t=>{if(typeof t!=="object"||t===null){setTimeout((()=>{if(t===404){e("abort",t)}else{e("next",i)}}));return}setTimeout((()=>{e("success",t)}))})).catch((()=>{e("next",i)}))};const gr={prepare:cr,send:ur};function fr(t,r){switch(t){case"local":case"session":Ct[t]=r;break;case"all":for(const t in Ct){Ct[t]=r}break}}const br="data-style";let hr="";function pr(t){hr=t}function vr(t,r){let e=Array.from(t.childNodes).find((t=>t.hasAttribute&&t.hasAttribute(br)));if(!e){e=document.createElement("style");e.setAttribute(br,br);t.appendChild(e)}e.textContent=":host{display:inline-block;vertical-align:"+(r?"-0.125em":"0")+"}span,svg{display:block}"+hr}function mr(){X("",gr);W(true);let t;try{t=window}catch(t){}if(t){Mt();if(t.IconifyPreload!==void 0){const r=t.IconifyPreload;const e="Invalid IconifyPreload syntax.";if(typeof r==="object"&&r!==null){(r instanceof Array?r:[r]).forEach((t=>{try{if(typeof t!=="object"||t===null||t instanceof Array||typeof t.icons!=="object"||typeof t.prefix!=="string"||!q(t)){console.error(e)}}catch(t){console.error(e)}}))}}if(t.IconifyProviders!==void 0){const r=t.IconifyProviders;if(typeof r==="object"&&r!==null){for(const t in r){const e="IconifyProviders["+t+"] is invalid.";try{const o=r[t];if(typeof o!=="object"||!o||o.resources===void 0){continue}if(!st(t,o)){console.error(e)}}catch(t){console.error(e)}}}}}const r={getAPIConfig:lt,setAPIModule:X,sendAPIQuery:ft,setFetch:nr,getFetch:ar,listAPIProviders:ct};return{enableCache:t=>fr(t,true),disableCache:t=>fr(t,false),iconLoaded:B,iconExists:B,getIcon:E,listIcons:P,addIcon:J,addCollection:q,calculateSize:Qt,buildIcon:Yt,iconToHTML:Zt,svgToURL:er,loadIcons:Wt,loadIcon:Ft,addAPIProvider:st,appendCustomStyle:pr,_api:r}}const kr={"background-color":"currentColor"};const yr={"background-color":"transparent"};const wr={image:"var(--svg)",repeat:"no-repeat",size:"100% 100%"};const xr={"-webkit-mask":kr,mask:kr,background:yr};for(const t in xr){const r=xr[t];for(const e in wr){r[t+"-"+e]=wr[e]}}function zr(t){return t?t+(t.match(/^[-0-9.]+$/)?"px":""):"inherit"}function jr(t,r,e){const o=document.createElement("span");let i=t.body;if(i.indexOf("<a")!==-1){i+="\x3c!-- "+Date.now()+" --\x3e"}const n=t.attributes;const a=Zt(i,{...n,width:r.width+"",height:r.height+""});const s=er(a);const l=o.style;const c={"--svg":s,width:zr(n.width),height:zr(n.height),...e?kr:yr};for(const t in c){l.setProperty(t,c[t])}return o}let Or;function Cr(){try{Or=window.trustedTypes.createPolicy("iconify",{createHTML:t=>t})}catch(t){Or=null}}function Ar(t){if(Or===void 0){Cr()}return Or?Or.createHTML(t):t}function Dr(t){const r=document.createElement("span");const e=t.attributes;let o="";if(!e.width){o="width: inherit;"}if(!e.height){o+="height: inherit;"}if(o){e.style=o}const i=Zt(t.body,e);r.innerHTML=Ar(i);return r.firstChild}function Sr(t){return Array.from(t.childNodes).find((t=>{const r=t.tagName&&t.tagName.toUpperCase();return r==="SPAN"||r==="SVG"}))}function Ir(t,r){const e=r.icon.data;const o=r.customisations;const i=Yt(e,o);if(o.preserveAspectRatio){i.attributes["preserveAspectRatio"]=o.preserveAspectRatio}const n=r.renderedMode;let a;switch(n){case"svg":a=Dr(i);break;default:a=jr(i,{...u,...e},n==="mask")}const s=Sr(t);if(s){if(a.tagName==="SPAN"&&s.tagName===a.tagName){s.setAttribute("style",a.getAttribute("style"))}else{t.replaceChild(a,s)}}else{t.appendChild(a)}}function Tr(t,r,e){const o=e&&(e.rendered?e:e.lastRender);return{rendered:false,inline:r,icon:t,lastRender:o}}function Rr(t="iconify-icon"){let r;let e;try{r=window.customElements;e=window.HTMLElement}catch(t){return}if(!r||!e){return}const o=r.get(t);if(o){return o}const i=["icon","mode","inline","noobserver","width","height","rotate","flip"];const n=class extends e{_shadowRoot;_initialised=false;_state;_checkQueued=false;_connected=false;_observer=null;_visible=true;constructor(){super();const t=this._shadowRoot=this.attachShadow({mode:"open"});const r=this.hasAttribute("inline");vr(t,r);this._state=Tr({value:""},r);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 r=this._state;if(t!==r.inline){r.inline=t;vr(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 r=this._shadowRoot;if(t.renderedMode==="svg"){try{r.lastChild.setCurrentTime(0);return}catch(t){}}Ir(r,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 r=this.getAttribute("icon");if(r!==t.icon.value){this._iconChanged(r);return}if(!t.rendered||!this._visible){return}const e=this.getAttribute("mode");const o=k(this);if(t.attrMode!==e||y(t.customisations,o)||!Sr(this._shadowRoot)){this._renderIcon(t.icon,o,e)}}_iconChanged(t){const r=qt(t,((t,r,e)=>{const o=this._state;if(o.rendered||this.getAttribute("icon")!==t){return}const i={value:t,name:r,data:e};if(i.data){this._gotIconData(i)}else{o.icon=i}}));if(r.data){this._gotIconData(r)}else{this._state=Tr(r,this._state.inline,this._state)}}_forceRender(){if(!this._visible){const t=Sr(this._shadowRoot);if(t){this._shadowRoot.removeChild(t)}return}this._queueCheck()}_gotIconData(t){this._checkQueued=false;this._renderIcon(t,k(this),this.getAttribute("mode"))}_renderIcon(t,r,e){const o=Et(t.data.body,e);const i=this._state.inline;Ir(this._shadowRoot,this._state={rendered:true,icon:t,inline:i,customisations:r,attrMode:e,renderedMode:o})}startObserver(){if(!this._observer&&!this.hasAttribute("noobserver")){try{this._observer=new IntersectionObserver((t=>{const r=t.some((t=>t.isIntersecting));if(r!==this._visible){this._visible=r;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 n.prototype)){Object.defineProperty(n.prototype,t,{get:function(){return this.getAttribute(t)},set:function(r){if(r!==null){this.setAttribute(t,r)}else{this.removeAttribute(t)}}})}}));const a=mr();for(const t in a){n[t]=n.prototype[t]=a[t]}r.define(t,n);return n}Rr()||mr();const Mr="*,*::before,*::after{box-sizing:border-box}html{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}a{background-color:transparent}strong{font-weight:bolder}code{font-family:monospace;font-size:1em}small{font-size:80%}img{border-style:none}button,input{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}[type=checkbox],[type=radio]{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:flex !important}.align-items-center{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{flex:1 0 0%;min-width:8.3333333333%}.col-auto{flex:0 0 auto;width:auto}.row{--grid-gutter:var(--grid-portrait-gutter);display:flex;flex-wrap:wrap;margin-left:calc(var(--grid-gutter) * -0.5);margin-right:calc(var(--grid-gutter) * -0.5)}@media (min-width: 576px){.row{--grid-gutter:var(--grid-tablet-gutter)}}@media (min-width: 992px){.row{--grid-gutter:var(--grid-tablet-gutter)}}@media (min-width: 1280px){.row{--grid-gutter:var(--grid-desktop-gutter)}}@media (min-width: 1600px){.row{--grid-gutter:var(--grid-tv-gutter)}}.mr-1{margin-right:var(--spacing-scale-half) !important}.mr-2{margin-right:var(--spacing-scale-base) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !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:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{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}::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,.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)}code,.code{background:var(--gray-5);border-radius:4px;color:var(--gray-80);display:inline-block;font-family:monospace;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);padding:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !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}.highlight{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]+*{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:0 var(--spacing-scale-base)}";const _r=Mr;const Ur=class{constructor(e){t(this,e);this.brDidConnect=r(this,"brDidConnect",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.inheritedAttributes={};this.IconName=undefined;this.height="16";this.width="24";this.CssClasses=undefined;this.isInline=false;this.rotate=undefined;this.flip=undefined}connectedCallback(){this.brDidConnect.emit()}componentWillLoad(){this.brWillLoad.emit();this.inheritedAttributes=n(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()}render(){return e(o,{key:"cd30e2c534c440372a5f42f60dc76f13c97e1be4"},e("iconify-icon",Object.assign({key:"2d479f72952402f5189754b79872a6ac583789da",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 i(this)}};Ur.style=_r;export{l as br_button,Ur as br_icon};
+//# sourceMappingURL=p-dde91d20.entry.js.map