@govbr-ds/webcomponents 2.0.0-next.59 → 2.0.0-next.60
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/br-button.br-icon.entry.cjs.js.map +1 -1
- package/dist/cjs/br-button_2.cjs.entry.js +1 -1
- package/dist/cjs/br-loading.cjs.entry.js +1 -1
- package/dist/cjs/br-loading.entry.cjs.js.map +1 -1
- package/dist/cjs/br-scrim.cjs.entry.js +31 -8
- package/dist/cjs/br-scrim.entry.cjs.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/webcomponents.cjs.js +1 -1
- package/dist/collection/components/button/button.css +1 -1
- package/dist/collection/components/loading/loading.css +1 -1
- package/dist/collection/components/scrim/scrim.js +32 -9
- package/dist/collection/components/scrim/scrim.js.map +1 -1
- package/dist/components/br-breadcrumb.js +1 -1
- package/dist/components/br-button.js +1 -1
- package/dist/components/br-datetime-picker.js +2 -2
- package/dist/components/br-footer-social.js +1 -1
- package/dist/components/br-header-function.js +1 -1
- package/dist/components/br-header-list.js +1 -1
- package/dist/components/br-header.js +1 -1
- package/dist/components/br-input.js +1 -1
- package/dist/components/br-loading.js +5 -5
- package/dist/components/br-menu-header.js +1 -1
- package/dist/components/br-menu-social.js +1 -1
- package/dist/components/br-menu.js +1 -1
- package/dist/components/br-message.js +1 -1
- package/dist/components/br-modal.js +1 -1
- package/dist/components/br-pagination.js +3 -3
- package/dist/components/br-scrim.js +40 -17
- package/dist/components/br-scrim.js.map +1 -1
- package/dist/components/br-select.js +4 -4
- package/dist/components/br-skiplink-item.js +2 -2
- package/dist/components/br-step-item.js +3 -3
- package/dist/components/br-tag.js +4 -4
- package/dist/components/br-tooltip.js +1 -1
- package/dist/components/br-upload.js +1 -1
- package/dist/components/br-wizard.js +2 -2
- package/dist/components/{p-QZ49pYM4.js → p-C0cZs2IJ.js} +4 -4
- package/dist/components/{p-B7xyUEGI.js → p-CJRbqOtI.js} +3 -3
- package/dist/components/{p-JIYnQlb6.js → p-CT3o87ql.js} +3 -3
- package/dist/components/{p-D7Ten_tj.js → p-D3Hzp4nL.js} +3 -3
- package/dist/components/{p-BXt7yUZ9.js → p-D6-v-yTt.js} +3 -3
- package/dist/custom-elements.json +1060 -1041
- package/dist/esm/br-button.br-icon.entry.js.map +1 -1
- package/dist/esm/br-button_2.entry.js +1 -1
- package/dist/esm/br-loading.entry.js +1 -1
- package/dist/esm/br-loading.entry.js.map +1 -1
- package/dist/esm/br-scrim.entry.js +31 -8
- package/dist/esm/br-scrim.entry.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/webcomponents.js +1 -1
- package/dist/hydrate/index.js +34 -11
- package/dist/hydrate/index.mjs +34 -11
- package/dist/types/components/scrim/scrim.d.ts +2 -0
- package/dist/webcomponents/br-button.br-icon.entry.esm.js.map +1 -1
- package/dist/webcomponents/br-loading.entry.esm.js.map +1 -1
- package/dist/webcomponents/br-scrim.entry.esm.js.map +1 -1
- package/dist/webcomponents/{p-4dc26d38.entry.js → p-1e957173.entry.js} +38 -15
- package/dist/webcomponents/p-1e957173.entry.js.map +1 -0
- package/dist/webcomponents/{p-14741c23.entry.js → p-ce211246.entry.js} +2 -2
- package/dist/webcomponents/{p-5d1469bf.entry.js → p-d3873f0c.entry.js} +2 -2
- package/dist/webcomponents/webcomponents.esm.js +1 -1
- package/dist/webcomponents.html-custom-data.json +73 -73
- package/package.json +1 -1
- package/dist/webcomponents/p-4dc26d38.entry.js.map +0 -1
- /package/dist/components/{p-QZ49pYM4.js.map → p-C0cZs2IJ.js.map} +0 -0
- /package/dist/components/{p-B7xyUEGI.js.map → p-CJRbqOtI.js.map} +0 -0
- /package/dist/components/{p-JIYnQlb6.js.map → p-CT3o87ql.js.map} +0 -0
- /package/dist/components/{p-D7Ten_tj.js.map → p-D3Hzp4nL.js.map} +0 -0
- /package/dist/components/{p-BXt7yUZ9.js.map → p-D6-v-yTt.js.map} +0 -0
- /package/dist/webcomponents/{p-14741c23.entry.js.map → p-ce211246.entry.js.map} +0 -0
- /package/dist/webcomponents/{p-5d1469bf.entry.js.map → p-d3873f0c.entry.js.map} +0 -0
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import { p as t, H as i, d as a, h as e, c as r } from "./p-DSkSDmzD.js";
|
|
6
6
|
|
|
7
|
-
import { d as o } from "./p-
|
|
7
|
+
import { d as o } from "./p-CJRbqOtI.js";
|
|
8
8
|
|
|
9
9
|
import { d as n } from "./p-DyIUSzD8.js";
|
|
10
10
|
|
|
@@ -14,7 +14,7 @@ import { d as l } from "./p-D3iZSnc9.js";
|
|
|
14
14
|
|
|
15
15
|
import { d as c } from "./p-CEbZPrhV.js";
|
|
16
16
|
|
|
17
|
-
import { d as g } from "./p-
|
|
17
|
+
import { d as g } from "./p-D6-v-yTt.js";
|
|
18
18
|
|
|
19
19
|
import { d } from "./p-FQzq-XNI.js";
|
|
20
20
|
|
|
@@ -22,7 +22,7 @@ import { d as p } from "./p-BK25EipU.js";
|
|
|
22
22
|
|
|
23
23
|
import { d as b } from "./p-Covf3fAo.js";
|
|
24
24
|
|
|
25
|
-
import { d as h } from "./p-
|
|
25
|
+
import { d as h } from "./p-C0cZs2IJ.js";
|
|
26
26
|
|
|
27
27
|
const m = '*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}main{display:block}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}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]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}.d-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}@media (min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}}.justify-content-start{-webkit-box-pack:start !important;-ms-flex-pack:start !important;justify-content:flex-start !important}.justify-content-end{-webkit-box-pack:end !important;-ms-flex-pack:end !important;justify-content:flex-end !important}.justify-content-center{-webkit-box-pack:center !important;-ms-flex-pack:center !important;justify-content:center !important}.align-items-center{-webkit-box-align:center !important;-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-2{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.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:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;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{--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{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}}@media (min-width: 992px){.container,.container-lg{--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{--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{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}}@media (min-width: 1600px){.container,.container-lg{--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))}}.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}.mr-n2{margin-right:calc(var(--spacing-scale-base)*-1) !important}.ml-2{margin-left:var(--spacing-scale-base) !important}.m-3{margin:var(--spacing-scale-2x) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mr-auto{margin-right:auto !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}@media (min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half)}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));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%}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)}::-webkit-input-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}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.bg-interactive{--background:var(--interactive);background:var(--interactive) !important}.text-primary-default{color:var(--color-primary-default) !important}.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-medium{font-weight:500 !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}}.ease{-webkit-animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1);animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-in-out{-webkit-animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1);animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.fab{--icon-size:var(--icon-size-base);display:inline-block;font-size:var(--icon-size);text-align:center;width:calc(var(--icon-size) + 8px)}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear, left top, left bottom, from(var(--status-highlight-overlay)), to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}*[data-toggle=collapse]:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--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{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-pagination{--pagination-margin:var(--spacing-scale-base);--pagination-select-width:88px;--pagination-size:var(--pagination-medium);--pagination-small:24px;--pagination-medium:32px;--pagination-large:40px;color:var(--color);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-weight:var(--font-weight);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.br-pagination ul{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;margin:0;padding:0}.br-pagination li{padding:0}.br-pagination.dark-mode .page{color:var(--color-dark)}.br-pagination.dark-mode .br-select .br-item label{color:var(--color-dark)}.br-pagination .page:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-pagination .page{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid rgba(0,0,0,0);border-radius:100em;color:var(--interactive);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 calc(var(--pagination-margin)*.5);min-height:var(--pagination-size);min-width:var(--pagination-size);padding:0 var(--spacing-scale-base);white-space:nowrap}.br-pagination .page.active{background:var(--active);color:var(--color-dark);font-weight:var(--font-weight-semi-bold)}.br-pagination .pagination-ellipsis{margin:0 calc(var(--pagination-margin)*.5);position:relative}.br-pagination .pagination-ellipsis .br-button{--button-size:var(--pagination-size)}.br-pagination .pagination-ellipsis .br-list::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}.br-pagination .pagination-ellipsis .br-list::-webkit-scrollbar-track{background:var(--gray-10)}.br-pagination .pagination-ellipsis .br-list::-webkit-scrollbar-thumb{background:var(--gray-30)}.br-pagination .pagination-ellipsis .br-list:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}.br-pagination .pagination-ellipsis .br-list{max-height:220px;min-width:4em;overflow-y:auto;z-index:var(--z-index-layer-1)}.br-pagination.small{--pagination-size:var(--pagination-small)}.br-pagination.medium{--pagination-size:var(--pagination-medium)}.br-pagination.large{--pagination-size:var(--pagination-large)}.br-pagination .pagination-information{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.br-pagination .pagination-per-page,.br-pagination .pagination-go-to-page{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.br-pagination .pagination-per-page .br-input,.br-pagination .pagination-go-to-page .br-input{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.br-pagination .pagination-per-page .br-input label,.br-pagination .pagination-go-to-page .br-input label{font-weight:var(--font-weight-regular);margin-bottom:0;margin-right:var(--spacing-scale-base);padding-bottom:0}.br-pagination .pagination-per-page .br-input input,.br-pagination .pagination-go-to-page .br-input input{--input-size:var(--pagination-medium);padding-left:var(--spacing-scale-base);padding-right:calc(var(--spacing-scale-baseh) + 32px);text-align:right;width:var(--pagination-select-width)}.br-pagination .pagination-per-page .br-input input:not(:focus),.br-pagination .pagination-go-to-page .br-input input:not(:focus){border-color:rgba(0,0,0,0)}.br-pagination .pagination-per-page .br-list,.br-pagination .pagination-go-to-page .br-list{min-width:5em;right:0;width:auto}.br-pagination .pagination-arrows{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.br-pagination .br-select .br-input .br-button{bottom:auto;margin-top:0;position:absolute;right:var(--spacing-scale-half);top:auto;-webkit-transform:none;transform:none}.br-pagination .br-divider{border-right-width:var(--divider-size);border-top:0}.br-pagination.inverted,.br-pagination.dark-mode{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-pagination.inverted.inverted .br-input,.br-pagination.inverted.inverted .br-input label,.br-pagination.inverted.dark-mode .br-input,.br-pagination.inverted.dark-mode .br-input label,.br-pagination.dark-mode.inverted .br-input,.br-pagination.dark-mode.inverted .br-input label,.br-pagination.dark-mode.dark-mode .br-input,.br-pagination.dark-mode.dark-mode .br-input label{--color:var(--color-dark);--focus-color:var(--focus-color-dark)}.br-pagination.inverted .page.active,.br-pagination.dark-mode .page.active{--interactive-rgb:var(--active-rgb);background-color:var(--background-light);color:var(--active)}.br-pagination .input-group .input-icon{display:none}.br-divider,hr{--divider-size:var(--surface-width-sm);border-color:var(--border-color);border-style:solid;border-width:0;border-top-width:var(--divider-size);display:block}.br-divider.content,hr.content{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.br-divider.content::after,.br-divider.content::before,hr.content::after,hr.content::before{border-color:var(--border-color);border-style:solid;border-width:0;border-top-width:var(--divider-size);content:"";-webkit-box-flex:1;-ms-flex:1;flex:1}.br-divider.content::after,hr.content::after{margin-left:var(--spacing-scale-base)}.br-divider.content::before,hr.content::before{margin-right:var(--spacing-scale-base)}.br-divider.vertical,hr.vertical{-ms-flex-item-align:stretch;align-self:stretch;border-right-width:var(--divider-size);border-top-width:0}.br-divider.vertical.content,hr.vertical.content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.br-divider.vertical.content::after,.br-divider.vertical.content::before,hr.vertical.content::after,hr.vertical.content::before{border-right-width:var(--divider-size);border-top-width:0;margin:0}.br-divider.inverted,.br-divider.dark-mode,hr.inverted,hr.dark-mode{--border-color:var(--pure-0)}.br-divider.dashed,hr.dashed{border-style:dashed}.br-divider.sm,hr.sm{--divider-size:var(--surface-width-sm)}.br-divider.md,hr.md{--divider-size:var(--surface-width-md)}hr{--divider-padding:var(--spacing-scale-2x);margin:var(--divider-padding) 0}:host{display:block}:host .pagination-ellipsis br-list{max-height:none;overflow:visible}:host .pagination-ellipsis br-list.has-scroll{max-height:220px;overflow-y:auto}:host .pagination-ellipsis br-list.has-scroll::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}:host .pagination-ellipsis br-list.has-scroll::-webkit-scrollbar-track{background:var(--gray-10)}:host .pagination-ellipsis br-list.has-scroll::-webkit-scrollbar-thumb{background:var(--gray-30)}:host .pagination-ellipsis br-list.has-scroll:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}:host .br-pagination button.page:not(.active){background-color:rgba(0,0,0,0)}:host([variant=contextual]) .br-pagination{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}:host(:not([variant=contextual])) .br-pagination{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}:host([variant=contextual]) .br-pagination ul{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}:host([color-mode=dark]) br-select{--color:var(--color-dark);--focus-color:var(--focus-color-dark)}:host([color-mode=dark]) br-select::part(label){color:var(--color-dark)}:host([color-mode=dark]) .br-pagination a.page:not(.active),:host([color-mode=dark]) .br-pagination button.page:not(.active){color:var(--color);background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.br-pagination.dark-mode .br-select .br-item label,.br-pagination.dark-mode .page{color:var(--color-dark);background-color:rgba(0,0,0,0)}:host([color-mode=dark]) .br-pagination a.page:not(.active):hover,:host([color-mode=dark]) .br-pagination a.page:not(.active):focus,:host([color-mode=dark]) .br-pagination a.page:not(.active):focus-visible,:host([color-mode=dark]) .br-pagination button.page:not(.active):hover,:host([color-mode=dark]) .br-pagination button.page:not(.active):focus,:host([color-mode=dark]) .br-pagination button.page:not(.active):focus-visible{color:var(--interactive)}.br-pagination .page:focus-visible{outline:var(--focus) var(--focus-style) var(--focus-width);outline-offset:var(--focus-offset)}.pagination-ellipsis br-button::part(button){--button-size:var(--pagination-size)}.pagination-ellipsis br-button:focus-visible{outline:var(--focus) var(--focus-style) var(--focus-width);outline-offset:var(--focus-offset);border-radius:50%}.visually-hidden{position:absolute !important;height:1px;width:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}:host([color-mode=dark]) br-select::part(radio-label){color:var(--color-dark)}';
|
|
28
28
|
|
|
@@ -76,6 +76,7 @@ const l = t(class t extends i {
|
|
|
76
76
|
this.activatorElement = null;
|
|
77
77
|
this.scrollOffset = 0;
|
|
78
78
|
this.lastScrollTop = 0;
|
|
79
|
+
this.scrollOrigin = null;
|
|
79
80
|
this.previouslyFocusedElement = null;
|
|
80
81
|
this.focusTimeoutId = null;
|
|
81
82
|
this.restoreFocusTimeoutId = null;
|
|
@@ -90,12 +91,17 @@ const l = t(class t extends i {
|
|
|
90
91
|
}
|
|
91
92
|
};
|
|
92
93
|
this.handleScrollClose = () => {
|
|
94
|
+
var t;
|
|
93
95
|
if (this.scrollStrategy === "close" && this.isActive) {
|
|
94
|
-
const
|
|
95
|
-
|
|
96
|
+
const i = this.getScrollPosition();
|
|
97
|
+
const e = (t = this.scrollOrigin) !== null && t !== void 0 ? t : this.lastScrollTop;
|
|
98
|
+
if (Math.abs(i - e) > this.scrollThreshold) {
|
|
99
|
+
this.scrollOrigin = null;
|
|
100
|
+
this.isOpen = false;
|
|
96
101
|
this.handleOpenChange(false);
|
|
102
|
+
return;
|
|
97
103
|
}
|
|
98
|
-
this.lastScrollTop =
|
|
104
|
+
this.lastScrollTop = i;
|
|
99
105
|
}
|
|
100
106
|
};
|
|
101
107
|
// ======================================================================
|
|
@@ -104,7 +110,7 @@ const l = t(class t extends i {
|
|
|
104
110
|
this.handleKeyDown = t => {
|
|
105
111
|
if (!this.isActive) return;
|
|
106
112
|
if (this.shouldHandleEscape(t)) {
|
|
107
|
-
this.
|
|
113
|
+
this.isOpen = false;
|
|
108
114
|
return;
|
|
109
115
|
}
|
|
110
116
|
if (t.key === "Tab") {
|
|
@@ -124,7 +130,7 @@ const l = t(class t extends i {
|
|
|
124
130
|
}
|
|
125
131
|
if (t.key === "Escape" && !this.disableCloseOnClick) {
|
|
126
132
|
t.preventDefault();
|
|
127
|
-
this.
|
|
133
|
+
this.isOpen = false;
|
|
128
134
|
}
|
|
129
135
|
};
|
|
130
136
|
// Intercepta TODOS os eventos de clique globalmente quando scrim está ativo
|
|
@@ -178,6 +184,11 @@ const l = t(class t extends i {
|
|
|
178
184
|
this.restoreFocusTimeoutId = null;
|
|
179
185
|
}
|
|
180
186
|
this.isActive = t;
|
|
187
|
+
if (t && this.scrollStrategy === "close") {
|
|
188
|
+
const t = window.scrollY;
|
|
189
|
+
this.lastScrollTop = t;
|
|
190
|
+
this.scrollOrigin = t;
|
|
191
|
+
}
|
|
181
192
|
this.updateStyles();
|
|
182
193
|
if (this.isActive) {
|
|
183
194
|
this.previouslyFocusedElement = document.activeElement;
|
|
@@ -235,6 +246,9 @@ const l = t(class t extends i {
|
|
|
235
246
|
}
|
|
236
247
|
connectedCallback() {
|
|
237
248
|
if (this.scrollStrategy === "close") {
|
|
249
|
+
const t = window.scrollY;
|
|
250
|
+
this.lastScrollTop = t;
|
|
251
|
+
this.scrollOrigin = t;
|
|
238
252
|
window.addEventListener("scroll", this.handleScrollClose);
|
|
239
253
|
}
|
|
240
254
|
}
|
|
@@ -332,6 +346,11 @@ const l = t(class t extends i {
|
|
|
332
346
|
this.enableScrollWatcher();
|
|
333
347
|
}
|
|
334
348
|
}
|
|
349
|
+
getScrollPosition() {
|
|
350
|
+
var t, i, e, o;
|
|
351
|
+
const a = ((i = (t = this.el) === null || t === void 0 ? void 0 : t.ownerDocument) === null || i === void 0 ? void 0 : i.defaultView) || window;
|
|
352
|
+
return (o = (e = a === null || a === void 0 ? void 0 : a.scrollY) !== null && e !== void 0 ? e : a === null || a === void 0 ? void 0 : a.pageYOffset) !== null && o !== void 0 ? o : 0;
|
|
353
|
+
}
|
|
335
354
|
enableScrollBlock() {
|
|
336
355
|
this.scrollOffset = window.scrollY;
|
|
337
356
|
document.body.style.setProperty("position", "fixed");
|
|
@@ -343,6 +362,9 @@ const l = t(class t extends i {
|
|
|
343
362
|
window.addEventListener("scroll", this.handleBlockScroll);
|
|
344
363
|
}
|
|
345
364
|
enableScrollWatcher() {
|
|
365
|
+
const t = window.scrollY;
|
|
366
|
+
this.lastScrollTop = t;
|
|
367
|
+
this.scrollOrigin = t;
|
|
346
368
|
window.addEventListener("scroll", this.handleScrollClose);
|
|
347
369
|
}
|
|
348
370
|
resetScrolling() {
|
|
@@ -357,6 +379,7 @@ const l = t(class t extends i {
|
|
|
357
379
|
window.scrollTo(0, this.scrollOffset);
|
|
358
380
|
}
|
|
359
381
|
window.removeEventListener("scroll", this.handleScrollClose);
|
|
382
|
+
this.scrollOrigin = null;
|
|
360
383
|
}
|
|
361
384
|
// ======================================================================
|
|
362
385
|
// ACESSIBILIDADE E GERENCIAMENTO DE FOCO
|
|
@@ -513,31 +536,31 @@ const l = t(class t extends i {
|
|
|
513
536
|
* Método público para exibir o scrim
|
|
514
537
|
*/ open() {
|
|
515
538
|
return r(this, void 0, void 0, (function*() {
|
|
516
|
-
this.
|
|
539
|
+
this.isOpen = true;
|
|
517
540
|
}));
|
|
518
541
|
}
|
|
519
542
|
/**
|
|
520
543
|
* Método público para esconder o scrim
|
|
521
544
|
*/ close() {
|
|
522
545
|
return r(this, void 0, void 0, (function*() {
|
|
523
|
-
this.
|
|
546
|
+
this.isOpen = false;
|
|
524
547
|
}));
|
|
525
548
|
}
|
|
526
549
|
/**
|
|
527
550
|
* Método público para alternar o estado de exibição do scrim
|
|
528
551
|
*/ toggle() {
|
|
529
552
|
return r(this, void 0, void 0, (function*() {
|
|
530
|
-
this.
|
|
553
|
+
this.isOpen = !this.isActive;
|
|
531
554
|
}));
|
|
532
555
|
}
|
|
533
556
|
render() {
|
|
534
557
|
return o(a, {
|
|
535
|
-
key: "
|
|
558
|
+
key: "095c3f7ac68969d649afb561140afa5791c9ea53"
|
|
536
559
|
}, o("slot", {
|
|
537
|
-
key: "
|
|
560
|
+
key: "276b5e03bcfdd721c8a33ddd86179a21de49e0fd",
|
|
538
561
|
name: "activator"
|
|
539
562
|
}), o("div", {
|
|
540
|
-
key: "
|
|
563
|
+
key: "10b32b52b0a1a6b935040c75a75efecf79a5334b",
|
|
541
564
|
class: this.getCssClassMap(),
|
|
542
565
|
id: this.customId,
|
|
543
566
|
role: "dialog",
|
|
@@ -545,18 +568,18 @@ const l = t(class t extends i {
|
|
|
545
568
|
"aria-label": this.ariaLabel || "Conteúdo do diálogo",
|
|
546
569
|
"data-visible": this.isActive ? "true" : "false"
|
|
547
570
|
}, o("div", {
|
|
548
|
-
key: "
|
|
571
|
+
key: "a2b6aa741b248ae8a7e6adaa660a39a73cf2cb7e",
|
|
549
572
|
class: "mask",
|
|
550
573
|
onClick: this.handleMaskClick
|
|
551
574
|
}), o("div", {
|
|
552
|
-
key: "
|
|
575
|
+
key: "779e8f58d4ce30ad5093a20c2cf0f182ba6f640d",
|
|
553
576
|
ref: t => this.contentRef = t,
|
|
554
577
|
id: `${this.customId}-content`,
|
|
555
578
|
class: "content",
|
|
556
579
|
tabIndex: -1,
|
|
557
580
|
onKeyDown: this.handleKeyDown
|
|
558
581
|
}, o("slot", {
|
|
559
|
-
key: "
|
|
582
|
+
key: "283ae3594e3c12569c8713f3adb3c5f5649460ce"
|
|
560
583
|
}))));
|
|
561
584
|
}
|
|
562
585
|
static get formAssociated() {
|
|
@@ -579,7 +602,7 @@ const l = t(class t extends i {
|
|
|
579
602
|
}
|
|
580
603
|
}, [ 321, "br-scrim", {
|
|
581
604
|
customId: [ 513, "custom-id" ],
|
|
582
|
-
isOpen: [
|
|
605
|
+
isOpen: [ 1540, "is-open" ],
|
|
583
606
|
positionContent: [ 1, "position-content" ],
|
|
584
607
|
disableCloseOnClick: [ 4, "disable-close-on-click" ],
|
|
585
608
|
zIndex: [ 2, "z-index" ],
|
|
@@ -624,8 +647,8 @@ function defineCustomElement$1() {
|
|
|
624
647
|
|
|
625
648
|
const c = l;
|
|
626
649
|
|
|
627
|
-
const
|
|
650
|
+
const h = defineCustomElement$1;
|
|
628
651
|
|
|
629
|
-
export { c as BrScrim,
|
|
652
|
+
export { c as BrScrim, h as defineCustomElement };
|
|
630
653
|
//# sourceMappingURL=br-scrim.js.map
|
|
631
654
|
//# sourceMappingURL=br-scrim.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["scrimCss","Scrim","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","customId","Helpers","generateUniqueId","isOpen","disableCloseOnClick","zIndex","bgColor","customOpacity","displayMode","scrollThreshold","activator","ariaLabel","isActive","hasActivatorSlot","contentRef","activatorElement","scrollOffset","lastScrollTop","previouslyFocusedElement","focusTimeoutId","restoreFocusTimeoutId","handleActivatorClick","toggle","handleBlockScroll","e","scrollStrategy","window","scrollTo","preventDefault","stopPropagation","handleScrollClose","currentScroll","scrollY","Math","abs","handleOpenChange","handleKeyDown","event","shouldHandleEscape","key","handleTabNavigation","handleGlobalKeyDown","target","isElementInsideScrim","stopImmediatePropagation","focusFirstElement","handleGlobalClick","close","handleGlobalFocus","setTimeout","handleMaskClick","_event","newValue","clearTimeout","updateStyles","document","activeElement","applyScrollStrategy","addGlobalEventInterception","brScrimOpen","emit","resetScrolling","removeGlobalEventInterception","restoreFocus","brScrimClose","undefined","el","style","setProperty","handleActivatorChange","removeActivatorClickListener","setupActivator","componentWillLoad","checkActivatorSlot","componentDidLoad","setupActivatorSlotClick","addContentEventListener","addEventListener","connectedCallback","disconnectedCallback","removeEventListener","cleanupActivatorSlotClick","slotName","querySelector","shadowRoot","slotEl","assignedElements","_b","_a","call","length","console","warn","parentElement","element","addActivatorClickListener","enableScrollBlock","enableScrollWatcher","body","documentElement","removeProperty","setAttribute","focus","focusableElements","getFocusableElements","firstElement","scrollIntoView","block","inline","preventScroll","targetElement","isConnected","_c","error","defaultSlot","flatten","forEach","matches","FOCUSABLE_SELECTORS","push","nestedFocusables","Array","from","querySelectorAll","filterVisibleElements","elements","filter","offsetWidth","offsetHeight","getComputedStyle","visibility","lastElement","isTabForward","shiftKey","shouldTrapFocus","wrapFocus","contains","getCssClassMap","opened","positionContent","setScrollThreshold","threshold","open","render","h","Host","name","class","id","role","onClick","ref","tabIndex","onKeyDown","join"],"sources":["../../packages/webcomponents/src/components/scrim/scrim.scss?tag=br-scrim&encapsulation=shadow","../../packages/webcomponents/src/components/scrim/scrim.tsx"],"sourcesContent":[":host {\n --br-scrim-opacity: 1;\n\n .br-scrim {\n visibility: hidden;\n transition: visibility 0.3s ease;\n z-index: var(--z-index-layer-4);\n display: flex;\n align-items: center;\n justify-content: center;\n pointer-events: auto;\n }\n\n .br-scrim.mode-fullscreen {\n position: fixed;\n inset: 0;\n }\n\n .br-scrim.mode-parent {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n }\n\n .br-scrim.opened {\n visibility: visible;\n pointer-events: auto;\n }\n\n .mask {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--surface-overlay-scrim);\n opacity: 0;\n transition: opacity 0.3s ease;\n pointer-events: auto;\n }\n\n .br-scrim.opened .mask {\n opacity: var(--br-scrim-opacity);\n }\n\n .content {\n position: relative;\n outline: none;\n pointer-events: auto;\n opacity: 0;\n transform: scale(0.9);\n transition:\n opacity 0.3s ease,\n transform 0.3s ease;\n background: transparent;\n padding: 0;\n margin: 0;\n border: none;\n box-shadow: none;\n overflow: visible;\n contain: none;\n display: inline-block;\n width: fit-content;\n height: fit-content;\n z-index: calc(var(--z-index-layer-4) + 1);\n\n &:focus {\n outline: var(--focus-outline);\n outline-offset: var(--focus-offset);\n box-shadow: var(--focus-shadow);\n }\n }\n\n .br-scrim.opened .content {\n opacity: 1;\n transform: scale(1);\n pointer-events: auto;\n }\n\n .br-scrim.position-top .content {\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n }\n\n .br-scrim.position-bottom .content {\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n }\n\n .br-scrim.position-left .content {\n position: absolute;\n top: 50%;\n left: 0;\n transform: translateY(-50%);\n }\n\n .br-scrim.position-right .content {\n position: absolute;\n top: 50%;\n right: 0;\n transform: translateY(-50%);\n }\n\n .br-scrim.position-center .content {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n .content ::slotted(*) {\n opacity: 1 !important;\n filter: none;\n }\n\n /* Estilos responsivos */\n @media (width <= 768px) {\n .content {\n max-width: 95%;\n max-height: 95%;\n width: auto;\n }\n\n .br-scrim.position-top .content,\n .br-scrim.position-bottom .content {\n width: 100%;\n max-width: 100%;\n border-radius: 0;\n }\n }\n}\n","import {\n AttachInternals,\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n State,\n Watch,\n} from '@stencil/core'\n\nimport Helpers from '../../utils/helpers'\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/scrim?tab=designer).\n *\n * @slot default - Elemento que será exibido junto com o Scrim, devendo ser fornecido através do slot. Esse elemento representa o conteúdo principal a ser destacado sobre o fundo escurecido.\n * @slot activator - Elemento que, quando clicado, ativa/desativa o scrim. Tem prioridade sobre a propriedade 'activator'.\n */\n@Component({\n tag: 'br-scrim',\n styleUrl: 'scrim.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Scrim {\n /**\n * Referência ao elemento host do componente.\n */\n @Element() el: HTMLBrScrimElement\n\n @AttachInternals() elementInternals: ElementInternals\n\n /**\n * Identificador único.\n * Caso não seja fornecido, um ID gerado automaticamente será usado.\n */\n @Prop({ reflect: true }) readonly customId: string = Helpers.generateUniqueId()\n\n /**\n * Ativa/desativa o scrim\n */\n @Prop({ reflect: true }) isOpen: boolean = false\n\n /**\n * Posiciona o conteúdo no topo, centro, direita, esquerda, abaixo dentro do scrim\n */\n @Prop() positionContent: 'top' | 'center' | 'right' | 'left' | 'bottom'\n\n /**\n * Desativa o fechamento do scrim ao ser clicado\n */\n @Prop() disableCloseOnClick: boolean = false\n\n /**\n * Define o valor de z-index do scrim\n */\n @Prop() zIndex: number | null = null\n\n /**\n * Cor de fundo personalizada para o scrim.\n * Aceita os seguintes formatos de cor:\n * - Cores nomeadas do CSS: 'red', 'blue', 'green', 'yellow', etc.\n * - Códigos hexadecimais: '#ff0000', '#00ff00', '#0000ff', etc.\n * - Valores RGB: 'rgb(255, 0, 0)', 'rgb(0, 255, 0)', etc.\n * - Valores RGBA: 'rgba(255, 0, 0, 0.5)', 'rgba(0, 255, 0, 0.8)', etc.\n * - Valores HSL: 'hsl(0, 100%, 50%)', 'hsl(120, 100%, 50%)', etc.\n * - Valores HSLA: 'hsla(0, 100%, 50%, 0.5)', 'hsla(240, 100%, 50%, 0.7)', etc.\n * Se não especificada, usa a cor padrão do tema.\n */\n @Prop() bgColor: string | null = null\n\n /**\n * Define a opacidade personalizada do scrim\n */\n @Prop() customOpacity: number | null = null\n\n /**\n * Define o modo de exibição do scrim:\n * - 'fullscreen': Ocupa toda a tela (position: fixed).\n * - 'parent': Ocupa apenas o elemento pai (position: absolute).\n * O elemento pai deve ter `position: relative` ou outro valor de posicionamento diferente de `static`.\n */\n @Prop() displayMode: 'fullscreen' | 'parent' = 'fullscreen'\n\n /**\n * Define a estratégia de manipulação de rolagem quando scrim está aberto\n * - 'block': Impede a rolagem completamente\n * - 'close': Fecha o scrim quando ocorre rolagem\n */\n @Prop() scrollStrategy: 'block' | 'close'\n\n /**\n * Determina quanto de rolagem (em pixels) é necessário para acionar a ação de fechamento automático do scrim.\n */\n @Prop({ mutable: true }) scrollThreshold: number = 50\n\n /**\n * Define o seletor para o elemento activator.\n * Pode ser:\n * - Um seletor CSS (ex: '.button-class', '#button-id')\n * - A string 'parent' para usar o elemento pai como activator\n * Nota: O slot 'activator' tem prioridade sobre esta propriedade.\n */\n @Prop() activator: string | null = null\n\n /**\n * Define um rótulo acessível personalizado para o diálogo.\n * Se não fornecido, será usado \"Conteúdo do diálogo\" como padrão.\n */\n @Prop() ariaLabel: string | null = null\n\n /** Indica que o scrim foi aberto. */\n @Event() brScrimOpen: EventEmitter\n\n /** Indica que o scrim foi fechado */\n @Event() brScrimClose: EventEmitter\n\n @State() isActive: boolean = false\n @State() hasActivatorSlot: boolean = false\n\n // ======================================================================\n // PROPRIEDADES PRIVADAS E VARIÁVEIS INTERNAS\n // ======================================================================\n private contentRef: HTMLDivElement | null = null\n private activatorElement: HTMLElement | null = null\n private scrollOffset: number = 0\n private lastScrollTop: number = 0\n private previouslyFocusedElement: HTMLElement | null | undefined = null\n private focusTimeoutId: NodeJS.Timeout | null = null\n private restoreFocusTimeoutId: NodeJS.Timeout | null = null\n\n private static readonly FOCUSABLE_SELECTORS = [\n 'a[href]:not([disabled])',\n 'button:not([disabled])',\n 'br-button:not([disabled])',\n 'input:not([disabled])',\n 'br-input:not([disabled])',\n 'select:not([disabled])',\n 'br-select:not([disabled])',\n 'textarea:not([disabled])',\n 'br-textarea:not([disabled])',\n '[tabindex]:not([tabindex=\"-1\"])',\n ].join(',')\n\n // ======================================================================\n // LIFECYCLE HOOKS E WATCHERS\n // ======================================================================\n @Watch('isOpen')\n handleOpenChange(newValue: boolean) {\n // Cancelar qualquer timeout anterior\n if (this.focusTimeoutId !== null) {\n clearTimeout(this.focusTimeoutId)\n this.focusTimeoutId = null\n }\n if (this.restoreFocusTimeoutId !== null) {\n clearTimeout(this.restoreFocusTimeoutId)\n this.restoreFocusTimeoutId = null\n }\n\n this.isActive = newValue\n this.updateStyles()\n\n if (this.isActive) {\n this.previouslyFocusedElement = document.activeElement as HTMLElement\n this.applyScrollStrategy()\n this.addGlobalEventInterception()\n this.focusTimeoutId = setTimeout(() => {\n this.focusFirstElement()\n }, 100)\n this.brScrimOpen.emit()\n } else {\n this.resetScrolling()\n this.removeGlobalEventInterception()\n this.restoreFocus()\n this.brScrimClose.emit()\n }\n }\n\n @Watch('zIndex')\n @Watch('bgColor')\n @Watch('customOpacity')\n updateStyles() {\n if (this.zIndex !== null && this.zIndex !== undefined) {\n this.el.style.zIndex = `${this.zIndex}`\n this.el.style.setProperty('--z-index-layer-4', `${this.zIndex}`)\n }\n if (this.bgColor !== null) {\n this.el.style.setProperty('--surface-overlay-scrim', this.bgColor)\n }\n if (this.customOpacity !== null) {\n this.el.style.setProperty('--br-scrim-opacity', `${this.customOpacity}`)\n }\n }\n\n @Watch('activator')\n handleActivatorChange() {\n this.removeActivatorClickListener()\n this.setupActivator()\n }\n\n componentWillLoad() {\n this.hasActivatorSlot = this.checkActivatorSlot('activator')\n this.isActive = this.isOpen\n }\n\n componentDidLoad() {\n this.updateStyles()\n this.setupActivator()\n this.setupActivatorSlotClick()\n this.addContentEventListener()\n\n if (this.isActive) {\n this.applyScrollStrategy()\n this.addGlobalEventInterception()\n this.focusFirstElement()\n }\n }\n\n /**\n * Adiciona event listener ao contentRef para capturar eventos de teclado\n * e gerenciar a navegação por teclado dentro do scrim.\n */\n private addContentEventListener() {\n if (this.contentRef !== null) {\n this.contentRef.addEventListener('keydown', this.handleKeyDown)\n }\n }\n\n connectedCallback() {\n if (this.scrollStrategy === 'close') {\n window.addEventListener('scroll', this.handleScrollClose)\n }\n }\n\n disconnectedCallback() {\n // Limpar timeouts pendentes\n if (this.focusTimeoutId !== null) {\n clearTimeout(this.focusTimeoutId)\n this.focusTimeoutId = null\n }\n if (this.restoreFocusTimeoutId !== null) {\n clearTimeout(this.restoreFocusTimeoutId)\n this.restoreFocusTimeoutId = null\n }\n\n // Remover event listeners\n window.removeEventListener('scroll', this.handleScrollClose)\n window.removeEventListener('scroll', this.handleBlockScroll)\n if (this.contentRef !== null) {\n this.contentRef.removeEventListener('keydown', this.handleKeyDown)\n }\n this.removeActivatorClickListener()\n this.cleanupActivatorSlotClick()\n this.removeGlobalEventInterception()\n }\n\n // ======================================================================\n // GERENCIAMENTO DO ACTIVATOR (ELEMENTO ACIONADOR)\n // ======================================================================\n private checkActivatorSlot(slotName: string): boolean {\n return this.el.querySelector(`[slot=\"${slotName}\"]`) !== null\n }\n\n private setupActivatorSlotClick() {\n if (this.el.shadowRoot === null) return\n\n const slotEl = this.el.shadowRoot.querySelector('slot[name=\"activator\"]') as HTMLSlotElement\n if (slotEl === null || slotEl === undefined) return\n\n const assignedElements = slotEl.assignedElements?.() ?? []\n\n if (assignedElements.length === 1) {\n const el = assignedElements[0] as HTMLElement\n if (el && typeof el.addEventListener === 'function') {\n el.addEventListener('click', this.handleActivatorClick)\n }\n } else if (assignedElements.length > 1) {\n console.warn('br-scrim: Slot \"activator\" deve conter apenas um elemento para aplicar o onClick automaticamente.')\n }\n }\n\n private setupActivator() {\n this.removeActivatorClickListener()\n this.activatorElement = null\n\n if (this.hasActivatorSlot || this.activator == null || this.activator === '') {\n return\n }\n\n if (this.activator === 'parent') {\n const parentElement = this.el.parentElement\n if (parentElement !== null) {\n this.activatorElement = parentElement\n }\n } else {\n try {\n const element = document.querySelector(this.activator)\n if (element instanceof HTMLElement) {\n this.activatorElement = element\n }\n } catch {\n console.warn(`br-scrim: Seletor activator inválido: ${this.activator}`)\n }\n }\n\n this.addActivatorClickListener()\n }\n\n private handleActivatorClick = () => {\n this.toggle()\n }\n\n private addActivatorClickListener() {\n if (this.activatorElement === null || this.activatorElement === undefined) return\n this.activatorElement.addEventListener('click', this.handleActivatorClick)\n }\n\n private removeActivatorClickListener() {\n if (this.activatorElement === null || this.activatorElement === undefined) return\n this.activatorElement.removeEventListener('click', this.handleActivatorClick)\n }\n\n private cleanupActivatorSlotClick() {\n if (this.el.shadowRoot === null) return\n\n const slotEl = this.el.shadowRoot.querySelector('slot[name=\"activator\"]') as HTMLSlotElement\n const assignedElements = slotEl?.assignedElements?.() ?? []\n\n if (assignedElements.length === 1) {\n const element = assignedElements[0]\n if (element && typeof element.removeEventListener === 'function') {\n element.removeEventListener('click', this.handleActivatorClick)\n }\n }\n }\n\n // ======================================================================\n // ESTRATÉGIAS DE ROLAGEM (SCROLL)\n // ======================================================================\n private applyScrollStrategy() {\n if (this.scrollStrategy === 'block') {\n this.enableScrollBlock()\n } else if (this.scrollStrategy === 'close') {\n this.enableScrollWatcher()\n }\n }\n\n private enableScrollBlock() {\n this.scrollOffset = window.scrollY\n document.body.style.setProperty('position', 'fixed')\n document.body.style.setProperty('top', `-${this.scrollOffset}px`)\n document.body.style.setProperty('left', '0')\n document.body.style.setProperty('right', '0')\n document.body.style.setProperty('width', '100%')\n document.documentElement.style.setProperty('overflow', 'hidden')\n\n window.addEventListener('scroll', this.handleBlockScroll)\n }\n\n private enableScrollWatcher() {\n window.addEventListener('scroll', this.handleScrollClose)\n }\n\n private handleBlockScroll = (e: Event) => {\n if (this.scrollStrategy === 'block' && this.isActive) {\n window.scrollTo(0, this.scrollOffset)\n e.preventDefault()\n e.stopPropagation()\n }\n }\n\n private resetScrolling() {\n if (this.scrollStrategy === 'block') {\n document.body.style.removeProperty('position')\n document.body.style.removeProperty('top')\n document.body.style.removeProperty('left')\n document.body.style.removeProperty('right')\n document.body.style.removeProperty('width')\n document.documentElement.style.removeProperty('overflow')\n window.removeEventListener('scroll', this.handleBlockScroll)\n window.scrollTo(0, this.scrollOffset)\n }\n window.removeEventListener('scroll', this.handleScrollClose)\n }\n\n private handleScrollClose = () => {\n if (this.scrollStrategy === 'close' && this.isActive) {\n const currentScroll = window.scrollY\n if (Math.abs(currentScroll - this.lastScrollTop) > this.scrollThreshold) {\n this.handleOpenChange(false)\n }\n this.lastScrollTop = currentScroll\n }\n }\n\n // ======================================================================\n // ACESSIBILIDADE E GERENCIAMENTO DE FOCO\n // ======================================================================\n private focusFirstElement() {\n if (this.contentRef == null) return\n\n this.contentRef.setAttribute('tabindex', '-1')\n this.contentRef.focus()\n\n const focusableElements = this.getFocusableElements()\n\n if (focusableElements.length > 0) {\n const firstElement = focusableElements[0]\n if (firstElement !== null && firstElement !== undefined) {\n firstElement.scrollIntoView({ block: 'nearest', inline: 'nearest' })\n firstElement.focus({ preventScroll: true })\n }\n }\n }\n\n private restoreFocus() {\n let targetElement: HTMLElement | null = null\n\n if (this.previouslyFocusedElement instanceof HTMLElement && this.previouslyFocusedElement.isConnected) {\n targetElement = this.previouslyFocusedElement\n } else if (this.activatorElement instanceof HTMLElement) {\n targetElement = this.activatorElement\n } else {\n const slotEl = this.el.shadowRoot?.querySelector('slot[name=\"activator\"]') as HTMLSlotElement\n if (this.hasActivatorSlot) {\n const assignedElements = slotEl.assignedElements?.() ?? []\n if (assignedElements.length > 0 && assignedElements[0] instanceof HTMLElement) {\n targetElement = assignedElements[0] as HTMLElement\n }\n }\n }\n\n if (targetElement !== null && targetElement !== undefined) {\n this.restoreFocusTimeoutId = setTimeout(() => {\n try {\n targetElement?.focus()\n } catch (error) {\n console.warn('br-scrim: Erro ao restaurar foco:', error)\n }\n }, 100)\n }\n }\n\n private getFocusableElements(): HTMLElement[] {\n if (this.contentRef == null) return []\n\n const defaultSlot = this.contentRef.querySelector('slot:not([name])') as HTMLSlotElement\n if (defaultSlot === null || defaultSlot === undefined) return []\n\n const assignedElements = defaultSlot.assignedElements({ flatten: true })\n const focusableElements: HTMLElement[] = []\n\n assignedElements.forEach((el) => {\n if (!(el instanceof HTMLElement)) return\n\n if (el.matches(Scrim.FOCUSABLE_SELECTORS)) {\n focusableElements.push(el)\n }\n\n const nestedFocusables = Array.from(el.querySelectorAll<HTMLElement>(Scrim.FOCUSABLE_SELECTORS))\n focusableElements.push(...nestedFocusables)\n })\n\n return this.filterVisibleElements(focusableElements)\n }\n\n private filterVisibleElements(elements: HTMLElement[]): HTMLElement[] {\n return elements.filter(\n (el) => el.offsetWidth > 0 && el.offsetHeight > 0 && getComputedStyle(el).visibility !== 'hidden'\n )\n }\n\n // ======================================================================\n // NAVEGAÇÃO POR TECLADO E INTERCEPTAÇÃO DE EVENTOS\n // ======================================================================\n private handleKeyDown = (event: KeyboardEvent) => {\n if (!this.isActive) return\n\n if (this.shouldHandleEscape(event)) {\n this.handleOpenChange(false)\n return\n }\n\n if (event.key === 'Tab') {\n this.handleTabNavigation(event)\n }\n }\n\n // Intercepta TODOS os eventos de teclado globalmente quando scrim está ativo\n private handleGlobalKeyDown = (event: KeyboardEvent) => {\n if (!this.isActive) return\n\n const target = event.target as HTMLElement\n\n if (!this.isElementInsideScrim(target)) {\n event.preventDefault()\n event.stopPropagation()\n event.stopImmediatePropagation()\n\n this.focusFirstElement()\n return\n }\n\n if (event.key === 'Escape' && !this.disableCloseOnClick) {\n event.preventDefault()\n this.handleOpenChange(false)\n }\n }\n\n // Intercepta TODOS os eventos de clique globalmente quando scrim está ativo\n private handleGlobalClick = (event: MouseEvent) => {\n if (!this.isActive) return\n\n const target = event.target as HTMLElement\n\n if (!this.isElementInsideScrim(target)) {\n event.preventDefault()\n event.stopPropagation()\n event.stopImmediatePropagation()\n\n if (!this.disableCloseOnClick) {\n this.close()\n }\n return\n }\n }\n\n /**\n * Intercepta eventos de foco globalmente\n */\n private handleGlobalFocus = (event: FocusEvent) => {\n if (!this.isActive) return\n\n const target = event.target as HTMLElement\n\n if (!this.isElementInsideScrim(target)) {\n event.preventDefault()\n event.stopPropagation()\n event.stopImmediatePropagation()\n\n setTimeout(() => {\n this.focusFirstElement()\n }, 0)\n }\n }\n\n private shouldHandleEscape(event: KeyboardEvent): boolean {\n return (event.key === 'Escape' || event.key === 'Esc') && this.isActive && !this.disableCloseOnClick\n }\n\n private handleTabNavigation(event: KeyboardEvent): void {\n const focusableElements = this.getFocusableElements()\n if (focusableElements.length === 0) {\n event.preventDefault()\n return\n }\n\n const firstElement = focusableElements[0]\n const lastElement = focusableElements[focusableElements.length - 1]\n const isTabForward = !event.shiftKey\n\n if (this.shouldTrapFocus(isTabForward, firstElement, lastElement)) {\n event.preventDefault()\n this.wrapFocus(isTabForward, firstElement, lastElement)\n }\n }\n\n private shouldTrapFocus(isTabForward: boolean, firstElement: HTMLElement, lastElement: HTMLElement): boolean {\n return (\n (isTabForward && document.activeElement === lastElement) ||\n (!isTabForward && document.activeElement === firstElement)\n )\n }\n\n private wrapFocus(isTabForward: boolean, firstElement: HTMLElement, lastElement: HTMLElement): void {\n ;(isTabForward ? firstElement : lastElement).focus()\n }\n\n /**\n * Verifica se um elemento está dentro do scrim\n */\n private isElementInsideScrim(element: HTMLElement): boolean {\n if (this.el.contains(element)) {\n return true\n }\n\n return false\n }\n\n /**\n * Adiciona interceptação global de eventos\n */\n private addGlobalEventInterception() {\n // Intercepta eventos de teclado globalmente\n document.addEventListener('keydown', this.handleGlobalKeyDown, true)\n document.addEventListener('keyup', this.handleGlobalKeyDown, true)\n document.addEventListener('keypress', this.handleGlobalKeyDown, true)\n\n // Intercepta eventos de clique globalmente\n document.addEventListener('click', this.handleGlobalClick, true)\n document.addEventListener('mousedown', this.handleGlobalClick, true)\n document.addEventListener('mouseup', this.handleGlobalClick, true)\n\n // Intercepta eventos de foco\n document.addEventListener('focus', this.handleGlobalFocus, true)\n document.addEventListener('focusin', this.handleGlobalFocus, true)\n }\n\n /**\n * Remove interceptação global de eventos\n */\n private removeGlobalEventInterception() {\n document.removeEventListener('keydown', this.handleGlobalKeyDown, true)\n document.removeEventListener('keyup', this.handleGlobalKeyDown, true)\n document.removeEventListener('keypress', this.handleGlobalKeyDown, true)\n\n document.removeEventListener('click', this.handleGlobalClick, true)\n document.removeEventListener('mousedown', this.handleGlobalClick, true)\n document.removeEventListener('mouseup', this.handleGlobalClick, true)\n\n document.removeEventListener('focus', this.handleGlobalFocus, true)\n document.removeEventListener('focusin', this.handleGlobalFocus, true)\n }\n\n // ======================================================================\n // MANIPULAÇÃO DE EVENTOS E UTILITÁRIOS\n // ======================================================================\n private handleMaskClick = (_event: MouseEvent) => {\n if (!this.disableCloseOnClick) {\n this.close()\n }\n }\n\n private getCssClassMap(): CssClassMap {\n return {\n 'br-scrim': true,\n opened: this.isActive,\n 'scroll-block': this.scrollStrategy === 'block',\n 'position-top': this.positionContent === 'top',\n 'position-bottom': this.positionContent === 'bottom',\n 'position-left': this.positionContent === 'left',\n 'position-right': this.positionContent === 'right',\n 'position-center': this.positionContent === 'center',\n 'mode-fullscreen': this.displayMode === 'fullscreen',\n 'mode-parent': this.displayMode === 'parent',\n }\n }\n\n // ======================================================================\n // MÉTODOS PÚBLICOS (API)\n // ======================================================================\n /**\n * Define o limite de rolagem para o fechamento automático do scrim.\n */\n @Method()\n async setScrollThreshold(threshold: number) {\n this.scrollThreshold = threshold\n }\n\n /**\n * Método público para exibir o scrim\n */\n @Method()\n async open() {\n this.handleOpenChange(true)\n }\n\n /**\n * Método público para esconder o scrim\n */\n @Method()\n async close() {\n this.handleOpenChange(false)\n }\n\n /**\n * Método público para alternar o estado de exibição do scrim\n */\n @Method()\n async toggle() {\n this.handleOpenChange(!this.isActive)\n }\n\n render() {\n return (\n <Host>\n <slot name=\"activator\"></slot>\n <div\n class={this.getCssClassMap()}\n id={this.customId}\n role=\"dialog\"\n aria-modal=\"true\"\n aria-label={this.ariaLabel || 'Conteúdo do diálogo'}\n data-visible={this.isActive ? 'true' : 'false'}\n >\n <div class=\"mask\" onClick={this.handleMaskClick}></div>\n <div\n ref={(el) => (this.contentRef = el)}\n id={`${this.customId}-content`}\n class=\"content\"\n tabIndex={-1}\n onKeyDown={this.handleKeyDown}\n >\n <slot></slot>\n </div>\n </div>\n </Host>\n )\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["scrimCss","Scrim","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","customId","Helpers","generateUniqueId","isOpen","disableCloseOnClick","zIndex","bgColor","customOpacity","displayMode","scrollThreshold","activator","ariaLabel","isActive","hasActivatorSlot","contentRef","activatorElement","scrollOffset","lastScrollTop","scrollOrigin","previouslyFocusedElement","focusTimeoutId","restoreFocusTimeoutId","handleActivatorClick","toggle","handleBlockScroll","e","scrollStrategy","window","scrollTo","preventDefault","stopPropagation","handleScrollClose","currentScroll","getScrollPosition","reference","_a","Math","abs","handleOpenChange","handleKeyDown","event","shouldHandleEscape","key","handleTabNavigation","handleGlobalKeyDown","target","isElementInsideScrim","stopImmediatePropagation","focusFirstElement","handleGlobalClick","close","handleGlobalFocus","setTimeout","handleMaskClick","_event","newValue","clearTimeout","scrollY","updateStyles","document","activeElement","applyScrollStrategy","addGlobalEventInterception","brScrimOpen","emit","resetScrolling","removeGlobalEventInterception","restoreFocus","brScrimClose","undefined","el","style","setProperty","handleActivatorChange","removeActivatorClickListener","setupActivator","componentWillLoad","checkActivatorSlot","componentDidLoad","setupActivatorSlotClick","addContentEventListener","addEventListener","connectedCallback","disconnectedCallback","removeEventListener","cleanupActivatorSlotClick","slotName","querySelector","shadowRoot","slotEl","assignedElements","_b","call","length","console","warn","parentElement","element","addActivatorClickListener","enableScrollBlock","enableScrollWatcher","targetWindow","ownerDocument","defaultView","_d","_c","pageYOffset","body","documentElement","removeProperty","setAttribute","focus","focusableElements","getFocusableElements","firstElement","scrollIntoView","block","inline","preventScroll","targetElement","isConnected","error","defaultSlot","flatten","forEach","matches","FOCUSABLE_SELECTORS","push","nestedFocusables","Array","from","querySelectorAll","filterVisibleElements","elements","filter","offsetWidth","offsetHeight","getComputedStyle","visibility","lastElement","isTabForward","shiftKey","shouldTrapFocus","wrapFocus","contains","getCssClassMap","opened","positionContent","setScrollThreshold","threshold","open","render","h","Host","name","class","id","role","onClick","ref","tabIndex","onKeyDown","join"],"sources":["../../packages/webcomponents/src/components/scrim/scrim.scss?tag=br-scrim&encapsulation=shadow","../../packages/webcomponents/src/components/scrim/scrim.tsx"],"sourcesContent":[":host {\n --br-scrim-opacity: 1;\n\n .br-scrim {\n visibility: hidden;\n transition: visibility 0.3s ease;\n z-index: var(--z-index-layer-4);\n display: flex;\n align-items: center;\n justify-content: center;\n pointer-events: auto;\n }\n\n .br-scrim.mode-fullscreen {\n position: fixed;\n inset: 0;\n }\n\n .br-scrim.mode-parent {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n }\n\n .br-scrim.opened {\n visibility: visible;\n pointer-events: auto;\n }\n\n .mask {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--surface-overlay-scrim);\n opacity: 0;\n transition: opacity 0.3s ease;\n pointer-events: auto;\n }\n\n .br-scrim.opened .mask {\n opacity: var(--br-scrim-opacity);\n }\n\n .content {\n position: relative;\n outline: none;\n pointer-events: auto;\n opacity: 0;\n transform: scale(0.9);\n transition:\n opacity 0.3s ease,\n transform 0.3s ease;\n background: transparent;\n padding: 0;\n margin: 0;\n border: none;\n box-shadow: none;\n overflow: visible;\n contain: none;\n display: inline-block;\n width: fit-content;\n height: fit-content;\n z-index: calc(var(--z-index-layer-4) + 1);\n\n &:focus {\n outline: var(--focus-outline);\n outline-offset: var(--focus-offset);\n box-shadow: var(--focus-shadow);\n }\n }\n\n .br-scrim.opened .content {\n opacity: 1;\n transform: scale(1);\n pointer-events: auto;\n }\n\n .br-scrim.position-top .content {\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n }\n\n .br-scrim.position-bottom .content {\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n }\n\n .br-scrim.position-left .content {\n position: absolute;\n top: 50%;\n left: 0;\n transform: translateY(-50%);\n }\n\n .br-scrim.position-right .content {\n position: absolute;\n top: 50%;\n right: 0;\n transform: translateY(-50%);\n }\n\n .br-scrim.position-center .content {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n .content ::slotted(*) {\n opacity: 1 !important;\n filter: none;\n }\n\n /* Estilos responsivos */\n @media (width <= 768px) {\n .content {\n max-width: 95%;\n max-height: 95%;\n width: auto;\n }\n\n .br-scrim.position-top .content,\n .br-scrim.position-bottom .content {\n width: 100%;\n max-width: 100%;\n border-radius: 0;\n }\n }\n}\n","import {\n AttachInternals,\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n State,\n Watch,\n} from '@stencil/core'\n\nimport Helpers from '../../utils/helpers'\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/scrim?tab=designer).\n *\n * @slot default - Elemento que será exibido junto com o Scrim, devendo ser fornecido através do slot. Esse elemento representa o conteúdo principal a ser destacado sobre o fundo escurecido.\n * @slot activator - Elemento que, quando clicado, ativa/desativa o scrim. Tem prioridade sobre a propriedade 'activator'.\n */\n@Component({\n tag: 'br-scrim',\n styleUrl: 'scrim.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Scrim {\n /**\n * Referência ao elemento host do componente.\n */\n @Element() el: HTMLBrScrimElement\n\n @AttachInternals() elementInternals: ElementInternals\n\n /**\n * Identificador único.\n * Caso não seja fornecido, um ID gerado automaticamente será usado.\n */\n @Prop({ reflect: true }) readonly customId: string = Helpers.generateUniqueId()\n\n /**\n * Ativa/desativa o scrim\n */\n @Prop({ reflect: true, mutable: true }) isOpen: boolean = false\n\n /**\n * Posiciona o conteúdo no topo, centro, direita, esquerda, abaixo dentro do scrim\n */\n @Prop() positionContent: 'top' | 'center' | 'right' | 'left' | 'bottom'\n\n /**\n * Desativa o fechamento do scrim ao ser clicado\n */\n @Prop() disableCloseOnClick: boolean = false\n\n /**\n * Define o valor de z-index do scrim\n */\n @Prop() zIndex: number | null = null\n\n /**\n * Cor de fundo personalizada para o scrim.\n * Aceita os seguintes formatos de cor:\n * - Cores nomeadas do CSS: 'red', 'blue', 'green', 'yellow', etc.\n * - Códigos hexadecimais: '#ff0000', '#00ff00', '#0000ff', etc.\n * - Valores RGB: 'rgb(255, 0, 0)', 'rgb(0, 255, 0)', etc.\n * - Valores RGBA: 'rgba(255, 0, 0, 0.5)', 'rgba(0, 255, 0, 0.8)', etc.\n * - Valores HSL: 'hsl(0, 100%, 50%)', 'hsl(120, 100%, 50%)', etc.\n * - Valores HSLA: 'hsla(0, 100%, 50%, 0.5)', 'hsla(240, 100%, 50%, 0.7)', etc.\n * Se não especificada, usa a cor padrão do tema.\n */\n @Prop() bgColor: string | null = null\n\n /**\n * Define a opacidade personalizada do scrim\n */\n @Prop() customOpacity: number | null = null\n\n /**\n * Define o modo de exibição do scrim:\n * - 'fullscreen': Ocupa toda a tela (position: fixed).\n * - 'parent': Ocupa apenas o elemento pai (position: absolute).\n * O elemento pai deve ter `position: relative` ou outro valor de posicionamento diferente de `static`.\n */\n @Prop() displayMode: 'fullscreen' | 'parent' = 'fullscreen'\n\n /**\n * Define a estratégia de manipulação de rolagem quando scrim está aberto\n * - 'block': Impede a rolagem completamente\n * - 'close': Fecha o scrim quando ocorre rolagem\n */\n @Prop() scrollStrategy: 'block' | 'close'\n\n /**\n * Determina quanto de rolagem (em pixels) é necessário para acionar a ação de fechamento automático do scrim.\n */\n @Prop({ mutable: true }) scrollThreshold: number = 50\n\n /**\n * Define o seletor para o elemento activator.\n * Pode ser:\n * - Um seletor CSS (ex: '.button-class', '#button-id')\n * - A string 'parent' para usar o elemento pai como activator\n * Nota: O slot 'activator' tem prioridade sobre esta propriedade.\n */\n @Prop() activator: string | null = null\n\n /**\n * Define um rótulo acessível personalizado para o diálogo.\n * Se não fornecido, será usado \"Conteúdo do diálogo\" como padrão.\n */\n @Prop() ariaLabel: string | null = null\n\n /** Indica que o scrim foi aberto. */\n @Event() brScrimOpen: EventEmitter\n\n /** Indica que o scrim foi fechado */\n @Event() brScrimClose: EventEmitter\n\n @State() isActive: boolean = false\n @State() hasActivatorSlot: boolean = false\n\n // ======================================================================\n // PROPRIEDADES PRIVADAS E VARIÁVEIS INTERNAS\n // ======================================================================\n private contentRef: HTMLDivElement | null = null\n private activatorElement: HTMLElement | null = null\n private scrollOffset: number = 0\n private lastScrollTop: number = 0\n private scrollOrigin: number | null = null\n private previouslyFocusedElement: HTMLElement | null | undefined = null\n private focusTimeoutId: NodeJS.Timeout | null = null\n private restoreFocusTimeoutId: NodeJS.Timeout | null = null\n\n private static readonly FOCUSABLE_SELECTORS = [\n 'a[href]:not([disabled])',\n 'button:not([disabled])',\n 'br-button:not([disabled])',\n 'input:not([disabled])',\n 'br-input:not([disabled])',\n 'select:not([disabled])',\n 'br-select:not([disabled])',\n 'textarea:not([disabled])',\n 'br-textarea:not([disabled])',\n '[tabindex]:not([tabindex=\"-1\"])',\n ].join(',')\n\n // ======================================================================\n // LIFECYCLE HOOKS E WATCHERS\n // ======================================================================\n @Watch('isOpen')\n handleOpenChange(newValue: boolean) {\n // Cancelar qualquer timeout anterior\n if (this.focusTimeoutId !== null) {\n clearTimeout(this.focusTimeoutId)\n this.focusTimeoutId = null\n }\n if (this.restoreFocusTimeoutId !== null) {\n clearTimeout(this.restoreFocusTimeoutId)\n this.restoreFocusTimeoutId = null\n }\n\n this.isActive = newValue\n if (newValue && this.scrollStrategy === 'close') {\n const currentScroll = window.scrollY\n this.lastScrollTop = currentScroll\n this.scrollOrigin = currentScroll\n }\n this.updateStyles()\n\n if (this.isActive) {\n this.previouslyFocusedElement = document.activeElement as HTMLElement\n this.applyScrollStrategy()\n this.addGlobalEventInterception()\n this.focusTimeoutId = setTimeout(() => {\n this.focusFirstElement()\n }, 100)\n this.brScrimOpen.emit()\n } else {\n this.resetScrolling()\n this.removeGlobalEventInterception()\n this.restoreFocus()\n this.brScrimClose.emit()\n }\n }\n\n @Watch('zIndex')\n @Watch('bgColor')\n @Watch('customOpacity')\n updateStyles() {\n if (this.zIndex !== null && this.zIndex !== undefined) {\n this.el.style.zIndex = `${this.zIndex}`\n this.el.style.setProperty('--z-index-layer-4', `${this.zIndex}`)\n }\n if (this.bgColor !== null) {\n this.el.style.setProperty('--surface-overlay-scrim', this.bgColor)\n }\n if (this.customOpacity !== null) {\n this.el.style.setProperty('--br-scrim-opacity', `${this.customOpacity}`)\n }\n }\n\n @Watch('activator')\n handleActivatorChange() {\n this.removeActivatorClickListener()\n this.setupActivator()\n }\n\n componentWillLoad() {\n this.hasActivatorSlot = this.checkActivatorSlot('activator')\n this.isActive = this.isOpen\n }\n\n componentDidLoad() {\n this.updateStyles()\n this.setupActivator()\n this.setupActivatorSlotClick()\n this.addContentEventListener()\n\n if (this.isActive) {\n this.applyScrollStrategy()\n this.addGlobalEventInterception()\n this.focusFirstElement()\n }\n }\n\n /**\n * Adiciona event listener ao contentRef para capturar eventos de teclado\n * e gerenciar a navegação por teclado dentro do scrim.\n */\n private addContentEventListener() {\n if (this.contentRef !== null) {\n this.contentRef.addEventListener('keydown', this.handleKeyDown)\n }\n }\n\n connectedCallback() {\n if (this.scrollStrategy === 'close') {\n const currentScroll = window.scrollY\n this.lastScrollTop = currentScroll\n this.scrollOrigin = currentScroll\n window.addEventListener('scroll', this.handleScrollClose)\n }\n }\n\n disconnectedCallback() {\n // Limpar timeouts pendentes\n if (this.focusTimeoutId !== null) {\n clearTimeout(this.focusTimeoutId)\n this.focusTimeoutId = null\n }\n if (this.restoreFocusTimeoutId !== null) {\n clearTimeout(this.restoreFocusTimeoutId)\n this.restoreFocusTimeoutId = null\n }\n\n // Remover event listeners\n window.removeEventListener('scroll', this.handleScrollClose)\n window.removeEventListener('scroll', this.handleBlockScroll)\n if (this.contentRef !== null) {\n this.contentRef.removeEventListener('keydown', this.handleKeyDown)\n }\n this.removeActivatorClickListener()\n this.cleanupActivatorSlotClick()\n this.removeGlobalEventInterception()\n }\n\n // ======================================================================\n // GERENCIAMENTO DO ACTIVATOR (ELEMENTO ACIONADOR)\n // ======================================================================\n private checkActivatorSlot(slotName: string): boolean {\n return this.el.querySelector(`[slot=\"${slotName}\"]`) !== null\n }\n\n private setupActivatorSlotClick() {\n if (this.el.shadowRoot === null) return\n\n const slotEl = this.el.shadowRoot.querySelector('slot[name=\"activator\"]') as HTMLSlotElement\n if (slotEl === null || slotEl === undefined) return\n\n const assignedElements = slotEl.assignedElements?.() ?? []\n\n if (assignedElements.length === 1) {\n const el = assignedElements[0] as HTMLElement\n if (el && typeof el.addEventListener === 'function') {\n el.addEventListener('click', this.handleActivatorClick)\n }\n } else if (assignedElements.length > 1) {\n console.warn('br-scrim: Slot \"activator\" deve conter apenas um elemento para aplicar o onClick automaticamente.')\n }\n }\n\n private setupActivator() {\n this.removeActivatorClickListener()\n this.activatorElement = null\n\n if (this.hasActivatorSlot || this.activator == null || this.activator === '') {\n return\n }\n\n if (this.activator === 'parent') {\n const parentElement = this.el.parentElement\n if (parentElement !== null) {\n this.activatorElement = parentElement\n }\n } else {\n try {\n const element = document.querySelector(this.activator)\n if (element instanceof HTMLElement) {\n this.activatorElement = element\n }\n } catch {\n console.warn(`br-scrim: Seletor activator inválido: ${this.activator}`)\n }\n }\n\n this.addActivatorClickListener()\n }\n\n private handleActivatorClick = () => {\n this.toggle()\n }\n\n private addActivatorClickListener() {\n if (this.activatorElement === null || this.activatorElement === undefined) return\n this.activatorElement.addEventListener('click', this.handleActivatorClick)\n }\n\n private removeActivatorClickListener() {\n if (this.activatorElement === null || this.activatorElement === undefined) return\n this.activatorElement.removeEventListener('click', this.handleActivatorClick)\n }\n\n private cleanupActivatorSlotClick() {\n if (this.el.shadowRoot === null) return\n\n const slotEl = this.el.shadowRoot.querySelector('slot[name=\"activator\"]') as HTMLSlotElement\n const assignedElements = slotEl?.assignedElements?.() ?? []\n\n if (assignedElements.length === 1) {\n const element = assignedElements[0]\n if (element && typeof element.removeEventListener === 'function') {\n element.removeEventListener('click', this.handleActivatorClick)\n }\n }\n }\n\n // ======================================================================\n // ESTRATÉGIAS DE ROLAGEM (SCROLL)\n // ======================================================================\n private applyScrollStrategy() {\n if (this.scrollStrategy === 'block') {\n this.enableScrollBlock()\n } else if (this.scrollStrategy === 'close') {\n this.enableScrollWatcher()\n }\n }\n\n private getScrollPosition(): number {\n const targetWindow = this.el?.ownerDocument?.defaultView || window\n return targetWindow?.scrollY ?? targetWindow?.pageYOffset ?? 0\n }\n\n private enableScrollBlock() {\n this.scrollOffset = window.scrollY\n document.body.style.setProperty('position', 'fixed')\n document.body.style.setProperty('top', `-${this.scrollOffset}px`)\n document.body.style.setProperty('left', '0')\n document.body.style.setProperty('right', '0')\n document.body.style.setProperty('width', '100%')\n document.documentElement.style.setProperty('overflow', 'hidden')\n\n window.addEventListener('scroll', this.handleBlockScroll)\n }\n\n private enableScrollWatcher() {\n const currentScroll = window.scrollY\n this.lastScrollTop = currentScroll\n this.scrollOrigin = currentScroll\n window.addEventListener('scroll', this.handleScrollClose)\n }\n\n private handleBlockScroll = (e: Event) => {\n if (this.scrollStrategy === 'block' && this.isActive) {\n window.scrollTo(0, this.scrollOffset)\n e.preventDefault()\n e.stopPropagation()\n }\n }\n\n private resetScrolling() {\n if (this.scrollStrategy === 'block') {\n document.body.style.removeProperty('position')\n document.body.style.removeProperty('top')\n document.body.style.removeProperty('left')\n document.body.style.removeProperty('right')\n document.body.style.removeProperty('width')\n document.documentElement.style.removeProperty('overflow')\n window.removeEventListener('scroll', this.handleBlockScroll)\n window.scrollTo(0, this.scrollOffset)\n }\n window.removeEventListener('scroll', this.handleScrollClose)\n this.scrollOrigin = null\n }\n\n private handleScrollClose = () => {\n if (this.scrollStrategy === 'close' && this.isActive) {\n const currentScroll = this.getScrollPosition()\n const reference = this.scrollOrigin ?? this.lastScrollTop\n if (Math.abs(currentScroll - reference) > this.scrollThreshold) {\n this.scrollOrigin = null\n this.isOpen = false\n this.handleOpenChange(false)\n return\n }\n this.lastScrollTop = currentScroll\n }\n }\n\n // ======================================================================\n // ACESSIBILIDADE E GERENCIAMENTO DE FOCO\n // ======================================================================\n private focusFirstElement() {\n if (this.contentRef == null) return\n\n this.contentRef.setAttribute('tabindex', '-1')\n this.contentRef.focus()\n\n const focusableElements = this.getFocusableElements()\n\n if (focusableElements.length > 0) {\n const firstElement = focusableElements[0]\n if (firstElement !== null && firstElement !== undefined) {\n firstElement.scrollIntoView({ block: 'nearest', inline: 'nearest' })\n firstElement.focus({ preventScroll: true })\n }\n }\n }\n\n private restoreFocus() {\n let targetElement: HTMLElement | null = null\n\n if (this.previouslyFocusedElement instanceof HTMLElement && this.previouslyFocusedElement.isConnected) {\n targetElement = this.previouslyFocusedElement\n } else if (this.activatorElement instanceof HTMLElement) {\n targetElement = this.activatorElement\n } else {\n const slotEl = this.el.shadowRoot?.querySelector('slot[name=\"activator\"]') as HTMLSlotElement\n if (this.hasActivatorSlot) {\n const assignedElements = slotEl.assignedElements?.() ?? []\n if (assignedElements.length > 0 && assignedElements[0] instanceof HTMLElement) {\n targetElement = assignedElements[0] as HTMLElement\n }\n }\n }\n\n if (targetElement !== null && targetElement !== undefined) {\n this.restoreFocusTimeoutId = setTimeout(() => {\n try {\n targetElement?.focus()\n } catch (error) {\n console.warn('br-scrim: Erro ao restaurar foco:', error)\n }\n }, 100)\n }\n }\n\n private getFocusableElements(): HTMLElement[] {\n if (this.contentRef == null) return []\n\n const defaultSlot = this.contentRef.querySelector('slot:not([name])') as HTMLSlotElement\n if (defaultSlot === null || defaultSlot === undefined) return []\n\n const assignedElements = defaultSlot.assignedElements({ flatten: true })\n const focusableElements: HTMLElement[] = []\n\n assignedElements.forEach((el) => {\n if (!(el instanceof HTMLElement)) return\n\n if (el.matches(Scrim.FOCUSABLE_SELECTORS)) {\n focusableElements.push(el)\n }\n\n const nestedFocusables = Array.from(el.querySelectorAll<HTMLElement>(Scrim.FOCUSABLE_SELECTORS))\n focusableElements.push(...nestedFocusables)\n })\n\n return this.filterVisibleElements(focusableElements)\n }\n\n private filterVisibleElements(elements: HTMLElement[]): HTMLElement[] {\n return elements.filter(\n (el) => el.offsetWidth > 0 && el.offsetHeight > 0 && getComputedStyle(el).visibility !== 'hidden'\n )\n }\n\n // ======================================================================\n // NAVEGAÇÃO POR TECLADO E INTERCEPTAÇÃO DE EVENTOS\n // ======================================================================\n private handleKeyDown = (event: KeyboardEvent) => {\n if (!this.isActive) return\n\n if (this.shouldHandleEscape(event)) {\n this.isOpen = false\n return\n }\n\n if (event.key === 'Tab') {\n this.handleTabNavigation(event)\n }\n }\n\n // Intercepta TODOS os eventos de teclado globalmente quando scrim está ativo\n private handleGlobalKeyDown = (event: KeyboardEvent) => {\n if (!this.isActive) return\n\n const target = event.target as HTMLElement\n\n if (!this.isElementInsideScrim(target)) {\n event.preventDefault()\n event.stopPropagation()\n event.stopImmediatePropagation()\n\n this.focusFirstElement()\n return\n }\n\n if (event.key === 'Escape' && !this.disableCloseOnClick) {\n event.preventDefault()\n this.isOpen = false\n }\n }\n\n // Intercepta TODOS os eventos de clique globalmente quando scrim está ativo\n private handleGlobalClick = (event: MouseEvent) => {\n if (!this.isActive) return\n\n const target = event.target as HTMLElement\n\n if (!this.isElementInsideScrim(target)) {\n event.preventDefault()\n event.stopPropagation()\n event.stopImmediatePropagation()\n\n if (!this.disableCloseOnClick) {\n this.close()\n }\n return\n }\n }\n\n /**\n * Intercepta eventos de foco globalmente\n */\n private handleGlobalFocus = (event: FocusEvent) => {\n if (!this.isActive) return\n\n const target = event.target as HTMLElement\n\n if (!this.isElementInsideScrim(target)) {\n event.preventDefault()\n event.stopPropagation()\n event.stopImmediatePropagation()\n\n setTimeout(() => {\n this.focusFirstElement()\n }, 0)\n }\n }\n\n private shouldHandleEscape(event: KeyboardEvent): boolean {\n return (event.key === 'Escape' || event.key === 'Esc') && this.isActive && !this.disableCloseOnClick\n }\n\n private handleTabNavigation(event: KeyboardEvent): void {\n const focusableElements = this.getFocusableElements()\n if (focusableElements.length === 0) {\n event.preventDefault()\n return\n }\n\n const firstElement = focusableElements[0]\n const lastElement = focusableElements[focusableElements.length - 1]\n const isTabForward = !event.shiftKey\n\n if (this.shouldTrapFocus(isTabForward, firstElement, lastElement)) {\n event.preventDefault()\n this.wrapFocus(isTabForward, firstElement, lastElement)\n }\n }\n\n private shouldTrapFocus(isTabForward: boolean, firstElement: HTMLElement, lastElement: HTMLElement): boolean {\n return (\n (isTabForward && document.activeElement === lastElement) ||\n (!isTabForward && document.activeElement === firstElement)\n )\n }\n\n private wrapFocus(isTabForward: boolean, firstElement: HTMLElement, lastElement: HTMLElement): void {\n ;(isTabForward ? firstElement : lastElement).focus()\n }\n\n /**\n * Verifica se um elemento está dentro do scrim\n */\n private isElementInsideScrim(element: HTMLElement): boolean {\n if (this.el.contains(element)) {\n return true\n }\n\n return false\n }\n\n /**\n * Adiciona interceptação global de eventos\n */\n private addGlobalEventInterception() {\n // Intercepta eventos de teclado globalmente\n document.addEventListener('keydown', this.handleGlobalKeyDown, true)\n document.addEventListener('keyup', this.handleGlobalKeyDown, true)\n document.addEventListener('keypress', this.handleGlobalKeyDown, true)\n\n // Intercepta eventos de clique globalmente\n document.addEventListener('click', this.handleGlobalClick, true)\n document.addEventListener('mousedown', this.handleGlobalClick, true)\n document.addEventListener('mouseup', this.handleGlobalClick, true)\n\n // Intercepta eventos de foco\n document.addEventListener('focus', this.handleGlobalFocus, true)\n document.addEventListener('focusin', this.handleGlobalFocus, true)\n }\n\n /**\n * Remove interceptação global de eventos\n */\n private removeGlobalEventInterception() {\n document.removeEventListener('keydown', this.handleGlobalKeyDown, true)\n document.removeEventListener('keyup', this.handleGlobalKeyDown, true)\n document.removeEventListener('keypress', this.handleGlobalKeyDown, true)\n\n document.removeEventListener('click', this.handleGlobalClick, true)\n document.removeEventListener('mousedown', this.handleGlobalClick, true)\n document.removeEventListener('mouseup', this.handleGlobalClick, true)\n\n document.removeEventListener('focus', this.handleGlobalFocus, true)\n document.removeEventListener('focusin', this.handleGlobalFocus, true)\n }\n\n // ======================================================================\n // MANIPULAÇÃO DE EVENTOS E UTILITÁRIOS\n // ======================================================================\n private handleMaskClick = (_event: MouseEvent) => {\n if (!this.disableCloseOnClick) {\n this.close()\n }\n }\n\n private getCssClassMap(): CssClassMap {\n return {\n 'br-scrim': true,\n opened: this.isActive,\n 'scroll-block': this.scrollStrategy === 'block',\n 'position-top': this.positionContent === 'top',\n 'position-bottom': this.positionContent === 'bottom',\n 'position-left': this.positionContent === 'left',\n 'position-right': this.positionContent === 'right',\n 'position-center': this.positionContent === 'center',\n 'mode-fullscreen': this.displayMode === 'fullscreen',\n 'mode-parent': this.displayMode === 'parent',\n }\n }\n\n // ======================================================================\n // MÉTODOS PÚBLICOS (API)\n // ======================================================================\n /**\n * Define o limite de rolagem para o fechamento automático do scrim.\n */\n @Method()\n async setScrollThreshold(threshold: number) {\n this.scrollThreshold = threshold\n }\n\n /**\n * Método público para exibir o scrim\n */\n @Method()\n async open() {\n this.isOpen = true\n }\n\n /**\n * Método público para esconder o scrim\n */\n @Method()\n async close() {\n this.isOpen = false\n }\n\n /**\n * Método público para alternar o estado de exibição do scrim\n */\n @Method()\n async toggle() {\n this.isOpen = !this.isActive\n }\n\n render() {\n return (\n <Host>\n <slot name=\"activator\"></slot>\n <div\n class={this.getCssClassMap()}\n id={this.customId}\n role=\"dialog\"\n aria-modal=\"true\"\n aria-label={this.ariaLabel || 'Conteúdo do diálogo'}\n data-visible={this.isActive ? 'true' : 'false'}\n >\n <div class=\"mask\" onClick={this.handleMaskClick}></div>\n <div\n ref={(el) => (this.contentRef = el)}\n id={`${this.customId}-content`}\n class=\"content\"\n tabIndex={-1}\n onKeyDown={this.handleKeyDown}\n >\n <slot></slot>\n </div>\n </div>\n </Host>\n )\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
* Construído por SERPRO
|
|
3
3
|
* © https://serpro.gov.br/ - MIT License.
|
|
4
4
|
*/
|
|
5
|
-
import { S as
|
|
6
|
-
|
|
7
|
-
const p = o;
|
|
5
|
+
import { S as s, d as o } from "./p-C0cZs2IJ.js";
|
|
8
6
|
|
|
9
7
|
const t = s;
|
|
10
8
|
|
|
11
|
-
|
|
9
|
+
const c = o;
|
|
10
|
+
|
|
11
|
+
export { t as BrSelect, c as defineCustomElement };
|
|
12
12
|
//# sourceMappingURL=br-select.js.map
|
|
13
13
|
//# sourceMappingURL=br-select.js.map
|
|
@@ -8,13 +8,13 @@ import { _ as o } from "./p-DIPMDb5E.js";
|
|
|
8
8
|
|
|
9
9
|
import { H as n } from "./p-D4N4PPot.js";
|
|
10
10
|
|
|
11
|
-
import { d as l } from "./p-
|
|
11
|
+
import { d as l } from "./p-CJRbqOtI.js";
|
|
12
12
|
|
|
13
13
|
import { d as s } from "./p-CEbZPrhV.js";
|
|
14
14
|
|
|
15
15
|
import { d as c } from "./p-FQzq-XNI.js";
|
|
16
16
|
|
|
17
|
-
import { d as g } from "./p-
|
|
17
|
+
import { d as g } from "./p-D3Hzp4nL.js";
|
|
18
18
|
|
|
19
19
|
const d = "*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}main{display:block}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}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]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}.d-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}@media (min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}}.justify-content-start{-webkit-box-pack:start !important;-ms-flex-pack:start !important;justify-content:flex-start !important}.justify-content-end{-webkit-box-pack:end !important;-ms-flex-pack:end !important;justify-content:flex-end !important}.justify-content-center{-webkit-box-pack:center !important;-ms-flex-pack:center !important;justify-content:center !important}.align-items-center{-webkit-box-align:center !important;-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.col-2{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.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:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;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{--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{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}}@media (min-width: 992px){.container,.container-lg{--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{--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{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}}@media (min-width: 1600px){.container,.container-lg{--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))}}.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}.mr-n2{margin-right:calc(var(--spacing-scale-base)*-1) !important}.ml-2{margin-left:var(--spacing-scale-base) !important}.m-3{margin:var(--spacing-scale-2x) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mr-auto{margin-right:auto !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}@media (min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half)}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));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%}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)}::-webkit-input-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}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.bg-interactive{--background:var(--interactive);background:var(--interactive) !important}.text-primary-default{color:var(--color-primary-default) !important}.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-medium{font-weight:500 !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}}.ease{-webkit-animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1);animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-in-out{-webkit-animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1);animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.fab{--icon-size:var(--icon-size-base);display:inline-block;font-size:var(--icon-size);text-align:center;width:calc(var(--icon-size) + 8px)}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear, left top, left bottom, from(var(--status-highlight-overlay)), to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}*[data-toggle=collapse]:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--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{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}:host{display:contents}:host br-item{-webkit-box-shadow:var(--skiplink-shadow);box-shadow:var(--skiplink-shadow);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--skiplink-min-width);position:absolute;top:-100vh;-webkit-transition:top var(--skiplink-duration) var(--skiplink-timing-function);transition:top var(--skiplink-duration) var(--skiplink-timing-function);white-space:nowrap;width:auto}:host br-item:focus-within{top:0}:host(.compound-mode) br-item{-webkit-box-shadow:none;box-shadow:none;min-width:0;position:relative;top:0}";
|
|
20
20
|
|
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
* Construído por SERPRO
|
|
3
3
|
* © https://serpro.gov.br/ - MIT License.
|
|
4
4
|
*/
|
|
5
|
-
import { S as o, d as s } from "./p-
|
|
5
|
+
import { S as o, d as s } from "./p-CT3o87ql.js";
|
|
6
6
|
|
|
7
7
|
const t = o;
|
|
8
8
|
|
|
9
|
-
const
|
|
9
|
+
const p = s;
|
|
10
10
|
|
|
11
|
-
export { t as BrStepItem,
|
|
11
|
+
export { t as BrStepItem, p as defineCustomElement };
|
|
12
12
|
//# sourceMappingURL=br-step-item.js.map
|
|
13
13
|
//# sourceMappingURL=br-step-item.js.map
|
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
* Construído por SERPRO
|
|
3
3
|
* © https://serpro.gov.br/ - MIT License.
|
|
4
4
|
*/
|
|
5
|
-
import { T as o, d as s } from "./p-
|
|
5
|
+
import { T as o, d as s } from "./p-D3Hzp4nL.js";
|
|
6
6
|
|
|
7
|
-
const
|
|
7
|
+
const p = o;
|
|
8
8
|
|
|
9
|
-
const
|
|
9
|
+
const t = s;
|
|
10
10
|
|
|
11
|
-
export {
|
|
11
|
+
export { p as BrTag, t as defineCustomElement };
|
|
12
12
|
//# sourceMappingURL=br-tag.js.map
|
|
13
13
|
//# sourceMappingURL=br-tag.js.map
|
|
@@ -8,13 +8,13 @@ import { _ as o } from "./p-DIPMDb5E.js";
|
|
|
8
8
|
|
|
9
9
|
import { H as n } from "./p-D4N4PPot.js";
|
|
10
10
|
|
|
11
|
-
import { d as s } from "./p-
|
|
11
|
+
import { d as s } from "./p-CJRbqOtI.js";
|
|
12
12
|
|
|
13
13
|
import { d as l } from "./p-CEbZPrhV.js";
|
|
14
14
|
|
|
15
15
|
import { d as h } from "./p-DcYZZpD5.js";
|
|
16
16
|
|
|
17
|
-
import { d as c } from "./p-
|
|
17
|
+
import { d as c } from "./p-CT3o87ql.js";
|
|
18
18
|
|
|
19
19
|
/**
|
|
20
20
|
* UniversalSwipe - Detecção de gestos de swipe com suporte universal.
|
|
@@ -6,7 +6,7 @@ import { p as e, H as t, d as r, h as i } from "./p-DSkSDmzD.js";
|
|
|
6
6
|
|
|
7
7
|
import { _ as a } from "./p-DIPMDb5E.js";
|
|
8
8
|
|
|
9
|
-
import { d as o } from "./p-
|
|
9
|
+
import { d as o } from "./p-CJRbqOtI.js";
|
|
10
10
|
|
|
11
11
|
import { d as l } from "./p-DyIUSzD8.js";
|
|
12
12
|
|
|
@@ -14,7 +14,7 @@ import { d as s } from "./p-C1zPAQF0.js";
|
|
|
14
14
|
|
|
15
15
|
import { d as n } from "./p-CEbZPrhV.js";
|
|
16
16
|
|
|
17
|
-
import { d as c } from "./p-
|
|
17
|
+
import { d as c } from "./p-D6-v-yTt.js";
|
|
18
18
|
|
|
19
19
|
import { d as b } from "./p-BK25EipU.js";
|
|
20
20
|
|
|
@@ -621,5 +621,5 @@ function defineCustomElement() {
|
|
|
621
621
|
}
|
|
622
622
|
|
|
623
623
|
export { g as S, defineCustomElement as d };
|
|
624
|
-
//# sourceMappingURL=p-
|
|
625
|
-
//# sourceMappingURL=p-
|
|
624
|
+
//# sourceMappingURL=p-C0cZs2IJ.js.map
|
|
625
|
+
//# sourceMappingURL=p-C0cZs2IJ.js.map
|