@govbr-ds/webcomponents 2.4.0 → 2.6.0

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

@@ -2,15 +2,15 @@
  * 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-ConyRdJe.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CwL52661.js';
 import { g as getEventPath } from './event-6Da1SZ3J.js';
 import { l as listenForExternalBlockingSurface } from './floating-surface-dismiss-BWXfdbQH.js';
 import { g as generateUniqueId } from './id-BeJxz5TQ.js';
 import { f as findComposedOwner } from './ownership-CDtFCbKp.js';
-import { r as resolveAllowedPropValue } from './props-D07GjR4_.js';
+import { r as resolveAllowedPropValue } from './props-BbxNgEcJ.js';
 import './prop-warning-BlGV-x0w.js';
 
-const notificationCss = () => `*,*::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}pre{font-family:monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,optgroup,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))}.col-sm-4{flex-basis:33.3333333333%;max-width:33.3333333333%}}@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))}.col-lg-3{flex-basis:25%;max-width:25%}}@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-out{animation-timing-function:cubic-bezier(0, 0, 0.58, 1)}.ease-in-out{animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.fast{animation-duration:var(--duration-fast)}.slow{animation-duration:var(--duration-slow)}.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}fieldset[disabled]{opacity:1}.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)}pre,.pre{background:var(--gray-5);margin:var(--spacing-scale-2x) 0 var(--spacing-scale-4x);padding:var(--spacing-scale-2x)}*[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)}@media (prefers-reduced-motion: reduce){:host,:host::before,:host::after,:host *,:host *::before,:host *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}}:host-context([data-wbc-reduced-motion=true])::before,:host-context([data-wbc-reduced-motion=true])::after,:host-context([data-wbc-reduced-motion=true]) *,:host-context([data-wbc-reduced-motion=true]) *::before,:host-context([data-wbc-reduced-motion=true]) *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}:host{display:block;position:relative}.br-notification__trigger{display:inline-block;cursor:pointer}.br-notification__trigger:empty{display:none}.br-notification{--notification-padding:var(--spacing-scale-2x, 16px) var(--spacing-scale-4x, 32px);--notification-width:50vw;--notification-height:calc(100vh - 86px);display:flex;flex-direction:column;background-color:var(--background, var(--background-color, #fff));box-shadow:var(--surface-shadow-md);border-radius:0;position:absolute;z-index:var(--z-index-layer-1);max-width:var(--notification-width);max-height:var(--notification-height);overflow:auto;opacity:0;visibility:hidden;pointer-events:none;transition:none}@media (prefers-reduced-motion: no-preference){.br-notification{transition:opacity var(--duration-fast, 300ms) var(--animation-ease-out, ease-out),visibility var(--duration-fast, 300ms) var(--animation-ease-linear, linear)}}.br-notification.is-open{opacity:1;visibility:visible;pointer-events:auto}.br-notification.placement-bottom-end{top:100%;right:0;margin-top:var(--spacing-scale-base, 8px)}.br-notification.placement-bottom-start{top:100%;left:0;margin-top:var(--spacing-scale-base, 8px)}.br-notification.placement-top-end{bottom:100%;right:0;margin-bottom:var(--spacing-scale-base, 8px)}.br-notification.placement-top-start{bottom:100%;left:0;margin-bottom:var(--spacing-scale-base, 8px)}.br-notification.is-static{position:relative;top:auto;right:auto;bottom:auto;left:auto;margin:0;opacity:1;visibility:visible;pointer-events:auto}@media (width <= 575.98px){.br-notification.mobile-fullscreen{--notification-padding:var(--spacing-scale-base, 8px) var(--spacing-scale-2x, 16px);--notification-width:100vw;position:fixed;z-index:var(--z-index-layer-1);inset:0;width:100vw;max-width:var(--notification-width);min-height:var(--notification-height);max-height:100dvh;border-radius:0;margin:0;overflow:hidden;opacity:1;visibility:visible;pointer-events:auto;box-shadow:var(--surface-shadow-md)}}.br-notification__header{border-bottom:1px solid var(--border-color, #ccc);padding:var(--notification-padding);flex-shrink:0;border-radius:0}.br-notification__header:empty,.br-notification__header.d-none{display:none !important}.br-notification__tabs{display:flex;flex-direction:column;flex-shrink:0}.br-notification__tabs:empty,.br-notification__tabs.d-none{display:none !important}.br-notification__tabs ::slotted(br-tab){width:100%;margin:0}@media (width <= 575.98px){.br-notification__tabs ::slotted(br-tab){--tab-size:var(--tab-small)}}.br-notification__body{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:visible}.internal-scroll .br-notification__body{overflow-y:auto;overscroll-behavior:contain}.br-notification__footer{flex-shrink:0;border-top:1px solid var(--border-color, #ccc);border-radius:0}.br-notification__footer:empty,.br-notification__footer.d-none{display:none !important}`;
+const notificationCss = () => `*,*::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}pre{font-family:monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,optgroup,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))}.col-sm-4{flex-basis:33.3333333333%;max-width:33.3333333333%}}@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))}.col-lg-3{flex-basis:25%;max-width:25%}}@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-out{animation-timing-function:cubic-bezier(0, 0, 0.58, 1)}.ease-in-out{animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.fast{animation-duration:var(--duration-fast)}.slow{animation-duration:var(--duration-slow)}.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}.mb-4{margin-bottom:var(--spacing-scale-3x) !important}.pt-half{padding-top:var(--spacing-scale-half) !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}fieldset[disabled]{opacity:1}.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)}pre,.pre{background:var(--gray-5);margin:var(--spacing-scale-2x) 0 var(--spacing-scale-4x);padding:var(--spacing-scale-2x)}mark,.mark{background:var(--red-warm-vivid-10);color:var(--color)}*[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)}@media (prefers-reduced-motion: reduce){:host,:host::before,:host::after,:host *,:host *::before,:host *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}}:host-context([data-wbc-reduced-motion=true])::before,:host-context([data-wbc-reduced-motion=true])::after,:host-context([data-wbc-reduced-motion=true]) *,:host-context([data-wbc-reduced-motion=true]) *::before,:host-context([data-wbc-reduced-motion=true]) *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}:host{display:block;position:relative}.br-notification__trigger{display:inline-block;cursor:pointer}.br-notification__trigger:empty{display:none}.br-notification{--notification-padding:var(--spacing-scale-2x, 16px) var(--spacing-scale-4x, 32px);--notification-width:50vw;--notification-height:calc(100vh - 86px);display:flex;flex-direction:column;background-color:var(--background, var(--background-color, #fff));box-shadow:var(--surface-shadow-md);border-radius:0;position:absolute;z-index:var(--z-index-layer-1);max-width:var(--notification-width);max-height:var(--notification-height);overflow:auto;opacity:0;visibility:hidden;pointer-events:none;transition:none}@media (prefers-reduced-motion: no-preference){.br-notification{transition:opacity var(--duration-fast, 300ms) var(--animation-ease-out, ease-out),visibility var(--duration-fast, 300ms) var(--animation-ease-linear, linear)}}.br-notification.is-open{opacity:1;visibility:visible;pointer-events:auto}.br-notification.placement-bottom-end{top:100%;right:0;margin-top:var(--spacing-scale-base, 8px)}.br-notification.placement-bottom-start{top:100%;left:0;margin-top:var(--spacing-scale-base, 8px)}.br-notification.placement-top-end{bottom:100%;right:0;margin-bottom:var(--spacing-scale-base, 8px)}.br-notification.placement-top-start{bottom:100%;left:0;margin-bottom:var(--spacing-scale-base, 8px)}.br-notification.is-static{position:relative;top:auto;right:auto;bottom:auto;left:auto;margin:0;opacity:1;visibility:visible;pointer-events:auto}@media (width <= 575.98px){.br-notification.mobile-fullscreen{--notification-padding:var(--spacing-scale-base, 8px) var(--spacing-scale-2x, 16px);--notification-width:100vw;position:fixed;z-index:var(--z-index-layer-1);inset:0;width:100vw;max-width:var(--notification-width);min-height:var(--notification-height);max-height:100dvh;border-radius:0;margin:0;overflow:hidden;opacity:1;visibility:visible;pointer-events:auto;box-shadow:var(--surface-shadow-md)}}.br-notification__header{border-bottom:1px solid var(--border-color, #ccc);padding:var(--notification-padding);flex-shrink:0;border-radius:0}.br-notification__header:empty,.br-notification__header.d-none{display:none !important}.br-notification__tabs{display:flex;flex-direction:column;flex-shrink:0}.br-notification__tabs:empty,.br-notification__tabs.d-none{display:none !important}.br-notification__tabs ::slotted(br-tab){width:100%;margin:0}@media (width <= 575.98px){.br-notification__tabs ::slotted(br-tab){--tab-size:var(--tab-small)}}.br-notification__body{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:visible}.internal-scroll .br-notification__body{overflow-y:auto;overscroll-behavior:contain}.br-notification__footer{flex-shrink:0;border-top:1px solid var(--border-color, #ccc);border-radius:0}.br-notification__footer:empty,.br-notification__footer.d-none{display:none !important}`;
 
 const NOTIFICATION_PLACEMENTS = [
     'bottom-start',
@@ -328,12 +328,12 @@ const Notification = class {
             style['--notification-height'] = this.maxHeight;
         if (this.isStatic && !this.maxHeight)
             style.maxHeight = 'none';
-        return (h(Host, { key: '8a8d04072311dab83da9bc75533fb4f32714e2bf', "mobile-fullscreen": this.mobileFullscreen, "internal-scroll": this.internalScroll, open: this.open, style: !this.isStatic ? { zIndex: 'var(--z-index-layer-1)' } : undefined }, h("div", { key: '6853c148e73fe0ed6f2fd99720313e29b4e0c085', class: { 'br-notification__trigger': true, 'd-none': !this.hasTrigger }, role: "button", tabIndex: 0, onClick: () => this.toggle(), onKeyDown: (event) => {
+        return (h(Host, { key: 'e90181153a40bb5a0326a86369dff442345dcf11', "mobile-fullscreen": this.mobileFullscreen, "internal-scroll": this.internalScroll, open: this.open, style: !this.isStatic ? { zIndex: 'var(--z-index-layer-1)' } : undefined }, h("div", { key: 'f43756665f3ab89351f4a089b301d7b166d3bf3d', class: { 'br-notification__trigger': true, 'd-none': !this.hasTrigger }, role: "button", tabIndex: 0, onClick: () => this.toggle(), onKeyDown: (event) => {
                 if (event.key === 'Enter' || event.key === ' ') {
                     event.preventDefault();
                     this.toggle();
                 }
-            } }, h("slot", { key: '6b875f3904dc76ce8f39283262a38739ccfc1b04', name: "trigger", onSlotchange: () => this.checkSlotVisibility('trigger') })), h("div", { key: 'a7077447375a30e5c6da68ca55dc33acd94ca3ac', class: this.getCssClassMap(), id: this.customId, style: style, part: "base", "aria-label": this.label, "aria-hidden": !this.open ? 'true' : null, role: "dialog", "aria-modal": "true" }, h("div", { key: 'aace781dfdbd0dfdf7087373be9e67247fa98805', part: "header", class: { 'br-notification__header': true, 'd-none': !this.hasHeader } }, h("slot", { key: '3cecabd28ccd4d69331e80ecd64e8f69e7171015', name: "header", onSlotchange: () => this.checkSlotVisibility('header') })), h("div", { key: 'a18e18c161884e85114d722244e82376aeb11907', part: "tabs", class: { 'br-notification__tabs': true, 'd-none': !this.hasTabs } }, h("slot", { key: '6aabd8d7c6285eebf8fcb0decd60fa16635df186', name: "tabs", onSlotchange: () => this.checkSlotVisibility('tabs') })), h("div", { key: '60788b6a52b2609c4f4d0a48b3b0d80145b018f9', part: "body", class: "br-notification__body" }, h("slot", { key: 'a334d6cc7e992219962922f23e4be318fead09ad' })), h("div", { key: '6bbed27ceaa351fc942993a867b2cc1e6c6e59c6', part: "footer", class: { 'br-notification__footer': true, 'd-none': !this.hasFooter } }, h("slot", { key: 'af9300ef1596f25546476981a5564c741a7ca3c1', name: "footer", onSlotchange: () => this.checkSlotVisibility('footer') })))));
+            } }, h("slot", { key: '302bd14287a4cda84712ea2f5ab6b09ebbddac7d', name: "trigger", onSlotchange: () => this.checkSlotVisibility('trigger') })), h("div", { key: '2a024b344e2bbaf96794deb4555d845d234f9d52', class: this.getCssClassMap(), id: this.customId, style: style, part: "base", "aria-label": this.label, "aria-hidden": !this.open ? 'true' : null, role: "dialog", "aria-modal": "true" }, h("div", { key: '1ae52b2ec4728454981a62df32c77e461c402dfc', part: "header", class: { 'br-notification__header': true, 'd-none': !this.hasHeader } }, h("slot", { key: '1a57a0c13735aceb6065879420f7ada1d783ad94', name: "header", onSlotchange: () => this.checkSlotVisibility('header') })), h("div", { key: '1688a88956364843bfa49ee2c1f1dd9490d4e242', part: "tabs", class: { 'br-notification__tabs': true, 'd-none': !this.hasTabs } }, h("slot", { key: '5fa5b8c33af804ed01ff93b4549476d28c0b7ff9', name: "tabs", onSlotchange: () => this.checkSlotVisibility('tabs') })), h("div", { key: 'd863b359975f77b5ad5177c92bb0a8fc035e011b', part: "body", class: "br-notification__body" }, h("slot", { key: '6ceb765295bf7010dc5b968d7a2c042c168a56e2' })), h("div", { key: '77c33d5e03e8d5e15ec4468d1dbf4488a9c9068c', part: "footer", class: { 'br-notification__footer': true, 'd-none': !this.hasFooter } }, h("slot", { key: 'f57bfbbab273da463dd6e79f4a410f71668120d2', name: "footer", onSlotchange: () => this.checkSlotVisibility('footer') })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {