@govbr-ds/webcomponents 2.1.2 → 2.1.3

package/dist/components/br-modal.js

@@ -2,4 +2,4 @@
  * Construído por SERPRO
  * © https://serpro.gov.br/ - MIT License.
  */
-import{p as t,H as a,c as e,h as i,d as r,t as o}from"./p-Bb-nLtTG.js";import{c as n,r as s}from"./p-DxZJrIyL.js";import{g as l}from"./p-BkS6ujyf.js";import{a as c}from"./p-B55qsau4.js";import{d}from"./p-DCrVo-8T.js";import{d as g}from"./p-B7Amgxkp.js";const h=t(class t extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.brModalOpen=e(this,"brModalOpen",7),this.brModalClose=e(this,"brModalClose",7),this.brModalBeforeClose=e(this,"brModalBeforeClose",7),this.brModalOpened=e(this,"brModalOpened",7),this.customId=l(),this.show=!1,this.autoClose=!1,this.size="medium",this.scrollable=!1,this.alignFooter="center",this.isOpeningParentScrim=!1,this.triggerElement=null,this.pendingFocus=!1,this.nativeDialogRef=null,this.keyListenerAttached=!1,this.handleKeyDown=t=>{if(this.show&&!this.usesStandaloneDialog)return"Escape"===t.key?(t.preventDefault(),t.stopPropagation(),this.brModalBeforeClose.emit(),void(this.el.dispatchEvent(new globalThis.Event("cancel",{cancelable:!0}))&&(this.show=!1))):void("Tab"===t.key&&this.handleTabNavigation(t))},this.handleParentScrimOpen=()=>{null!==this.el.closest("br-scrim")&&(this.show||(this.show=!0))},this.handleParentScrimClose=()=>{null!==this.el.closest("br-scrim")&&this.autoClose&&this.show&&(this.show=!1)},this.handleClose=()=>{this.brModalBeforeClose.emit();const t=this.el.dispatchEvent(new globalThis.Event("cancel",{cancelable:!0}));this.autoClose&&t&&(this.show=!1)},this.handleNativeCancel=t=>{t.preventDefault(),t.stopPropagation(),this.brModalBeforeClose.emit(),this.el.dispatchEvent(new globalThis.Event("cancel",{cancelable:!0}))&&(this.show=!1)}}handleShowChange(t,a){t?(this.attachKeyListener(),this.triggerElement=n(this.el.ownerDocument),this.brModalOpen.emit(),this.openParentScrim(),requestAnimationFrame((()=>this.moveFocusIntoModal()))):!0===a&&(this.detachKeyListener(),c(this.nativeDialogRef,!1),this.brModalClose.emit(),this.el.dispatchEvent(new globalThis.Event("close")),this.closeParentScrim(),s(this.triggerElement),this.triggerElement=null)}disconnectedCallback(){c(this.nativeDialogRef,!1),this.isOpeningParentScrim=!1,this.removeParentScrimEventListeners(),this.detachKeyListener()}componentWillLoad(){if(!this.show){const t=this.el.closest("br-scrim");t?.isOpen&&(this.show=!0)}}componentDidLoad(){this.listenToParentScrimEvents(),this.show&&(this.openParentScrim(),requestAnimationFrame((()=>this.moveFocusIntoModal()))),this.show&&this.attachKeyListener()}componentDidRender(){this.show&&this.usesStandaloneDialog&&c(this.nativeDialogRef,!0),this.pendingFocus&&this.show&&(this.pendingFocus=!1,this.moveFocusIntoModal())}attachKeyListener(){this.keyListenerAttached||(document.addEventListener("keydown",this.handleKeyDown,!0),this.keyListenerAttached=!0)}detachKeyListener(){this.keyListenerAttached&&(document.removeEventListener("keydown",this.handleKeyDown,!0),this.keyListenerAttached=!1)}async open(){this.show=!0,this.openParentScrim()}async showModal(){await this.open()}async close(){this.show=!1}async requestClose(){this.brModalBeforeClose.emit(),this.el.dispatchEvent(new globalThis.Event("cancel",{cancelable:!0}))&&await this.close()}async toggle(){this.show=!this.show}get titleId(){return this.customId+"-title"}get contentId(){return this.customId+"-content"}async moveFocusIntoModal(){if(await new Promise((t=>requestAnimationFrame((()=>t())))),!this.show)return;const t=this.el.shadowRoot;if(null===t)return;const a=t.querySelector(".br-modal");if(null!==a&&(a.focus(),a.scrollIntoView({behavior:"smooth",block:"start"})),"string"==typeof this.initialFocusSelector&&""!==this.initialFocusSelector){const t=await this.waitForElement(this.initialFocusSelector);null!==t&&((this.findDeepNativeFocusable(t)??t).focus(),t.scrollIntoView({behavior:"smooth",block:"start"}))}this.brModalOpened.emit()}findDeepNativeFocusable(t){const a=t.shadowRoot;if(null===a)return null;const e=["input:not([disabled])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","a[href]"];for(const t of e){const e=a.querySelector(t);if(null!==e)return e}const i=Array.from(a.querySelectorAll("*")).filter((t=>t.tagName.includes("-")&&null!==t.shadowRoot));for(const t of i){const a=this.findDeepNativeFocusable(t);if(null!==a)return a}return null}waitForElement(t,a=10,e=50){return new Promise((i=>{const r=a=>{const o=document.querySelector(t);if(null===o)a<=0?i(null):setTimeout((()=>r(a-1)),e);else{const t=o.tagName.toLowerCase();t.includes("-")?customElements.whenDefined(t).then((()=>i(o))):i(o)}};r(a)}))}handleTabNavigation(t){const a=this.getFocusableElements();if(0===a.length)return void t.preventDefault();const e=a[0],i=a[a.length-1],r=t.composedPath?.()[0]??document.activeElement,o=this.findDeepNativeFocusable(e)??e,n=this.findDeepNativeFocusable(i)??i;!t.shiftKey&&this.isOrInsideElement(r,i)?(t.preventDefault(),o.focus()):t.shiftKey&&this.isOrInsideElement(r,e)&&(t.preventDefault(),n.focus())}isOrInsideElement(t,a){if(t===a)return!0;let e=t;for(;null!==e&&e!==document;){if(e===a)return!0;const t=e.getRootNode();if(t instanceof ShadowRoot)e=t.host;else if(e=e.parentElement,null===e)break}return!1}getFocusableElements(){const e=this.el.shadowRoot;if(null===e)return[];const i=t.FOCUSABLE_SELECTORS,r=[];return e.querySelectorAll(i).forEach((t=>{r.push(t)})),e.querySelectorAll("slot").forEach((t=>{t.assignedElements({flatten:!0}).forEach((t=>{t instanceof a&&(t.matches(i)&&r.push(t),t.querySelectorAll(i).forEach((t=>{r.push(t)})))}))})),Array.from(new Set(r)).filter((t=>t.offsetWidth>0&&t.offsetHeight>0&&"hidden"!==getComputedStyle(t).visibility))}closeParentScrim(){const t=this.el.closest("br-scrim");t&&"function"==typeof t.close&&t.close()}get usesStandaloneDialog(){return null===this.el.closest("br-scrim")}listenToParentScrimEvents(){const t=this.el.closest("br-scrim");null!==t&&(t.addEventListener("brScrimOpen",this.handleParentScrimOpen),t.addEventListener("brScrimClose",this.handleParentScrimClose))}removeParentScrimEventListeners(){const t=this.el.closest("br-scrim");null!==t&&(t.removeEventListener("brScrimOpen",this.handleParentScrimOpen),t.removeEventListener("brScrimClose",this.handleParentScrimClose))}openParentScrim(){if(this.isOpeningParentScrim)return;const t=this.el.closest("br-scrim");t&&!t.isOpen&&(this.isOpeningParentScrim=!0,Promise.resolve().then((()=>{try{return t.open()}catch(t){throw console.warn("br-modal: Erro ao abrir scrim pai:",t),t}})).finally((()=>{this.isOpeningParentScrim=!1})))}getCssClassMap(){return{"br-modal":!0,[this.size]:!0,scrollable:this.scrollable}}render(){return this.show?i(r,null,i(this.usesStandaloneDialog?"dialog":"div",{ref:t=>{this.nativeDialogRef=this.usesStandaloneDialog?t:null},class:this.getCssClassMap(),role:this.usesStandaloneDialog?void 0:"dialog",tabIndex:-1,"aria-modal":"true","aria-labelledby":this.titleId,"aria-describedby":this.contentId,part:"container",onCancel:this.usesStandaloneDialog?this.handleNativeCancel:void 0},i("div",{class:"br-modal-header",part:"header"},i("div",{class:"modal-title",id:this.titleId,part:"title"},i("slot",{name:"header"},this.titleText)),i("slot",{name:"close-button"},i("br-button",{part:"close-button",class:"close",shape:"circle",density:"small","prop:ariaLabel":"Fechar",onClick:this.handleClose},i("br-icon",{iconName:"fa-solid:times",width:"16",height:"16"})))),i("div",{id:this.contentId,class:"br-modal-body",part:"body"},i("slot",null)),i("div",{class:"br-modal-footer "+(void 0!==this.alignFooter?"justify-content-"+this.alignFooter:""),part:"footer"},i("slot",{name:"footer"})))):null}get el(){return this}static get watchers(){return{show:[{handleShowChange:0}]}}static get style(){return"*,*::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)}.br-modal{--modal-size:var(--modal-medium);--modal-xsmall:220px;--modal-small:300px;--modal-medium:500px;--modal-large:640px;--modal-auto:auto;background:var(--background);box-shadow:var(--surface-shadow-sm);display:flex;flex-direction:column;max-width:var(--modal-size);z-index:var(--z-index-layer-4)}.br-modal-header{font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-bold);padding:var(--spacing-scale-2x) var(--spacing-scale-2x) 0;position:relative}.br-modal-header .close{position:absolute;right:var(--spacing-scale-base);top:var(--spacing-scale-base)}.br-modal .modal-title{font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-bold);margin-right:40px;max-height:calc(var(--font-size-scale-up-01)*3);overflow:hidden;text-overflow:ellipsis}.br-modal-body{flex:1;margin:var(--spacing-scale-3x) 0 var(--spacing-scale-2x);overflow:auto;padding:0 var(--spacing-scale-2x);width:auto}.br-modal-body::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}.br-modal-body::-webkit-scrollbar-track{background:var(--gray-10)}.br-modal-body::-webkit-scrollbar-thumb{background:var(--gray-30)}.br-modal-body:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}.br-modal-body>*:last-child{margin-bottom:0}.br-modal-footer{display:flex;flex-wrap:wrap;padding:var(--spacing-scale-2x)}.br-modal.xsmall{--modal-size:var(--modal-xsmall)}.br-modal.small{--modal-size:var(--modal-small)}.br-modal.medium{--modal-size:var(--modal-medium)}.br-modal.large{--modal-size:var(--modal-large)}.br-modal.auto{--modal-size:var(--modal-auto)}.br-modal .loading.medium{min-height:calc(var(--loading-indetermined-diameter-md) + var(--spacing-scale-2x)*2)}.br-modal .terms{border:0;box-shadow:var(--surface-shadow-sm-inset),var(--surface-shadow-sm-inset-up);font-size:var(--font-size-scale-base);height:216px;margin-bottom:var(--spacing-scale-2x);margin-left:calc(var(--spacing-scale-2x)*-1);margin-right:calc(var(--spacing-scale-2x)*-1);overflow:auto;padding:var(--spacing-scale-2x);resize:none;width:auto}.br-modal .terms::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}.br-modal .terms::-webkit-scrollbar-track{background:var(--gray-10)}.br-modal .terms::-webkit-scrollbar-thumb{background:var(--gray-30)}.br-modal .terms:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}.br-modal .terms:active{outline:none}.br-modal .terms:hover::-webkit-scrollbar-thumb{background:var(--color-secondary-07)}@media (max-width: 991px){.br-modal .terms{margin-left:unset !important;margin-right:unset !important}.br-modal-header .close{top:0}}.br-modal:focus{outline:none}dialog.br-modal{border:0;padding:0}dialog.br-modal::backdrop{background:rgba(0,0,0,.45)}.br-modal.scrollable{max-height:400px}.br-modal-footer.justify-content-end{justify-content:flex-end}"}},[257,"br-modal",{customId:[513,"custom-id"],titleText:[1,"title-text"],show:[1540],autoClose:[516,"auto-close"],initialFocusSelector:[1,"initial-focus-selector"],size:[513],scrollable:[516],alignFooter:[513,"align-footer"],open:[64],showModal:[64],close:[64],requestClose:[64],toggle:[64]},void 0,{show:[{handleShowChange:0}]}]);h.FOCUSABLE_SELECTORS='a[href]:not([disabled]),button:not([disabled]),br-button:not([disabled]):not([tabindex="-1"]),input:not([disabled]),br-input:not([disabled]):not([tabindex="-1"]),select:not([disabled]),br-select:not([disabled]):not([tabindex="-1"]),textarea:not([disabled]),br-textarea:not([disabled]):not([tabindex="-1"]),[tabindex]:not([tabindex="-1"])';const m=h,b=function(){"undefined"!=typeof customElements&&["br-modal","br-button","br-icon"].forEach((t=>{switch(t){case"br-modal":customElements.get(o(t))||customElements.define(o(t),h);break;case"br-button":customElements.get(o(t))||d();break;case"br-icon":customElements.get(o(t))||g()}}))};export{m as BrModal,b as defineCustomElement}
+import{p as t,H as a,c as e,h as i,d as r,t as o}from"./p-Bb-nLtTG.js";import{c as n,r as s}from"./p-DxZJrIyL.js";import{g as l}from"./p-BkS6ujyf.js";import{a as c}from"./p-B55qsau4.js";import{d}from"./p-BloE-KAN.js";import{d as g}from"./p-DeeF6ok0.js";const h=t(class t extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.brModalOpen=e(this,"brModalOpen",7),this.brModalClose=e(this,"brModalClose",7),this.brModalBeforeClose=e(this,"brModalBeforeClose",7),this.brModalOpened=e(this,"brModalOpened",7),this.customId=l(),this.show=!1,this.autoClose=!1,this.size="medium",this.scrollable=!1,this.alignFooter="center",this.isOpeningParentScrim=!1,this.triggerElement=null,this.pendingFocus=!1,this.nativeDialogRef=null,this.keyListenerAttached=!1,this.handleKeyDown=t=>{if(this.show&&!this.usesStandaloneDialog)return"Escape"===t.key?(t.preventDefault(),t.stopPropagation(),this.brModalBeforeClose.emit(),void(this.el.dispatchEvent(new globalThis.Event("cancel",{cancelable:!0}))&&(this.show=!1))):void("Tab"===t.key&&this.handleTabNavigation(t))},this.handleParentScrimOpen=()=>{null!==this.el.closest("br-scrim")&&(this.show||(this.show=!0))},this.handleParentScrimClose=()=>{null!==this.el.closest("br-scrim")&&this.autoClose&&this.show&&(this.show=!1)},this.handleClose=()=>{this.brModalBeforeClose.emit();const t=this.el.dispatchEvent(new globalThis.Event("cancel",{cancelable:!0}));this.autoClose&&t&&(this.show=!1)},this.handleNativeCancel=t=>{t.preventDefault(),t.stopPropagation(),this.brModalBeforeClose.emit(),this.el.dispatchEvent(new globalThis.Event("cancel",{cancelable:!0}))&&(this.show=!1)}}handleShowChange(t,a){t?(this.attachKeyListener(),this.triggerElement=n(this.el.ownerDocument),this.brModalOpen.emit(),this.openParentScrim(),requestAnimationFrame((()=>this.moveFocusIntoModal()))):!0===a&&(this.detachKeyListener(),c(this.nativeDialogRef,!1),this.brModalClose.emit(),this.el.dispatchEvent(new globalThis.Event("close")),this.closeParentScrim(),s(this.triggerElement),this.triggerElement=null)}disconnectedCallback(){c(this.nativeDialogRef,!1),this.isOpeningParentScrim=!1,this.removeParentScrimEventListeners(),this.detachKeyListener()}componentWillLoad(){if(!this.show){const t=this.el.closest("br-scrim");t?.isOpen&&(this.show=!0)}}componentDidLoad(){this.listenToParentScrimEvents(),this.show&&(this.openParentScrim(),requestAnimationFrame((()=>this.moveFocusIntoModal()))),this.show&&this.attachKeyListener()}componentDidRender(){this.show&&this.usesStandaloneDialog&&c(this.nativeDialogRef,!0),this.pendingFocus&&this.show&&(this.pendingFocus=!1,this.moveFocusIntoModal())}attachKeyListener(){this.keyListenerAttached||(document.addEventListener("keydown",this.handleKeyDown,!0),this.keyListenerAttached=!0)}detachKeyListener(){this.keyListenerAttached&&(document.removeEventListener("keydown",this.handleKeyDown,!0),this.keyListenerAttached=!1)}async open(){this.show=!0,this.openParentScrim()}async showModal(){await this.open()}async close(){this.show=!1}async requestClose(){this.brModalBeforeClose.emit(),this.el.dispatchEvent(new globalThis.Event("cancel",{cancelable:!0}))&&await this.close()}async toggle(){this.show=!this.show}get titleId(){return this.customId+"-title"}get contentId(){return this.customId+"-content"}async moveFocusIntoModal(){if(await new Promise((t=>requestAnimationFrame((()=>t())))),!this.show)return;const t=this.el.shadowRoot;if(null===t)return;const a=t.querySelector(".br-modal");if(null!==a&&(a.focus(),a.scrollIntoView({behavior:"smooth",block:"start"})),"string"==typeof this.initialFocusSelector&&""!==this.initialFocusSelector){const t=await this.waitForElement(this.initialFocusSelector);null!==t&&((this.findDeepNativeFocusable(t)??t).focus(),t.scrollIntoView({behavior:"smooth",block:"start"}))}this.brModalOpened.emit()}findDeepNativeFocusable(t){const a=t.shadowRoot;if(null===a)return null;const e=["input:not([disabled])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","a[href]"];for(const t of e){const e=a.querySelector(t);if(null!==e)return e}const i=Array.from(a.querySelectorAll("*")).filter((t=>t.tagName.includes("-")&&null!==t.shadowRoot));for(const t of i){const a=this.findDeepNativeFocusable(t);if(null!==a)return a}return null}waitForElement(t,a=10,e=50){return new Promise((i=>{const r=a=>{const o=document.querySelector(t);if(null===o)a<=0?i(null):setTimeout((()=>r(a-1)),e);else{const t=o.tagName.toLowerCase();t.includes("-")?customElements.whenDefined(t).then((()=>i(o))):i(o)}};r(a)}))}handleTabNavigation(t){const a=this.getFocusableElements();if(0===a.length)return void t.preventDefault();const e=a[0],i=a[a.length-1],r=t.composedPath?.()[0]??document.activeElement,o=this.findDeepNativeFocusable(e)??e,n=this.findDeepNativeFocusable(i)??i;!t.shiftKey&&this.isOrInsideElement(r,i)?(t.preventDefault(),o.focus()):t.shiftKey&&this.isOrInsideElement(r,e)&&(t.preventDefault(),n.focus())}isOrInsideElement(t,a){if(t===a)return!0;let e=t;for(;null!==e&&e!==document;){if(e===a)return!0;const t=e.getRootNode();if(t instanceof ShadowRoot)e=t.host;else if(e=e.parentElement,null===e)break}return!1}getFocusableElements(){const e=this.el.shadowRoot;if(null===e)return[];const i=t.FOCUSABLE_SELECTORS,r=[];return e.querySelectorAll(i).forEach((t=>{r.push(t)})),e.querySelectorAll("slot").forEach((t=>{t.assignedElements({flatten:!0}).forEach((t=>{t instanceof a&&(t.matches(i)&&r.push(t),t.querySelectorAll(i).forEach((t=>{r.push(t)})))}))})),Array.from(new Set(r)).filter((t=>t.offsetWidth>0&&t.offsetHeight>0&&"hidden"!==getComputedStyle(t).visibility))}closeParentScrim(){const t=this.el.closest("br-scrim");t&&"function"==typeof t.close&&t.close()}get usesStandaloneDialog(){return null===this.el.closest("br-scrim")}listenToParentScrimEvents(){const t=this.el.closest("br-scrim");null!==t&&(t.addEventListener("brScrimOpen",this.handleParentScrimOpen),t.addEventListener("brScrimClose",this.handleParentScrimClose))}removeParentScrimEventListeners(){const t=this.el.closest("br-scrim");null!==t&&(t.removeEventListener("brScrimOpen",this.handleParentScrimOpen),t.removeEventListener("brScrimClose",this.handleParentScrimClose))}openParentScrim(){if(this.isOpeningParentScrim)return;const t=this.el.closest("br-scrim");t&&!t.isOpen&&(this.isOpeningParentScrim=!0,Promise.resolve().then((()=>{try{return t.open()}catch(t){throw console.warn("br-modal: Erro ao abrir scrim pai:",t),t}})).finally((()=>{this.isOpeningParentScrim=!1})))}getCssClassMap(){return{"br-modal":!0,[this.size]:!0,scrollable:this.scrollable}}render(){return this.show?i(r,null,i(this.usesStandaloneDialog?"dialog":"div",{ref:t=>{this.nativeDialogRef=this.usesStandaloneDialog?t:null},class:this.getCssClassMap(),role:this.usesStandaloneDialog?void 0:"dialog",tabIndex:-1,"aria-modal":"true","aria-labelledby":this.titleId,"aria-describedby":this.contentId,part:"container",onCancel:this.usesStandaloneDialog?this.handleNativeCancel:void 0},i("div",{class:"br-modal-header",part:"header"},i("div",{class:"modal-title",id:this.titleId,part:"title"},i("slot",{name:"header"},this.titleText)),i("slot",{name:"close-button"},i("br-button",{part:"close-button",class:"close",shape:"circle",density:"small","prop:ariaLabel":"Fechar",onClick:this.handleClose},i("br-icon",{iconName:"fa-solid:times",width:"16",height:"16"})))),i("div",{id:this.contentId,class:"br-modal-body",part:"body"},i("slot",null)),i("div",{class:"br-modal-footer "+(void 0!==this.alignFooter?"justify-content-"+this.alignFooter:""),part:"footer"},i("slot",{name:"footer"})))):null}get el(){return this}static get watchers(){return{show:[{handleShowChange:0}]}}static get style(){return"*,*::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))}.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-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)}.br-modal{--modal-size:var(--modal-medium);--modal-xsmall:220px;--modal-small:300px;--modal-medium:500px;--modal-large:640px;--modal-auto:auto;background:var(--background);box-shadow:var(--surface-shadow-sm);display:flex;flex-direction:column;max-width:var(--modal-size);z-index:var(--z-index-layer-4)}.br-modal-header{font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-bold);padding:var(--spacing-scale-2x) var(--spacing-scale-2x) 0;position:relative}.br-modal-header .close{position:absolute;right:var(--spacing-scale-base);top:var(--spacing-scale-base)}.br-modal .modal-title{font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-bold);margin-right:40px;max-height:calc(var(--font-size-scale-up-01)*3);overflow:hidden;text-overflow:ellipsis}.br-modal-body{flex:1;margin:var(--spacing-scale-3x) 0 var(--spacing-scale-2x);overflow:auto;padding:0 var(--spacing-scale-2x);width:auto}.br-modal-body::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}.br-modal-body::-webkit-scrollbar-track{background:var(--gray-10)}.br-modal-body::-webkit-scrollbar-thumb{background:var(--gray-30)}.br-modal-body:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}.br-modal-body>*:last-child{margin-bottom:0}.br-modal-footer{display:flex;flex-wrap:wrap;padding:var(--spacing-scale-2x)}.br-modal.xsmall{--modal-size:var(--modal-xsmall)}.br-modal.small{--modal-size:var(--modal-small)}.br-modal.medium{--modal-size:var(--modal-medium)}.br-modal.large{--modal-size:var(--modal-large)}.br-modal.auto{--modal-size:var(--modal-auto)}.br-modal .loading.medium{min-height:calc(var(--loading-indetermined-diameter-md) + var(--spacing-scale-2x)*2)}.br-modal .terms{border:0;box-shadow:var(--surface-shadow-sm-inset),var(--surface-shadow-sm-inset-up);font-size:var(--font-size-scale-base);height:216px;margin-bottom:var(--spacing-scale-2x);margin-left:calc(var(--spacing-scale-2x)*-1);margin-right:calc(var(--spacing-scale-2x)*-1);overflow:auto;padding:var(--spacing-scale-2x);resize:none;width:auto}.br-modal .terms::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}.br-modal .terms::-webkit-scrollbar-track{background:var(--gray-10)}.br-modal .terms::-webkit-scrollbar-thumb{background:var(--gray-30)}.br-modal .terms:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}.br-modal .terms:active{outline:none}.br-modal .terms:hover::-webkit-scrollbar-thumb{background:var(--color-secondary-07)}@media (max-width: 991px){.br-modal .terms{margin-left:unset !important;margin-right:unset !important}.br-modal-header .close{top:0}}.br-modal:focus{outline:none}dialog.br-modal{border:0;padding:0}dialog.br-modal::backdrop{background:rgba(0,0,0,.45)}.br-modal.scrollable{max-height:400px}.br-modal-footer.justify-content-end{justify-content:flex-end}"}},[257,"br-modal",{customId:[513,"custom-id"],titleText:[1,"title-text"],show:[1540],autoClose:[516,"auto-close"],initialFocusSelector:[1,"initial-focus-selector"],size:[513],scrollable:[516],alignFooter:[513,"align-footer"],open:[64],showModal:[64],close:[64],requestClose:[64],toggle:[64]},void 0,{show:[{handleShowChange:0}]}]);h.FOCUSABLE_SELECTORS='a[href]:not([disabled]),button:not([disabled]),br-button:not([disabled]):not([tabindex="-1"]),input:not([disabled]),br-input:not([disabled]):not([tabindex="-1"]),select:not([disabled]),br-select:not([disabled]):not([tabindex="-1"]),textarea:not([disabled]),br-textarea:not([disabled]):not([tabindex="-1"]),[tabindex]:not([tabindex="-1"])';const m=h,b=function(){"undefined"!=typeof customElements&&["br-modal","br-button","br-icon"].forEach((t=>{switch(t){case"br-modal":customElements.get(o(t))||customElements.define(o(t),h);break;case"br-button":customElements.get(o(t))||d();break;case"br-icon":customElements.get(o(t))||g()}}))};export{m as BrModal,b as defineCustomElement}

