@govbr-ds/webcomponents 2.1.0 → 2.1.1

package/dist/esm/br-cookiebar.entry.js

@@ -0,0 +1,756 @@
+/*!
+ * Construído por SERPRO
+ * © https://serpro.gov.br/ - MIT License.
+ */
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-C2RBydfd.js';
+import { B as BREAKPOINTS, a as BreakpointObserver } from './breakpoint-observer-DBmwzG9E.js';
+import { i as isEventTargetInside } from './event-DFN_so7I.js';
+import { g as generateUniqueId } from './id-BkS6ujyf.js';
+import { s as supportsNativeModalDialog, a as syncNativeModalDialog } from './native-dialog-B55qsau4.js';
+import { a as aggregateSelection } from './cookiebar.utils-DYA74R1r.js';
+
+const cookiebarCss = () => `*,*::before,*::after{box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}code{font-family:monospace;font-size:1em}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{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}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}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]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}@media (min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:flex !important}}[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-notification{left:auto;right:0}.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)}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.align-items-center{align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{flex:1 0 0%;min-width:8.3333333333%}.col-auto{flex:0 0 auto;width:auto}.col-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-fluid,.container-lg{--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,.container-lg,.container-fluid{--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,.container-lg,.container-fluid{--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,.container-lg,.container-fluid{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.ease{animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-in-out{animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.ml-1{margin-left:var(--spacing-scale-half) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mb-4{margin-bottom:var(--spacing-scale-3x) !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}@media (min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !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}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-bold{font-weight:700 !important}.text-base{font-size:var(--font-size-scale-base) !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media (min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}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)}a:focus{outline:none}a.focus-visible,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)))}a{color:var(--interactive);text-decoration:none}.main-content a{text-decoration:underline}button{cursor:pointer}img{max-width:100%;vertical-align:middle}h2,.h2{color:var(--color);font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2xh);margin-top:var(--spacing-scale-3xh);padding-bottom:var(--spacing-scale-2xh)}@media (min-width: 576px){.h2,h2{font-size:var(--font-size-scale-up-05);font-weight:var(--font-weight-regular)}}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}tr.selected,tr.is-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)}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)}fieldset,.fieldset{border:var(--surface-width-none);margin-bottom:var(--spacing-scale-5x);margin-top:0;padding:0}legend,.legend{color:var(--color);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2x);margin-top:var(--spacing-scale-2x)}::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)}.help{font-size:var(--font-size-scale-base)}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)}*[data-toggle=collapse]:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}*[data-toggle=collapse]:focus{outline:none}*[data-toggle=collapse].focus-visible,*[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}:host{display:block}:host([data-wbc-preview-contained]){inset:0;pointer-events:none;position:absolute;z-index:1000}:host([data-wbc-preview-contained]) .br-cookiebar{pointer-events:auto;position:absolute}:host([data-wbc-preview-contained]) .cookiebar-scrim{position:absolute}.sr-only{clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.br-cookiebar{--cookiebar-shadow:var(--surface-shadow-sm-up);--cookiebar-layer:var(--z-index-layer-4);bottom:0;font-family:inherit;font-size:var(--font-size-scale-up-01);left:0;outline:none;position:fixed;z-index:var(--cookiebar-layer);right:0}.br-cookiebar--blocking{top:0}.br-cookiebar--blocking.br-cookiebar--default{align-items:flex-end;display:flex;top:0}.br-cookiebar--blocking .cookiebar-default-panel{width:100%}@media (width <= 575px){.br-cookiebar{font-size:var(--font-size-scale-down-01)}}.br-cookiebar .cookiebar-scrim{background:rgba(0,0,0,.5);bottom:0;left:0;position:fixed;z-index:0;right:0;top:0}.br-cookiebar--default{box-shadow:var(--cookiebar-shadow);top:unset}.br-cookiebar--default .cookiebar-default-panel{background:var(--background);outline:none;padding:var(--spacing-scale-5x);position:relative;z-index:1}.br-cookiebar--default .cookiebar-default-content{margin-bottom:var(--spacing-scale-2x)}.br-cookiebar--default .cookiebar-info-text{font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin:0}.br-cookiebar--default .cookiebar-actions{display:flex;justify-content:flex-end}.br-cookiebar--default .cookiebar-actions .cookiebar-default-actions{display:flex;align-items:center}.br-cookiebar--default .cookiebar-actions .cookiebar-default-actions br-button[emphasis=secondary]{margin-right:var(--spacing-scale-5x)}@media (width <= 575px){.br-cookiebar--default .cookiebar-actions .cookiebar-default-actions{flex-direction:column;width:100%}.br-cookiebar--default .cookiebar-actions .cookiebar-default-actions br-button[emphasis=secondary]{margin-right:0;margin-bottom:var(--spacing-scale-2xh)}.br-cookiebar--default .cookiebar-actions .cookiebar-default-actions br-button{margin-bottom:var(--spacing-scale-2xh);width:100%}}.br-cookiebar--open{bottom:0;height:100dvh;inset-inline:0;max-height:100dvh;top:0;width:100%}.br-cookiebar--open .cookiebar-open-panel{background:var(--background);display:flex;flex-direction:column;height:100%;outline:none;overflow:hidden}.br-cookiebar--open .cookiebar-header{align-items:flex-start;display:flex;gap:var(--spacing-scale-2x);padding:var(--spacing-scale-5x)}@media (width <= 575px){.br-cookiebar--open .cookiebar-header{padding:var(--spacing-scale-3x)}}.br-cookiebar--open .cookiebar-close{flex-shrink:0;margin-top:var(--spacing-scale-base)}.br-cookiebar--open .cookiebar-body{flex:1;overflow-y:auto}.br-cookiebar--open .cookiebar-groups{padding:var(--spacing-scale-3x) var(--spacing-scale-5x)}@media (width <= 575px){.br-cookiebar--open .cookiebar-groups{padding:var(--spacing-scale-3x)}}.br-cookiebar--open .cookiebar-groups-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-scale-base) var(--spacing-scale-2x);padding:var(--spacing-scale-2x) 0}.br-cookiebar--open .cookiebar-groups-header .cookiebar-groups-label{flex:1;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold)}.br-cookiebar--open .cookiebar-groups-header .cookiebar-select-all{flex-shrink:0}.br-cookiebar--open .cookiebar-groups-header .cookiebar-alert-wrapper{display:flex;flex-basis:100%;justify-content:flex-end;margin-top:var(--spacing-scale-base)}@media (width <= 575px){.br-cookiebar--open .cookiebar-groups-header .cookiebar-alert-wrapper{justify-content:flex-start}}.br-cookiebar--open .cookiebar-links{padding:var(--spacing-scale-5x);text-align:center}.br-cookiebar--open .cookiebar-actions{border-top:1px solid var(--color-secondary-05);display:flex;flex-shrink:0;gap:var(--spacing-scale-2x);justify-content:flex-end;padding-left:var(--spacing-scale-3x);padding-right:var(--spacing-scale-2xh);padding-top:var(--spacing-scale-3x);padding-bottom:var(--spacing-scale-2xh)}@media (width >= 576px){.br-cookiebar--open .cookiebar-actions br-button+br-button{margin-left:var(--spacing-scale-5x)}}@media (width <= 575px){.br-cookiebar--open .cookiebar-actions{flex-direction:column;padding:var(--spacing-scale-2x)}.br-cookiebar--open .cookiebar-actions br-button{margin-bottom:var(--spacing-scale-2xh);width:100%}}dialog.br-cookiebar{background:rgba(0,0,0,0);border:0;color:inherit;margin:0;max-height:none;max-width:none;padding:0;width:auto}dialog.br-cookiebar::backdrop{background:rgba(0,0,0,0)}`;
+
+const Cookiebar = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.brCookiebarShow = createEvent(this, "brCookiebarShow", 7);
+        this.brCookiebarHide = createEvent(this, "brCookiebarHide", 7);
+        this.brCookiebarOpen = createEvent(this, "brCookiebarOpen", 7);
+        this.brCookiebarClose = createEvent(this, "brCookiebarClose", 7);
+        this.brCookiebarAccept = createEvent(this, "brCookiebarAccept", 7);
+        this.brCookiebarReject = createEvent(this, "brCookiebarReject", 7);
+        this.brCookiebarResponse = createEvent(this, "brCookiebarResponse", 7);
+        this.brCookiebarPolicyClick = createEvent(this, "brCookiebarPolicyClick", 7);
+        /**
+         * Descrição do painel `open` espelhada no Shadow DOM para uso em `aria-describedby`.
+         * Derivada do `entryText` do `br-cookiebar-header` filho (quando presente).
+         * Necessária porque `aria-describedby` não cruza o limite shadow/light DOM.
+         */
+        this.openPanelDescription = '';
+        /** Indica se há conteúdo no slot `actions`. Controla a exibição da área de ações. */
+        this.hasActionsSlot = false;
+        /** Indica se há conteúdo no slot `header`. Controla a exibição da área de cabeçalho. */
+        this.hasHeaderSlot = false;
+        /** Indica se há conteúdo no slot `links`. Controla a exibição da área de links. */
+        this.hasLinksSlot = false;
+        /** Indica se o viewport está no breakpoint mobile (x-small, ≤575px). */
+        this.isMobile = false;
+        /**
+         * Texto anunciado pela região `aria-live` ao exibir o painel default.
+         * Mantido em elemento sr-only separado para não interferir com o foco do container.
+         */
+        this.openLiveAnnouncement = '';
+        /** Estado atual do checkbox "Selecionar tudo": `true`, `false` ou `'indeterminate'`. */
+        this.selectAllState = false;
+        /** Identificador único; gerado automaticamente quando omitido. */
+        this.customId = generateUniqueId();
+        /**
+         * Controla a visibilidade do componente.
+         * O consumidor é responsável por definir este valor com base na persistência do consentimento
+         * (ex: verificar se já existe um cookie de consentimento salvo).
+         */
+        this.show = false;
+        /**
+         * Estado visual atual do painel.
+         * - `default`: barra inferior com texto e botões.
+         * - `open`: painel de tela cheia com grupos de cookies configuráveis.
+         */
+        this.mode = 'default';
+        /**
+         * Define se o cookiebar opera no padrão opt-out (`true`, recomendado) ou opt-in (`false`).
+         * - **opt-out** (`true`): botão secundário "Definir Cookies"; usuário pode configurar cookies.
+         * - **opt-in** (`false`): botão secundário "Ver Política de Cookies"; painel é somente leitura.
+         */
+        this.allOptOut = true;
+        /** Texto do botão primário de aceite. Padrão: `Aceitar`. */
+        this.acceptButton = 'Aceitar';
+        /**
+         * Texto do botão de rejeição dos cookies não obrigatórios.
+         * Exibido apenas quando `show-reject-button="true"`.
+         */
+        this.rejectButton = 'Rejeitar não obrigatórios';
+        /**
+         * Quando `true`, exibe o botão "Rejeitar não obrigatórios" nos painéis default e open.
+         * Cookies de grupos com `group-opt-out="false"` (sempre ativos) não são afetados.
+         */
+        this.showRejectButton = false;
+        /** Texto do botão secundário quando `all-opt-out="true"`. */
+        this.optOutButton = 'Definir Cookies';
+        /** Texto do botão secundário quando `all-opt-out="false"`. */
+        this.optInButton = 'Ver Política de Cookies';
+        /**
+         * `aria-label` do botão fechar exibido no canto do painel expandido (`mode="open"`).
+         * Permite traduzir o rótulo para outros idiomas.
+         */
+        this.closeLabel = 'Fechar';
+        /**
+         * `aria-label` do painel expandido (`mode="open"`), que possui `role="dialog"`.
+         * Leitores de tela anunciam este texto ao entrar no diálogo modal de configuração de cookies.
+         * Deve descrever o propósito do diálogo de forma sucinta (ex: "Configurações de cookies").
+         */
+        this.panelLabel = 'Configurações de cookies';
+        /**
+         * `aria-label` da barra de aviso de cookies (`mode="default"`).
+         * Deve descrever o propósito da região de forma sucinta (ex: "Aviso de cookies").
+         */
+        this.defaultPanelLabel = 'Aviso de cookies';
+        /** Rótulo do título da seção de grupos de cookies. */
+        this.cookieGroupsLabel = 'Classes de cookies';
+        /**
+         * `aria-label` do elemento `<nav>` que envolve os links complementares no painel expandido.
+         * Permite traduzir o rótulo para outros idiomas.
+         */
+        this.linksLabel = 'Links complementares';
+        /**
+         * Estado inicial do checkbox "Selecionar tudo".
+         * Quando `true`, todos os grupos opt-out iniciam selecionados.
+         */
+        this.selectAll = false;
+        /** Texto do checkbox geral quando está totalmente selecionado (ação: desselecionar). */
+        this.selectAllLabel = 'Selecionar tudo';
+        /** Texto do checkbox geral quando está desmarcado ou indeterminado (ação: selecionar). */
+        this.unselectAllLabel = 'Desselecionar tudo';
+        /**
+         * Quando `true`, exibe uma camada semitransparente (scrim) sobre o conteúdo da página
+         * abaixo do painel default, sinalizando que o cookiebar requer atenção.
+         *
+         * **Efeito no foco:** com `scrim=true`, o atributo `inert` é aplicado nos irmãos do
+         * cookiebar no DOM, prendendo o foco e o cursor virtual do leitor de tela dentro do
+         * painel default enquanto ele estiver visível. Com `scrim=false` (padrão), nenhum trap
+         * é ativado — o usuário pode navegar livremente pela página, em conformidade com
+         * WCAG 2.1.2 (No Keyboard Trap). Use `scrim=true` apenas quando o cenário de negócio
+         * exigir que a decisão sobre cookies seja tomada antes de qualquer outra interação.
+         *
+         * No modo `open` (diálogo modal), o `inert` é aplicado independentemente do valor de `scrim`.
+         */
+        this.scrim = false;
+        /**
+         * Elemento focado na página antes do cookiebar aparecer.
+         * Restaurado quando o componente é ocultado (`show` → false).
+         * Referência: WCAG 2.4.3.
+         */
+        this.pageTriggerElement = null;
+        /**
+         * Elemento que disparou a abertura do painel `open` — restaurado ao fechar o diálogo.
+         * Referência: WCAG 2.4.3.
+         */
+        this.triggerElement = null;
+        /**
+         * Referência ao painel default — usada para mover o foco ao abrir no modo `default`.
+         */
+        this.defaultPanelRef = null;
+        /**
+         * Flag que sinaliza intenção de focar o painel default após o próximo render.
+         * Definida nos `@Watch` e consumida em `componentDidUpdate`, garantindo que
+         * `defaultPanelRef` já esteja disponível no DOM.
+         */
+        this.pendingFocusDefault = false;
+        /**
+         * Flag que sinaliza intenção de focar o botão fechar do painel `open` após o próximo render.
+         * Definida em `trapFocus()` e consumida em `componentDidUpdate`, garantindo que
+         * o botão fechar já esteja disponível no DOM antes de receber o foco.
+         */
+        this.pendingFocusOpen = false;
+        this.openAnnouncementFrame = null;
+        /** Instância do observador de breakpoint para detecção de mobile. */
+        this.breakpointObserver = null;
+        /**
+         * Lista de elementos que receberam `inert` ao abrir o painel.
+         * Armazenada para restaurar o estado original ao fechar.
+         */
+        this.inertedElements = [];
+        this.nativeDialogRef = null;
+        this.globalKeydownAttached = false;
+        this.slotChangeHandlers = new Map();
+        this.handleNativeCancel = (event) => {
+            event.preventDefault();
+            if (this.mode === 'open')
+                this.mode = 'default';
+        };
+        /** Atualiza `selectAllState` e propaga o novo valor para os grupos (sem emitir evento externo). */
+        this.handleSelectAllChange = (event) => {
+            const newValue = event.detail;
+            this.selectAllState = newValue;
+            this.propagateSelectAll(newValue);
+        };
+        /**
+         * Emite `brCookiebarAccept` (void) e em seguida `brCookiebarResponse` (payload completo),
+         * construído uma única vez, depois libera o trap de foco e oculta o componente.
+         */
+        this.handleAccept = () => {
+            this.releaseFocusTrap();
+            this.brCookiebarAccept.emit();
+            this.brCookiebarResponse.emit(this.buildOutputData());
+            this.show = false;
+        };
+        /**
+         * Rejeita todos os cookies opt-out: propaga `false` para grupos com `group-opt-out !== false`,
+         * recalcula `selectAllState`, libera o trap de foco, emite `brCookiebarReject` (void) e
+         * `brCookiebarResponse` (payload completo, construído uma única vez), depois oculta o componente.
+         */
+        this.handleReject = () => {
+            this.releaseFocusTrap();
+            this.propagateSelectAll(false);
+            this.recalculateSelectAll();
+            this.brCookiebarReject.emit();
+            this.brCookiebarResponse.emit(this.buildOutputData('reject'));
+            this.show = false;
+        };
+        /**
+         * Manipula o clique no botão secundário:
+         * - **opt-out**: abre o painel de configuração de cookies.
+         * - **opt-in**: emite `brCookiebarPolicyClick` para o consumidor navegar à política.
+         */
+        this.handleSecondaryButton = () => {
+            if (this.allOptOut) {
+                this.mode = 'open';
+            }
+            else {
+                this.brCookiebarPolicyClick.emit();
+            }
+        };
+        /** Fecha o painel aberto, retornando ao modo `default`. */
+        this.handleClose = () => {
+            this.releaseFocusTrap();
+            this.mode = 'default';
+        };
+        /** Atualiza `isMobile` conforme o breakpoint corrente. */
+        this.handleBreakpointChange = (breakpoint) => {
+            this.isMobile = breakpoint === BREAKPOINTS.X_SMALL;
+        };
+        /**
+         * Handler de trap de foco para o painel default.
+         * Ativado automaticamente pelo `scrim`: só prende o foco quando `scrim=true`,
+         * quando o modo é `default` e o componente está visível.
+         * Referência: WCAG 2.1.2.
+         */
+        this.defaultFocusTrapHandler = (event) => {
+            if (!this.show || this.mode !== 'default' || !this.scrim)
+                return;
+            const previewRoot = this.el.closest('.wbc-example-preview');
+            if (previewRoot && !event.composedPath().includes(previewRoot))
+                return;
+            if (!isEventTargetInside(event, this.el)) {
+                event.stopImmediatePropagation();
+                this.focusDefaultPanel();
+            }
+        };
+        /** Fecha o painel aberto ao pressionar Escape, apenas quando `show=true` e `mode="open"`. */
+        this.handleKeyDown = (event) => {
+            if (!this.show || this.mode !== 'open')
+                return;
+            if (this.usesNativeTopLayer && !isEventTargetInside(event, this.el))
+                return;
+            if (event.key === 'Escape') {
+                event.preventDefault();
+                event.stopPropagation();
+                this.mode = 'default';
+            }
+        };
+    }
+    /**
+     * Observa mudanças em `show`.
+     * Ao exibir o componente, garante que o modo inicial seja sempre `default` e emite `brCookiebarShow`.
+     * Com `scrim=true`, aplica `inert` nos irmãos e registra o trap de foco.
+     * Com `scrim=false`, o usuário pode navegar livremente pela página (WCAG 2.1.2).
+     * Ao ocultar, emite `brCookiebarHide`.
+     */
+    handleShowChange(newValue) {
+        if (newValue) {
+            if (this.mode === 'open') {
+                this.mode = 'default';
+            }
+            this.pageTriggerElement = document.activeElement;
+            if (this.scrim) {
+                this.applyInertSiblings();
+                document.addEventListener('focusin', this.defaultFocusTrapHandler, true);
+            }
+            this.syncGlobalKeydownListener(true);
+            this.pendingFocusDefault = true;
+            this.brCookiebarShow.emit();
+        }
+        else {
+            this.syncGlobalKeydownListener(false);
+            this.releaseDefaultFocusTrap(true);
+            this.brCookiebarHide.emit();
+        }
+    }
+    /**
+     * Observa mudanças em `mode`.
+     * Ao entrar em modo `open`, emite `brCookiebarOpen`, aplica `inert` nos irmãos e move o foco
+     * para o botão fechar (trap focus modal).
+     * Ao sair do modo `open`, emite `brCookiebarClose` e — se `scrim=true` — reaplica `inert`
+     * e o listener de trap para o painel default. Sem scrim, nenhum trap é ativado.
+     */
+    handleModeChange(newValue) {
+        if (newValue === 'open') {
+            document.removeEventListener('focusin', this.defaultFocusTrapHandler, true);
+            this.brCookiebarOpen.emit();
+            this.trapFocus();
+            this.openLiveAnnouncement = '';
+            this.openPanelDescription = this.buildOpenPanelDescription();
+            if (this.openAnnouncementFrame !== null)
+                cancelAnimationFrame(this.openAnnouncementFrame);
+            this.openAnnouncementFrame = requestAnimationFrame(() => {
+                this.openAnnouncementFrame = null;
+                if (this.mode !== 'open')
+                    return;
+                this.openLiveAnnouncement = this.buildOpenAnnouncement();
+            });
+        }
+        else {
+            if (this.openAnnouncementFrame !== null) {
+                cancelAnimationFrame(this.openAnnouncementFrame);
+                this.openAnnouncementFrame = null;
+            }
+            this.openLiveAnnouncement = '';
+            this.brCookiebarClose.emit();
+            if (this.show && this.scrim) {
+                this.applyInertSiblings();
+                document.addEventListener('focusin', this.defaultFocusTrapHandler, true);
+            }
+            this.pendingFocusDefault = true;
+        }
+    }
+    handleScrimChange(newValue) {
+        this.releaseDefaultFocusTrap(false);
+        if (this.show && this.mode === 'default' && newValue) {
+            this.applyInertSiblings();
+            document.addEventListener('focusin', this.defaultFocusTrapHandler, true);
+        }
+    }
+    /**
+     * Observa mudanças externas na prop `selectAll`.
+     * Sincroniza o estado interno do checkbox e propaga o valor para todos os grupos opt-out.
+     */
+    handleSelectAllPropChange(newValue) {
+        this.selectAllState = newValue;
+        this.propagateSelectAll(newValue);
+    }
+    /**
+     * Remove o listener global de teclado quando o componente é removido do DOM,
+     * evitando memory leaks.
+     */
+    disconnectedCallback() {
+        if (this.openAnnouncementFrame !== null)
+            cancelAnimationFrame(this.openAnnouncementFrame);
+        this.openAnnouncementFrame = null;
+        this.syncGlobalKeydownListener(false);
+        this.slotChangeHandlers.forEach((handler, slot) => {
+            slot.removeEventListener('slotchange', handler);
+        });
+        this.slotChangeHandlers.clear();
+        document.removeEventListener('focusin', this.defaultFocusTrapHandler, true);
+        this.restoreInertSiblings();
+        this.triggerElement = null;
+        this.pageTriggerElement = null;
+        this.breakpointObserver?.destroy();
+        this.breakpointObserver = null;
+    }
+    /**
+     * Inicializa o estado interno do checkbox geral e detecta quais slots estão preenchidos
+     * antes da primeira renderização.
+     */
+    componentWillLoad() {
+        this.selectAllState = this.selectAll;
+        this.checkSlots();
+        if (!this.selectAll)
+            this.recalculateSelectAll();
+        if (typeof window !== 'undefined' && typeof window.matchMedia === 'function') {
+            this.breakpointObserver = new BreakpointObserver();
+            this.breakpointObserver.subscribe(this.handleBreakpointChange);
+        }
+    }
+    /**
+     * Registra um listener em cada slot para reatualizar a detecção quando o conteúdo muda dinamicamente.
+     * Também registra o listener global de teclado para fechar o painel com Escape.
+     */
+    componentDidLoad() {
+        const slotElements = this.el.shadowRoot?.querySelectorAll('slot');
+        slotElements?.forEach((slot) => {
+            const handler = () => this.checkSlots();
+            this.slotChangeHandlers.set(slot, handler);
+            slot.addEventListener('slotchange', handler);
+        });
+        this.syncGlobalKeydownListener(this.show);
+        this.syncNativeDialog();
+        if (this.show && this.mode === 'default') {
+            this.pageTriggerElement = document.activeElement;
+            if (this.scrim) {
+                this.applyInertSiblings();
+                document.addEventListener('focusin', this.defaultFocusTrapHandler, true);
+            }
+            this.focusDefaultPanel();
+        }
+    }
+    /**
+     * Executado após cada re-render. Consome as flags de foco pendente:
+     * - `pendingFocusDefault`: foca o painel default (DOM garantidamente pronto).
+     * - `pendingFocusOpen`: foca o painel open/dialog (DOM garantidamente pronto).
+     */
+    componentDidUpdate() {
+        this.syncNativeDialog();
+        if (this.pendingFocusDefault) {
+            this.pendingFocusDefault = false;
+            this.focusDefaultPanel();
+        }
+        if (this.pendingFocusOpen) {
+            this.pendingFocusOpen = false;
+            this.focusOpenPanel();
+        }
+    }
+    /**
+     * Escuta o evento `brCookiebarGroupChange` emitido por qualquer `br-cookiebar-group` filho.
+     * Apenas recalcula o estado visual do checkbox "Selecionar tudo" — não emite `brCookiebarResponse`.
+     * O evento de resposta completo é emitido somente ao clicar em Aceitar ou Rejeitar.
+     */
+    handleGroupChange() {
+        this.recalculateSelectAll();
+    }
+    /** Exibe o cookiebar no modo `default` (barra inferior). */
+    async openDefault() {
+        this.mode = 'default';
+        this.show = true;
+    }
+    /**
+     * Exibe o cookiebar diretamente no modo `open` (painel de tela cheia).
+     */
+    async openPanel() {
+        this.show = true;
+        this.mode = 'open';
+    }
+    /** Oculta o cookiebar. */
+    async close() {
+        this.show = false;
+    }
+    /** Retorna o JSON com o estado atual de seleção de todos os grupos e cookies. */
+    async getSelectedCookies() {
+        return this.buildOutputData();
+    }
+    get liveAnnouncement() {
+        if (this.mode === 'open')
+            return this.openLiveAnnouncement;
+        return this.show ? [this.defaultPanelLabel, this.infoText].filter(Boolean).join('. ') : '';
+    }
+    syncGlobalKeydownListener(shouldAttach) {
+        if (shouldAttach === this.globalKeydownAttached)
+            return;
+        if (shouldAttach)
+            document.addEventListener('keydown', this.handleKeyDown, true);
+        else
+            document.removeEventListener('keydown', this.handleKeyDown, true);
+        this.globalKeydownAttached = shouldAttach;
+    }
+    get usesNativeDialog() {
+        return this.show && (this.scrim || this.mode === 'open');
+    }
+    get usesNativeTopLayer() {
+        return this.usesNativeDialog && supportsNativeModalDialog();
+    }
+    syncNativeDialog() {
+        syncNativeModalDialog(this.nativeDialogRef, this.usesNativeDialog);
+    }
+    /** Verifica quais slots (`header`, `links`, `actions`) possuem conteúdo e atualiza os estados correspondentes. */
+    checkSlots() {
+        this.hasHeaderSlot = !!this.el.querySelector('[slot="header"]');
+        this.hasLinksSlot = !!this.el.querySelector('[slot="links"]');
+        this.hasActionsSlot = !!this.el.querySelector('[slot="actions"]');
+    }
+    /** Retorna todos os `br-cookiebar-group` filhos no Light DOM. */
+    getGroupElements() {
+        return Array.from(this.el.querySelectorAll('br-cookiebar-group'));
+    }
+    /**
+     * Deriva a descrição do painel `open` a partir do `entryText` do `br-cookiebar-header` filho.
+     * Usado como conteúdo do elemento sr-only referenciado por `aria-describedby` no diálogo.
+     * Retorna string vazia quando não há header ou o conteúdo é livre (sem `entryText`).
+     */
+    buildOpenPanelDescription() {
+        const header = this.el.querySelector('br-cookiebar-header');
+        if (!header)
+            return '';
+        return header.entryText ?? header.textContent?.trim() ?? '';
+    }
+    /**
+     * Monta o texto anunciado pela região `aria-live` ao entrar no modo `open`.
+     */
+    buildOpenAnnouncement() {
+        const header = this.el.querySelector('br-cookiebar-header');
+        const parts = [this.panelLabel];
+        if (header) {
+            const title = header.mainTitle ?? header.textContent?.trim() ?? '';
+            const text = header.entryText ?? '';
+            if (title)
+                parts.push(title);
+            if (text)
+                parts.push(text);
+        }
+        return parts.filter(Boolean).join('. ');
+    }
+    /**
+     * Recalcula o estado do checkbox "Selecionar tudo" com base nos grupos opt-out.
+     * Grupos `always-active` (`group-opt-out="false"`) são ignorados no cálculo.
+     * Define `selectAllState` como `true`, `false` ou `'indeterminate'`.
+     */
+    recalculateSelectAll() {
+        const groups = this.getGroupElements();
+        if (groups.length === 0)
+            return;
+        const optOutGroups = groups.filter((g) => g.groupOptOut !== false);
+        if (optOutGroups.length === 0) {
+            this.selectAllState = true;
+            return;
+        }
+        const states = optOutGroups.map((group) => this.getGroupSelectionState(group));
+        this.selectAllState = aggregateSelection(states);
+    }
+    /** Calcula a seleção de um grupo a partir de propriedades refletidas ou atributos iniciais. */
+    getGroupSelectionState(group) {
+        const cookies = Array.from(group.children).filter((element) => element.tagName.toLowerCase() === 'br-cookiebar-cookie');
+        const selectableCookies = cookies.filter((cookie) => cookie.getAttribute('cookie-opt-out') !== 'false');
+        if (selectableCookies.length === 0) {
+            const selectedAttribute = group.getAttribute('group-selected');
+            return (selectedAttribute !== null && selectedAttribute !== 'false') || group.groupSelected === true;
+        }
+        return aggregateSelection(selectableCookies.map((cookie) => cookie.hasAttribute('cookie-selected') && cookie.getAttribute('cookie-selected') !== 'false'));
+    }
+    /**
+     * Propaga um valor booleano para todos os grupos opt-out filhos,
+     * atribuindo diretamente à propriedade JS para acionar o `@Watch('groupSelected')` de cada grupo.
+     */
+    propagateSelectAll(value) {
+        const groups = this.getGroupElements();
+        groups.forEach((g) => {
+            if (g.groupOptOut !== false) {
+                g.groupSelected = value;
+            }
+        });
+    }
+    /**
+     * Monta o objeto `CookiebarOutputData` percorrendo todos os grupos e seus cookies
+     * via atributos refletidos, retornando o estado atual de consentimento.
+     */
+    buildOutputData(policy = 'current') {
+        const groups = this.getGroupElements();
+        const cookieGroups = groups.map((g) => {
+            const groupId = g.groupId ?? g.getAttribute('group-id') ?? '';
+            const isAlwaysActive = g.groupOptOut === false;
+            const indeterminate = g.hasAttribute('data-indeterminate');
+            const groupSelected = isAlwaysActive
+                ? true
+                : policy === 'reject'
+                    ? false
+                    : indeterminate
+                        ? 'indeterminate'
+                        : g.groupSelected;
+            const cookieElements = Array.from(g.querySelectorAll('br-cookiebar-cookie'));
+            const cookieList = cookieElements.map((c) => ({
+                cookieId: c.cookieId ?? c.getAttribute('cookie-id') ?? '',
+                cookieSelected: isAlwaysActive || c.cookieOptOut === false ? true : policy === 'reject' ? false : c.cookieSelected,
+            }));
+            return { groupId, groupSelected, cookieList };
+        });
+        return { selectAll: policy === 'reject' ? false : this.selectAllState, cookieGroups };
+    }
+    /**
+     * Move o foco para o primeiro botão focável dentro do painel default.
+     * Recai no container do painel (`tabindex="-1"`) se nenhum botão for encontrado.
+     */
+    focusDefaultPanel() {
+        const panel = this.defaultPanelRef;
+        if (!panel)
+            return;
+        const firstButton = panel.querySelector('br-button');
+        const nativeButton = firstButton?.shadowRoot?.querySelector('button');
+        if (nativeButton) {
+            nativeButton.focus();
+        }
+        else {
+            panel.focus();
+        }
+    }
+    /**
+     * Move o foco para o botão fechar do painel expandido, que é o primeiro elemento
+     * interativo do diálogo (WCAG 2.4.3 / padrão ARIA dialog).
+     * O botão fechar fica no cabeçalho, antes dos grupos e do rodapé, garantindo que
+     * o leitor de tela anuncie "Fechar, botão" ao entrar no diálogo e permita ao usuário
+     * percorrer o conteúdo na ordem natural com Tab.
+     * Recai no container do painel (`tabindex="-1"`) se o botão não for encontrado.
+     */
+    focusOpenPanel() {
+        const shadow = this.el.shadowRoot;
+        const closeButton = shadow?.querySelector('br-button.cookiebar-close');
+        const nativeButton = closeButton?.shadowRoot?.querySelector('button');
+        if (nativeButton) {
+            nativeButton.focus();
+        }
+        else {
+            const panel = shadow?.querySelector('[part="open-panel"]');
+            panel?.focus();
+        }
+    }
+    /**
+     * Remove o listener de trap do painel default, restaura `inert` dos irmãos e,
+     * opcionalmente, restaura o foco no elemento que estava ativo antes do cookiebar aparecer.
+     */
+    releaseDefaultFocusTrap(restoreFocus = true) {
+        document.removeEventListener('focusin', this.defaultFocusTrapHandler, true);
+        this.restoreInertSiblings();
+        if (restoreFocus) {
+            this.pageTriggerElement?.focus();
+        }
+        this.pageTriggerElement = null;
+    }
+    /**
+     * Remove o `inert` dos irmãos e restaura o foco no elemento disparador.
+     * Chamado em `handleClose`, `handleAccept` e `handleReject`.
+     */
+    releaseFocusTrap() {
+        this.restoreInertSiblings();
+        this.triggerElement?.focus();
+        this.triggerElement = null;
+    }
+    /**
+     * Aplica `inert` nos irmãos do cookiebar e nos irmãos de cada ancestral até o `<body>`.
+     * Preserva os elementos já rastreados em chamadas sucessivas para que uma transição
+     * entre os modos `default` e `open` não perca a referência necessária à restauração.
+     *
+     * Percorre a cadeia de ancestrais de baixo para cima e, em cada nível, inercia todos
+     * os irmãos do nó que contém o cookiebar. Como `inert` é herdado por todos os
+     * descendentes, isso garante que nenhum elemento fora do cookiebar receba foco — via
+     * Tab ou cursor virtual de leitor de tela — independentemente da profundidade de
+     * aninhamento do cookiebar no DOM.
+     *
+     * Referência: WCAG 2.1.2 / ARIA dialog pattern.
+     */
+    applyInertSiblings() {
+        const previewRoot = this.el.closest('.wbc-example-preview');
+        let el = this.el;
+        while (el.parentElement) {
+            Array.from(el.parentElement.children).forEach((sibling) => {
+                if (sibling === el)
+                    return;
+                if (!sibling.inert) {
+                    sibling.inert = true;
+                    this.inertedElements.push(sibling);
+                }
+            });
+            if (previewRoot && el.parentElement === previewRoot)
+                break;
+            if (el.parentElement === document.body)
+                break;
+            el = el.parentElement;
+        }
+    }
+    /**
+     * Remove `inert` dos elementos que foram marcados por `applyInertSiblings`.
+     */
+    restoreInertSiblings() {
+        this.inertedElements.forEach((el) => {
+            el.inert = false;
+        });
+        this.inertedElements = [];
+    }
+    /**
+     * Ativa o trap de foco: salva o elemento disparador, inercia todos os
+     * filhos diretos de `<body>` exceto o ancestral do cookiebar (bloqueando tab e
+     * cursor virtual do leitor de tela em toda a página) e sinaliza foco pendente.
+     * O foco efetivo no botão fechar do painel é delegado ao `componentDidUpdate`
+     * via `pendingFocusOpen`, garantindo que o AT anuncie "Fechar, botão" ao entrar
+     * no diálogo e permita percorrer o conteúdo na ordem natural (WCAG 2.4.3).
+     * Referência: WCAG 2.1.2 / 2.4.3.
+     */
+    trapFocus() {
+        this.triggerElement = document.activeElement;
+        this.applyInertSiblings();
+        this.pendingFocusOpen = true;
+    }
+    /** Gera o mapa de classes CSS do container raiz com base no `mode` atual. */
+    getCssClassMap() {
+        return {
+            'br-cookiebar': true,
+            [`br-cookiebar--${this.mode}`]: true,
+            'br-cookiebar--blocking': this.usesNativeDialog,
+        };
+    }
+    /**
+     * Renderiza o checkbox "Selecionar tudo" com seu estado atual e a mensagem de alerta
+     * exibida quando nenhum ou apenas alguns grupos estão selecionados.
+     */
+    renderSelectAllCheckbox() {
+        const isIndeterminate = this.selectAllState === 'indeterminate';
+        const isChecked = this.selectAllState === true;
+        const label = isChecked ? this.unselectAllLabel : this.selectAllLabel;
+        return (h("div", { class: "cookiebar-select-all" }, h("br-checkbox", { name: "cookiebar-select-all", checked: isChecked, indeterminate: isIndeterminate, label: label, onCheckedChange: this.handleSelectAllChange })));
+    }
+    /**
+     * Renderiza o painel no modo `default` (barra inferior) com o texto informativo,
+     * o scrim opcional e os botões de ação.
+     */
+    renderDefaultPanel() {
+        return (h("div", { class: "cookiebar-default-panel", part: "default-panel", role: "region", "aria-label": this.defaultPanelLabel, tabindex: "-1", ref: (el) => (this.defaultPanelRef = el) }, h("div", { class: "cookiebar-default-content" }, h("p", { class: "cookiebar-info-text" }, this.infoText)), h("div", { class: "cookiebar-actions", part: "footer" }, this.hasActionsSlot ? h("slot", { name: "actions" }) : this.renderDefaultActions())));
+    }
+    /**
+     * Renderiza os botões padrão do modo `default` quando o slot `actions` não está preenchido.
+     * No modo opt-out, exibe "Definir Cookies" + opcionalmente "Rejeitar não obrigatórios" + "Aceitar".
+     * No modo opt-in, exibe "Ver Política de Cookies" + opcionalmente "Rejeitar não obrigatórios" + "Aceitar".
+     */
+    renderDefaultActions() {
+        const secondaryLabel = this.allOptOut ? this.optOutButton : this.optInButton;
+        return (h("div", { class: "cookiebar-default-actions" }, h("br-button", { emphasis: "secondary", density: "small", shape: this.actionShape, "aria-haspopup": this.allOptOut ? 'dialog' : undefined, onClick: this.handleSecondaryButton }, secondaryLabel), this.renderConsentActions()));
+    }
+    get actionShape() {
+        return this.isMobile ? 'block' : undefined;
+    }
+    /** Renderiza as ações de consentimento compartilhadas pelos dois painéis. */
+    renderConsentActions() {
+        return [
+            this.showRejectButton && (h("br-button", { emphasis: "secondary", density: "small", shape: this.actionShape, onClick: this.handleReject }, this.rejectButton)),
+            h("br-button", { emphasis: "primary", density: "small", shape: this.actionShape, onClick: this.handleAccept }, this.acceptButton),
+        ];
+    }
+    renderCookieGroupsHeader() {
+        return (h("div", { class: "cookiebar-groups-header" }, h("div", { role: "heading", "aria-level": 2, class: "cookiebar-groups-label" }, this.cookieGroupsLabel), this.renderSelectAllCheckbox(), this.renderSelectAllAlert()));
+    }
+    renderSelectAllAlert() {
+        if (!this.allAlertMessage)
+            return null;
+        if (this.selectAllState !== false && this.selectAllState !== 'indeterminate')
+            return null;
+        return (h("div", { class: "cookiebar-alert-wrapper" }, h("br-message", { state: "warning", "show-icon": true, "is-feedback": true, message: this.allAlertMessage })));
+    }
+    /**
+     * Renderiza o painel no modo `open` (tela cheia) com as áreas B (cabeçalho),
+     * C (grupos de cookies), D (links complementares) e E (botão de aceite).
+     */
+    renderOpenPanel() {
+        return (h("div", { class: "cookiebar-open-panel", part: "open-panel", role: "dialog", "aria-modal": "true", "aria-label": this.panelLabel, "aria-describedby": this.openPanelDescription ? `${this.customId}-desc` : undefined, tabindex: "-1" }, this.openPanelDescription && (h("span", { id: `${this.customId}-desc`, class: "sr-only" }, this.openPanelDescription)), h("div", { class: "cookiebar-body", part: "body" }, h("div", { class: "cookiebar-header", part: "header" }, this.hasHeaderSlot && h("slot", { name: "header" }), h("br-button", { class: "cookiebar-close", emphasis: "tertiary", shape: "circle", "aria-label": this.closeLabel, onClick: this.handleClose }, h("br-icon", { iconName: "fa6-solid:xmark", width: "16", height: "16" }))), h("div", { class: "cookiebar-groups" }, this.renderCookieGroupsHeader(), h("slot", null)), this.hasLinksSlot && (h("nav", { class: "cookiebar-links", "aria-label": this.linksLabel }, h("slot", { name: "links" })))), h("div", { class: "cookiebar-actions", part: "footer" }, this.hasActionsSlot ? h("slot", { name: "actions" }) : this.renderConsentActions())));
+    }
+    render() {
+        const containerContent = [
+            this.mode === 'default' && this.scrim && h("div", { key: 'e032d3e30e9e7a604207e7d5608eed48f602fba0', class: "cookiebar-scrim", part: "scrim", "aria-hidden": "true" }),
+            this.mode === 'default' ? this.renderDefaultPanel() : this.renderOpenPanel(),
+        ];
+        return (h(Host, { key: '795000ece30e44b33cd24c2b02dc70f21656f6f6' }, h("div", { key: 'bd11d082c5f2b3dc35bff48a636edda720f8b060', "aria-live": "polite", "aria-atomic": "true", class: "sr-only" }, this.liveAnnouncement), this.show &&
+            (this.usesNativeDialog ? (h("dialog", { ref: (el) => (this.nativeDialogRef = el), class: this.getCssClassMap(), part: "container", role: this.usesNativeTopLayer ? undefined : 'dialog', "aria-modal": "true", "aria-label": this.mode === 'open' ? this.panelLabel : this.defaultPanelLabel, "aria-describedby": this.mode === 'open' && this.openPanelDescription ? `${this.customId}-desc` : undefined, onCancel: this.handleNativeCancel }, containerContent)) : (h("div", { ref: () => (this.nativeDialogRef = null), class: this.getCssClassMap(), part: "container" }, containerContent)))));
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "show": [{
+                "handleShowChange": 0
+            }],
+        "mode": [{
+                "handleModeChange": 0
+            }],
+        "scrim": [{
+                "handleScrimChange": 0
+            }],
+        "selectAll": [{
+                "handleSelectAllPropChange": 0
+            }]
+    }; }
+};
+Cookiebar.style = cookiebarCss();
+
+export { Cookiebar as br_cookiebar };