@govbr-ds/webcomponents 2.0.0-next.15 → 2.0.0-next.17

package/dist/types/components/radio/radio.d.ts

@@ -11,6 +11,10 @@ export declare class Radio {
      */
     el: HTMLBrRadioElement;
     elementInternals: ElementInternals;
+    /**
+     * Contém o id usado internamente no componente
+     */
+    computedId: string;
     /**
      * Define o estado de seleção do radio.
      * Se definido como verdadeiro, o radio estará marcado. Caso contrário, estará desmarcado.
@@ -51,18 +55,10 @@ export declare class Radio {
     value: any;
     /**
      * Especifica o ID do componente, que é usado para conectar o label correspondente ao radio.
-     * Se não for fornecido, o ID será o mesmo valor atribuído à propriedade `name`.
+     * Se não for fornecido, o ID será gerado automaticamente e de forma aleatória
      */
     customId: string;
-    /**
-     * Indica se o radio pode alternar seu estado checked
-     */
-    toggle: boolean;
-    /**
-     * Propriedade que vai guardar o valor da validação do slot
-     */
-    _slotDefault: boolean;
-    handleItemInteractiveSelect(event: CustomEvent): void;
+    onCustomIdChange(newValue: any): void;
     /**
      * Emite um evento quando o componente é conectado ao DOM.
      * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#connectedcallback) para mais detalhes.
@@ -156,26 +152,25 @@ export declare class Radio {
      */
     brFormStateRestoreCallback: EventEmitter<[state: string, _mode: string]>;
     formStateRestoreCallback(state: string, _mode: string): void;
-    private hasSlotContentDefault;
+    /**
+     * Componente teve seu estado "checked" alterado
+     */
+    brDidChange: EventEmitter;
+    onBrDidChange(event: CustomEvent): void;
     private getCssClassMap;
     private inheritedAttributes;
     /**
-     * Componente teve seu estado "checked" alterado
+     * Determina um id para o radio.
      */
-    brDidCheckedChange: EventEmitter<{
-        value: boolean;
-        checked: boolean;
-    }>;
-    private readonly handleClick;
-    private readonly handleKeyDown;
+    private getComputedId;
     /**
-     * Controla o comportamento de alternar o estado checked.
+     * Handler para o event "click"
+     * @param event Objeto Event
      */
-    private readonly toggleChecked;
+    private onClick;
     /**
-     * Determina um id para o radio.
+     * Handler para o evento "change"
      */
-    private getComputedId;
-    private readonly stopPropagation;
+    private onChange;
     render(): any;
 }

package/dist/types/components/textarea/textarea.d.ts

@@ -5,7 +5,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
  * @slot default - Espaço de conteúdo do textarea. Geralmente usado para incluir texto adicional ou instruções para o usuário.
  */
 export declare class Textarea {
-    el: HTMLElement;
+    el: HTMLBrTextareaElement;
     /**
      * Valor atual do textarea. Este valor pode ser alterado programaticamente.
      */
@@ -144,7 +144,7 @@ export declare class Textarea {
      * Manipula a mudança de valor do textarea. Atualiza o valor e emite um evento de mudança.
      * @param event - O evento de entrada do textarea.
      */
-    handleChange(event: Event): void;
+    private handleChange;
     /**
      * Define um novo valor para o textarea.
      * @param newValue - O novo valor a ser definido.

package/dist/types/components.d.ts

@@ -386,7 +386,7 @@ export namespace Components {
          */
         "checked": boolean;
         /**
-          * Especifica o ID do componente, que é usado para conectar o label correspondente ao radio. Se não for fornecido, o ID será o mesmo valor atribuído à propriedade `name`.
+          * Especifica o ID do componente, que é usado para conectar o label correspondente ao radio. Se não for fornecido, o ID será gerado automaticamente e de forma aleatória
          */
         "customId": string;
         /**
@@ -409,10 +409,6 @@ export namespace Components {
           * Indica a validade do radio. Valores possíveis: - 'valid': O radio é considerado válido. - 'invalid': O radio é considerado inválido. Se não for especificado, o valor padrão é `null`, indicando que a validade não foi definida.
          */
         "state": 'valid' | 'invalid';
-        /**
-          * Indica se o radio pode alternar seu estado checked
-         */
-        "toggle": boolean;
         /**
           * Define o valor associado ao radio quando ele faz parte de um formulário nativo (`<form>`). Esse valor é enviado com o formulário quando o radio está selecionado. **Nota:** Esta propriedade não deve ser utilizada para determinar se o radio está selecionado; para verificar o estado de seleção, use a propriedade `checked`.
          */
@@ -905,7 +901,7 @@ declare global {
         "brFormDisabledCallback": boolean;
         "brFormResetCallback": void;
         "brFormStateRestoreCallback": [state: string, _mode: string];
-        "brDidCheckedChange": { value: boolean; checked: boolean };
+        "brDidChange": any;
     }
     /**
      * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/radio?tab=designer).
@@ -1876,7 +1872,7 @@ declare namespace LocalJSX {
          */
         "checked"?: boolean;
         /**
-          * Especifica o ID do componente, que é usado para conectar o label correspondente ao radio. Se não for fornecido, o ID será o mesmo valor atribuído à propriedade `name`.
+          * Especifica o ID do componente, que é usado para conectar o label correspondente ao radio. Se não for fornecido, o ID será gerado automaticamente e de forma aleatória
          */
         "customId"?: string;
         /**
@@ -1898,7 +1894,7 @@ declare namespace LocalJSX {
         /**
           * Componente teve seu estado "checked" alterado
          */
-        "onBrDidCheckedChange"?: (event: BrRadioCustomEvent<{ value: boolean; checked: boolean }>) => void;
+        "onBrDidChange"?: (event: BrRadioCustomEvent<any>) => void;
         /**
           * Emite um evento quando o componente é conectado ao DOM. Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#connectedcallback) para mais detalhes.
          */
@@ -1959,10 +1955,6 @@ declare namespace LocalJSX {
           * Indica a validade do radio. Valores possíveis: - 'valid': O radio é considerado válido. - 'invalid': O radio é considerado inválido. Se não for especificado, o valor padrão é `null`, indicando que a validade não foi definida.
          */
         "state"?: 'valid' | 'invalid';
-        /**
-          * Indica se o radio pode alternar seu estado checked
-         */
-        "toggle"?: boolean;
         /**
           * Define o valor associado ao radio quando ele faz parte de um formulário nativo (`<form>`). Esse valor é enviado com o formulário quando o radio está selecionado. **Nota:** Esta propriedade não deve ser utilizada para determinar se o radio está selecionado; para verificar o estado de seleção, use a propriedade `checked`.
          */

package/dist/types/utils/unique-id-generator.d.ts

@@ -0,0 +1 @@
+export default function generateUniqueId(prefix?: string, randomPartLength?: number): string;

package/dist/webcomponents/p-35f43cf0.entry.js

@@ -0,0 +1,2 @@
+import{r as a,c as t,h as r,H as i,g as e}from"./p-8dfeb926.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}small{font-size:80%}img{border-style:none}button,input,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{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}.container{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:flex;flex-wrap:wrap;margin-left:calc(var(--grid-gutter) * -0.5);margin-right:calc(var(--grid-gutter) * -0.5)}@media (min-width: 576px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media (min-width: 992px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mr-2{margin-right:var(--spacing-scale-base) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half);color:var(--interactive);text-decoration:none}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image: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,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.bg-support-01{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background:var(--color-support-01) !important}.text-nowrap{white-space:nowrap !important}.text-base{font-size:var(--font-size-scale-base) !important}.highlight{background:var(--status-highlight-background) 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-avatar{--avatar-size:var(--avatar-small);--avatar-icon-size:var(--avatar-icon-small);--avatar-text-size:var(--avatar-text-small);--avatar-small:40px;--avatar-medium:100px;--avatar-large:160px;--avatar-icon-small:var(--icon-size-2x);--avatar-icon-medium:var(--icon-size-5x);--avatar-icon-large:var(--icon-size-8x);--avatar-text-small:var(--font-size-scale-up-03);--avatar-text-medium:var(--font-size-scale-up-07);--avatar-text-large:var(--font-size-scale-up-11);align-items:center;background-color:transparent;border:0;display:inline-flex;font-size:var(--avatar-text-size);font-weight:var(--font-weight-bold);justify-content:center;line-height:var(--avatar-size);vertical-align:middle}.br-avatar .content{align-items:center;background-color:var(--blue-10);border-radius:50%;color:var(--blue-warm-20);display:inline-flex;font-size:var(--avatar-text-size);height:var(--avatar-size);justify-content:center;overflow:hidden;text-align:center;text-transform:uppercase;vertical-align:inherit;width:var(--avatar-size)}.br-avatar .content img{height:var(--avatar-size);vertical-align:inherit;width:var(--avatar-size)}.br-avatar.small,.br-avatar[small]{--avatar-size:var(--avatar-small);--avatar-icon-size:var(--avatar-icon-small);--avatar-text-size:var(--avatar-text-small)}.br-avatar.is-medium,.br-avatar.medium,.br-avatar[medium]{--avatar-size:var(--avatar-medium);--avatar-icon-size:var(--avatar-icon-medium);--avatar-text-size:var(--avatar-text-medium)}.br-avatar.large,.br-avatar[large]{--avatar-size:var(--avatar-large);--avatar-icon-size:var(--avatar-icon-large);--avatar-text-size:var(--avatar-text-large)}.br-avatar[data-toggle=dropdown]:focus{outline:none}.br-avatar[data-toggle=dropdown]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-avatar .image{align-items:center;background-color:var(--blue-10);border-radius:50%;color:var(--blue-warm-20);display:inline-flex;font-size:var(--avatar-text-size);height:var(--avatar-size);justify-content:center;overflow:hidden;text-align:center;text-transform:uppercase;vertical-align:inherit;width:var(--avatar-size)}.br-avatar .image img{height:var(--avatar-size);vertical-align:inherit;width:var(--avatar-size)}:host{display:block}";const s=n;var l;(function(a){a["Small"]="small";a["Medium"]="medium";a["Large"]="large"})(l||(l={}));const c=class{constructor(r){a(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.iconSizes={small:{height:"32",width:"40"},medium:{height:"80",width:"88"},large:{height:"128",width:"136"}};this.iconMarginTops={small:"0.7em",medium:"1em",large:"0.62em"};this.inheritedAttributes={};this.density=l.Medium;this.image=undefined;this.imageAlt="Imagem do avatar";this.isIconic=false;this.text=undefined;this.iconWidth=undefined;this.iconHeight=undefined}connectedCallback(){this.brDidConnect.emit()}componentWillLoad(){this.brWillLoad.emit();this.inheritedAttributes=o(this.el);this.setIconSize()}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()}getCssClassMap(){return{"br-avatar":true,small:this.density===l.Small,medium:this.density===l.Medium,large:this.density===l.Large}}setIconSize(){var a,t;if(((a=this.image)===null||a===void 0?void 0:a.trim().length)!==0&&((t=this.text)===null||t===void 0?void 0:t.trim().length)!==0){const a=this.iconSizes[this.density];this.iconHeight=a.height;this.iconWidth=a.width}}adjustIconStyle(a){return this.iconMarginTops[a]||"1em"}renderAvatar(){var a,t;if(((a=this.text)===null||a===void 0?void 0:a.trim().length)>0){return r("span",{class:"content bg-support-01 text-pure-0",title:this.text},this.text[0].toUpperCase())}if(((t=this.image)===null||t===void 0?void 0:t.trim().length)>0){return r("span",{class:"content",title:this.imageAlt||this.text},r("img",{src:this.image,alt:this.imageAlt,loading:"lazy"}))}if(this.isIconic){return r("span",{class:"content",title:this.text},r("br-icon",{"icon-name":"fa-solid:user",height:this.iconHeight,width:this.iconWidth,"aria-hidden":"true",style:{"margin-top":this.adjustIconStyle(this.density)}}))}}render(){return r(i,{key:"90d4903713585ba969eb111676d95f89c53522f5"},r("span",Object.assign({key:"3bb155bdc14da14da5bb576323446157636f3974",class:this.getCssClassMap()},this.inheritedAttributes),this.renderAvatar()))}get el(){return e(this)}};c.style=s;export{c as br_avatar};
+//# sourceMappingURL=p-35f43cf0.entry.js.map

package/dist/webcomponents/{p-4645bc22.entry.js.map → p-35f43cf0.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["avatarCss","BrAvatarStyle0","Density","Avatar","this","iconSizes","small","height","width","medium","large","iconMarginTops","inheritedAttributes","Medium","connectedCallback","brDidConnect","emit","componentWillLoad","brWillLoad","inheritAriaAttributes","el","setIconSize","componentDidLoad","brDidLoad","componentWillRender","brWillRender","componentDidRender","brDidRender","componentShouldUpdate","brShouldUpdate","componentWillUpdate","brWillUpdate","componentDidUpdate","brDidUpdate","disconnectedCallback","brDidDisconnect","getCssClassMap","density","Small","Large","_a","image","trim","length","_b","text","size","iconHeight","iconWidth","adjustIconStyle","renderAvatar","h","class","title","toUpperCase","imageAlt","src","alt","loading","isIconic","style","render","Host","key","Object","assign"],"sources":["src/components/avatar/avatar.scss?tag=br-avatar&encapsulation=shadow","src/components/avatar/avatar.tsx"],"sourcesContent":["@import \"../../../../../node_modules/@govbr-ds/core/src/components/avatar/avatar\";\n\n:host {\n  display: block;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Prop, State } from '@stencil/core'\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\nimport { CssClassMap } from '../../utils/interfaces'\n\nenum Density {\n  Small = 'small',\n  Medium = 'medium',\n  Large = 'large',\n}\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/avatar?tab=designer).\n */\n@Component({\n  tag: 'br-avatar',\n  styleUrl: 'avatar.scss',\n  shadow: true,\n})\nexport class Avatar {\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: HTMLBrAvatarElement\n\n  /**\n   * Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.\n   */\n  @Prop() density: string = Density.Medium\n\n  /**\n   * URL da imagem a ser exibida no avatar do tipo 'fotográfico'.\n   * Deve ser uma URL válida que aponta para a imagem desejada.\n   */\n  @Prop() image: string\n\n  /**\n   * Texto alternativo (alt) associado à imagem do avatar. Essencial para acessibilidade e SEO.\n   * Deve descrever de forma clara e concisa o conteúdo da imagem, por exemplo: \"Foto de perfil de João Silva\".\n   */\n  @Prop() imageAlt = 'Imagem do avatar'\n\n  /**\n   * Indica se o avatar deve ser exibido como um ícone em vez de uma imagem fotográfica.\n   * Se definido como verdadeiro, o avatar será exibido como um ícone.\n   */\n  @Prop() isIconic: boolean = false\n\n  /**\n   * Texto exibido no avatar do tipo 'letra'.\n   * Esse texto será mostrado em vez de uma imagem e pode ser usado para representar iniciais ou outras informações textuais.\n   */\n  @Prop() text: string\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    this.setIconSize()\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  // Largura do ícone no avatar do tipo icônico\n  @State() iconWidth: string\n\n  // Altura do ícone no avatar do tipo icônico\n  @State() iconHeight: string\n\n  /**\n   * Gera um mapa de classes CSS com base nas propriedades do componente.\n   * O mapa de classes determina quais classes CSS devem ser aplicadas\n   * ao elemento host do componente, ajustando sua aparência.\n   *\n   * @returns {CssClassMap} Objeto contendo as classes CSS aplicadas.\n   */\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-avatar': true,\n      small: this.density === Density.Small,\n      medium: this.density === Density.Medium,\n      large: this.density === Density.Large,\n    }\n  }\n\n  /**\n   * Calcula o tamanho dos ícones de acordo com a classe de densidade\n   */\n  private readonly iconSizes = {\n    small: { height: '32', width: '40' },\n    medium: { height: '80', width: '88' },\n    large: { height: '128', width: '136' },\n  }\n\n  private setIconSize() {\n    if (this.image?.trim().length !== 0 && this.text?.trim().length !== 0) {\n      const size = this.iconSizes[this.density]\n      this.iconHeight = size.height\n      this.iconWidth = size.width\n    }\n  }\n\n  private readonly iconMarginTops = {\n    small: '0.7em',\n    medium: '1em',\n    large: '0.62em',\n  }\n\n  private adjustIconStyle(density: string) {\n    return this.iconMarginTops[density] || '1em'\n  }\n\n  private inheritedAttributes: Attributes = {}\n\n  private renderAvatar() {\n    if (this.text?.trim().length > 0) {\n      return (\n        <span class=\"content bg-support-01 text-pure-0\" title={this.text}>\n          {this.text[0].toUpperCase()}\n        </span>\n      )\n    }\n\n    if (this.image?.trim().length > 0) {\n      return (\n        <span class=\"content\" title={this.imageAlt || this.text}>\n          <img src={this.image} alt={this.imageAlt} loading=\"lazy\" />\n        </span>\n      )\n    }\n\n    if (this.isIconic) {\n      return (\n        <span class=\"content\" title={this.text}>\n          <br-icon\n            icon-name=\"fa-solid:user\"\n            height={this.iconHeight}\n            width={this.iconWidth}\n            aria-hidden=\"true\"\n            style={{ 'margin-top': this.adjustIconStyle(this.density) }}\n          ></br-icon>\n        </span>\n      )\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <span class={this.getCssClassMap()} {...this.inheritedAttributes}>\n          {this.renderAvatar()}\n        </span>\n      </Host>\n    )\n  }\n}\n"],"mappings":"oGAAA,MAAMA,EAAY,orUAClB,MAAAC,EAAeD,ECGf,IAAKE,GAAL,SAAKA,GACHA,EAAA,iBACAA,EAAA,mBACAA,EAAA,gBACD,EAJD,CAAKA,MAAO,K,MAcCC,EAAM,M,wZAwJAC,KAAAC,UAAY,CAC3BC,MAAO,CAAEC,OAAQ,KAAMC,MAAO,MAC9BC,OAAQ,CAAEF,OAAQ,KAAMC,MAAO,MAC/BE,MAAO,CAAEH,OAAQ,MAAOC,MAAO,QAWhBJ,KAAAO,eAAiB,CAChCL,MAAO,QACPG,OAAQ,MACRC,MAAO,UAODN,KAAAQ,oBAAkC,G,aAtKhBV,EAAQW,O,mCAYf,mB,cAMS,M,uEAa5B,iBAAAC,GACEV,KAAKW,aAAaC,M,CASpB,iBAAAC,GACEb,KAAKc,WAAWF,OAChBZ,KAAKQ,oBAAsBO,EAAsBf,KAAKgB,IACtDhB,KAAKiB,a,CASP,gBAAAC,GACElB,KAAKmB,UAAUP,M,CASjB,mBAAAQ,GACEpB,KAAKqB,aAAaT,M,CASpB,kBAAAU,GACEtB,KAAKuB,YAAYX,M,CASnB,qBAAAY,GACExB,KAAKyB,eAAeb,M,CAStB,mBAAAc,GACE1B,KAAK2B,aAAaf,M,CASpB,kBAAAgB,GACE5B,KAAK6B,YAAYjB,M,CASnB,oBAAAkB,GACE9B,KAAK+B,gBAAgBnB,M,CAgBf,cAAAoB,GACN,MAAO,CACL,YAAa,KACb9B,MAAOF,KAAKiC,UAAYnC,EAAQoC,MAChC7B,OAAQL,KAAKiC,UAAYnC,EAAQW,OACjCH,MAAON,KAAKiC,UAAYnC,EAAQqC,M,CAa5B,WAAAlB,G,QACN,KAAImB,EAAApC,KAAKqC,SAAK,MAAAD,SAAA,SAAAA,EAAEE,OAAOC,UAAW,KAAKC,EAAAxC,KAAKyC,QAAI,MAAAD,SAAA,SAAAA,EAAEF,OAAOC,UAAW,EAAG,CACrE,MAAMG,EAAO1C,KAAKC,UAAUD,KAAKiC,SACjCjC,KAAK2C,WAAaD,EAAKvC,OACvBH,KAAK4C,UAAYF,EAAKtC,K,EAUlB,eAAAyC,CAAgBZ,GACtB,OAAOjC,KAAKO,eAAe0B,IAAY,K,CAKjC,YAAAa,G,QACN,KAAIV,EAAApC,KAAKyC,QAAI,MAAAL,SAAA,SAAAA,EAAEE,OAAOC,QAAS,EAAG,CAChC,OACEQ,EAAA,QAAMC,MAAM,oCAAoCC,MAAOjD,KAAKyC,MACzDzC,KAAKyC,KAAK,GAAGS,c,CAKpB,KAAIV,EAAAxC,KAAKqC,SAAK,MAAAG,SAAA,SAAAA,EAAEF,OAAOC,QAAS,EAAG,CACjC,OACEQ,EAAA,QAAMC,MAAM,UAAUC,MAAOjD,KAAKmD,UAAYnD,KAAKyC,MACjDM,EAAA,OAAKK,IAAKpD,KAAKqC,MAAOgB,IAAKrD,KAAKmD,SAAUG,QAAQ,S,CAKxD,GAAItD,KAAKuD,SAAU,CACjB,OACER,EAAA,QAAMC,MAAM,UAAUC,MAAOjD,KAAKyC,MAChCM,EAAA,uBACY,gBACV5C,OAAQH,KAAK2C,WACbvC,MAAOJ,KAAK4C,UAAS,cACT,OACZY,MAAO,CAAE,aAAcxD,KAAK6C,gBAAgB7C,KAAKiC,Y,EAO3D,MAAAwB,GACE,OACEV,EAACW,EAAI,CAAAC,IAAA,4CACHZ,EAAA,OAAAa,OAAAC,OAAA,CAAAF,IAAA,2CAAMX,MAAOhD,KAAKgC,kBAAsBhC,KAAKQ,qBAC1CR,KAAK8C,gB","ignoreList":[]}
+{"version":3,"names":["avatarCss","BrAvatarStyle0","Density","Avatar","this","iconSizes","small","height","width","medium","large","iconMarginTops","inheritedAttributes","Medium","connectedCallback","brDidConnect","emit","componentWillLoad","brWillLoad","inheritAriaAttributes","el","setIconSize","componentDidLoad","brDidLoad","componentWillRender","brWillRender","componentDidRender","brDidRender","componentShouldUpdate","brShouldUpdate","componentWillUpdate","brWillUpdate","componentDidUpdate","brDidUpdate","disconnectedCallback","brDidDisconnect","getCssClassMap","density","Small","Large","_a","image","trim","length","_b","text","size","iconHeight","iconWidth","adjustIconStyle","renderAvatar","h","class","title","toUpperCase","imageAlt","src","alt","loading","isIconic","style","render","Host","key","Object","assign"],"sources":["src/components/avatar/avatar.scss?tag=br-avatar&encapsulation=shadow","src/components/avatar/avatar.tsx"],"sourcesContent":["@import \"../../../../../node_modules/@govbr-ds/core/src/components/avatar/avatar\";\n\n:host {\n  display: block;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Prop, State } from '@stencil/core'\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\nimport { CssClassMap } from '../../utils/interfaces'\n\nenum Density {\n  Small = 'small',\n  Medium = 'medium',\n  Large = 'large',\n}\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/avatar?tab=designer).\n */\n@Component({\n  tag: 'br-avatar',\n  styleUrl: 'avatar.scss',\n  shadow: true,\n})\nexport class Avatar {\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: HTMLBrAvatarElement\n\n  /**\n   * Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.\n   */\n  @Prop() density: string = Density.Medium\n\n  /**\n   * URL da imagem a ser exibida no avatar do tipo 'fotográfico'.\n   * Deve ser uma URL válida que aponta para a imagem desejada.\n   */\n  @Prop() image: string\n\n  /**\n   * Texto alternativo (alt) associado à imagem do avatar. Essencial para acessibilidade e SEO.\n   * Deve descrever de forma clara e concisa o conteúdo da imagem, por exemplo: \"Foto de perfil de João Silva\".\n   */\n  @Prop() imageAlt = 'Imagem do avatar'\n\n  /**\n   * Indica se o avatar deve ser exibido como um ícone em vez de uma imagem fotográfica.\n   * Se definido como verdadeiro, o avatar será exibido como um ícone.\n   */\n  @Prop() isIconic: boolean = false\n\n  /**\n   * Texto exibido no avatar do tipo 'letra'.\n   * Esse texto será mostrado em vez de uma imagem e pode ser usado para representar iniciais ou outras informações textuais.\n   */\n  @Prop() text: string\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    this.setIconSize()\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  // Largura do ícone no avatar do tipo icônico\n  @State() iconWidth: string\n\n  // Altura do ícone no avatar do tipo icônico\n  @State() iconHeight: string\n\n  /**\n   * Gera um mapa de classes CSS com base nas propriedades do componente.\n   * O mapa de classes determina quais classes CSS devem ser aplicadas\n   * ao elemento host do componente, ajustando sua aparência.\n   *\n   * @returns {CssClassMap} Objeto contendo as classes CSS aplicadas.\n   */\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-avatar': true,\n      small: this.density === Density.Small,\n      medium: this.density === Density.Medium,\n      large: this.density === Density.Large,\n    }\n  }\n\n  /**\n   * Calcula o tamanho dos ícones de acordo com a classe de densidade\n   */\n  private readonly iconSizes = {\n    small: { height: '32', width: '40' },\n    medium: { height: '80', width: '88' },\n    large: { height: '128', width: '136' },\n  }\n\n  private setIconSize() {\n    if (this.image?.trim().length !== 0 && this.text?.trim().length !== 0) {\n      const size = this.iconSizes[this.density]\n      this.iconHeight = size.height\n      this.iconWidth = size.width\n    }\n  }\n\n  private readonly iconMarginTops = {\n    small: '0.7em',\n    medium: '1em',\n    large: '0.62em',\n  }\n\n  private adjustIconStyle(density: string) {\n    return this.iconMarginTops[density] || '1em'\n  }\n\n  private inheritedAttributes: Attributes = {}\n\n  private renderAvatar() {\n    if (this.text?.trim().length > 0) {\n      return (\n        <span class=\"content bg-support-01 text-pure-0\" title={this.text}>\n          {this.text[0].toUpperCase()}\n        </span>\n      )\n    }\n\n    if (this.image?.trim().length > 0) {\n      return (\n        <span class=\"content\" title={this.imageAlt || this.text}>\n          <img src={this.image} alt={this.imageAlt} loading=\"lazy\" />\n        </span>\n      )\n    }\n\n    if (this.isIconic) {\n      return (\n        <span class=\"content\" title={this.text}>\n          <br-icon\n            icon-name=\"fa-solid:user\"\n            height={this.iconHeight}\n            width={this.iconWidth}\n            aria-hidden=\"true\"\n            style={{ 'margin-top': this.adjustIconStyle(this.density) }}\n          ></br-icon>\n        </span>\n      )\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <span class={this.getCssClassMap()} {...this.inheritedAttributes}>\n          {this.renderAvatar()}\n        </span>\n      </Host>\n    )\n  }\n}\n"],"mappings":"oGAAA,MAAMA,EAAY,+3TAClB,MAAAC,EAAeD,ECGf,IAAKE,GAAL,SAAKA,GACHA,EAAA,iBACAA,EAAA,mBACAA,EAAA,gBACD,EAJD,CAAKA,MAAO,K,MAcCC,EAAM,M,wZAwJAC,KAAAC,UAAY,CAC3BC,MAAO,CAAEC,OAAQ,KAAMC,MAAO,MAC9BC,OAAQ,CAAEF,OAAQ,KAAMC,MAAO,MAC/BE,MAAO,CAAEH,OAAQ,MAAOC,MAAO,QAWhBJ,KAAAO,eAAiB,CAChCL,MAAO,QACPG,OAAQ,MACRC,MAAO,UAODN,KAAAQ,oBAAkC,G,aAtKhBV,EAAQW,O,mCAYf,mB,cAMS,M,uEAa5B,iBAAAC,GACEV,KAAKW,aAAaC,M,CASpB,iBAAAC,GACEb,KAAKc,WAAWF,OAChBZ,KAAKQ,oBAAsBO,EAAsBf,KAAKgB,IACtDhB,KAAKiB,a,CASP,gBAAAC,GACElB,KAAKmB,UAAUP,M,CASjB,mBAAAQ,GACEpB,KAAKqB,aAAaT,M,CASpB,kBAAAU,GACEtB,KAAKuB,YAAYX,M,CASnB,qBAAAY,GACExB,KAAKyB,eAAeb,M,CAStB,mBAAAc,GACE1B,KAAK2B,aAAaf,M,CASpB,kBAAAgB,GACE5B,KAAK6B,YAAYjB,M,CASnB,oBAAAkB,GACE9B,KAAK+B,gBAAgBnB,M,CAgBf,cAAAoB,GACN,MAAO,CACL,YAAa,KACb9B,MAAOF,KAAKiC,UAAYnC,EAAQoC,MAChC7B,OAAQL,KAAKiC,UAAYnC,EAAQW,OACjCH,MAAON,KAAKiC,UAAYnC,EAAQqC,M,CAa5B,WAAAlB,G,QACN,KAAImB,EAAApC,KAAKqC,SAAK,MAAAD,SAAA,SAAAA,EAAEE,OAAOC,UAAW,KAAKC,EAAAxC,KAAKyC,QAAI,MAAAD,SAAA,SAAAA,EAAEF,OAAOC,UAAW,EAAG,CACrE,MAAMG,EAAO1C,KAAKC,UAAUD,KAAKiC,SACjCjC,KAAK2C,WAAaD,EAAKvC,OACvBH,KAAK4C,UAAYF,EAAKtC,K,EAUlB,eAAAyC,CAAgBZ,GACtB,OAAOjC,KAAKO,eAAe0B,IAAY,K,CAKjC,YAAAa,G,QACN,KAAIV,EAAApC,KAAKyC,QAAI,MAAAL,SAAA,SAAAA,EAAEE,OAAOC,QAAS,EAAG,CAChC,OACEQ,EAAA,QAAMC,MAAM,oCAAoCC,MAAOjD,KAAKyC,MACzDzC,KAAKyC,KAAK,GAAGS,c,CAKpB,KAAIV,EAAAxC,KAAKqC,SAAK,MAAAG,SAAA,SAAAA,EAAEF,OAAOC,QAAS,EAAG,CACjC,OACEQ,EAAA,QAAMC,MAAM,UAAUC,MAAOjD,KAAKmD,UAAYnD,KAAKyC,MACjDM,EAAA,OAAKK,IAAKpD,KAAKqC,MAAOgB,IAAKrD,KAAKmD,SAAUG,QAAQ,S,CAKxD,GAAItD,KAAKuD,SAAU,CACjB,OACER,EAAA,QAAMC,MAAM,UAAUC,MAAOjD,KAAKyC,MAChCM,EAAA,uBACY,gBACV5C,OAAQH,KAAK2C,WACbvC,MAAOJ,KAAK4C,UAAS,cACT,OACZY,MAAO,CAAE,aAAcxD,KAAK6C,gBAAgB7C,KAAKiC,Y,EAO3D,MAAAwB,GACE,OACEV,EAACW,EAAI,CAAAC,IAAA,4CACHZ,EAAA,OAAAa,OAAAC,OAAA,CAAAF,IAAA,2CAAMX,MAAOhD,KAAKgC,kBAAsBhC,KAAKQ,qBAC1CR,KAAK8C,gB","ignoreList":[]}

package/dist/webcomponents/p-3bbf9a07.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as r,H as e,g as a}from"./p-8dfeb926.js";import{i as o}from"./p-ee6f4f3f.js";import{v as s}from"./p-14616bce.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}small{font-size:80%}img{border-style:none}button,input,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{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}.container{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:flex;flex-wrap:wrap;margin-left:calc(var(--grid-gutter) * -0.5);margin-right:calc(var(--grid-gutter) * -0.5)}@media (min-width: 576px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media (min-width: 992px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mr-2{margin-right:var(--spacing-scale-base) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half);color:var(--interactive);text-decoration:none}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image: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,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.bg-support-01{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background:var(--color-support-01) !important}.text-nowrap{white-space:nowrap !important}.text-base{font-size:var(--font-size-scale-base) !important}.highlight{background:var(--status-highlight-background) 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-switch{--switch-height:var(--switch-height-medium);--switch-width:var(--switch-width-medium);--switch-toggle-size:var(--switch-toggle-medium);--switch-icon-size:var(--switch-icon-medium);--switch-height-small:24px;--switch-height-medium:30px;--switch-height-large:36px;--switch-width-small:40px;--switch-width-medium:52px;--switch-width-large:64px;--switch-toggle-small:16px;--switch-toggle-medium:22px;--switch-toggle-large:28px;--switch-icon-small:var(--icon-size-xs);--switch-icon-medium:var(--icon-size-sm);--switch-icon-large:var(--icon-size-base);display:inline-flex;min-height:var(--switch-height);}.br-switch input{opacity:0;position:absolute}.br-switch input+label{align-items:center;color:var(--color);cursor:pointer;display:inline-flex;font-size:var(--font-size-scale-base);margin-bottom:0;position:relative}.br-switch input+label::before{background:var(--background-light);border:1px solid var(--border-color);border-radius:100em;content:"";height:var(--switch-height);position:absolute;width:var(--switch-width)}.br-switch input+label::after{background-color:var(--off);border-radius:50%;content:"";height:var(--switch-toggle-size);position:absolute;transition:all 0.3s ease-in-out;width:var(--switch-toggle-size)}.br-switch input:checked+label::after{background-color:var(--on)}.br-switch input+label{padding-right:calc(var(--spacing-scale-2x) + var(--switch-width))}.br-switch input+label:empty{padding-right:var(--switch-width)}.br-switch input+label::before{right:0}.br-switch input+label::after{right:calc(4px + var(--switch-toggle-size))}.br-switch input:checked+label::after{right:4px}.br-switch.right input+label{padding-left:calc(var(--spacing-scale-2x) + var(--switch-width));padding-right:0}.br-switch.right input+label::before{left:0}.br-switch.right input+label::after{left:4px}.br-switch.right input:checked+label::after{left:calc(var(--switch-width) - var(--switch-toggle-size) - 4px)}.br-switch.top{min-height:calc(var(--switch-height) * 2)}.br-switch.top input+label{align-items:flex-start;padding-right:0}.br-switch.top input+label::before{bottom:0;left:0}.br-switch.top input+label::after{bottom:4px;left:4px}.br-switch.top input:checked+label::after{left:calc(var(--switch-width) - var(--switch-toggle-size) - 4px)}.br-switch.small{--switch-height:var(--switch-height-small);--switch-width:var(--switch-width-small);--switch-toggle-size:var(--switch-toggle-small);--switch-icon-size:var(--switch-icon-small)}.br-switch.medium{--switch-height:var(--switch-height-medium);--switch-width:var(--switch-width-medium);--switch-toggle-size:var(--switch-toggle-medium);--switch-icon-size:var(--switch-icon-medium)}.br-switch.large{--switch-height:var(--switch-height-large);--switch-width:var(--switch-width-large);--switch-toggle-size:var(--switch-toggle-large);--switch-icon-size:var(--switch-icon-large)}.br-switch input~.switch-data{align-self:center;color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);margin-left:8px}.br-switch input~.switch-data::before{content:attr(data-disabled)}.br-switch input:checked~.switch-data{color:var(--color)}.br-switch input:checked~.switch-data::before{content:attr(data-enabled)}.br-switch.icon input+label::after{align-items:center;color:var(--color-dark);content:"\\f00d";display:inline-flex;font-family:"Font Awesome 5 Free", sans-serif;font-size:var(--switch-icon-size);font-weight:var(--font-weight-black);justify-content:center}.br-switch.icon input:checked+label::after{content:"\\f00c"}.br-switch input:focus-visible+label::before{border-color:var(--focus) !important;box-shadow:0 0 0 var(--surface-width-md) var(--focus);outline:none}.br-switch input:hover:not([disabled]):checked+label::before{background-image:linear-gradient(rgba(var(--on-rgb), var(--hover)), rgba(var(--on-rgb), var(--hover)))}.br-switch input:hover:not([disabled]):not(:checked)+label::before{background-image:linear-gradient(rgba(var(--off-rgb), var(--hover)), rgba(var(--off-rgb), var(--hover)))}.br-switch input:active:not([disabled]):checked+label::before{background-image:linear-gradient(rgba(var(--on-rgb), var(--pressed)), rgba(var(--on-rgb), var(--pressed)))}.br-switch input:active:not([disabled]):not(:checked)+label::before{background-image:linear-gradient(rgba(var(--off-rgb), var(--pressed)), rgba(var(--off-rgb), var(--pressed)))}.br-switch.dark-mode,.br-switch.dark-mode label{color:var(--color-dark)}:host{display:block}';const c=n;const l=class{constructor(r){t(this,r);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.brDidCheckedChange=i(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._idDefault=`br-switch-${s()}`;this.handleCheckedChange=t=>{this._checkedValue=t.target.checked;this.brDidCheckedChange.emit(this._checkedValue)};this.inheritedAttributes={};this.disabled=false;this.checked=false;this.customId=undefined;this.label=undefined;this.labelPosition="left";this.labelOn=null;this.labelOff=null;this.hasIcon=false;this.name=undefined;this.value=undefined;this.density=null;this._slotDefault=false;this._checkedValue=undefined}connectedCallback(){this.brDidConnect.emit()}componentWillLoad(){this._hasSlotContentDefault();this._checkedValue=this.checked;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])}_hasSlotContentDefault(){this._slotDefault=this.el.innerHTML!==""}async toggleChecked(){this._checkedValue=!this._checkedValue;this.brDidCheckedChange.emit(this._checkedValue)}_getComputedId(){var t;return((t=this.customId)===null||t===void 0?void 0:t.length)>0?this.customId:this._idDefault}getCssClassMap(){return{"br-switch":true,icon:this.hasIcon,top:this.labelPosition==="top",right:this.labelPosition==="right",large:this.density==="large",small:this.density==="small"}}render(){return r(e,{key:"d2cc950b9044ce062e96f3b1dd9eda0829d02b9e"},r("div",Object.assign({key:"8783b57e8133cb0f53354cf48eee863123c4197b",class:this.getCssClassMap()},this.inheritedAttributes),r("input",{key:"396d817ecc1dca472abb3e95fe5869f266047dcc",id:this._getComputedId(),type:"checkbox",name:this.name,checked:this._checkedValue,disabled:this.disabled,role:"switch","aria-checked":this._checkedValue.toString(),"aria-disabled":this.disabled?"true":null,onChange:this.handleCheckedChange}),r("label",{key:"b0c4dff57a94c2661859b18a9e55ee8a77d541a6",htmlFor:this._getComputedId()},this._slotDefault?r("slot",null):this.label),this.labelOn&&this.labelOff&&r("div",{key:"18f77feda3016dcd4c645cedd943312dcaa0db1a",class:"switch-data","data-enabled":this.labelOn,"data-disabled":this.labelOff})))}static get formAssociated(){return true}get el(){return a(this)}};l.style=c;export{l as br_switch};
+//# sourceMappingURL=p-3bbf9a07.entry.js.map

package/dist/webcomponents/{p-2bc17aba.entry.js.map → p-3bbf9a07.entry.js.map}

@@ -1 +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 *  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,gyYAClB,MAAAC,EAAeD,E,MCcFE,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":[]}
+{"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 *  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,2+XAClB,MAAAC,EAAeD,E,MCcFE,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-70216f4a.entry.js

@@ -0,0 +1,13 @@
+import{r as t,c as r,h as e,H as o,g as i}from"./p-8dfeb926.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}small{font-size:80%}img{border-style:none}button,input,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{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}.container{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:flex;flex-wrap:wrap;margin-left:calc(var(--grid-gutter) * -0.5);margin-right:calc(var(--grid-gutter) * -0.5)}@media (min-width: 576px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media (min-width: 992px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mr-2{margin-right:var(--spacing-scale-base) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half);color:var(--interactive);text-decoration:none}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image: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,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.bg-support-01{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background:var(--color-support-01) !important}.text-nowrap{white-space:nowrap !important}.text-base{font-size:var(--font-size-scale-base) !important}.highlight{background:var(--status-highlight-background) 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="8"] .br-loading-mask.full,.loading[data-progress="8"] .br-loading-fill,.br-loading[data-progress="8"] .br-loading-mask.full,.br-loading[data-progress="8"] .br-loading-fill{animation:fill ease-in-out 2s;transform:rotate(14.4deg)}.loading[data-progress="10"] .br-loading-mask.full,.loading[data-progress="10"] .br-loading-fill,.br-loading[data-progress="10"] .br-loading-mask.full,.br-loading[data-progress="10"] .br-loading-fill{animation:fill ease-in-out 2s;transform:rotate(18deg)}.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 g=Object.freeze({...c,...d});const u=Object.freeze({...g,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 w(t,r){for(const e in m){if(t[e]!==r[e]){return true}}return false}const y=/^[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(y))&&(r&&t.prefix===""||t.prefix.match(y))&&t.name.match(y))};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 u){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(y)||typeof r.body!=="string"||!I(r,u)){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(y)||typeof i!=="string"||!e[i]&&!o[i]||!I(r,u)){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?{...g,...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 g=null;let u=[];let f=[];if(typeof o==="function"){f.push(o)}function b(){if(g){clearTimeout(g);g=null}}function h(){if(l==="pending"){l="aborted"}b();u.forEach((t=>{if(t.status==="pending"){t.status="aborted"}}));u=[]}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:u.length,subscribe:p,abort:h}}function m(){l="failed";f.forEach((t=>{t(void 0,d)}))}function k(){u.forEach((t=>{if(t.status==="pending"){t.status="aborted"}}));u=[]}function w(r,e,o){const i=e!=="success";u=u.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(!u.length){if(!a.length){m()}else{y()}}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 y(){if(l!=="pending"){return}b();const o=a.shift();if(o===void 0){if(u.length){g=setTimeout((()=>{b();if(l==="pending"){k();m()}}),t.timeout);return}m();return}const i={status:"pending",resource:o,callback:(t,r)=>{w(i,t,r)}};u.push(i);c++;g=setTimeout(y,t.rotate);e(o,r,i.callback)}setTimeout(y);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 gt=Object.create(null);function ut(t){if(!gt[t]){const r=lt(t);if(!r){return}const e=et(r);const o={config:r,redundancy:e};gt[t]=o}return gt[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=ut(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 wt=50;function yt(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(yt(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=yt(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=yt(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>=wt||!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({...g,...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={...g,...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 u;if(a===null){u=s===null?"1em":s==="auto"?c:s;d=Qt(u,l/c)}else{d=a==="auto"?l:a;u=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",u);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 gr=(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 ur={prepare:cr,send:gr};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("",ur);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 wr={"background-color":"transparent"};const yr={image:"var(--svg)",repeat:"no-repeat",size:"100% 100%"};const xr={"-webkit-mask":kr,mask:kr,background:wr};for(const t in xr){const r=xr[t];for(const e in yr){r[t+"-"+e]=yr[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:wr};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,{...g,...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||w(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}small{font-size:80%}img{border-style:none}button,input,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{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}.container{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:flex;flex-wrap:wrap;margin-left:calc(var(--grid-gutter) * -0.5);margin-right:calc(var(--grid-gutter) * -0.5)}@media (min-width: 576px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media (min-width: 992px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mr-2{margin-right:var(--spacing-scale-base) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half);color:var(--interactive);text-decoration:none}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image: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,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.bg-support-01{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background:var(--color-support-01) !important}.text-nowrap{white-space:nowrap !important}.text-base{font-size:var(--font-size-scale-base) !important}.highlight{background:var(--status-highlight-background) 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-70216f4a.entry.js.map