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

package/dist/types/components.d.ts

@@ -35,10 +35,6 @@ export namespace Components {
      * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/button?tab=designer).
      */
     interface BrButton {
-        /**
-          * Se definido como verdadeiro, o botão receberá foco automaticamente ao ser renderizado.
-         */
-        "autofocus": boolean;
         /**
           * Define se o botão usará um esquema de cores escuro.
          */
@@ -121,6 +117,25 @@ export namespace Components {
          */
         "value": any;
     }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/dropdown?tab=designer).
+     */
+    interface BrDropdown {
+        /**
+          * Esconde o dropdown. Define a propriedade `isOpen` como falsa e retorna o novo estado. Este método é marcado com
+          * @Method () para que possa ser chamado externamente.
+         */
+        "hide": () => Promise<{ isOpen: boolean; }>;
+        /**
+          * Indica se o dropdown está aberto ou fechado. Esta propriedade é refletida no DOM e pode ser alterada externamente. O valor padrão é falso (fechado).
+         */
+        "isOpen": boolean;
+        /**
+          * Abre o dropdown. Define a propriedade `isOpen` como verdadeira e retorna o novo estado. Este método é marcado com
+          * @Method () para que possa ser chamado externamente.
+         */
+        "open": () => Promise<{ isOpen: boolean; }>;
+    }
     /**
      * O componente `br-icon` fornece uma maneira flexível e dinâmica de incorporar ícones nas aplicações.
      * Utilizando a biblioteca Iconify, ele permite o uso de uma ampla variedade de ícones.
@@ -132,13 +147,13 @@ export namespace Components {
      */
     interface BrIcon {
         /**
-          * Nome do ícone a ser exibido, utilizando a biblioteca Iconify. Este nome deve corresponder ao nome do ícone definido na biblioteca para que ele seja exibido corretamente.
+          * Permite adicionar classes CSS adicionais ao ícone. Use esta propriedade para aplicar estilos personalizados ao ícone, além dos estilos padrão.
          */
-        "IconName": string;
+        "CssClasses"?: string;
         /**
-          * Permite adicionar classes CSS adicionais ao ícone. Use esta propriedade para aplicar estilos personalizados ao ícone, além dos estilos padrão.
+          * Nome do ícone a ser exibido, utilizando a biblioteca Iconify. Este nome deve corresponder ao nome do ícone definido na biblioteca para que ele seja exibido corretamente.
          */
-        "class"?: string;
+        "IconName": string;
         /**
           * Define o tipo de espelhamento do ícone. Aceita valores como "horizontal" para espelhar o ícone horizontalmente, "vertical" para espelhar verticalmente, ou ambos.
          */
@@ -168,10 +183,6 @@ export namespace Components {
           * Controla o comportamento de preenchimento automático do navegador para o input.
          */
         "autocomplete": 'on' | 'off';
-        /**
-          * Se definido como verdadeiro, o input receberá foco automaticamente ao ser renderizado.
-         */
-        "autofocus": boolean;
         /**
           * Se verdadeiro, o input indica um estado de validação com erro.
          */
@@ -254,6 +265,10 @@ export namespace Components {
      * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/item?tab=designer).
      */
     interface BrItem {
+        /**
+          * Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.
+         */
+        "density": 'large' | 'middle' | 'small';
         /**
           * Desativa o item, tornando-o não interativo.
          */
@@ -291,6 +306,23 @@ export namespace Components {
          */
         "value"?: string;
     }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/list?tab=designer).
+     */
+    interface BrList {
+        /**
+          * Indica que o divider para o título da lista estará oculto.
+         */
+        "hideHeaderDivider": boolean;
+        /**
+          * Indica se a lista será horizontal. Por padrão, a lista é vertical.
+         */
+        "isHorizontal": boolean;
+        /**
+          * Define o título para a lista.
+         */
+        "listTitle": string;
+    }
     /**
      * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/loading?tab=designer).
      */
@@ -361,8 +393,6 @@ export namespace Components {
           * Desativa o radio, tornando-o não interativo.
          */
         "disabled": boolean;
-        "handleClick": () => Promise<void>;
-        "handleKeyDown": (event: KeyboardEvent) => Promise<void>;
         /**
           * Define se o label associado ao radio deve ser oculto. Se definido como verdadeiro, o texto do label será oculto, mas o radio ainda estará visível e funcional.
          */
@@ -454,6 +484,10 @@ export interface BrCheckboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBrCheckboxElement;
 }
+export interface BrDropdownCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBrDropdownElement;
+}
 export interface BrIconCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBrIconElement;
@@ -466,6 +500,10 @@ export interface BrItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBrItemElement;
 }
+export interface BrListCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBrListElement;
+}
 export interface BrLoadingCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBrLoadingElement;
@@ -576,6 +614,39 @@ declare global {
         prototype: HTMLBrCheckboxElement;
         new (): HTMLBrCheckboxElement;
     };