package/dist/components/br-notification-body.js

@@ -2,4 +2,4 @@
  * Construído por SERPRO
  * © https://serpro.gov.br/ - MIT License.
  */
-import{p as t,H as e,h as a,d as i,t as r}from"./p-Bb-nLtTG.js";import{g as o}from"./p-BkS6ujyf.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.hasTabs=!1,this.customId=o(),this.internalScroll=!0,this.empty=!1}componentDidLoad(){this.checkSlotVisibility("tabs")}checkSlotVisibility(t){const e=this.el.shadowRoot?.querySelector(`slot[name="${t}"]`);if(!e)return;const a=e.assignedNodes().some((t=>t.nodeType===Node.ELEMENT_NODE||t.nodeType===Node.TEXT_NODE&&""!==t.textContent.trim()));"tabs"===t&&(this.hasTabs=a)}getCssClassMap(){return{"br-notification-body":!0,"internal-scroll":this.internalScroll,"is-empty":this.empty}}render(){return a(i,{key:"a2d6eb6a84119f51aaa6c701ebc82bc258572788"},a("div",{key:"0e87deb55bd7e00e24214e17916934f01ee4d72e",class:this.getCssClassMap()},a("div",{key:"59e7e3e10fb46201461df8f80326080eff87d83e",class:{"br-notification-body__tabs":!0,"d-none":!this.hasTabs}},a("slot",{key:"7f08f0232b6d712bdea3aca1b34ac298483126c9",name:"tabs",onSlotchange:()=>this.checkSlotVisibility("tabs")})),a("div",{key:"14e3e45e33ae13507f8d971c0d9364317d2f1e7b",class:"br-notification-body__list",role:"log","aria-live":"polite","aria-relevant":"additions removals"},this.empty?a("div",{class:"br-notification-body__empty"},a("slot",{name:"empty"},a("p",null,"Nenhuma notificação encontrada."))):a("slot",null))))}get el(){return this}static get style(){return"*,*::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;min-height:0;flex:1}.br-notification-body{display:flex;flex-direction:column;height:100%;min-height:0}.br-notification-body__tabs{flex-shrink:0;background-color:var(--background-color, #fff);border-bottom:1px solid var(--border-color, #ccc);padding:0 var(--spacing-scale-2x, 16px);display:flex;align-items:center;min-height:48px}.br-notification-body__tabs:empty{display:none}.br-notification-body__list{flex:1;min-height:0;list-style:none;margin:0;padding:0}:host([internal-scroll=true]) .br-notification-body__list{overflow-y:auto;overscroll-behavior:contain}.br-notification-body__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-scale-4x, 32px) var(--spacing-scale-2x, 16px);color:var(--text-color-secondary, #555);text-align:center}.br-notification-body__empty p{margin:0;font-size:var(--font-size-scale-base, 1rem)}"}},[257,"br-notification-body",{customId:[513,"custom-id"],internalScroll:[516,"internal-scroll"],empty:[516],hasTabs:[32]}]),l=n,s=function(){"undefined"!=typeof customElements&&["br-notification-body"].forEach((t=>{"br-notification-body"===t&&(customElements.get(r(t))||customElements.define(r(t),n))}))};export{l as BrNotificationBody,s as defineCustomElement}
+import{p as t,H as e,h as a,d as i,t as r}from"./p-Bb-nLtTG.js";import{g as o}from"./p-BkS6ujyf.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.hasTabs=!1,this.customId=o(),this.internalScroll=!0,this.empty=!1}componentDidLoad(){this.checkSlotVisibility("tabs")}checkSlotVisibility(t){const e=this.el.shadowRoot?.querySelector(`slot[name="${t}"]`);if(!e)return;const a=e.assignedNodes().some((t=>t.nodeType===Node.ELEMENT_NODE||t.nodeType===Node.TEXT_NODE&&""!==t.textContent.trim()));"tabs"===t&&(this.hasTabs=a)}getCssClassMap(){return{"br-notification-body":!0,"internal-scroll":this.internalScroll,"is-empty":this.empty}}render(){return a(i,{key:"a2d6eb6a84119f51aaa6c701ebc82bc258572788"},a("div",{key:"0e87deb55bd7e00e24214e17916934f01ee4d72e",class:this.getCssClassMap()},a("div",{key:"59e7e3e10fb46201461df8f80326080eff87d83e",class:{"br-notification-body__tabs":!0,"d-none":!this.hasTabs}},a("slot",{key:"7f08f0232b6d712bdea3aca1b34ac298483126c9",name:"tabs",onSlotchange:()=>this.checkSlotVisibility("tabs")})),a("div",{key:"14e3e45e33ae13507f8d971c0d9364317d2f1e7b",class:"br-notification-body__list",role:"log","aria-live":"polite","aria-relevant":"additions removals"},this.empty?a("div",{class:"br-notification-body__empty"},a("slot",{name:"empty"},a("p",null,"Nenhuma notificação encontrada."))):a("slot",null))))}get el(){return this}static get style(){return"*,*::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))}.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-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;min-height:0;flex:1}.br-notification-body{display:flex;flex-direction:column;height:100%;min-height:0}.br-notification-body__tabs{flex-shrink:0;background-color:var(--background-color, #fff);border-bottom:1px solid var(--border-color, #ccc);padding:0 var(--spacing-scale-2x, 16px);display:flex;align-items:center;min-height:48px}.br-notification-body__tabs:empty{display:none}.br-notification-body__list{flex:1;min-height:0;list-style:none;margin:0;padding:0}:host([internal-scroll=true]) .br-notification-body__list{overflow-y:auto;overscroll-behavior:contain}.br-notification-body__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-scale-4x, 32px) var(--spacing-scale-2x, 16px);color:var(--text-color-secondary, #555);text-align:center}.br-notification-body__empty p{margin:0;font-size:var(--font-size-scale-base, 1rem)}"}},[257,"br-notification-body",{customId:[513,"custom-id"],internalScroll:[516,"internal-scroll"],empty:[516],hasTabs:[32]}]),l=n,s=function(){"undefined"!=typeof customElements&&["br-notification-body"].forEach((t=>{"br-notification-body"===t&&(customElements.get(r(t))||customElements.define(r(t),n))}))};export{l as BrNotificationBody,s as defineCustomElement}

package/dist/components/br-notification-header.js

@@ -2,4 +2,4 @@
  * Construído por SERPRO
  * © https://serpro.gov.br/ - MIT License.
  */
-import{p as t,H as e,c as a,h as i,d as r,t as o}from"./p-Bb-nLtTG.js";import{g as n}from"./p-BkS6ujyf.js";import{d as l}from"./p-DCrVo-8T.js";import{d as s}from"./p-B7Amgxkp.js";const c=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.brNotificationHeaderClose=a(this,"brNotificationHeaderClose",7),this.customId=n(),this.showCloseButton=!0,this.closeLabel="Fechar notificações",this.handleCloseClick=()=>{this.brNotificationHeaderClose.emit()},this.getCssClassMap=()=>({"br-notification-header":!0})}render(){return i(r,{key:"b7e0ec1319321a8eaa7d61d4cad8cc4de88d7434"},i("div",{key:"80c5b3d77dc7790d0ef46c7452dec146c3863a1b",class:this.getCssClassMap()},i("div",{key:"cad30c2a596caf595c777b824a0a201c96bc4b36",class:"br-notification-header__avatar"},i("slot",{key:"313f4e79921de4b5b6bb956984d7e49b24120291",name:"avatar"})),i("div",{key:"83b5c5fd016f285e1cd4e67936c374ad4365edf2",class:"br-notification-header__content"},i("div",{key:"1ddc27560eb70f570ab23ab7d06c1103eafb49aa",class:"br-notification-header__title"},i("slot",{key:"395dc23af2edfe82bd87bfd2e567eb76d3b3547c",name:"title"},this.label)),null!=this.subtitle&&i("div",{key:"53444fa9eb1b26a37ae9450da134b203319ffcbc",class:"br-notification-header__subtitle"},i("slot",{key:"ecfa509cbeaea4c173a4a13f9143a21e4676a405",name:"subtitle"},this.subtitle))),i("div",{key:"29052eb4034b6fa8f47ee4f34b5e846f8f263dd1",class:"br-notification-header__actions"},i("slot",{key:"9a1f8a1fc9f55557e22b3595bec087ff472d9bc2",name:"actions"},this.showCloseButton&&i("br-button",{key:"2d13f123e3559f170231e28fa3f757b694c1f387",shape:"circle",density:"small","aria-label":this.closeLabel,onClick:this.handleCloseClick},i("br-icon",{key:"9872614c76655cb8623029ce88ae531ceb40fd02",iconName:"fa-solid:times",width:"16",height:"16"}))))))}get el(){return this}static get style(){return"*,*::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}.br-notification-header{display:flex;align-items:flex-start;gap:var(--spacing-scale-2x, 16px);width:100%}.br-notification-header__avatar{flex-shrink:0}.br-notification-header__avatar:empty{display:none}.br-notification-header__content{display:flex;flex-direction:column;flex:1;min-width:0}.br-notification-header__title{font-weight:var(--font-weight-semi-bold, 600);font-size:var(--font-size-scale-up-01, 1.25rem);color:var(--text-color, #333);line-height:var(--line-height-tight, 1.2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.br-notification-header__subtitle{font-size:var(--font-size-scale-base, 1rem);color:var(--interactive-color-default, #1351b4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:var(--spacing-scale-half, 4px)}.br-notification-header__actions{flex-shrink:0;display:flex;align-items:flex-start;gap:var(--spacing-scale-base, 8px);margin-left:auto}"}},[257,"br-notification-header",{customId:[513,"custom-id"],label:[513],subtitle:[513],showCloseButton:[516,"show-close-button"],closeLabel:[513,"close-label"]}]),d=c,g=function(){"undefined"!=typeof customElements&&["br-notification-header","br-button","br-icon"].forEach((t=>{switch(t){case"br-notification-header":customElements.get(o(t))||customElements.define(o(t),c);break;case"br-button":customElements.get(o(t))||l();break;case"br-icon":customElements.get(o(t))||s()}}))};export{d as BrNotificationHeader,g as defineCustomElement}
+import{p as t,H as e,c as a,h as i,d as r,t as o}from"./p-Bb-nLtTG.js";import{g as n}from"./p-BkS6ujyf.js";import{d as l}from"./p-BloE-KAN.js";import{d as s}from"./p-DeeF6ok0.js";const c=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.brNotificationHeaderClose=a(this,"brNotificationHeaderClose",7),this.customId=n(),this.showCloseButton=!0,this.closeLabel="Fechar notificações",this.handleCloseClick=()=>{this.brNotificationHeaderClose.emit()},this.getCssClassMap=()=>({"br-notification-header":!0})}render(){return i(r,{key:"b7e0ec1319321a8eaa7d61d4cad8cc4de88d7434"},i("div",{key:"80c5b3d77dc7790d0ef46c7452dec146c3863a1b",class:this.getCssClassMap()},i("div",{key:"cad30c2a596caf595c777b824a0a201c96bc4b36",class:"br-notification-header__avatar"},i("slot",{key:"313f4e79921de4b5b6bb956984d7e49b24120291",name:"avatar"})),i("div",{key:"83b5c5fd016f285e1cd4e67936c374ad4365edf2",class:"br-notification-header__content"},i("div",{key:"1ddc27560eb70f570ab23ab7d06c1103eafb49aa",class:"br-notification-header__title"},i("slot",{key:"395dc23af2edfe82bd87bfd2e567eb76d3b3547c",name:"title"},this.label)),null!=this.subtitle&&i("div",{key:"53444fa9eb1b26a37ae9450da134b203319ffcbc",class:"br-notification-header__subtitle"},i("slot",{key:"ecfa509cbeaea4c173a4a13f9143a21e4676a405",name:"subtitle"},this.subtitle))),i("div",{key:"29052eb4034b6fa8f47ee4f34b5e846f8f263dd1",class:"br-notification-header__actions"},i("slot",{key:"9a1f8a1fc9f55557e22b3595bec087ff472d9bc2",name:"actions"},this.showCloseButton&&i("br-button",{key:"2d13f123e3559f170231e28fa3f757b694c1f387",shape:"circle",density:"small","aria-label":this.closeLabel,onClick:this.handleCloseClick},i("br-icon",{key:"9872614c76655cb8623029ce88ae531ceb40fd02",iconName:"fa-solid:times",width:"16",height:"16"}))))))}get el(){return this}static get style(){return"*,*::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))}.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-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}.br-notification-header{display:flex;align-items:flex-start;gap:var(--spacing-scale-2x, 16px);width:100%}.br-notification-header__avatar{flex-shrink:0}.br-notification-header__avatar:empty{display:none}.br-notification-header__content{display:flex;flex-direction:column;flex:1;min-width:0}.br-notification-header__title{font-weight:var(--font-weight-semi-bold, 600);font-size:var(--font-size-scale-up-01, 1.25rem);color:var(--text-color, #333);line-height:var(--line-height-tight, 1.2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.br-notification-header__subtitle{font-size:var(--font-size-scale-base, 1rem);color:var(--interactive-color-default, #1351b4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:var(--spacing-scale-half, 4px)}.br-notification-header__actions{flex-shrink:0;display:flex;align-items:flex-start;gap:var(--spacing-scale-base, 8px);margin-left:auto}"}},[257,"br-notification-header",{customId:[513,"custom-id"],label:[513],subtitle:[513],showCloseButton:[516,"show-close-button"],closeLabel:[513,"close-label"]}]),d=c,g=function(){"undefined"!=typeof customElements&&["br-notification-header","br-button","br-icon"].forEach((t=>{switch(t){case"br-notification-header":customElements.get(o(t))||customElements.define(o(t),c);break;case"br-button":customElements.get(o(t))||l();break;case"br-icon":customElements.get(o(t))||s()}}))};export{d as BrNotificationHeader,g as defineCustomElement}

package/dist/components/br-notification-item.js

@@ -2,4 +2,4 @@
  * Construído por SERPRO
  * © https://serpro.gov.br/ - MIT License.
  */
-import{p as t,H as e,c as a,h as i,d as r,t as o}from"./p-Bb-nLtTG.js";import{g as n}from"./p-BkS6ujyf.js";import{d as s}from"./p-DCrVo-8T.js";import{d as c}from"./p-B7Amgxkp.js";import{d as l}from"./p-xa8e1kSW.js";import{d}from"./p-DXjQyH6s.js";import{d as g}from"./p-BKuMQJrQ.js";const m=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.brNotificationItemSelect=a(this,"brNotificationItemSelect",7),this.brNotificationItemRead=a(this,"brNotificationItemRead",7),this.itemId=n(),this.unread=!1,this.clickable=!0,this.getAriaLabel=()=>{if(!this.unread&&!this.state)return;const t=[];return this.unread&&t.push("Não lida"),this.state&&t.push(this.getStateLabel()),this.label&&t.push(this.label),this.description&&t.push(this.description),t.join(". ")},this.getStateColor=()=>{switch(this.state){case"success":return"var(--color-success, #168821)";case"danger":return"var(--color-danger, #e1173f)";case"warning":return"var(--color-warning, #ffcd07)";case"info":return"var(--color-info, #155bcb)";default:return""}},this.getStateLabel=()=>{switch(this.state){case"success":return"Sucesso";case"danger":return"Erro";case"warning":return"Alerta";case"info":return"Informação";default:return""}}}handleHostClick(){this.handleSelect()}async callFocus(){const t=this.el.shadowRoot?.querySelector("br-item");t?.focus()}handleSelect(){this.clickable&&(this.unread&&(this.unread=!1,this.brNotificationItemRead.emit({itemId:this.itemId})),this.brNotificationItemSelect.emit({itemId:this.itemId}))}handleKeydown(t){this.clickable&&("Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleSelect()))}render(){const t=this.getAriaLabel();return i(r,{key:"23103c3bc4f24f5935a5c6e06e7ba9aee60a94fa",unread:this.unread,state:this.state},i("br-item",{key:"7cc764191e4b0a9ed881248823841062b181f28e","is-interactive":this.clickable,"is-button":this.clickable,onKeyDown:t=>this.handleKeydown(t),role:t?"article":void 0,"aria-label":t},i("div",{key:"2d1a554c98da67fd6553817e0ea709fde4c6703e",class:"br-notification-item__row"},this.unread&&i("div",{key:"9905d7b816dbd0075a5e14fcd518cb6cf965fdc1",class:"br-notification-item__unread"},i("br-tag",{key:"38d222173daa4e0410b925cf7c325dbfc5e51680",status:!0,density:"small","bg-color":"var(--color-danger, #e1173f)","aria-hidden":"true"})),i("div",{key:"2989c87614e46ae5c6c105ffa4a19e80ab93f231",class:"br-notification-item__content"},i("div",{key:"b85edb802ea630c5bda7c25c3c2c4668a2286dbf",class:"br-notification-item__title"},i("slot",{key:"f8f96606389203c60bf2c7a0ca86fa2f57f8b5d4",name:"title"},this.label)),i("div",{key:"22657ce9540cb669b7a202ccb7c2e766ac946824",class:"br-notification-item__meta"},i("slot",{key:"7938aea4bdaa6bb03faa8b87f1c93b3c5fc8ceab",name:"meta"},this.datetime&&i("time",{key:"d6a6b4949f83b657370b9f09f3983e84f2db1cb9",class:"br-notification-item__datetime",dateTime:this.datetime},this.datetime))),i("div",{key:"141a0392a68cbd4c7b314b7ecfb3374398ff47aa",class:"br-notification-item__description"},i("slot",{key:"f74984f199535b757af124c53d8223d1e7019706"},this.description)),i("div",{key:"6a91a2c2cde5ef38a6fbb08abe9dd12347f55867",class:"br-notification-item__status"},i("slot",{key:"47a588fede9a0c0f6e8d0da8cc40b17014bbe729",name:"status"},this.state&&i("br-tag",{key:"821a326d99aa7daabe35a41dd5642f01c11a7b06",status:!0,density:"small",label:this.getStateLabel(),"bg-color":this.getStateColor(),"aria-hidden":"true"}))),i("div",{key:"4502915116d8b8a24b6842597018c5b0a935f473",class:"br-notification-item__actions"},i("slot",{key:"5d167253deaa74d557ee4bb28944a6e0724eed36",name:"actions"}))))))}get el(){return this}static get style(){return"*,*::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(:not(:first-of-type)) br-item{border-top:1px solid var(--border-color, #ccc)}br-item{--item-padding:var(--notification-padding, var(--spacing-scale-base, 8px) var(--spacing-scale-2x, 16px));--interactive-rgb:var(--rgb-secondary-08);--item-color:var(--text-color);white-space:normal;width:100%}.br-notification-item__row{display:flex;align-items:flex-start;gap:var(--spacing-scale-base, 8px)}.br-notification-item__unread{flex-shrink:0;padding-top:var(--spacing-scale-half, 4px)}.br-notification-item__content{flex:1;min-width:0}.br-notification-item__title{font-size:var(--font-size-scale-base, 1rem);font-weight:var(--font-weight-semi-bold, 600);color:var(--text-color, var(--color-neutral-dark-90, #333));line-height:1.4}.br-notification-item__meta{display:flex;align-items:center;margin-top:2px}.br-notification-item__meta:empty{display:none}.br-notification-item__datetime{font-size:var(--font-size-scale-down-01, 0.875rem);color:var(--text-color-secondary, var(--color-neutral-dark-70, #555))}.br-notification-item__description{font-size:var(--font-size-scale-down-01, 0.875rem);color:var(--text-color-secondary, var(--color-neutral-dark-70, #555));line-height:1.5;margin-top:var(--spacing-scale-half, 4px)}.br-notification-item__description:empty{display:none}.br-notification-item__status{margin-top:var(--spacing-scale-half, 4px)}.br-notification-item__status:empty{display:none}.br-notification-item__actions{display:flex;align-items:center;gap:var(--spacing-scale-base, 8px);margin-top:var(--spacing-scale-base, 8px)}.br-notification-item__actions:empty{display:none}"}},[257,"br-notification-item",{itemId:[513,"item-id"],label:[513],description:[513],datetime:[513],unread:[1540],clickable:[516],state:[513],callFocus:[64]},[[0,"click","handleHostClick"]]]),b=m,f=function(){"undefined"!=typeof customElements&&["br-notification-item","br-button","br-icon","br-item","br-message","br-tag"].forEach((t=>{switch(t){case"br-notification-item":customElements.get(o(t))||customElements.define(o(t),m);break;case"br-button":customElements.get(o(t))||s();break;case"br-icon":customElements.get(o(t))||c();break;case"br-item":customElements.get(o(t))||l();break;case"br-message":customElements.get(o(t))||d();break;case"br-tag":customElements.get(o(t))||g()}}))};export{b as BrNotificationItem,f as defineCustomElement}
+import{p as t,H as e,c as a,h as i,d as r,t as o}from"./p-Bb-nLtTG.js";import{g as n}from"./p-BkS6ujyf.js";import{d as s}from"./p-BloE-KAN.js";import{d as c}from"./p-DeeF6ok0.js";import{d as l}from"./p-B4ylcipx.js";import{d}from"./p-DRnCpVrL.js";import{d as g}from"./p-BrH3r7eL.js";const m=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.brNotificationItemSelect=a(this,"brNotificationItemSelect",7),this.brNotificationItemRead=a(this,"brNotificationItemRead",7),this.itemId=n(),this.unread=!1,this.clickable=!0,this.getAriaLabel=()=>{if(!this.unread&&!this.state)return;const t=[];return this.unread&&t.push("Não lida"),this.state&&t.push(this.getStateLabel()),this.label&&t.push(this.label),this.description&&t.push(this.description),t.join(". ")},this.getStateColor=()=>{switch(this.state){case"success":return"var(--color-success, #168821)";case"danger":return"var(--color-danger, #e1173f)";case"warning":return"var(--color-warning, #ffcd07)";case"info":return"var(--color-info, #155bcb)";default:return""}},this.getStateLabel=()=>{switch(this.state){case"success":return"Sucesso";case"danger":return"Erro";case"warning":return"Alerta";case"info":return"Informação";default:return""}}}handleHostClick(){this.handleSelect()}async callFocus(){const t=this.el.shadowRoot?.querySelector("br-item");t?.focus()}handleSelect(){this.clickable&&(this.unread&&(this.unread=!1,this.brNotificationItemRead.emit({itemId:this.itemId})),this.brNotificationItemSelect.emit({itemId:this.itemId}))}handleKeydown(t){this.clickable&&("Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleSelect()))}render(){const t=this.getAriaLabel();return i(r,{key:"23103c3bc4f24f5935a5c6e06e7ba9aee60a94fa",unread:this.unread,state:this.state},i("br-item",{key:"7cc764191e4b0a9ed881248823841062b181f28e","is-interactive":this.clickable,"is-button":this.clickable,onKeyDown:t=>this.handleKeydown(t),role:t?"article":void 0,"aria-label":t},i("div",{key:"2d1a554c98da67fd6553817e0ea709fde4c6703e",class:"br-notification-item__row"},this.unread&&i("div",{key:"9905d7b816dbd0075a5e14fcd518cb6cf965fdc1",class:"br-notification-item__unread"},i("br-tag",{key:"38d222173daa4e0410b925cf7c325dbfc5e51680",status:!0,density:"small","bg-color":"var(--color-danger, #e1173f)","aria-hidden":"true"})),i("div",{key:"2989c87614e46ae5c6c105ffa4a19e80ab93f231",class:"br-notification-item__content"},i("div",{key:"b85edb802ea630c5bda7c25c3c2c4668a2286dbf",class:"br-notification-item__title"},i("slot",{key:"f8f96606389203c60bf2c7a0ca86fa2f57f8b5d4",name:"title"},this.label)),i("div",{key:"22657ce9540cb669b7a202ccb7c2e766ac946824",class:"br-notification-item__meta"},i("slot",{key:"7938aea4bdaa6bb03faa8b87f1c93b3c5fc8ceab",name:"meta"},this.datetime&&i("time",{key:"d6a6b4949f83b657370b9f09f3983e84f2db1cb9",class:"br-notification-item__datetime",dateTime:this.datetime},this.datetime))),i("div",{key:"141a0392a68cbd4c7b314b7ecfb3374398ff47aa",class:"br-notification-item__description"},i("slot",{key:"f74984f199535b757af124c53d8223d1e7019706"},this.description)),i("div",{key:"6a91a2c2cde5ef38a6fbb08abe9dd12347f55867",class:"br-notification-item__status"},i("slot",{key:"47a588fede9a0c0f6e8d0da8cc40b17014bbe729",name:"status"},this.state&&i("br-tag",{key:"821a326d99aa7daabe35a41dd5642f01c11a7b06",status:!0,density:"small",label:this.getStateLabel(),"bg-color":this.getStateColor(),"aria-hidden":"true"}))),i("div",{key:"4502915116d8b8a24b6842597018c5b0a935f473",class:"br-notification-item__actions"},i("slot",{key:"5d167253deaa74d557ee4bb28944a6e0724eed36",name:"actions"}))))))}get el(){return this}static get style(){return"*,*::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))}.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-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(:not(:first-of-type)) br-item{border-top:1px solid var(--border-color, #ccc)}br-item{--item-padding:var(--notification-padding, var(--spacing-scale-base, 8px) var(--spacing-scale-2x, 16px));--interactive-rgb:var(--rgb-secondary-08);--item-color:var(--text-color);white-space:normal;width:100%}.br-notification-item__row{display:flex;align-items:flex-start;gap:var(--spacing-scale-base, 8px)}.br-notification-item__unread{flex-shrink:0;padding-top:var(--spacing-scale-half, 4px)}.br-notification-item__content{flex:1;min-width:0}.br-notification-item__title{font-size:var(--font-size-scale-base, 1rem);font-weight:var(--font-weight-semi-bold, 600);color:var(--text-color, var(--color-neutral-dark-90, #333));line-height:1.4}.br-notification-item__meta{display:flex;align-items:center;margin-top:2px}.br-notification-item__meta:empty{display:none}.br-notification-item__datetime{font-size:var(--font-size-scale-down-01, 0.875rem);color:var(--text-color-secondary, var(--color-neutral-dark-70, #555))}.br-notification-item__description{font-size:var(--font-size-scale-down-01, 0.875rem);color:var(--text-color-secondary, var(--color-neutral-dark-70, #555));line-height:1.5;margin-top:var(--spacing-scale-half, 4px)}.br-notification-item__description:empty{display:none}.br-notification-item__status{margin-top:var(--spacing-scale-half, 4px)}.br-notification-item__status:empty{display:none}.br-notification-item__actions{display:flex;align-items:center;gap:var(--spacing-scale-base, 8px);margin-top:var(--spacing-scale-base, 8px)}.br-notification-item__actions:empty{display:none}"}},[257,"br-notification-item",{itemId:[513,"item-id"],label:[513],description:[513],datetime:[513],unread:[1540],clickable:[516],state:[513],callFocus:[64]},[[0,"click","handleHostClick"]]]),b=m,f=function(){"undefined"!=typeof customElements&&["br-notification-item","br-button","br-icon","br-item","br-message","br-tag"].forEach((t=>{switch(t){case"br-notification-item":customElements.get(o(t))||customElements.define(o(t),m);break;case"br-button":customElements.get(o(t))||s();break;case"br-icon":customElements.get(o(t))||c();break;case"br-item":customElements.get(o(t))||l();break;case"br-message":customElements.get(o(t))||d();break;case"br-tag":customElements.get(o(t))||g()}}))};export{b as BrNotificationItem,f as defineCustomElement}

package/dist/components/br-notification.js

@@ -2,4 +2,4 @@
  * Construído por SERPRO
  * © https://serpro.gov.br/ - MIT License.
  */
-import{p as t,H as i,c as e,h as a,d as o,t as r}from"./p-Bb-nLtTG.js";import{g as n}from"./p-BC7f6MK8.js";import{l as s}from"./p-BWXfdbQH.js";import{g as c}from"./p-BkS6ujyf.js";const l=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.brOpenChange=e(this,"brOpenChange",7),this.brNotificationOpen=e(this,"brNotificationOpen",7),this.brNotificationClose=e(this,"brNotificationClose",7),this.brNotificationItemClick=e(this,"brNotificationItemClick",7),this.brNotificationTabChange=e(this,"brNotificationTabChange",7),this.hasFooter=!1,this.hasHeader=!1,this.hasTabs=!1,this.hasTrigger=!1,this.customId=c(),this.open=!1,this.closeOnOutsideClick=!0,this.closeOnTriggerClick=!0,this.mobileFullscreen=!0,this.internalScroll=!0,this.placement="bottom-end",this.isStatic=!1,this.handleKeyDown=t=>{this.isPanelVisible()&&("Escape"!==t.key?"Tab"===t.key&&this.handleFocusTrap(t):this.hide("escape"))},this.handleOutsideClick=t=>{this.isPanelVisible()&&!this.el.contains(t.target)&&this.closeOnOutsideClick&&this.hide("outside-click")},this.windowListenersAttached=!1,this.pendingCloseReason="programmatic",this.previousFocus=null,this.getFocusableElements=()=>{const t=i=>{const e=[];return i.querySelectorAll('a[href]:not([tabindex="-1"]), button:not([disabled]):not([tabindex="-1"]), input:not([disabled]):not([tabindex="-1"]), select:not([disabled]):not([tabindex="-1"]), textarea:not([disabled]):not([tabindex="-1"]), [tabindex="0"]').forEach((t=>{e.push(t)})),i.querySelectorAll("*").forEach((i=>{i.shadowRoot&&e.push(...t(i.shadowRoot))})),e},i=this.el.shadowRoot?t(this.el.shadowRoot):[],e=t(this.el);return[...new Set([...i,...e])].filter((t=>{const i=window.getComputedStyle(t);return"none"!==i.display&&"hidden"!==i.visibility}))},this.handleFocusTrap=t=>{const i=this.getFocusableElements();if(!i.length)return;const e=i[0],a=i[i.length-1],o=n(t),r=i.findIndex((t=>o.includes(t)));-1!==r&&(t.shiftKey&&0===r?(t.preventDefault(),a.focus()):t.shiftKey||r!==i.length-1||(t.preventDefault(),e.focus()))},this.isPanelVisible=()=>{if(this.open)return!0;if(!this.isStatic)return!1;const t=this.el.shadowRoot?.querySelector(".br-notification");return!!t&&t.offsetWidth>0&&t.offsetHeight>0},this.getTriggerElements=()=>{const t=this.el.shadowRoot?.querySelector('slot[name="trigger"]');return t?t.assignedNodes().filter((t=>t.nodeType===Node.ELEMENT_NODE)):[]},this.updateTriggerAria=t=>{const i=this.getTriggerElements();for(const e of i)e.setAttribute("aria-expanded",t+"")},this.getCssClassMap=()=>({"br-notification":!0,"mobile-fullscreen":this.mobileFullscreen,"internal-scroll":this.internalScroll,"is-open":this.open,"is-static":this.isStatic,["placement-"+this.placement]:!0}),this.checkSlotVisibility=t=>{const i=this.el.shadowRoot?.querySelector(`slot[name="${t}"]`);if(!i)return;const e=i.assignedNodes().some((t=>t.nodeType===Node.ELEMENT_NODE||t.nodeType===Node.TEXT_NODE&&""!==t.textContent.trim()));"header"===t&&(this.hasHeader=e),"tabs"===t&&(this.hasTabs=e),"footer"===t&&(this.hasFooter=e),"trigger"===t&&(this.hasTrigger=e)}}handleOpenChange(t){this.brOpenChange.emit({open:t}),this.updateTriggerAria(t),t?(this.attachBlockingSurfaceListener(),this.attachWindowListeners(),this.brNotificationOpen.emit(),this.previousFocus=document.activeElement,requestAnimationFrame((()=>{const t=this.getFocusableElements();t[0]?.focus()}))):(this.detachBlockingSurfaceListener(),this.detachWindowListeners(),this.brNotificationClose.emit({reason:this.pendingCloseReason}),this.pendingCloseReason="programmatic",this.previousFocus?.focus(),this.previousFocus=null)}componentDidLoad(){this.checkSlotVisibility("header"),this.checkSlotVisibility("tabs"),this.checkSlotVisibility("footer"),this.checkSlotVisibility("trigger"),this.updateTriggerAria(this.open),this.open&&(this.attachBlockingSurfaceListener(),this.attachWindowListeners())}disconnectedCallback(){this.detachWindowListeners(),this.detachBlockingSurfaceListener()}attachBlockingSurfaceListener(){this.cleanupBlockingSurfaceDismissal??(this.cleanupBlockingSurfaceDismissal=s(this.el,(()=>{this.isStatic||this.hide("programmatic")})))}detachBlockingSurfaceListener(){this.cleanupBlockingSurfaceDismissal?.(),this.cleanupBlockingSurfaceDismissal=void 0}attachWindowListeners(){this.windowListenersAttached||(window.addEventListener("keydown",this.handleKeyDown),window.addEventListener("click",this.handleOutsideClick),this.windowListenersAttached=!0)}detachWindowListeners(){this.windowListenersAttached&&(window.removeEventListener("keydown",this.handleKeyDown),window.removeEventListener("click",this.handleOutsideClick),this.windowListenersAttached=!1)}handleNotificationItemSelect(t){this.brNotificationItemClick.emit({itemId:t.detail?.itemId})}handleNotificationHeaderClose(){this.hide("close-button")}handleNotificationTabChange(t){this.brNotificationTabChange.emit({value:t.detail?.value})}async show(){this.open||(this.open=!0)}async hide(t="programmatic"){if(this.isStatic){this.brNotificationClose.emit({reason:t});const i=this.el.closest("br-dropdown");i?.hide&&await i.hide()}else this.open&&(this.pendingCloseReason=t,this.open=!1)}async toggle(){this.open?await this.hide("trigger-click"):await this.show()}async focusTrigger(){const t=this.el.shadowRoot?.querySelector('slot[name="trigger"]');if(t){const i=t.assignedNodes().filter((t=>t.nodeType===Node.ELEMENT_NODE));i.length>0&&i[0].focus()}}async focusFirstItem(){const t=this.el.querySelector("br-notification-item[clickable]");await(t?.callFocus?.())}render(){const t={};return this.width&&(t.width=this.width),this.maxWidth&&(t["--notification-width"]=this.maxWidth),this.maxHeight&&(t["--notification-height"]=this.maxHeight),a(o,{key:"a7fcc9ae9c1e1cdc0b88d0bb6db305cbbb4e6890","mobile-fullscreen":this.mobileFullscreen,"internal-scroll":this.internalScroll,open:this.open,style:this.isStatic?void 0:{zIndex:"var(--z-index-layer-1)"}},a("div",{key:"380869cab4e10b463fea8db4f37fa4eff9755fd8",class:{"br-notification__trigger":!0,"d-none":!this.hasTrigger},role:"button",tabIndex:0,onClick:()=>this.toggle(),onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.toggle())}},a("slot",{key:"b62966800264826e5ec3d0ed207111b5a966caf5",name:"trigger",onSlotchange:()=>this.checkSlotVisibility("trigger")})),a("div",{key:"51644f60967640e10b3cf1042f24ff8e61e2cee0",class:this.getCssClassMap(),id:this.customId,style:t,part:"base","aria-label":this.label,"aria-hidden":this.open?null:"true",role:"dialog","aria-modal":"true"},a("div",{key:"143b970dd46d04409f51d019a11220a026100e51",part:"header",class:{"br-notification__header":!0,"d-none":!this.hasHeader}},a("slot",{key:"dbb0f9f4888f51c2850d7cefaa13aded21f77bd5",name:"header",onSlotchange:()=>this.checkSlotVisibility("header")})),a("div",{key:"d6d6d3cc55d97d4a35214100e78332c7ae1e45e4",part:"tabs",class:{"br-notification__tabs":!0,"d-none":!this.hasTabs}},a("slot",{key:"8e243f393e351e68f77ac96085d25b92309de3a1",name:"tabs",onSlotchange:()=>this.checkSlotVisibility("tabs")})),a("div",{key:"2b627ef82f4c3ff6f1208df0d50348d558a23734",part:"body",class:"br-notification__body"},a("slot",{key:"f0168490a486c2436213ffd6097979335707dc1e"})),a("div",{key:"53938c47cb8c0dc6547d56d0fe218cb51c233465",part:"footer",class:{"br-notification__footer":!0,"d-none":!this.hasFooter}},a("slot",{key:"a594a95fe233a415885ec0b2f5477b5313eab20c",name:"footer",onSlotchange:()=>this.checkSlotVisibility("footer")}))))}get el(){return this}static get watchers(){return{open:[{handleOpenChange:0}]}}static get style(){return"*,*::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;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:opacity .2s ease-in-out,visibility .2s}.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}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}"}},[257,"br-notification",{customId:[513,"custom-id"],label:[513],open:[1540],closeOnOutsideClick:[516,"close-on-outside-click"],closeOnTriggerClick:[516,"close-on-trigger-click"],mobileFullscreen:[516,"mobile-fullscreen"],internalScroll:[516,"internal-scroll"],placement:[513],width:[513],maxWidth:[513,"max-width"],maxHeight:[513,"max-height"],isStatic:[516,"is-static"],hasFooter:[32],hasHeader:[32],hasTabs:[32],hasTrigger:[32],show:[64],hide:[64],toggle:[64],focusTrigger:[64],focusFirstItem:[64]},[[0,"brNotificationItemSelect","handleNotificationItemSelect"],[0,"brNotificationHeaderClose","handleNotificationHeaderClose"],[0,"brNotificationTabChange","handleNotificationTabChange"]],{open:[{handleOpenChange:0}]}]),d=l,h=function(){"undefined"!=typeof customElements&&["br-notification"].forEach((t=>{"br-notification"===t&&(customElements.get(r(t))||customElements.define(r(t),l))}))};export{d as BrNotification,h as defineCustomElement}
+import{p as t,H as i,c as e,h as a,d as o,t as r}from"./p-Bb-nLtTG.js";import{g as n}from"./p-BC7f6MK8.js";import{l as s}from"./p-BWXfdbQH.js";import{g as l}from"./p-BkS6ujyf.js";const c=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.brOpenChange=e(this,"brOpenChange",7),this.brNotificationOpen=e(this,"brNotificationOpen",7),this.brNotificationClose=e(this,"brNotificationClose",7),this.brNotificationItemClick=e(this,"brNotificationItemClick",7),this.brNotificationTabChange=e(this,"brNotificationTabChange",7),this.hasFooter=!1,this.hasHeader=!1,this.hasTabs=!1,this.hasTrigger=!1,this.customId=l(),this.open=!1,this.closeOnOutsideClick=!0,this.closeOnTriggerClick=!0,this.mobileFullscreen=!0,this.internalScroll=!0,this.placement="bottom-end",this.isStatic=!1,this.handleKeyDown=t=>{this.isPanelVisible()&&("Escape"!==t.key?"Tab"===t.key&&this.handleFocusTrap(t):this.hide("escape"))},this.handleOutsideClick=t=>{this.isPanelVisible()&&!this.el.contains(t.target)&&this.closeOnOutsideClick&&this.hide("outside-click")},this.windowListenersAttached=!1,this.pendingCloseReason="programmatic",this.previousFocus=null,this.getFocusableElements=()=>{const t=i=>{const e=[];return i.querySelectorAll('a[href]:not([tabindex="-1"]), button:not([disabled]):not([tabindex="-1"]), input:not([disabled]):not([tabindex="-1"]), select:not([disabled]):not([tabindex="-1"]), textarea:not([disabled]):not([tabindex="-1"]), [tabindex="0"]').forEach((t=>{e.push(t)})),i.querySelectorAll("*").forEach((i=>{i.shadowRoot&&e.push(...t(i.shadowRoot))})),e},i=this.el.shadowRoot?t(this.el.shadowRoot):[],e=t(this.el);return[...new Set([...i,...e])].filter((t=>{const i=window.getComputedStyle(t);return"none"!==i.display&&"hidden"!==i.visibility}))},this.handleFocusTrap=t=>{const i=this.getFocusableElements();if(!i.length)return;const e=i[0],a=i[i.length-1],o=n(t),r=i.findIndex((t=>o.includes(t)));-1!==r&&(t.shiftKey&&0===r?(t.preventDefault(),a.focus()):t.shiftKey||r!==i.length-1||(t.preventDefault(),e.focus()))},this.isPanelVisible=()=>{if(this.open)return!0;if(!this.isStatic)return!1;const t=this.el.shadowRoot?.querySelector(".br-notification");return!!t&&t.offsetWidth>0&&t.offsetHeight>0},this.getTriggerElements=()=>{const t=this.el.shadowRoot?.querySelector('slot[name="trigger"]');return t?t.assignedNodes().filter((t=>t.nodeType===Node.ELEMENT_NODE)):[]},this.updateTriggerAria=t=>{const i=this.getTriggerElements();for(const e of i)e.setAttribute("aria-expanded",t+"")},this.getCssClassMap=()=>({"br-notification":!0,"mobile-fullscreen":this.mobileFullscreen,"internal-scroll":this.internalScroll,"is-open":this.open,"is-static":this.isStatic,["placement-"+this.placement]:!0}),this.checkSlotVisibility=t=>{const i=this.el.shadowRoot?.querySelector(`slot[name="${t}"]`);if(!i)return;const e=i.assignedNodes().some((t=>t.nodeType===Node.ELEMENT_NODE||t.nodeType===Node.TEXT_NODE&&""!==t.textContent.trim()));"header"===t&&(this.hasHeader=e),"tabs"===t&&(this.hasTabs=e),"footer"===t&&(this.hasFooter=e),"trigger"===t&&(this.hasTrigger=e)}}handleOpenChange(t){this.brOpenChange.emit({open:t}),this.updateTriggerAria(t),t?(this.attachBlockingSurfaceListener(),this.attachWindowListeners(),this.brNotificationOpen.emit(),this.previousFocus=document.activeElement,requestAnimationFrame((()=>{const t=this.getFocusableElements();t[0]?.focus()}))):(this.detachBlockingSurfaceListener(),this.detachWindowListeners(),this.brNotificationClose.emit({reason:this.pendingCloseReason}),this.pendingCloseReason="programmatic",this.previousFocus?.focus(),this.previousFocus=null)}componentDidLoad(){this.checkSlotVisibility("header"),this.checkSlotVisibility("tabs"),this.checkSlotVisibility("footer"),this.checkSlotVisibility("trigger"),this.updateTriggerAria(this.open),this.open&&(this.attachBlockingSurfaceListener(),this.attachWindowListeners())}disconnectedCallback(){this.detachWindowListeners(),this.detachBlockingSurfaceListener()}attachBlockingSurfaceListener(){this.cleanupBlockingSurfaceDismissal??(this.cleanupBlockingSurfaceDismissal=s(this.el,(()=>{this.isStatic||this.hide("programmatic")})))}detachBlockingSurfaceListener(){this.cleanupBlockingSurfaceDismissal?.(),this.cleanupBlockingSurfaceDismissal=void 0}attachWindowListeners(){this.windowListenersAttached||(window.addEventListener("keydown",this.handleKeyDown),window.addEventListener("click",this.handleOutsideClick),this.windowListenersAttached=!0)}detachWindowListeners(){this.windowListenersAttached&&(window.removeEventListener("keydown",this.handleKeyDown),window.removeEventListener("click",this.handleOutsideClick),this.windowListenersAttached=!1)}handleNotificationItemSelect(t){this.brNotificationItemClick.emit({itemId:t.detail?.itemId})}handleNotificationHeaderClose(){this.hide("close-button")}handleNotificationTabChange(t){this.brNotificationTabChange.emit({value:t.detail?.value})}async show(){this.open||(this.open=!0)}async hide(t="programmatic"){if(this.isStatic){this.brNotificationClose.emit({reason:t});const i=this.el.closest("br-dropdown");i?.hide&&await i.hide()}else this.open&&(this.pendingCloseReason=t,this.open=!1)}async toggle(){this.open?await this.hide("trigger-click"):await this.show()}async focusTrigger(){const t=this.el.shadowRoot?.querySelector('slot[name="trigger"]');if(t){const i=t.assignedNodes().filter((t=>t.nodeType===Node.ELEMENT_NODE));i.length>0&&i[0].focus()}}async focusFirstItem(){const t=this.el.querySelector("br-notification-item[clickable]");await(t?.callFocus?.())}render(){const t={};return this.width&&(t.width=this.width),this.maxWidth&&(t["--notification-width"]=this.maxWidth),this.maxHeight&&(t["--notification-height"]=this.maxHeight),a(o,{key:"a7fcc9ae9c1e1cdc0b88d0bb6db305cbbb4e6890","mobile-fullscreen":this.mobileFullscreen,"internal-scroll":this.internalScroll,open:this.open,style:this.isStatic?void 0:{zIndex:"var(--z-index-layer-1)"}},a("div",{key:"380869cab4e10b463fea8db4f37fa4eff9755fd8",class:{"br-notification__trigger":!0,"d-none":!this.hasTrigger},role:"button",tabIndex:0,onClick:()=>this.toggle(),onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.toggle())}},a("slot",{key:"b62966800264826e5ec3d0ed207111b5a966caf5",name:"trigger",onSlotchange:()=>this.checkSlotVisibility("trigger")})),a("div",{key:"51644f60967640e10b3cf1042f24ff8e61e2cee0",class:this.getCssClassMap(),id:this.customId,style:t,part:"base","aria-label":this.label,"aria-hidden":this.open?null:"true",role:"dialog","aria-modal":"true"},a("div",{key:"143b970dd46d04409f51d019a11220a026100e51",part:"header",class:{"br-notification__header":!0,"d-none":!this.hasHeader}},a("slot",{key:"dbb0f9f4888f51c2850d7cefaa13aded21f77bd5",name:"header",onSlotchange:()=>this.checkSlotVisibility("header")})),a("div",{key:"d6d6d3cc55d97d4a35214100e78332c7ae1e45e4",part:"tabs",class:{"br-notification__tabs":!0,"d-none":!this.hasTabs}},a("slot",{key:"8e243f393e351e68f77ac96085d25b92309de3a1",name:"tabs",onSlotchange:()=>this.checkSlotVisibility("tabs")})),a("div",{key:"2b627ef82f4c3ff6f1208df0d50348d558a23734",part:"body",class:"br-notification__body"},a("slot",{key:"f0168490a486c2436213ffd6097979335707dc1e"})),a("div",{key:"53938c47cb8c0dc6547d56d0fe218cb51c233465",part:"footer",class:{"br-notification__footer":!0,"d-none":!this.hasFooter}},a("slot",{key:"a594a95fe233a415885ec0b2f5477b5313eab20c",name:"footer",onSlotchange:()=>this.checkSlotVisibility("footer")}))))}get el(){return this}static get watchers(){return{open:[{handleOpenChange:0}]}}static get style(){return"*,*::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))}.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-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;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:opacity .2s ease-in-out,visibility .2s}.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}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}"}},[257,"br-notification",{customId:[513,"custom-id"],label:[513],open:[1540],closeOnOutsideClick:[516,"close-on-outside-click"],closeOnTriggerClick:[516,"close-on-trigger-click"],mobileFullscreen:[516,"mobile-fullscreen"],internalScroll:[516,"internal-scroll"],placement:[513],width:[513],maxWidth:[513,"max-width"],maxHeight:[513,"max-height"],isStatic:[516,"is-static"],hasFooter:[32],hasHeader:[32],hasTabs:[32],hasTrigger:[32],show:[64],hide:[64],toggle:[64],focusTrigger:[64],focusFirstItem:[64]},[[0,"brNotificationItemSelect","handleNotificationItemSelect"],[0,"brNotificationHeaderClose","handleNotificationHeaderClose"],[0,"brNotificationTabChange","handleNotificationTabChange"]],{open:[{handleOpenChange:0}]}]),d=c,h=function(){"undefined"!=typeof customElements&&["br-notification"].forEach((t=>{"br-notification"===t&&(customElements.get(r(t))||customElements.define(r(t),c))}))};export{d as BrNotification,h as defineCustomElement}