+    interface HTMLBrDropdownElementEventMap {
+        "brDidConnect": void;
+        "brWillLoad": void;
+        "brDidLoad": void;
+        "brWillRender": void;
+        "brDidRender": void;
+        "brShouldUpdate": void;
+        "brWillUpdate": void;
+        "brDidUpdate": void;
+        "brDidDisconnect": void;
+        "brFormAssociatedCallback": FormData;
+        "brFormDisabledCallback": boolean;
+        "brFormResetCallback": void;
+        "brFormStateRestoreCallback": [state: string, _mode: string];
+        "brDropdownChange": { 'is-opened': boolean };
+    }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/dropdown?tab=designer).
+     */
+    interface HTMLBrDropdownElement extends Components.BrDropdown, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBrDropdownElementEventMap>(type: K, listener: (this: HTMLBrDropdownElement, ev: BrDropdownCustomEvent<HTMLBrDropdownElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLBrDropdownElementEventMap>(type: K, listener: (this: HTMLBrDropdownElement, ev: BrDropdownCustomEvent<HTMLBrDropdownElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLBrDropdownElement: {
+        prototype: HTMLBrDropdownElement;
+        new (): HTMLBrDropdownElement;
+    };
     interface HTMLBrIconElementEventMap {
         "brDidConnect": void;
         "brWillLoad": void;
@@ -677,6 +748,38 @@ declare global {
         prototype: HTMLBrItemElement;
         new (): HTMLBrItemElement;
     };
+    interface HTMLBrListElementEventMap {
+        "brDidConnect": void;
+        "brWillLoad": void;
+        "brDidLoad": void;
+        "brWillRender": void;
+        "brDidRender": void;
+        "brShouldUpdate": void;
+        "brWillUpdate": void;
+        "brDidUpdate": void;
+        "brDidDisconnect": void;
+        "brFormAssociatedCallback": FormData;
+        "brFormDisabledCallback": boolean;
+        "brFormResetCallback": void;
+        "brFormStateRestoreCallback": [state: string, _mode: string];
+    }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/list?tab=designer).
+     */
+    interface HTMLBrListElement extends Components.BrList, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLBrListElementEventMap>(type: K, listener: (this: HTMLBrListElement, ev: BrListCustomEvent<HTMLBrListElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLBrListElementEventMap>(type: K, listener: (this: HTMLBrListElement, ev: BrListCustomEvent<HTMLBrListElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLBrListElement: {
+        prototype: HTMLBrListElement;
+        new (): HTMLBrListElement;
+    };
     interface HTMLBrLoadingElementEventMap {
         "brDidConnect": void;
         "brWillLoad": void;
@@ -804,9 +907,11 @@ declare global {
         "br-avatar": HTMLBrAvatarElement;
         "br-button": HTMLBrButtonElement;
         "br-checkbox": HTMLBrCheckboxElement;
+        "br-dropdown": HTMLBrDropdownElement;
         "br-icon": HTMLBrIconElement;
         "br-input": HTMLBrInputElement;
         "br-item": HTMLBrItemElement;
+        "br-list": HTMLBrListElement;
         "br-loading": HTMLBrLoadingElement;
         "br-message": HTMLBrMessageElement;
         "br-radio": HTMLBrRadioElement;
@@ -879,10 +984,6 @@ declare namespace LocalJSX {
      * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/button?tab=designer).
      */
     interface BrButton {
-        /**
-          * Se definido como verdadeiro, o botão receberá foco automaticamente ao ser renderizado.
-         */
-        "autofocus"?: boolean;
         /**
           * Define se o botão usará um esquema de cores escuro.
          */
@@ -1077,6 +1178,75 @@ declare namespace LocalJSX {
          */
         "value"?: any;
     }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/dropdown?tab=designer).
+     */
+    interface BrDropdown {
+        /**
+          * Indica se o dropdown está aberto ou fechado. Esta propriedade é refletida no DOM e pode ser alterada externamente. O valor padrão é falso (fechado).
+         */
+        "isOpen"?: boolean;
+        /**
+          * 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.
+         */
+        "onBrDidConnect"?: (event: BrDropdownCustomEvent<void>) => void;
+        /**
+          * Emite um evento quando o componente é desconectado do DOM. Utilize este evento para realizar a limpeza ou outras ações necessárias quando o componente é removido. Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#disconnectedcallback) para mais detalhes.
+         */
+        "onBrDidDisconnect"?: (event: BrDropdownCustomEvent<void>) => void;
+        /**
+          * Emite um evento após o componente ter sido carregado pela primeira vez. Utilize este evento para realizar ações que devem ocorrer depois que o componente foi totalmente carregado. Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidload) para mais detalhes.
+         */
+        "onBrDidLoad"?: (event: BrDropdownCustomEvent<void>) => void;
+        /**
+          * Emite um evento após o componente ter sido renderizado. Utilize este evento para executar ações que devem ocorrer após a renderização do componente. Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidrender) para mais detalhes.
+         */
+        "onBrDidRender"?: (event: BrDropdownCustomEvent<void>) => void;
+        /**
+          * Emite um evento após o componente ter sido atualizado. Utilize este evento para realizar ações após a atualização do componente. Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidupdate) para mais detalhes.
+         */
+        "onBrDidUpdate"?: (event: BrDropdownCustomEvent<void>) => void;
+        /**
+          * Evento emitido quando o estado do dropdown muda.
+         */
+        "onBrDropdownChange"?: (event: BrDropdownCustomEvent<{ 'is-opened': boolean }>) => void;
+        /**
+          * Emite um evento quando o componente é associado ou removido de um `<form>`. Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formassociatedcallback) para mais detalhes.
+          * @param form - Dados do formulário associado.
+         */
+        "onBrFormAssociatedCallback"?: (event: BrDropdownCustomEvent<FormData>) => void;
+        /**
+          * Emite um evento quando o estado `disabled` do componente muda dentro de um `<form>`. Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formdisabledcallback) para mais informações.
+          * @param disabled - Novo estado `disabled` do componente dentro do formulário.
+         */
+        "onBrFormDisabledCallback"?: (event: BrDropdownCustomEvent<boolean>) => void;
+        /**
+          * Emite um evento quando um `<form>` é resetado. Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formresetcallback) para mais detalhes.
+         */
+        "onBrFormResetCallback"?: (event: BrDropdownCustomEvent<void>) => void;
+        /**
+          * Emite um evento quando o navegador preenche automaticamente os campos de um `<form>`. Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formstaterestorecallback) para mais informações.
+          * @param state - Estado restaurado do formulário.
+          * @param _mode - Modo de preenchimento automático do navegador.
+         */
+        "onBrFormStateRestoreCallback"?: (event: BrDropdownCustomEvent<[state: string, _mode: string]>) => void;
+        /**
+          * Emite um evento para indicar se o componente deve ser atualizado ou não. Este evento é chamado antes de qualquer atualização do componente para decidir se a atualização deve prosseguir. Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentshouldupdate) para mais detalhes.
+         */
+        "onBrShouldUpdate"?: (event: BrDropdownCustomEvent<void>) => void;
+        /**
+          * Emite um evento antes que o componente seja carregado pela primeira vez. Utilize este evento para realizar tarefas de inicialização antes do componente ser exibido. Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillload) para mais detalhes.
+         */
+        "onBrWillLoad"?: (event: BrDropdownCustomEvent<void>) => void;
+        /**
+          * Emite um evento antes do componente ser renderizado. Utilize este evento para preparar o componente antes de sua renderização. Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillrender) para mais detalhes.
+         */
+        "onBrWillRender"?: (event: BrDropdownCustomEvent<void>) => void;
+        /**
+          * Emite um evento antes de o componente ser atualizado. Utilize este evento para realizar ações preparatórias antes da atualização do componente. Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillupdate) para mais detalhes.
+         */
+        "onBrWillUpdate"?: (event: BrDropdownCustomEvent<void>) => void;
+    }
     /**
      * O componente `br-icon` fornece uma maneira flexível e dinâmica de incorporar ícones nas aplicações.
      * Utilizando a biblioteca Iconify, ele permite o uso de uma ampla variedade de ícones.
@@ -1088,13 +1258,13 @@ declare namespace LocalJSX {
      */
     interface BrIcon {
         /**
-          * Nome do ícone a ser exibido, utilizando a biblioteca Iconify. Este nome deve corresponder ao nome do ícone definido na biblioteca para que ele seja exibido corretamente.
+          * Permite adicionar classes CSS adicionais ao ícone. Use esta propriedade para aplicar estilos personalizados ao ícone, além dos estilos padrão.
          */
-        "IconName"?: string;
+        "CssClasses"?: string;
         /**
-          * Permite adicionar classes CSS adicionais ao ícone. Use esta propriedade para aplicar estilos personalizados ao ícone, além dos estilos padrão.
+          * Nome do ícone a ser exibido, utilizando a biblioteca Iconify. Este nome deve corresponder ao nome do ícone definido na biblioteca para que ele seja exibido corretamente.
          */
-        "class"?: string;
+        "IconName"?: string;
         /**
           * Define o tipo de espelhamento do ícone. Aceita valores como "horizontal" para espelhar o ícone horizontalmente, "vertical" para espelhar verticalmente, ou ambos.
          */
@@ -1160,10 +1330,6 @@ declare namespace LocalJSX {
           * Controla o comportamento de preenchimento automático do navegador para o input.
          */
         "autocomplete"?: 'on' | 'off';
-        /**
-          * Se definido como verdadeiro, o input receberá foco automaticamente ao ser renderizado.
-         */
-        "autofocus"?: boolean;
         /**
           * Se verdadeiro, o input indica um estado de validação com erro.
          */
@@ -1306,6 +1472,10 @@ declare namespace LocalJSX {
      * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/item?tab=designer).
      */
     interface BrItem {
+        /**
+          * Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.
+         */
+        "density"?: 'large' | 'middle' | 'small';
         /**
           * Desativa o item, tornando-o não interativo.
          */
@@ -1407,6 +1577,79 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    /**
+     * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/list?tab=designer).
+     */
+    interface BrList {
+        /**
+          * Indica que o divider para o título da lista estará oculto.
+         */
+        "hideHeaderDivider"?: boolean;
+        /**
+          * Indica se a lista será horizontal. Por padrão, a lista é vertical.
+         */
+        "isHorizontal"?: boolean;
+        /**
+          * Define o título para a lista.
+         */
+        "listTitle"?: string;
+        /**
+          * 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.
+         */
+        "onBrDidConnect"?: (event: BrListCustomEvent<void>) => void;
+        /**
+          * Emite um evento quando o componente é desconectado do DOM. Utilize este evento para realizar a limpeza ou outras ações necessárias quando o componente é removido. Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#disconnectedcallback) para mais detalhes.
+         */
+        "onBrDidDisconnect"?: (event: BrListCustomEvent<void>) => void;
+        /**
+          * Emite um evento após o componente ter sido carregado pela primeira vez. Utilize este evento para realizar ações que devem ocorrer depois que o componente foi totalmente carregado. Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidload) para mais detalhes.
+         */
+        "onBrDidLoad"?: (event: BrListCustomEvent<void>) => void;
+        /**
+          * Emite um evento após o componente ter sido renderizado. Utilize este evento para executar ações que devem ocorrer após a renderização do componente. Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidrender) para mais detalhes.
+         */
+        "onBrDidRender"?: (event: BrListCustomEvent<void>) => void;
+        /**
+          * Emite um evento após o componente ter sido atualizado. Utilize este evento para realizar ações após a atualização do componente. Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidupdate) para mais detalhes.
+         */
+        "onBrDidUpdate"?: (event: BrListCustomEvent<void>) => void;
+        /**
+          * Emite um evento quando o componente é associado ou removido de um `<form>`. Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formassociatedcallback) para mais detalhes.
+          * @param form - Dados do formulário associado.
+         */
+        "onBrFormAssociatedCallback"?: (event: BrListCustomEvent<FormData>) => void;
+        /**
+          * Emite um evento quando o estado `disabled` do componente muda dentro de um `<form>`. Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formdisabledcallback) para mais informações.
+          * @param disabled - Novo estado `disabled` do componente dentro do formulário.
+         */
+        "onBrFormDisabledCallback"?: (event: BrListCustomEvent<boolean>) => void;
+        /**
+          * Emite um evento quando um `<form>` é resetado. Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formresetcallback) para mais detalhes.
+         */
+        "onBrFormResetCallback"?: (event: BrListCustomEvent<void>) => void;
+        /**
+          * Emite um evento quando o navegador preenche automaticamente os campos de um `<form>`. Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formstaterestorecallback) para mais informações.
+          * @param state - Estado restaurado do formulário.
+          * @param _mode - Modo de preenchimento automático do navegador.
+         */
+        "onBrFormStateRestoreCallback"?: (event: BrListCustomEvent<[state: string, _mode: string]>) => void;
+        /**
+          * Emite um evento para indicar se o componente deve ser atualizado ou não. Este evento é chamado antes de qualquer atualização do componente para decidir se a atualização deve prosseguir. Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentshouldupdate) para mais detalhes.
+         */
+        "onBrShouldUpdate"?: (event: BrListCustomEvent<void>) => void;
+        /**
+          * Emite um evento antes que o componente seja carregado pela primeira vez. Utilize este evento para realizar tarefas de inicialização antes do componente ser exibido. Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillload) para mais detalhes.
+         */
+        "onBrWillLoad"?: (event: BrListCustomEvent<void>) => void;
+        /**
+          * Emite um evento antes do componente ser renderizado. Utilize este evento para preparar o componente antes de sua renderização. Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillrender) para mais detalhes.
+         */
+        "onBrWillRender"?: (event: BrListCustomEvent<void>) => void;
+        /**
+          * Emite um evento antes de o componente ser atualizado. Utilize este evento para realizar ações preparatórias antes da atualização do componente. Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillupdate) para mais detalhes.
+         */
+        "onBrWillUpdate"?: (event: BrListCustomEvent<void>) => void;
+    }
     /**
      * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/loading?tab=designer).
      */
@@ -1751,9 +1994,11 @@ declare namespace LocalJSX {
         "br-avatar": BrAvatar;
         "br-button": BrButton;
         "br-checkbox": BrCheckbox;
+        "br-dropdown": BrDropdown;
         "br-icon": BrIcon;
         "br-input": BrInput;
         "br-item": BrItem;
+        "br-list": BrList;
         "br-loading": BrLoading;
         "br-message": BrMessage;
         "br-radio": BrRadio;
@@ -1776,6 +2021,10 @@ declare module "@stencil/core" {
              * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/checkbox?tab=designer).
              */
             "br-checkbox": LocalJSX.BrCheckbox & JSXBase.HTMLAttributes<HTMLBrCheckboxElement>;
+            /**
+             * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/dropdown?tab=designer).
+             */
+            "br-dropdown": LocalJSX.BrDropdown & JSXBase.HTMLAttributes<HTMLBrDropdownElement>;
             /**
              * O componente `br-icon` fornece uma maneira flexível e dinâmica de incorporar ícones nas aplicações.
              * Utilizando a biblioteca Iconify, ele permite o uso de uma ampla variedade de ícones.
@@ -1794,6 +2043,10 @@ declare module "@stencil/core" {
              * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/item?tab=designer).
              */
             "br-item": LocalJSX.BrItem & JSXBase.HTMLAttributes<HTMLBrItemElement>;
+            /**
+             * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/list?tab=designer).
+             */
+            "br-list": LocalJSX.BrList & JSXBase.HTMLAttributes<HTMLBrListElement>;
             /**
              * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/loading?tab=designer).
              */

package/dist/webcomponents/p-0f6e2ddc.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as r,h as e,H as a,g as i}from"./p-6849daee.js";const o='*,*::before,*::after{box-sizing:border-box}html{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}a{background-color:transparent}strong{font-weight:bolder}code{font-family:monospace;font-size:1em}small{font-size:80%}img{border-style:none}button,input{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}[hidden]{display:none}.d-flex{display:flex !important}.align-items-center{align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter) * 0.5);padding-right:calc(var(--grid-gutter) * 0.5);width:100%}.col{flex:1 0 0%;min-width:8.3333333333%}.col-auto{flex:0 0 auto;width:auto}.row{--grid-gutter:var(--grid-portrait-gutter);display:flex;flex-wrap:wrap;margin-left:calc(var(--grid-gutter) * -0.5);margin-right:calc(var(--grid-gutter) * -0.5)}@media (min-width: 576px){.row{--grid-gutter:var(--grid-tablet-gutter)}}@media (min-width: 992px){.row{--grid-gutter:var(--grid-tablet-gutter)}}@media (min-width: 1280px){.row{--grid-gutter:var(--grid-desktop-gutter)}}@media (min-width: 1600px){.row{--grid-gutter:var(--grid-tv-gutter)}}.mr-1{margin-right:var(--spacing-scale-half) !important}.mr-2{margin-right:var(--spacing-scale-base) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half);color:var(--interactive);text-decoration:none}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ul{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}code,.code{background:var(--gray-5);border-radius:4px;color:var(--gray-80);display:inline-block;font-family:monospace;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);padding:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.bg-support-01{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background:var(--color-support-01) !important}.text-nowrap{white-space:nowrap !important}.highlight{background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-item{background:var(--background);--item-padding-x:var(--spacing-scale-2x);--item-padding-y:var(--spacing-scale-base);--item-padding:var(--item-padding-y) var(--item-padding-x);--focus-offset:calc(var(--focus-width) * -1);border:0;color:var(--color);display:block;font-weight:var(--font-weight);padding:var(--item-padding);text-align:left;width:100%}.br-item .row{margin-left:calc(-1 * var(--spacing-scale-base));margin-right:calc(-1 * var(--spacing-scale-base))}.br-item .row .col,.br-item .row [class*=col-]{padding-left:var(--spacing-scale-base);padding-right:var(--spacing-scale-base)}.br-item::after{clear:both;content:"";display:block}.br-item[data-toggle]{cursor:pointer}.br-item[data-toggle=selection]:not(:disabled):hover{background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-item>.br-checkbox:not(.hidden-label),.br-item>.br-radio:not(.hidden-label){margin-bottom:calc(var(--item-padding-y) * -1);margin-left:calc(var(--item-padding-x) * -1);margin-right:calc(var(--item-padding-x) * -1);margin-top:calc(var(--item-padding-y) * -1)}.br-item>.br-checkbox:not(.hidden-label) input+label,.br-item>.br-radio:not(.hidden-label) input+label{padding-bottom:var(--item-padding-y);padding-top:var(--item-padding-y);top:1px;width:100%}.br-item>.br-checkbox:not(.hidden-label) input+label::before,.br-item>.br-radio:not(.hidden-label) input+label::before{left:var(--item-padding-x);top:calc(var(--item-padding-y) - 1px)}.br-item>.br-checkbox:not(.hidden-label) input+label:empty,.br-item>.br-radio:not(.hidden-label) input+label:empty{left:0;top:1px}.br-item>.br-checkbox:not(.hidden-label) input:hover:not(:disabled)+label::before,.br-item>.br-radio:not(.hidden-label) input:hover:not(:disabled)+label::before{background-image:none}.br-item>.br-checkbox input:not(:indeterminate)+label{min-height:calc(var(--checkbox-size) + var(--item-padding-y) * 2)}.br-item>.br-checkbox input:not(:indeterminate)+label:not(:empty){padding-left:calc(var(--checkbox-padding) + var(--checkbox-size) + var(--item-padding-x))}.br-item>.br-checkbox input:not(:indeterminate)+label::after{left:calc(var(--item-padding-x) + 8px);top:calc(var(--item-padding-y) + 4px)}.br-item>.br-checkbox input:not(:indeterminate)+label:empty{min-height:var(--checkbox-size)}.br-item>.br-checkbox input:not(:indeterminate)+label:empty::after{left:8px;top:4px}.br-item .br-radio input+label{min-height:calc(var(--radio-size) + var(--item-padding-y) * 2);padding-left:calc(var(--spacing-scale-base) + var(--radio-size) + var(--item-padding-x))}.br-item .br-radio input+label::after{left:calc(var(--item-padding-x) + var(--radio-bullet-position));top:calc(var(--item-padding-y) + var(--radio-bullet-position) - 1px)}.br-item .br-radio input+label:empty{min-height:var(--radio-size)}.br-item .br-radio input+label:empty::after{left:var(--radio-bullet-position);top:var(--radio-bullet-position)}.br-item.highlight{--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-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);background-color:var(--selected)}.br-item.active{--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-color:var(--active);color:var(--color)}.br-item.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)}.br-item.dark-mode.active{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--active-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);background-color:var(--background-light);color:var(--active)}.br-item[data-toggle]:not(:disabled):hover{background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-item .content{align-items:center;display:flex}.br-item [class*=fa-]{height:16px;width:14px !important}a.br-item{color:var(--interactive)}a.br-item:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a.br-item:not(:disabled):active{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}button.br-item{background-color:transparent;color:var(--color)}button.br-item:focus{outline:none}button.br-item:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}button.br-item:not(:disabled):hover{background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}button.br-item:not(:disabled):active{background-image:linear-gradient(rgba(var(--color-rgb), var(--pressed)), rgba(var(--color-rgb), var(--pressed)))}:host{display:block}::slotted(br-checkbox){max-width:-moz-fit-content;max-width:fit-content;max-height:-moz-fit-content;max-height:fit-content}::slotted(br-radio){max-width:-moz-fit-content;max-width:fit-content;max-height:-moz-fit-content;max-height:fit-content}';const n=o;const l=class{constructor(e){t(this,e);this.brDidClick=r(this,"brDidClick",7);this.brDidSelect=r(this,"brDidSelect",7);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.inheritedAttributes={};this.handleClick=t=>{const r=t.target;if(this.disabled){t.preventDefault();t.stopPropagation()}if(this.isButton){this.brDidClick.emit()}else if(this.isInteractive&&!this.isClickInsideInteractiveElement(r)){this.selectedValue=!this.selectedValue;this.brDidSelect.emit({selected:this.selectedValue});this.updateCheckboxes()}t.stopPropagation()};this.disabled=false;this.isActive=false;this.isSelected=false;this.isInteractive=false;this.href=undefined;this.target=undefined;this.isButton=false;this.type=undefined;this.value=undefined;this.density=undefined;this.hasSlotDefault=false;this.hasSlotStart=false;this.hasSlotEnd=false;this.selectedValue=false}handleChange(t){const r=t.target;if(this.el.contains(r)){this.updateItemSelectionState()}}connectedCallback(){this.brDidConnect.emit()}componentWillLoad(){this.hasSlotContentDefault();this.hasSlotStart=this.hasSlotContent("start");this.hasSlotEnd=this.hasSlotContent("end");this.selectedValue=this.isSelected;if(this.isButton){this.type=this.type||"button"}this.updateItemSelectionState();this.brWillLoad.emit()}componentDidLoad(){this.updateCheckboxes();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])}hasSlotContentDefault(){this.hasSlotDefault=this.el.innerHTML!==""}hasSlotContent(t){return this.el.querySelector(`[slot="${t}"]`)!==null}getCssClassMap(){return{"br-item":true,disabled:this.disabled,active:this.isActive,selected:this.selectedValue,"py-3":this.density==="middle","py-4":this.density==="small"}}getTagType(){var t;if(this.isButton){return"button"}if(((t=this.href)===null||t===void 0?void 0:t.length)>0){return"a"}return"div"}getAttributes(){const t=this.getTagType();const r=t==="button"?{type:this.type,value:this.value}:{href:this.href,target:this.target};return Object.assign(Object.assign(Object.assign({},r),{"aria-disabled":this.disabled?"true":null,"aria-current":this.isActive?"true":null,"data-toggle":this.isInteractive?"selection":null}),this.inheritedAttributes)}updateItemSelectionState(){const t=Array.from(this.el.querySelectorAll("br-checkbox"));const r=Array.from(this.el.querySelectorAll("br-radio"));let e=false;let a=false;if(t.length>0){e=t.some((t=>t.checked))}if(r.length>0){a=r.some((t=>t.checked))}this.selectedValue=e||a}isClickInsideInteractiveElement(t){const r="br-checkbox, br-radio, br-input, br-button, br-select, br-textarea";const e=this.el.querySelectorAll(r);return Array.from(e).some((r=>r.contains(t)||t===r))}updateCheckboxes(){const t=Array.from(this.el.querySelectorAll("br-checkbox"));t.forEach((t=>{t.checked=this.selectedValue}))}render(){const t=this.getTagType();const r=this.getAttributes();const i=this.getCssClassMap();return e(a,{key:"53659ae6636c2f6eae32214c2bbfc3ef57b700bd"},e(t,Object.assign({key:"35272110ced36e52e965db6f16d30ed97680cca8",class:i},r,{onClick:this.handleClick}),this.hasSlotStart||this.hasSlotEnd?e("div",{class:"row align-items-center"},this.hasSlotStart&&e("div",{class:"col-auto"},e("slot",{name:"start"})),e("div",{class:"col"},e("slot",null)),this.hasSlotEnd&&e("div",{class:"col-auto"},e("slot",{name:"end"}))):e("slot",null)))}static get formAssociated(){return true}get el(){return i(this)}};l.style=n;export{l as br_item};
+//# sourceMappingURL=p-0f6e2ddc.entry.js.map

package/dist/webcomponents/p-0f6e2ddc.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["itemCss","BrItemStyle0","Item","this","inheritedAttributes","handleClick","event","clickedElement","target","disabled","preventDefault","stopPropagation","isButton","brDidClick","emit","isInteractive","isClickInsideInteractiveElement","selectedValue","brDidSelect","selected","updateCheckboxes","handleChange","el","contains","updateItemSelectionState","connectedCallback","brDidConnect","componentWillLoad","hasSlotContentDefault","hasSlotStart","hasSlotContent","hasSlotEnd","isSelected","type","brWillLoad","componentDidLoad","brDidLoad","componentWillRender","brWillRender","componentDidRender","brDidRender","componentShouldUpdate","brShouldUpdate","componentWillUpdate","brWillUpdate","componentDidUpdate","brDidUpdate","disconnectedCallback","brDidDisconnect","formAssociatedCallback","form","brFormAssociatedCallback","formDisabledCallback","brFormDisabledCallback","formResetCallback","brFormResetCallback","formStateRestoreCallback","state","_mode","brFormStateRestoreCallback","hasSlotDefault","innerHTML","slotName","querySelector","getCssClassMap","active","isActive","density","getTagType","_a","href","length","getAttributes","TagType","baseAttributes","value","Object","assign","checkboxes","Array","from","querySelectorAll","radios","isAnyCheckboxChecked","isAnyRadioSelected","some","cb","checked","radio","interactiveSelectors","interactiveElements","forEach","checkbox","render","attributes","classList","h","Host","key","class","onClick","name"],"sources":["src/components/item/item.scss?tag=br-item&encapsulation=shadow","src/components/item/item.tsx"],"sourcesContent":["@import \"../../../../../node_modules/@govbr-ds/core/src/components/item/item.scss\";\n\n:host {\n  display: block;\n}\n\n::slotted(br-checkbox) {\n  max-width: fit-content;\n  max-height: fit-content;\n}\n\n::slotted(br-radio) {\n  max-width: fit-content;\n  max-height: fit-content;\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, Host, Listen, Prop, State, h } from '@stencil/core'\nimport { Attributes } from '../../utils/inherited-attributes'\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/item?tab=designer).\n *\n * @slot default - Área de conteúdo, podendo conter qualquer componente, exceto botões primários e componentes relacionados à navegação (como carrosséis, paginações, abas, menus, etc.).\n *\n * @slot start - Área de recursos visuais, podendo conter elementos como ícones, avatares e mídias.\n *\n * @slot end - Área de recursos complementares, podendo conter componentes interativos, metadados e informações adicionais.\n */\n@Component({\n  tag: 'br-item',\n  styleUrl: 'item.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Item {\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: HTMLBrItemElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Desativa o item, tornando-o não interativo.\n   */\n  @Prop({ reflect: true }) disabled: boolean = false\n\n  /**\n   * Indica se o item está no estado ativo.\n   * Se definido como verdadeiro, o item será exibido como ativo.\n   */\n  @Prop({ reflect: true }) isActive: boolean = false\n\n  /**\n   * Indica se o item está no estado selecionado.\n   * Se definido como verdadeiro, o item será exibido como selecionado.\n   */\n  @Prop({ reflect: true }) isSelected: boolean = false\n\n  /**\n   * Marca o item como interativo, permitindo que toda a superfície do item seja clicável.\n   */\n  @Prop({ reflect: true }) isInteractive: boolean = false\n\n  /**\n   * URL ou caminho para o qual o usuário será direcionado ao clicar no item. Quando definido, o item será renderizado como um link.\n   */\n  @Prop({ reflect: true }) href?: string\n\n  /**\n   * Define o alvo do link quando `href` está presente. Pode ser:\n   * - `_blank` para abrir em uma nova aba,\n   * - `_self` para abrir na mesma aba,\n   * - `_parent` para abrir na aba pai,\n   * - `_top` para abrir na aba superior.\n   */\n  @Prop({ reflect: true }) target?: '_blank' | '_self' | '_parent' | '_top'\n\n  /**\n   * Quando definido como `true`, o item será tratado como um botão.\n   */\n  @Prop({ reflect: true }) isButton: boolean = false\n\n  /**\n   * Tipo do botão, aplicável apenas se `isButton` for `true`. Pode ser:\n   * - `'submit'` para enviar um formulário,\n   * - `'reset'` para redefinir um formulário,\n   * - `'button'` para um botão padrão.\n   */\n  @Prop({ reflect: true, mutable: true }) type: 'submit' | 'reset' | 'button'\n\n  /**\n   *  Define um valor associado ao br-item quando renderizado como um botão, utilizado em contextos de formulário.\n   */\n  @Prop({ reflect: true }) value?: string\n\n  /**\n   * Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.\n   */\n  @Prop({ reflect: true }) density: 'large' | 'middle' | 'small'\n\n  // Propriedade interna para verificar a presença de conteúdo no slot default\n  @State() hasSlotDefault: boolean = false\n\n  @State() hasSlotStart: boolean = false\n\n  @State() hasSlotEnd: boolean = false\n\n  // Propriedade interna para armazenar o valor selecionado\n  @State() selectedValue: boolean = false\n\n  @Listen('brDidCheckedChange', { target: 'document' })\n  handleChange(event: Event) {\n    const target = event.target as HTMLElement\n\n    if (this.el.contains(target)) {\n      this.updateItemSelectionState()\n    }\n  }\n\n  /**\n   * Evento customizado emitido quando o item é clicado, aplicável apenas se o item for um botão (`<button>`).\n   * Pode ser utilizado para ações personalizadas, exceto quando o item está desativado.\n   */\n  @Event({ composed: true, cancelable: true, bubbles: true }) brDidClick: EventEmitter\n\n  /**\n   * Evento customizado aplicável para todos os tipos de elementos (`div`, `button`, `a`), emitido quando o item é selecionado e desde que a propriedade `isInteractive` esteja presente.\n   */\n  @Event({ bubbles: true, composed: true }) brDidSelect: EventEmitter<{ selected: 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.hasSlotStart = this.hasSlotContent('start')\n    this.hasSlotEnd = this.hasSlotContent('end')\n    this.selectedValue = this.isSelected\n    if (this.isButton) {\n      this.type = this.type || 'button'\n    }\n    this.updateItemSelectionState()\n    this.brWillLoad.emit()\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.updateCheckboxes()\n    this.brDidLoad.emit()\n  }\n\n  /**\n   * Emite um evento antes do componente ser renderizado.\n   * Utilize este evento para preparar o componente antes de sua renderização.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillrender) para mais detalhes.\n   */\n  @Event() brWillRender: EventEmitter<void>\n  componentWillRender() {\n    this.brWillRender.emit()\n  }\n\n  /**\n   * Emite um evento após o componente ter sido renderizado.\n   * Utilize este evento para executar ações que devem ocorrer após a renderização do componente.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidrender) para mais detalhes.\n   */\n  @Event() brDidRender: EventEmitter<void>\n  componentDidRender() {\n    this.brDidRender.emit()\n  }\n\n  /**\n   * Emite um evento para indicar se o componente deve ser atualizado ou não.\n   * Este evento é chamado antes de qualquer atualização do componente para decidir se a atualização deve prosseguir.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentshouldupdate) para mais detalhes.\n   */\n  @Event() brShouldUpdate: EventEmitter<void>\n  componentShouldUpdate() {\n    this.brShouldUpdate.emit()\n  }\n\n  /**\n   * Emite um evento antes de o componente ser atualizado.\n   * Utilize este evento para realizar ações preparatórias antes da atualização do componente.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillupdate) para mais detalhes.\n   */\n  @Event() brWillUpdate: EventEmitter<void>\n  componentWillUpdate() {\n    this.brWillUpdate.emit()\n  }\n\n  /**\n   * Emite um evento após o componente ter sido atualizado.\n   * Utilize este evento para realizar ações após a atualização do componente.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidupdate) para mais detalhes.\n   */\n  @Event() brDidUpdate: EventEmitter<void>\n  componentDidUpdate() {\n    this.brDidUpdate.emit()\n  }\n\n  /**\n   * Emite um evento quando o componente é desconectado do DOM.\n   * Utilize este evento para realizar a limpeza ou outras ações necessárias quando o componente é removido.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#disconnectedcallback) para mais detalhes.\n   */\n  @Event() brDidDisconnect: EventEmitter<void>\n  disconnectedCallback() {\n    this.brDidDisconnect.emit()\n  }\n\n  /**\n   * Emite um evento quando o componente é associado ou removido de um `<form>`.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formassociatedcallback) para mais detalhes.\n   *\n   * @param form - Dados do formulário associado.\n   */\n  @Event() brFormAssociatedCallback: EventEmitter<FormData>\n  formAssociatedCallback(form: FormData) {\n    this.brFormAssociatedCallback.emit(form)\n  }\n\n  /**\n   * Emite um evento quando o estado `disabled` do componente muda dentro de um `<form>`.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formdisabledcallback) para mais informações.\n   *\n   * @param disabled - Novo estado `disabled` do componente dentro do formulário.\n   */\n  @Event() brFormDisabledCallback: EventEmitter<boolean>\n  formDisabledCallback(disabled: boolean) {\n    this.brFormDisabledCallback.emit(disabled)\n  }\n\n  /**\n   * Emite um evento quando um `<form>` é resetado.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formresetcallback) para mais detalhes.\n   */\n  @Event() brFormResetCallback: EventEmitter<void>\n  formResetCallback() {\n    this.brFormResetCallback.emit()\n  }\n\n  /**\n   * Emite um evento quando o navegador preenche automaticamente os campos de um `<form>`.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formstaterestorecallback) para mais informações.\n   *\n   * @param state - Estado restaurado do formulário.\n   * @param _mode - Modo de preenchimento automático do navegador.\n   */\n  @Event() brFormStateRestoreCallback: EventEmitter<[state: string, _mode: string]>\n  formStateRestoreCallback(state: string, _mode: string) {\n    this.brFormStateRestoreCallback.emit([state, _mode])\n  }\n\n  private hasSlotContentDefault(): any {\n    this.hasSlotDefault = this.el.innerHTML !== ''\n  }\n\n  private hasSlotContent(slotName: string): boolean {\n    return this.el.querySelector(`[slot=\"${slotName}\"]`) !== null\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-item': true,\n      disabled: this.disabled,\n      active: this.isActive,\n      selected: this.selectedValue,\n      'py-3': this.density === 'middle',\n      'py-4': this.density === 'small',\n    }\n  }\n\n  private readonly inheritedAttributes: Attributes = {}\n\n  private getTagType(): string {\n    if (this.isButton) {\n      return 'button'\n    }\n    if (this.href?.length > 0) {\n      return 'a'\n    }\n    return 'div'\n  }\n\n  private getAttributes() {\n    const TagType = this.getTagType()\n    const baseAttributes =\n      TagType === 'button' ? { type: this.type, value: this.value } : { href: this.href, target: this.target }\n\n    return {\n      ...baseAttributes,\n      'aria-disabled': this.disabled ? 'true' : null,\n      'aria-current': this.isActive ? 'true' : null,\n      'data-toggle': this.isInteractive ? 'selection' : null,\n      ...this.inheritedAttributes,\n    }\n  }\n\n  private updateItemSelectionState() {\n    const checkboxes = Array.from(this.el.querySelectorAll('br-checkbox'))\n    const radios = Array.from(this.el.querySelectorAll('br-radio'))\n\n    let isAnyCheckboxChecked = false\n    let isAnyRadioSelected = false\n\n    if (checkboxes.length > 0) {\n      isAnyCheckboxChecked = checkboxes.some((cb) => cb.checked)\n    }\n    if (radios.length > 0) {\n      isAnyRadioSelected = radios.some((radio) => radio.checked)\n    }\n\n    this.selectedValue = isAnyCheckboxChecked || isAnyRadioSelected\n  }\n\n  // Função para verificar se o clique foi dentro do slot do item.\n  private isClickInsideInteractiveElement(target: HTMLElement): boolean {\n    const interactiveSelectors = 'br-checkbox, br-radio, br-input, br-button, br-select, br-textarea'\n    const interactiveElements = this.el.querySelectorAll(interactiveSelectors)\n    return Array.from(interactiveElements).some((el) => el.contains(target) || target === el)\n  }\n\n  private updateCheckboxes() {\n    const checkboxes = Array.from(this.el.querySelectorAll('br-checkbox'))\n\n    checkboxes.forEach((checkbox) => {\n      checkbox.checked = this.selectedValue\n    })\n  }\n\n  private readonly handleClick = (event: MouseEvent) => {\n    const clickedElement = event.target as HTMLElement\n\n    if (this.disabled) {\n      event.preventDefault()\n      event.stopPropagation()\n    }\n\n    if (this.isButton) {\n      this.brDidClick.emit()\n    } else if (this.isInteractive && !this.isClickInsideInteractiveElement(clickedElement)) {\n      this.selectedValue = !this.selectedValue\n      this.brDidSelect.emit({ selected: this.selectedValue })\n      this.updateCheckboxes()\n    }\n    event.stopPropagation()\n  }\n\n  render() {\n    const TagType = this.getTagType()\n    const attributes = this.getAttributes()\n    const classList = this.getCssClassMap()\n    return (\n      <Host>\n        <TagType class={classList} {...attributes} onClick={this.handleClick}>\n          {this.hasSlotStart || this.hasSlotEnd ? (\n            <div class=\"row align-items-center\">\n              {this.hasSlotStart && (\n                <div class=\"col-auto\">\n                  <slot name=\"start\"></slot>\n                </div>\n              )}\n\n              <div class=\"col\">\n                <slot></slot>\n              </div>\n\n              {this.hasSlotEnd && (\n                <div class=\"col-auto\">\n                  <slot name=\"end\"></slot>\n                </div>\n              )}\n            </div>\n          ) : (\n            <slot></slot>\n          )}\n        </TagType>\n      </Host>\n    )\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAAU,4jaAChB,MAAAC,EAAeD,E,MCkBFE,EAAI,M,+5BAkQEC,KAAAC,oBAAkC,GA0DlCD,KAAAE,YAAeC,IAC9B,MAAMC,EAAiBD,EAAME,OAE7B,GAAIL,KAAKM,SAAU,CACjBH,EAAMI,iBACNJ,EAAMK,iB,CAGR,GAAIR,KAAKS,SAAU,CACjBT,KAAKU,WAAWC,M,MACX,GAAIX,KAAKY,gBAAkBZ,KAAKa,gCAAgCT,GAAiB,CACtFJ,KAAKc,eAAiBd,KAAKc,cAC3Bd,KAAKe,YAAYJ,KAAK,CAAEK,SAAUhB,KAAKc,gBACvCd,KAAKiB,kB,CAEPd,EAAMK,iBAAiB,E,cA/ToB,M,cAMA,M,gBAME,M,mBAKG,M,wDAmBL,M,oFAqBV,M,kBAEF,M,gBAEF,M,mBAGG,K,CAGlC,YAAAU,CAAaf,GACX,MAAME,EAASF,EAAME,OAErB,GAAIL,KAAKmB,GAAGC,SAASf,GAAS,CAC5BL,KAAKqB,0B,EAoBT,iBAAAC,GACEtB,KAAKuB,aAAaZ,M,CASpB,iBAAAa,GACExB,KAAKyB,wBACLzB,KAAK0B,aAAe1B,KAAK2B,eAAe,SACxC3B,KAAK4B,WAAa5B,KAAK2B,eAAe,OACtC3B,KAAKc,cAAgBd,KAAK6B,WAC1B,GAAI7B,KAAKS,SAAU,CACjBT,KAAK8B,KAAO9B,KAAK8B,MAAQ,Q,CAE3B9B,KAAKqB,2BACLrB,KAAK+B,WAAWpB,M,CASlB,gBAAAqB,GACEhC,KAAKiB,mBACLjB,KAAKiC,UAAUtB,M,CASjB,mBAAAuB,GACElC,KAAKmC,aAAaxB,M,CASpB,kBAAAyB,GACEpC,KAAKqC,YAAY1B,M,CASnB,qBAAA2B,GACEtC,KAAKuC,eAAe5B,M,CAStB,mBAAA6B,GACExC,KAAKyC,aAAa9B,M,CASpB,kBAAA+B,GACE1C,KAAK2C,YAAYhC,M,CASnB,oBAAAiC,GACE5C,KAAK6C,gBAAgBlC,M,CAUvB,sBAAAmC,CAAuBC,GACrB/C,KAAKgD,yBAAyBrC,KAAKoC,E,CAUrC,oBAAAE,CAAqB3C,GACnBN,KAAKkD,uBAAuBvC,KAAKL,E,CAQnC,iBAAA6C,GACEnD,KAAKoD,oBAAoBzC,M,CAW3B,wBAAA0C,CAAyBC,EAAeC,GACtCvD,KAAKwD,2BAA2B7C,KAAK,CAAC2C,EAAOC,G,CAGvC,qBAAA9B,GACNzB,KAAKyD,eAAiBzD,KAAKmB,GAAGuC,YAAc,E,CAGtC,cAAA/B,CAAegC,GACrB,OAAO3D,KAAKmB,GAAGyC,cAAc,UAAUD,SAAkB,I,CAGnD,cAAAE,GACN,MAAO,CACL,UAAW,KACXvD,SAAUN,KAAKM,SACfwD,OAAQ9D,KAAK+D,SACb/C,SAAUhB,KAAKc,cACf,OAAQd,KAAKgE,UAAY,SACzB,OAAQhE,KAAKgE,UAAY,Q,CAMrB,UAAAC,G,MACN,GAAIjE,KAAKS,SAAU,CACjB,MAAO,Q,CAET,KAAIyD,EAAAlE,KAAKmE,QAAI,MAAAD,SAAA,SAAAA,EAAEE,QAAS,EAAG,CACzB,MAAO,G,CAET,MAAO,K,CAGD,aAAAC,GACN,MAAMC,EAAUtE,KAAKiE,aACrB,MAAMM,EACJD,IAAY,SAAW,CAAExC,KAAM9B,KAAK8B,KAAM0C,MAAOxE,KAAKwE,OAAU,CAAEL,KAAMnE,KAAKmE,KAAM9D,OAAQL,KAAKK,QAElG,OAAAoE,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,GACKH,GAAc,CACjB,gBAAiBvE,KAAKM,SAAW,OAAS,KAC1C,eAAgBN,KAAK+D,SAAW,OAAS,KACzC,cAAe/D,KAAKY,cAAgB,YAAc,OAC/CZ,KAAKC,oB,CAIJ,wBAAAoB,GACN,MAAMsD,EAAaC,MAAMC,KAAK7E,KAAKmB,GAAG2D,iBAAiB,gBACvD,MAAMC,EAASH,MAAMC,KAAK7E,KAAKmB,GAAG2D,iBAAiB,aAEnD,IAAIE,EAAuB,MAC3B,IAAIC,EAAqB,MAEzB,GAAIN,EAAWP,OAAS,EAAG,CACzBY,EAAuBL,EAAWO,MAAMC,GAAOA,EAAGC,S,CAEpD,GAAIL,EAAOX,OAAS,EAAG,CACrBa,EAAqBF,EAAOG,MAAMG,GAAUA,EAAMD,S,CAGpDpF,KAAKc,cAAgBkE,GAAwBC,C,CAIvC,+BAAApE,CAAgCR,GACtC,MAAMiF,EAAuB,qEAC7B,MAAMC,EAAsBvF,KAAKmB,GAAG2D,iBAAiBQ,GACrD,OAAOV,MAAMC,KAAKU,GAAqBL,MAAM/D,GAAOA,EAAGC,SAASf,IAAWA,IAAWc,G,CAGhF,gBAAAF,GACN,MAAM0D,EAAaC,MAAMC,KAAK7E,KAAKmB,GAAG2D,iBAAiB,gBAEvDH,EAAWa,SAASC,IAClBA,EAASL,QAAUpF,KAAKc,aAAa,G,CAsBzC,MAAA4E,GACE,MAAMpB,EAAUtE,KAAKiE,aACrB,MAAM0B,EAAa3F,KAAKqE,gBACxB,MAAMuB,EAAY5F,KAAK6D,iBACvB,OACEgC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAACvB,EAAOG,OAAAC,OAAA,CAAAqB,IAAA,2CAACC,MAAOJ,GAAeD,EAAU,CAAEM,QAASjG,KAAKE,cACtDF,KAAK0B,cAAgB1B,KAAK4B,WACzBiE,EAAA,OAAKG,MAAM,0BACRhG,KAAK0B,cACJmE,EAAA,OAAKG,MAAM,YACTH,EAAA,QAAMK,KAAK,WAIfL,EAAA,OAAKG,MAAM,OACTH,EAAA,cAGD7F,KAAK4B,YACJiE,EAAA,OAAKG,MAAM,YACTH,EAAA,QAAMK,KAAK,UAKjBL,EAAA,c","ignoreList":[]}

package/dist/webcomponents/p-14f1c8e6.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as r,h as e,H as i,g as a}from"./p-6849daee.js";import{i as o}from"./p-ee6f4f3f.js";const l='*,*::before,*::after{box-sizing:border-box}html{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}a{background-color:transparent}strong{font-weight:bolder}code{font-family:monospace;font-size:1em}small{font-size:80%}img{border-style:none}button,input{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}[hidden]{display:none}.d-flex{display:flex !important}.align-items-center{align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter) * 0.5);padding-right:calc(var(--grid-gutter) * 0.5);width:100%}.col{flex:1 0 0%;min-width:8.3333333333%}.col-auto{flex:0 0 auto;width:auto}.row{--grid-gutter:var(--grid-portrait-gutter);display:flex;flex-wrap:wrap;margin-left:calc(var(--grid-gutter) * -0.5);margin-right:calc(var(--grid-gutter) * -0.5)}@media (min-width: 576px){.row{--grid-gutter:var(--grid-tablet-gutter)}}@media (min-width: 992px){.row{--grid-gutter:var(--grid-tablet-gutter)}}@media (min-width: 1280px){.row{--grid-gutter:var(--grid-desktop-gutter)}}@media (min-width: 1600px){.row{--grid-gutter:var(--grid-tv-gutter)}}.mr-1{margin-right:var(--spacing-scale-half) !important}.mr-2{margin-right:var(--spacing-scale-base) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half);color:var(--interactive);text-decoration:none}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ul{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}code,.code{background:var(--gray-5);border-radius:4px;color:var(--gray-80);display:inline-block;font-family:monospace;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);padding:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.bg-support-01{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background:var(--color-support-01) !important}.text-nowrap{white-space:nowrap !important}.highlight{background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-radio{--radio-size:24px;--radio-bullet-size:16px;--radio-bullet-position:calc((var(--radio-size) - var(--radio-bullet-size)) * 0.5);display:block}.br-radio+.br-radio{margin-top:var(--spacing-scale-base)}.br-radio input{opacity:0;position:absolute}.br-radio input+label{cursor:pointer;display:inline-block;margin-bottom:0;min-height:var(--radio-size);min-width:var(--radio-size);padding-left:calc(var(--spacing-scale-base) + var(--radio-size));position:relative}.br-radio input+label::before{background:var(--background);border:1px solid var(--border-color);border-radius:50%;content:"";height:var(--radio-size);left:0;position:absolute;top:-1px;width:var(--radio-size)}.br-radio input+label:empty{padding:0}.br-radio input+label:empty::before{top:0}.br-radio label{font-weight:var(--font-weight-medium)}.br-radio input:checked+label::after{background:var(--selected);border:7px solid var(--selected);border-radius:50%;content:"";height:var(--radio-bullet-size);left:var(--radio-bullet-position);position:absolute;right:0;top:calc(var(--radio-bullet-position) - 1px);width:var(--radio-bullet-size)}.br-radio input:checked+label:empty::after{top:var(--radio-bullet-position)}.br-radio.valid input+label::before,.br-radio[valid] input+label::before{border-color:var(--success)}.br-radio.invalid input+label::before,.br-radio[invalid] input+label::before{border-color:var(--danger)}.br-radio.small input+label,.br-radio[small] input+label{line-height:var(--spacing-scale-2xh);min-height:var(--spacing-scale-2xh)}.br-radio.small input+label::before,.br-radio[small] input+label::before{height:var(--spacing-scale-2xh);width:var(--spacing-scale-2xh)}.br-radio.small input:checked+label::after,.br-radio[small] input:checked+label::after{border-width:4px;height:10px;width:10px}.br-radio input:invalid+label::before{border-color:var(--danger)}.br-radio input:focus-visible:checked+label::before,.br-radio input:focus-visible+label::before{border-color:var(--focus) !important;box-shadow:0 0 0 var(--surface-width-md) var(--focus);outline:none}.br-radio input:hover:not(:disabled)+label::before{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-radio.dark-mode,.br-radio.dark-mode label{color:var(--color-dark)}:host{display:block}.br-radio.hidden-label label{padding-left:calc(var(--checkbox-size) + var(--surface-width-md) * 2);text-indent:-10000px;white-space:nowrap;width:0}';const n=l;const s=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);this.brDidCheckedChange=r(this,"brDidCheckedChange",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.inheritedAttributes={};this.handleClick=()=>{this.toggleChecked()};this.handleKeyDown=t=>{if(t.code==="Space"){t.preventDefault();this.toggleChecked()}};this.toggleChecked=()=>{if(this.toggle){this.checked=!this.checked;this.brDidCheckedChange.emit({value:this.value,checked:this.checked})}};this.stopPropagation=t=>{t.stopPropagation()};this.checked=false;this.disabled=false;this.state=null;this.hasHiddenLabel=false;this.name=undefined;this.label=undefined;this.value=undefined;this.customId=undefined;this.toggle=false;this._slotDefault=false}handleItemInteractiveSelect(t){var r;const e=t.target;const i=e.closest("br-item");if(i&&((r=this.el.parentElement)===null||r===void 0?void 0:r.contains(i))){this.checked=t.detail.selected}t.stopPropagation()}connectedCallback(){this.brDidConnect.emit()}componentWillLoad(){this.hasSlotContentDefault();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,r){this.brFormStateRestoreCallback.emit([t,r])}hasSlotContentDefault(){this._slotDefault=this.el.innerHTML!==""}getCssClassMap(){return{"br-radio":true,valid:this.state==="valid",invalid:this.state==="invalid",disabled:this.disabled,"hidden-label":this.hasHiddenLabel}}getComputedId(){var t;return((t=this.customId)===null||t===void 0?void 0:t.length)>0?this.customId:this.name}render(){return e(i,{key:"5da5a61be5135f9d6938a3f71d5423947c62f786","aria-disabled":this.disabled?"true":null},e("div",{key:"84fb3469e320751f3f9d10f727f3bd113bea0c7d",class:this.getCssClassMap(),onClick:this.handleClick,onKeyDown:this.handleKeyDown},e("input",Object.assign({key:"e2dfa7551a548ed986d2d1be7343cd67645150b9","aria-label":this.label,type:"radio",id:this.getComputedId(),name:this.name,checked:this.checked,disabled:this.disabled,value:this.value,onClick:this.stopPropagation},this.inheritedAttributes)),e("label",{key:"fa025229ad31f88416a552fb6dc9cd00f0da6876",htmlFor:this.getComputedId()},this._slotDefault?e("slot",null):this.label)))}static get formAssociated(){return true}get el(){return a(this)}};s.style=n;export{s as br_radio};
+//# sourceMappingURL=p-14f1c8e6.entry.js.map