@govbr-ds/webcomponents 2.0.0-next.62 → 2.0.0-next.63
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-checkbox.br-input.br-radio.entry.cjs.js.map +1 -1
- package/dist/cjs/br-checkbox_3.cjs.entry.js +17 -28
- package/dist/cjs/br-collapse.br-list.entry.cjs.js.map +1 -1
- package/dist/cjs/br-collapse_2.cjs.entry.js +10 -15
- package/dist/cjs/br-datetime-picker.cjs.entry.js +18 -31
- package/dist/cjs/br-datetime-picker.entry.cjs.js.map +1 -1
- package/dist/cjs/br-dropdown.br-select.entry.cjs.js.map +1 -1
- package/dist/cjs/br-dropdown_2.cjs.entry.js +73 -56
- package/dist/cjs/br-header-list.cjs.entry.js +6 -13
- package/dist/cjs/br-header-list.entry.cjs.js.map +1 -1
- package/dist/cjs/br-header.cjs.entry.js +2 -5
- package/dist/cjs/br-header.entry.cjs.js.map +1 -1
- package/dist/cjs/br-item.cjs.entry.js +3 -6
- package/dist/cjs/br-item.entry.cjs.js.map +1 -1
- package/dist/cjs/br-message.cjs.entry.js +13 -16
- package/dist/cjs/br-message.entry.cjs.js.map +1 -1
- package/dist/cjs/br-modal.cjs.entry.js +8 -13
- package/dist/cjs/br-modal.entry.cjs.js.map +1 -1
- package/dist/cjs/br-scrim.cjs.entry.js +40 -51
- package/dist/cjs/br-scrim.entry.cjs.js.map +1 -1
- package/dist/cjs/br-skip-link.cjs.entry.js +24 -29
- package/dist/cjs/br-skip-link.entry.cjs.js.map +1 -1
- package/dist/cjs/br-skiplink-item.cjs.entry.js +32 -37
- package/dist/cjs/br-skiplink-item.entry.cjs.js.map +1 -1
- package/dist/cjs/br-step.br-step-item.entry.cjs.js.map +1 -1
- package/dist/cjs/br-step_2.cjs.entry.js +33 -56
- package/dist/cjs/br-switch.cjs.entry.js +3 -6
- package/dist/cjs/br-switch.entry.cjs.js.map +1 -1
- package/dist/cjs/br-textarea.cjs.entry.js +5 -8
- package/dist/cjs/br-textarea.entry.cjs.js.map +1 -1
- package/dist/cjs/br-tooltip.cjs.entry.js +1 -2
- package/dist/cjs/br-tooltip.entry.cjs.js.map +1 -1
- package/dist/cjs/br-wizard-panel.cjs.entry.js +6 -13
- package/dist/cjs/br-wizard-panel.entry.cjs.js.map +1 -1
- package/dist/cjs/br-wizard.cjs.entry.js +147 -182
- package/dist/cjs/br-wizard.entry.cjs.js.map +1 -1
- package/dist/cjs/{floating-ui-D_WzFT9x.js → floating-ui-CkTJEp-y.js} +11 -15
- package/dist/{esm/floating-ui-DBIzWbO2.js.map → cjs/floating-ui-CkTJEp-y.js.map} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/webcomponents.cjs.js +1 -1
- package/dist/collection/components/checkbox/checkbox.js +9 -16
- package/dist/collection/components/checkbox/checkbox.js.map +1 -1
- package/dist/collection/components/collapse/collapse.js +10 -15
- package/dist/collection/components/collapse/collapse.js.map +1 -1
- package/dist/collection/components/datetime-picker/datetime-picker.js +18 -31
- package/dist/collection/components/datetime-picker/datetime-picker.js.map +1 -1
- package/dist/collection/components/dropdown/dropdown.js +13 -20
- package/dist/collection/components/dropdown/dropdown.js.map +1 -1
- package/dist/collection/components/header/header-list/header-list.js +6 -13
- package/dist/collection/components/header/header-list/header-list.js.map +1 -1
- package/dist/collection/components/header/header.js +2 -5
- package/dist/collection/components/header/header.js.map +1 -1
- package/dist/collection/components/item/item.js +3 -6
- package/dist/collection/components/item/item.js.map +1 -1
- package/dist/collection/components/message/message.js +13 -16
- package/dist/collection/components/message/message.js.map +1 -1
- package/dist/collection/components/modal/modal.js +8 -13
- package/dist/collection/components/modal/modal.js.map +1 -1
- package/dist/collection/components/radio/radio.js +8 -13
- package/dist/collection/components/radio/radio.js.map +1 -1
- package/dist/collection/components/scrim/scrim.js +40 -51
- package/dist/collection/components/scrim/scrim.js.map +1 -1
- package/dist/collection/components/select/select.js +79 -36
- package/dist/collection/components/select/select.js.map +1 -1
- package/dist/collection/components/skip-link/skip-link-item/skip-link-item.js +32 -37
- package/dist/collection/components/skip-link/skip-link-item/skip-link-item.js.map +1 -1
- package/dist/collection/components/skip-link/skip-link.js +24 -29
- package/dist/collection/components/skip-link/skip-link.js.map +1 -1
- package/dist/collection/components/step/step-item/step-item.js +13 -26
- package/dist/collection/components/step/step-item/step-item.js.map +1 -1
- package/dist/collection/components/step/step.js +20 -31
- package/dist/collection/components/step/step.js.map +1 -1
- package/dist/collection/components/switch/switch.js +3 -6
- package/dist/collection/components/switch/switch.js.map +1 -1
- package/dist/collection/components/textarea/textarea.js +5 -8
- package/dist/collection/components/textarea/textarea.js.map +1 -1
- package/dist/collection/components/wizard/wizard-panel/wizard-panel.js +6 -13
- package/dist/collection/components/wizard/wizard-panel/wizard-panel.js.map +1 -1
- package/dist/collection/components/wizard/wizard.js +147 -182
- package/dist/collection/components/wizard/wizard.js.map +1 -1
- package/dist/collection/utils/floating-ui.js +9 -12
- package/dist/collection/utils/floating-ui.js.map +1 -1
- package/dist/components/br-breadcrumb.js +3 -3
- package/dist/components/br-checkbox.js +4 -4
- package/dist/components/br-checkgroup.js +1 -1
- package/dist/components/br-collapse.js +4 -4
- package/dist/components/br-datetime-picker.js +1981 -1995
- package/dist/components/br-datetime-picker.js.map +1 -1
- package/dist/components/br-dropdown.js +1 -1
- package/dist/components/br-footer-category.js +3 -3
- package/dist/components/br-footer-item.js +1 -1
- package/dist/components/br-header-function.js +1 -1
- package/dist/components/br-header-link.js +1 -1
- package/dist/components/br-header-list.js +31 -39
- package/dist/components/br-header-list.js.map +1 -1
- package/dist/components/br-header.js +63 -67
- package/dist/components/br-header.js.map +1 -1
- package/dist/components/br-item.js +1 -1
- package/dist/components/br-list.js +3 -3
- package/dist/components/br-message.js +28 -32
- package/dist/components/br-message.js.map +1 -1
- package/dist/components/br-modal.js +21 -27
- package/dist/components/br-modal.js.map +1 -1
- package/dist/components/br-pagination.js +7 -7
- package/dist/components/br-radio.js +1 -1
- package/dist/components/br-scrim.js +49 -61
- package/dist/components/br-scrim.js.map +1 -1
- package/dist/components/br-select.js +3 -3
- package/dist/components/br-skip-link.js +38 -44
- package/dist/components/br-skip-link.js.map +1 -1
- package/dist/components/br-skiplink-item.js +55 -61
- package/dist/components/br-skiplink-item.js.map +1 -1
- package/dist/components/br-step-item.js +4 -4
- package/dist/components/br-step.js +4 -4
- package/dist/components/br-switch.js +12 -16
- package/dist/components/br-switch.js.map +1 -1
- package/dist/components/br-textarea.js +14 -18
- package/dist/components/br-textarea.js.map +1 -1
- package/dist/components/br-tooltip.js +1 -1
- package/dist/components/br-wizard-panel.js +13 -21
- package/dist/components/br-wizard-panel.js.map +1 -1
- package/dist/components/br-wizard.js +190 -228
- package/dist/components/br-wizard.js.map +1 -1
- package/dist/components/{p-Cc75U9ZX.js → p-B_YesJM8.js} +26 -34
- package/dist/components/{p-Cc75U9ZX.js.map → p-B_YesJM8.js.map} +1 -1
- package/dist/components/{p-xFn46pdm.js → p-Bc03PTAW.js} +27 -39
- package/dist/components/{p-xFn46pdm.js.map → p-Bc03PTAW.js.map} +1 -1
- package/dist/components/{p-DzKEfDGA.js → p-Bri6ECVa.js} +27 -33
- package/dist/components/{p-DzKEfDGA.js.map → p-Bri6ECVa.js.map} +1 -1
- package/dist/components/{p-BZ8BetvD.js → p-CJSXIVVe.js} +17 -23
- package/dist/components/{p-BZ8BetvD.js.map → p-CJSXIVVe.js.map} +1 -1
- package/dist/components/{p-D9c7NikS.js → p-CWRBs6PD.js} +24 -38
- package/dist/components/{p-D9c7NikS.js.map → p-CWRBs6PD.js.map} +1 -1
- package/dist/components/{p-D0dPo1K5.js → p-CwtLw60M.js} +12 -16
- package/dist/components/{p-D0dPo1K5.js.map → p-CwtLw60M.js.map} +1 -1
- package/dist/components/{p-z1PVVVFI.js → p-DW63EY0U.js} +27 -35
- package/dist/components/{p-z1PVVVFI.js.map → p-DW63EY0U.js.map} +1 -1
- package/dist/components/{p-7kxAU6Gr.js → p-DdjKNpU3.js} +92 -72
- package/dist/components/p-DdjKNpU3.js.map +1 -0
- package/dist/{webcomponents/p-B4au_byv.js → components/p-k0WZfTfL.js} +121 -124
- package/dist/components/{p-B4au_byv.js.map → p-k0WZfTfL.js.map} +1 -1
- package/dist/components/{p-OKkBxn1z.js → p-lIb35q2K.js} +3 -3
- package/dist/custom-elements.json +19459 -0
- package/dist/esm/br-checkbox.br-input.br-radio.entry.js.map +1 -1
- package/dist/esm/br-checkbox_3.entry.js +17 -28
- package/dist/esm/br-collapse.br-list.entry.js.map +1 -1
- package/dist/esm/br-collapse_2.entry.js +10 -15
- package/dist/esm/br-datetime-picker.entry.js +18 -31
- package/dist/esm/br-datetime-picker.entry.js.map +1 -1
- package/dist/esm/br-dropdown.br-select.entry.js.map +1 -1
- package/dist/esm/br-dropdown_2.entry.js +73 -56
- package/dist/esm/br-header-list.entry.js +6 -13
- package/dist/esm/br-header-list.entry.js.map +1 -1
- package/dist/esm/br-header.entry.js +2 -5
- package/dist/esm/br-header.entry.js.map +1 -1
- package/dist/esm/br-item.entry.js +3 -6
- package/dist/esm/br-item.entry.js.map +1 -1
- package/dist/esm/br-message.entry.js +13 -16
- package/dist/esm/br-message.entry.js.map +1 -1
- package/dist/esm/br-modal.entry.js +8 -13
- package/dist/esm/br-modal.entry.js.map +1 -1
- package/dist/esm/br-scrim.entry.js +40 -51
- package/dist/esm/br-scrim.entry.js.map +1 -1
- package/dist/esm/br-skip-link.entry.js +24 -29
- package/dist/esm/br-skip-link.entry.js.map +1 -1
- package/dist/esm/br-skiplink-item.entry.js +32 -37
- package/dist/esm/br-skiplink-item.entry.js.map +1 -1
- package/dist/esm/br-step.br-step-item.entry.js.map +1 -1
- package/dist/esm/br-step_2.entry.js +33 -56
- package/dist/esm/br-switch.entry.js +3 -6
- package/dist/esm/br-switch.entry.js.map +1 -1
- package/dist/esm/br-textarea.entry.js +5 -8
- package/dist/esm/br-textarea.entry.js.map +1 -1
- package/dist/esm/br-tooltip.entry.js +1 -2
- package/dist/esm/br-tooltip.entry.js.map +1 -1
- package/dist/esm/br-wizard-panel.entry.js +6 -13
- package/dist/esm/br-wizard-panel.entry.js.map +1 -1
- package/dist/esm/br-wizard.entry.js +147 -182
- package/dist/esm/br-wizard.entry.js.map +1 -1
- package/dist/esm/{floating-ui-DBIzWbO2.js → floating-ui-k0WZfTfL.js} +11 -15
- package/dist/{cjs/floating-ui-D_WzFT9x.js.map → esm/floating-ui-k0WZfTfL.js.map} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/webcomponents.js +1 -1
- package/dist/hydrate/index.js +450 -591
- package/dist/hydrate/index.mjs +450 -591
- package/dist/types/components/select/select.d.ts +5 -0
- package/dist/types/components.d.ts +10 -0
- package/dist/webcomponents/br-checkbox.br-input.br-radio.entry.esm.js.map +1 -1
- package/dist/webcomponents/br-collapse.br-list.entry.esm.js.map +1 -1
- package/dist/webcomponents/br-datetime-picker.entry.esm.js.map +1 -1
- package/dist/webcomponents/br-dropdown.br-select.entry.esm.js.map +1 -1
- package/dist/webcomponents/br-header-list.entry.esm.js.map +1 -1
- package/dist/webcomponents/br-header.entry.esm.js.map +1 -1
- package/dist/webcomponents/br-item.entry.esm.js.map +1 -1
- package/dist/webcomponents/br-message.entry.esm.js.map +1 -1
- package/dist/webcomponents/br-modal.entry.esm.js.map +1 -1
- package/dist/webcomponents/br-scrim.entry.esm.js.map +1 -1
- package/dist/webcomponents/br-skip-link.entry.esm.js.map +1 -1
- package/dist/webcomponents/br-skiplink-item.entry.esm.js.map +1 -1
- package/dist/webcomponents/br-step.br-step-item.entry.esm.js.map +1 -1
- package/dist/webcomponents/br-switch.entry.esm.js.map +1 -1
- package/dist/webcomponents/br-textarea.entry.esm.js.map +1 -1
- package/dist/webcomponents/br-tooltip.entry.esm.js.map +1 -1
- package/dist/webcomponents/br-wizard-panel.entry.esm.js.map +1 -1
- package/dist/webcomponents/br-wizard.entry.esm.js.map +1 -1
- package/dist/webcomponents/{p-2fe329d6.entry.js → p-10e25a32.entry.js} +28 -34
- package/dist/webcomponents/p-10e25a32.entry.js.map +1 -0
- package/dist/webcomponents/{p-097912c2.entry.js → p-1991135d.entry.js} +30 -36
- package/dist/webcomponents/p-1991135d.entry.js.map +1 -0
- package/dist/webcomponents/{p-61e5421b.entry.js → p-27eb10f9.entry.js} +57 -61
- package/dist/webcomponents/p-27eb10f9.entry.js.map +1 -0
- package/dist/webcomponents/{p-5070161f.entry.js → p-30af66b3.entry.js} +45 -51
- package/dist/webcomponents/p-30af66b3.entry.js.map +1 -0
- package/dist/webcomponents/{p-9464b692.entry.js → p-336071a5.entry.js} +2 -4
- package/dist/webcomponents/p-336071a5.entry.js.map +1 -0
- package/dist/webcomponents/{p-8a034433.entry.js → p-462c5647.entry.js} +20 -24
- package/dist/webcomponents/p-462c5647.entry.js.map +1 -0
- package/dist/webcomponents/{p-d674cee3.entry.js → p-46dfc3ee.entry.js} +12 -16
- package/dist/webcomponents/p-46dfc3ee.entry.js.map +1 -0
- package/dist/webcomponents/{p-821b896c.entry.js → p-56aabe89.entry.js} +36 -44
- package/dist/webcomponents/p-56aabe89.entry.js.map +1 -0
- package/dist/webcomponents/{p-a615baaa.entry.js → p-5710a3e9.entry.js} +41 -65
- package/dist/webcomponents/p-5710a3e9.entry.js.map +1 -0
- package/dist/webcomponents/{p-1799a082.entry.js → p-6a9d2a0b.entry.js} +1996 -2010
- package/dist/webcomponents/p-6a9d2a0b.entry.js.map +1 -0
- package/dist/webcomponents/{p-8ad1f003.entry.js → p-83001853.entry.js} +175 -213
- package/dist/webcomponents/p-83001853.entry.js.map +1 -0
- package/dist/webcomponents/{p-463b06a4.entry.js → p-90401ecd.entry.js} +32 -38
- package/dist/webcomponents/p-90401ecd.entry.js.map +1 -0
- package/dist/webcomponents/{p-216dc111.entry.js → p-a2eec4fb.entry.js} +49 -61
- package/dist/webcomponents/p-a2eec4fb.entry.js.map +1 -0
- package/dist/webcomponents/{p-d6475852.entry.js → p-c1b0a116.entry.js} +11 -19
- package/dist/webcomponents/p-c1b0a116.entry.js.map +1 -0
- package/dist/webcomponents/{p-c90a089a.entry.js → p-ca2d95f7.entry.js} +96 -83
- package/dist/webcomponents/p-ca2d95f7.entry.js.map +1 -0
- package/dist/webcomponents/{p-7ff6698f.entry.js → p-cfa86a23.entry.js} +10 -14
- package/dist/webcomponents/p-cfa86a23.entry.js.map +1 -0
- package/dist/webcomponents/{p-abc0ecbe.entry.js → p-e5875d3d.entry.js} +10 -14
- package/dist/webcomponents/p-e5875d3d.entry.js.map +1 -0
- package/dist/webcomponents/{p-0bfb0edf.entry.js → p-f2ea0d7e.entry.js} +133 -145
- package/dist/webcomponents/p-f2ea0d7e.entry.js.map +1 -0
- package/dist/{components/p-B4au_byv.js → webcomponents/p-k0WZfTfL.js} +121 -124
- package/dist/webcomponents/{p-B4au_byv.js.map → p-k0WZfTfL.js.map} +1 -1
- package/dist/webcomponents/webcomponents.esm.js +1 -1
- package/dist/webcomponents.html-custom-data.json +2573 -0
- package/package.json +1 -1
- package/dist/cjs/tslib.es6-CF44W9Bn.js +0 -42
- package/dist/cjs/tslib.es6-CF44W9Bn.js.map +0 -1
- package/dist/components/p-7kxAU6Gr.js.map +0 -1
- package/dist/components/p-DIPMDb5E.js +0 -55
- package/dist/components/p-DIPMDb5E.js.map +0 -1
- package/dist/esm/tslib.es6-DIPMDb5E.js +0 -40
- package/dist/esm/tslib.es6-DIPMDb5E.js.map +0 -1
- package/dist/webcomponents/p-097912c2.entry.js.map +0 -1
- package/dist/webcomponents/p-0bfb0edf.entry.js.map +0 -1
- package/dist/webcomponents/p-1799a082.entry.js.map +0 -1
- package/dist/webcomponents/p-216dc111.entry.js.map +0 -1
- package/dist/webcomponents/p-2fe329d6.entry.js.map +0 -1
- package/dist/webcomponents/p-463b06a4.entry.js.map +0 -1
- package/dist/webcomponents/p-5070161f.entry.js.map +0 -1
- package/dist/webcomponents/p-61e5421b.entry.js.map +0 -1
- package/dist/webcomponents/p-7ff6698f.entry.js.map +0 -1
- package/dist/webcomponents/p-821b896c.entry.js.map +0 -1
- package/dist/webcomponents/p-8a034433.entry.js.map +0 -1
- package/dist/webcomponents/p-8ad1f003.entry.js.map +0 -1
- package/dist/webcomponents/p-9464b692.entry.js.map +0 -1
- package/dist/webcomponents/p-DIPMDb5E.js +0 -55
- package/dist/webcomponents/p-DIPMDb5E.js.map +0 -1
- package/dist/webcomponents/p-a615baaa.entry.js.map +0 -1
- package/dist/webcomponents/p-abc0ecbe.entry.js.map +0 -1
- package/dist/webcomponents/p-c90a089a.entry.js.map +0 -1
- package/dist/webcomponents/p-d6475852.entry.js.map +0 -1
- package/dist/webcomponents/p-d674cee3.entry.js.map +0 -1
- /package/dist/components/{p-OKkBxn1z.js.map → p-lIb35q2K.js.map} +0 -0
|
@@ -2,19 +2,17 @@
|
|
|
2
2
|
* Construído por SERPRO
|
|
3
3
|
* © https://serpro.gov.br/ - MIT License.
|
|
4
4
|
*/
|
|
5
|
-
import { p as t, H as i, d as e, h as
|
|
5
|
+
import { p as t, H as i, d as e, h as a, c as r } from "./p-DSkSDmzD.js";
|
|
6
6
|
|
|
7
|
-
import {
|
|
7
|
+
import { H as o } from "./p-D4N4PPot.js";
|
|
8
8
|
|
|
9
|
-
import {
|
|
9
|
+
import { d as n } from "./p-AOxMWARt.js";
|
|
10
10
|
|
|
11
|
-
import { d as s } from "./p-
|
|
11
|
+
import { d as s } from "./p-CBj_WCYf.js";
|
|
12
12
|
|
|
13
|
-
import { d as l } from "./p-
|
|
13
|
+
import { d as l } from "./p-Bc03PTAW.js";
|
|
14
14
|
|
|
15
|
-
import { d as h } from "./p-
|
|
16
|
-
|
|
17
|
-
import { d as c } from "./p-D9c7NikS.js";
|
|
15
|
+
import { d as h } from "./p-CWRBs6PD.js";
|
|
18
16
|
|
|
19
17
|
/**
|
|
20
18
|
* UniversalSwipe - Detecção de gestos de swipe com suporte universal.
|
|
@@ -31,7 +29,7 @@ import { d as c } from "./p-D9c7NikS.js";
|
|
|
31
29
|
* - ✅ Edge (pointer events)
|
|
32
30
|
* - ✅ Navegadores antigos (touch/mouse events)
|
|
33
31
|
*
|
|
34
|
-
*/ class
|
|
32
|
+
*/ class c {
|
|
35
33
|
/**
|
|
36
34
|
* Cria uma nova instância de UniversalSwipe.
|
|
37
35
|
* @constructor
|
|
@@ -226,17 +224,17 @@ import { d as c } from "./p-D9c7NikS.js";
|
|
|
226
224
|
}
|
|
227
225
|
const i = this.getCoordinates(t);
|
|
228
226
|
const e = i.x - this.startPoint.x;
|
|
229
|
-
const
|
|
227
|
+
const a = i.y - this.startPoint.y;
|
|
230
228
|
// Threshold para evitar detecção acidental
|
|
231
|
-
const
|
|
232
|
-
const o = Math.abs(
|
|
229
|
+
const r = Math.abs(e);
|
|
230
|
+
const o = Math.abs(a);
|
|
233
231
|
// Só dispara swipe se movimento for maior que threshold
|
|
234
|
-
if (
|
|
232
|
+
if (r < this.threshold && o < this.threshold) {
|
|
235
233
|
this.cleanup();
|
|
236
234
|
return;
|
|
237
235
|
}
|
|
238
236
|
// Determina direção do swipe baseado no maior delta
|
|
239
|
-
if (
|
|
237
|
+
if (r > o) {
|
|
240
238
|
// Swipe horizontal
|
|
241
239
|
if (e < 0) {
|
|
242
240
|
this.trigger("SWIPE_LEFT");
|
|
@@ -245,7 +243,7 @@ import { d as c } from "./p-D9c7NikS.js";
|
|
|
245
243
|
}
|
|
246
244
|
} else {
|
|
247
245
|
// Swipe vertical
|
|
248
|
-
if (
|
|
246
|
+
if (a < 0) {
|
|
249
247
|
this.trigger("SWIPE_UP");
|
|
250
248
|
} else {
|
|
251
249
|
this.trigger("SWIPE_DOWN");
|
|
@@ -329,9 +327,9 @@ import { d as c } from "./p-D9c7NikS.js";
|
|
|
329
327
|
}
|
|
330
328
|
}
|
|
331
329
|
|
|
332
|
-
const p = '*,*::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))}}.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}.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}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-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)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border-width:0}:host{--wizard-min-height:300px;--wizard-max-height:800px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;margin-bottom:var(--spacing-scale-4x);max-height:var(--wizard-max-height);max-width:none;min-height:var(--wizard-min-height)}:host .wizard-progress{background-color:var(--background-alternative);display:grid;grid-template-columns:repeat(auto-fit, minmax(0, 1fr));grid-template-rows:none;min-height:164px;overflow-x:auto;overflow-y:hidden;padding-top:var(--spacing-scale-7x);width:100%}@media (max-width: 991px){:host .wizard-progress{max-height:100px;min-height:100px;overflow-y:hidden;padding-top:var(--spacing-scale-3x);position:relative;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:.25s;transition-duration:.25s;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:linear;transition-timing-function:linear}:host .wizard-progress::after{background-color:rgba(0,0,0,0);bottom:2px;color:var(--interactive);content:"";display:block;font-family:"Font Awesome 5 Free",sans-serif;font-size:var(--switch-icon-size);font-weight:var(--font-weight-black);height:1em;left:50%;margin-left:-0.5em;position:absolute;top:unset;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:.25s;transition-duration:.25s;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:linear;transition-timing-function:linear;width:auto}}@media (max-width: 991px){:host[collapsed] .wizard-progress{max-height:64px;min-height:64px;overflow-y:hidden;padding-bottom:var(--spacing-scale-3x);padding-top:var(--spacing-scale-3x)}:host[collapsed] .wizard-progress::after{margin-top:var(--spacing-scale-4xh)}:host[collapsed] .wizard-form{height:auto}:host[collapsed] .wizard-panel-content{overflow-x:hidden;overflow-y:auto}}:host[vertical]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}:host[vertical] .wizard-progress{-webkit-box-flex:1;-ms-flex:1;flex:1;float:none;grid-template-columns:1fr;height:auto;max-width:260px;overflow-x:hidden;padding-top:0;position:relative;text-align:right}:host[vertical][scroll] .wizard-progress{overflow-y:auto}:host[vertical][scroll] .wizard-progress::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}:host[vertical][scroll] .wizard-progress::-webkit-scrollbar-track{background:var(--gray-10)}:host[vertical][scroll] .wizard-progress::-webkit-scrollbar-thumb{background:var(--gray-30)}:host[vertical][scroll] .wizard-progress:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}:host[vertical] .wizard-form{float:none;height:auto;width:calc(100% - 260px)}:host[vertical] .wizard-form .wizard-panel .wizard-panel-content{border-top:0}@media (max-width: 991px){:host[vertical] .wizard-progress{max-height:100%;max-width:110px}:host[vertical] .wizard-progress::after{height:1em;left:unset;margin-top:-0.5em;right:2px;top:50%;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:1em}:host[vertical] .wizard-form{height:auto;max-width:calc(100% - 110px);min-width:calc(100% - 110px);-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:.25s;transition-duration:.25s;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:linear;transition-timing-function:linear}:host[vertical] .wizard-panel{height:100%;max-height:100%}:host[vertical][collapsed] .wizard-progress{max-width:60px;padding-bottom:0;padding-top:0}:host[vertical][collapsed] .wizard-form{max-width:calc(100% - 60px);min-width:calc(100% - 60px)}}:host .wizard-form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;height:auto;overflow:hidden;position:relative}:host .wizard-panel{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;height:auto;left:0;margin-bottom:0;opacity:0;position:static;top:0;visibility:hidden;width:100%}:host .wizard-panel[active]{display:-webkit-box;display:-ms-flexbox;display:flex;height:auto;left:0 !important;opacity:1;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:linear;transition-timing-function:linear;visibility:visible}@-webkit-keyframes slide-left{0%{opacity:0;-webkit-transform:translateX(1%);transform:translateX(1%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-left{0%{opacity:0;-webkit-transform:translateX(1%);transform:translateX(1%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}:host .wizard-panel-content{border-top:1px solid var(--border-color);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:auto;max-height:none;overflow-x:auto;overflow-y:auto;padding:var(--spacing-scale-base) var(--spacing-scale-2x)}:host .wizard-panel-content::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}:host .wizard-panel-content::-webkit-scrollbar-track{background:var(--gray-10)}:host .wizard-panel-content::-webkit-scrollbar-thumb{background:var(--gray-30)}:host .wizard-panel-content:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}:host .wizard-panel-content:focus,:host .wizard-panel-content:focus-visible{border-color:var(--focus) !important;-webkit-box-shadow:0 0 0 var(--surface-width-md) var(--focus);box-shadow:0 0 0 var(--surface-width-md) var(--focus);outline:none}:host .wizard-panel-content>:last-child{margin-bottom:0}:host .wizard-panel-btn{-ms-flex-item-align:end;align-self:flex-end;background-color:var(--background-alternative);border-top:1px solid var(--border-color);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:1px;padding:var(--spacing-scale-2x) 1.5%;width:100%}:host .wizard-btn-next,:host .wizard-btn,:host .wizard-btn-prev{float:right;margin-left:var(--spacing-scale-2x)}:host .wizard-btn-canc{float:left}@media (max-width: 991px){:host .wizard-form{height:auto}:host .wizard-panel{border-top:0;display:none;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin-bottom:0;max-height:none}:host .wizard-panel-content{height:auto;max-height:100%;overflow-x:hidden;overflow-y:auto;padding:var(--spacing-scale-half) var(--spacing-scale-base);-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:.25s;transition-duration:.25s;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:linear;transition-timing-function:linear}:host .wizard-panel-btn{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;background-color:var(--background-alternative);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 !important;position:static;width:100%}:host .wizard-btn-canc,:host .wizard-btn-next,:host .wizard-btn-prev,:host .wizard-btn{float:none;margin:var(--spacing-scale-base) 5%;width:90%}:host .wizard-btn-next,:host .wizard-btn{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}:host.inverted,:host.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)}:host.inverted .br-button.primary,:host.inverted .br-button[primary],:host.dark-mode .br-button.primary,:host.dark-mode .br-button[primary]{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--background-dark-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);background-color:var(--interactive-dark);color:var(--background-dark)}:host.inverted .br-button.secondary,:host.inverted .br-button[secondary],:host.dark-mode .br-button.secondary,:host.dark-mode .br-button[secondary]{background-color:var(--background-dark)}:host.inverted .wizard-progress,:host.dark-mode .wizard-progress{background-color:rgba(0,0,0,0)}:host.inverted .wizard-panel .wizard-panel-btn,:host.dark-mode .wizard-panel .wizard-panel-btn{background-color:rgba(0,0,0,0)}:host br-step-item::part(item-container)::after{z-index:0}:host br-step-item::part(item-content){background-color:rgba(0,0,0,0)}:host br-step-item[active]{--step-label-font-weight:var(--font-weight-semi-bold);--step-label-color:var(--active)}:host br-step-item::part(label){display:block;font-size:var(--font-size-scale-down-02);line-height:1em;text-align:center}:host .wizard-progress{padding-top:0}@media (max-width: 991px){:host .wizard-progress{max-height:none;height:auto}}:host([collapsed]) br-step-item::part(label){display:none}@media (max-width: 991px){:host([collapsed]) br-step-item::part(label){display:none}:host([collapsed]) br-step-item::part(item-container)::after{bottom:50%;left:50%;-webkit-transform:translateY(50%);transform:translateY(50%)}:host([collapsed]) .wizard-progress{max-height:100px;min-height:100px}:host([collapsed]) .wizard-progress::after{margin-top:var(--spacing-scale-4xh)}}:host([vertical]) .wizard-progress{-webkit-box-flex:1;-ms-flex:1;flex:1;float:none;grid-template-columns:1fr;height:auto;max-width:260px;overflow:hidden auto}@media (max-width: 991px){:host([vertical]) .wizard-progress{max-height:100%;max-width:110px}:host([vertical]) .wizard-progress::after{height:1em;left:unset;margin-top:-0.5em;right:2px;top:50%;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:1em}:host([vertical]) .wizard-form{max-width:calc(100% - 110px);min-width:calc(100% - 110px)}:host([vertical]) br-step-item::part(item-container)::before{left:calc(100% - 32px);line-height:26px;margin-top:calc(var(--spacing-scale-2x)*-1);position:absolute;text-align:center;top:50%}:host([vertical]) br-step-item::part(item-container)::after{left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:1px}:host([vertical])[collapsed] br-step-item::part(label){visibility:hidden;width:0;height:0;overflow:hidden}:host([vertical])[collapsed] .wizard-progress{max-width:60px;padding-bottom:0;padding-top:0}}:host(.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)}:host(.dark-mode) .br-button.primary,:host(.dark-mode) .br-button[primary]{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--background-dark-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);background-color:var(--interactive-dark);color:var(--background-dark)}:host(.dark-mode) .br-button.secondary,:host(.dark-mode) .br-button[secondary]{background-color:var(--background-dark)}';
|
|
330
|
+
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))}}.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}.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}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-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)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border-width:0}:host{--wizard-min-height:300px;--wizard-max-height:800px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;margin-bottom:var(--spacing-scale-4x);max-height:var(--wizard-max-height);max-width:none;min-height:var(--wizard-min-height)}:host .wizard-progress{background-color:var(--background-alternative);display:grid;grid-template-columns:repeat(auto-fit, minmax(0, 1fr));grid-template-rows:none;min-height:164px;overflow-x:auto;overflow-y:hidden;padding-top:var(--spacing-scale-7x);width:100%}@media (max-width: 991px){:host .wizard-progress{max-height:100px;min-height:100px;overflow-y:hidden;padding-top:var(--spacing-scale-3x);position:relative;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:.25s;transition-duration:.25s;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:linear;transition-timing-function:linear}:host .wizard-progress::after{background-color:rgba(0,0,0,0);bottom:2px;color:var(--interactive);content:"";display:block;font-family:"Font Awesome 5 Free",sans-serif;font-size:var(--switch-icon-size);font-weight:var(--font-weight-black);height:1em;left:50%;margin-left:-0.5em;position:absolute;top:unset;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:.25s;transition-duration:.25s;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:linear;transition-timing-function:linear;width:auto}}@media (max-width: 991px){:host[collapsed] .wizard-progress{max-height:64px;min-height:64px;overflow-y:hidden;padding-bottom:var(--spacing-scale-3x);padding-top:var(--spacing-scale-3x)}:host[collapsed] .wizard-progress::after{margin-top:var(--spacing-scale-4xh)}:host[collapsed] .wizard-form{height:auto}:host[collapsed] .wizard-panel-content{overflow-x:hidden;overflow-y:auto}}:host[vertical]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}:host[vertical] .wizard-progress{-webkit-box-flex:1;-ms-flex:1;flex:1;float:none;grid-template-columns:1fr;height:auto;max-width:260px;overflow-x:hidden;padding-top:0;position:relative;text-align:right}:host[vertical][scroll] .wizard-progress{overflow-y:auto}:host[vertical][scroll] .wizard-progress::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}:host[vertical][scroll] .wizard-progress::-webkit-scrollbar-track{background:var(--gray-10)}:host[vertical][scroll] .wizard-progress::-webkit-scrollbar-thumb{background:var(--gray-30)}:host[vertical][scroll] .wizard-progress:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}:host[vertical] .wizard-form{float:none;height:auto;width:calc(100% - 260px)}:host[vertical] .wizard-form .wizard-panel .wizard-panel-content{border-top:0}@media (max-width: 991px){:host[vertical] .wizard-progress{max-height:100%;max-width:110px}:host[vertical] .wizard-progress::after{height:1em;left:unset;margin-top:-0.5em;right:2px;top:50%;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:1em}:host[vertical] .wizard-form{height:auto;max-width:calc(100% - 110px);min-width:calc(100% - 110px);-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:.25s;transition-duration:.25s;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:linear;transition-timing-function:linear}:host[vertical] .wizard-panel{height:100%;max-height:100%}:host[vertical][collapsed] .wizard-progress{max-width:60px;padding-bottom:0;padding-top:0}:host[vertical][collapsed] .wizard-form{max-width:calc(100% - 60px);min-width:calc(100% - 60px)}}:host .wizard-form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;height:auto;overflow:hidden;position:relative}:host .wizard-panel{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;height:auto;left:0;margin-bottom:0;opacity:0;position:static;top:0;visibility:hidden;width:100%}:host .wizard-panel[active]{display:-webkit-box;display:-ms-flexbox;display:flex;height:auto;left:0 !important;opacity:1;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:linear;transition-timing-function:linear;visibility:visible}@-webkit-keyframes slide-left{0%{opacity:0;-webkit-transform:translateX(1%);transform:translateX(1%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-left{0%{opacity:0;-webkit-transform:translateX(1%);transform:translateX(1%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}:host .wizard-panel-content{border-top:1px solid var(--border-color);-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:auto;max-height:none;overflow-x:auto;overflow-y:auto;padding:var(--spacing-scale-base) var(--spacing-scale-2x)}:host .wizard-panel-content::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}:host .wizard-panel-content::-webkit-scrollbar-track{background:var(--gray-10)}:host .wizard-panel-content::-webkit-scrollbar-thumb{background:var(--gray-30)}:host .wizard-panel-content:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}:host .wizard-panel-content:focus,:host .wizard-panel-content:focus-visible{border-color:var(--focus) !important;-webkit-box-shadow:0 0 0 var(--surface-width-md) var(--focus);box-shadow:0 0 0 var(--surface-width-md) var(--focus);outline:none}:host .wizard-panel-content>:last-child{margin-bottom:0}:host .wizard-panel-btn{-ms-flex-item-align:end;align-self:flex-end;background-color:var(--background-alternative);border-top:1px solid var(--border-color);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:1px;padding:var(--spacing-scale-2x) 1.5%;width:100%}:host .wizard-btn-next,:host .wizard-btn,:host .wizard-btn-prev{float:right;margin-left:var(--spacing-scale-2x)}:host .wizard-btn-canc{float:left}@media (max-width: 991px){:host .wizard-form{height:auto}:host .wizard-panel{border-top:0;display:none;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin-bottom:0;max-height:none}:host .wizard-panel-content{height:auto;max-height:100%;overflow-x:hidden;overflow-y:auto;padding:var(--spacing-scale-half) var(--spacing-scale-base);-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:.25s;transition-duration:.25s;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:linear;transition-timing-function:linear}:host .wizard-panel-btn{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;background-color:var(--background-alternative);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 !important;position:static;width:100%}:host .wizard-btn-canc,:host .wizard-btn-next,:host .wizard-btn-prev,:host .wizard-btn{float:none;margin:var(--spacing-scale-base) 5%;width:90%}:host .wizard-btn-next,:host .wizard-btn{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}:host.inverted,:host.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)}:host.inverted .br-button.primary,:host.inverted .br-button[primary],:host.dark-mode .br-button.primary,:host.dark-mode .br-button[primary]{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--background-dark-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);background-color:var(--interactive-dark);color:var(--background-dark)}:host.inverted .br-button.secondary,:host.inverted .br-button[secondary],:host.dark-mode .br-button.secondary,:host.dark-mode .br-button[secondary]{background-color:var(--background-dark)}:host.inverted .wizard-progress,:host.dark-mode .wizard-progress{background-color:rgba(0,0,0,0)}:host.inverted .wizard-panel .wizard-panel-btn,:host.dark-mode .wizard-panel .wizard-panel-btn{background-color:rgba(0,0,0,0)}:host br-step-item::part(item-container)::after{z-index:0}:host br-step-item::part(item-content){background-color:rgba(0,0,0,0)}:host br-step-item[active]{--step-label-font-weight:var(--font-weight-semi-bold);--step-label-color:var(--active)}:host br-step-item::part(label){display:block;font-size:var(--font-size-scale-down-02);line-height:1em;text-align:center}:host .wizard-progress{padding-top:0}@media (max-width: 991px){:host .wizard-progress{max-height:none;height:auto}}:host([collapsed]) br-step-item::part(label){display:none}@media (max-width: 991px){:host([collapsed]) br-step-item::part(label){display:none}:host([collapsed]) br-step-item::part(item-container)::after{bottom:50%;left:50%;-webkit-transform:translateY(50%);transform:translateY(50%)}:host([collapsed]) .wizard-progress{max-height:100px;min-height:100px}:host([collapsed]) .wizard-progress::after{margin-top:var(--spacing-scale-4xh)}}:host([vertical]) .wizard-progress{-webkit-box-flex:1;-ms-flex:1;flex:1;float:none;grid-template-columns:1fr;height:auto;max-width:260px;overflow:hidden auto}@media (max-width: 991px){:host([vertical]) .wizard-progress{max-height:100%;max-width:110px}:host([vertical]) .wizard-progress::after{height:1em;left:unset;margin-top:-0.5em;right:2px;top:50%;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);width:1em}:host([vertical]) .wizard-form{max-width:calc(100% - 110px);min-width:calc(100% - 110px)}:host([vertical]) br-step-item::part(item-container)::before{left:calc(100% - 32px);line-height:26px;margin-top:calc(var(--spacing-scale-2x)*-1);position:absolute;text-align:center;top:50%}:host([vertical]) br-step-item::part(item-container)::after{left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:1px}:host([vertical])[collapsed] br-step-item::part(label){visibility:hidden;width:0;height:0;overflow:hidden}:host([vertical])[collapsed] .wizard-progress{max-width:60px;padding-bottom:0;padding-top:0}}:host(.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)}:host(.dark-mode) .br-button.primary,:host(.dark-mode) .br-button[primary]{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--background-dark-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);background-color:var(--interactive-dark);color:var(--background-dark)}:host(.dark-mode) .br-button.secondary,:host(.dark-mode) .br-button[secondary]{background-color:var(--background-dark)}';
|
|
333
331
|
|
|
334
|
-
const
|
|
332
|
+
const p = t(class t extends i {
|
|
335
333
|
constructor(t) {
|
|
336
334
|
super();
|
|
337
335
|
if (t !== false) {
|
|
@@ -361,7 +359,7 @@ const g = t(class t extends i {
|
|
|
361
359
|
/**
|
|
362
360
|
* ID customizado para o componente.
|
|
363
361
|
* Se não fornecido, um ID único será gerado automaticamente.
|
|
364
|
-
*/ this.customId =
|
|
362
|
+
*/ this.customId = o.generateUniqueId();
|
|
365
363
|
/**
|
|
366
364
|
* Etapa atual sendo exibida.
|
|
367
365
|
* Gerenciado internamente pelo componente.
|
|
@@ -434,7 +432,7 @@ const g = t(class t extends i {
|
|
|
434
432
|
* Handler do botão "Avançar" ou "Concluir".
|
|
435
433
|
* Se for a última etapa, valida e emite evento de conclusão.
|
|
436
434
|
* Caso contrário, avança para a próxima etapa.
|
|
437
|
-
*/ this.handleNext = () =>
|
|
435
|
+
*/ this.handleNext = async () => {
|
|
438
436
|
if (this.currentStep === this.panels.length) {
|
|
439
437
|
// Última etapa: validar antes de completar
|
|
440
438
|
const t = this.brWizardBeforeStepChange.emit(this.currentStep);
|
|
@@ -443,21 +441,19 @@ const g = t(class t extends i {
|
|
|
443
441
|
this.brWizardComplete.emit();
|
|
444
442
|
}
|
|
445
443
|
} else {
|
|
446
|
-
|
|
444
|
+
await this.nextStep();
|
|
447
445
|
}
|
|
448
|
-
}
|
|
446
|
+
};
|
|
449
447
|
/**
|
|
450
448
|
* Handler do botão "Voltar".
|
|
451
449
|
* Navega para a etapa anterior.
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
}))
|
|
450
|
+
*/ this.handlePrevious = async () => {
|
|
451
|
+
await this.previousStep();
|
|
452
|
+
};
|
|
456
453
|
/**
|
|
457
454
|
* Handler do botão "Cancelar".
|
|
458
455
|
* Emite evento de cancelamento do wizard.
|
|
459
|
-
|
|
460
|
-
this.handleCancel = () => {
|
|
456
|
+
*/ this.handleCancel = () => {
|
|
461
457
|
this.brWizardCancel.emit();
|
|
462
458
|
};
|
|
463
459
|
}
|
|
@@ -474,27 +470,23 @@ const g = t(class t extends i {
|
|
|
474
470
|
/**
|
|
475
471
|
* Observa mudanças na etapa inicial.
|
|
476
472
|
* Reinicializa o wizard quando a prop initialStep é alterada externamente.
|
|
477
|
-
*/ handleInitialStepChange() {
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
this.updatePanels();
|
|
482
|
-
}));
|
|
473
|
+
*/ async handleInitialStepChange() {
|
|
474
|
+
this.setInitialStep();
|
|
475
|
+
await this.syncWithBrStep();
|
|
476
|
+
this.updatePanels();
|
|
483
477
|
}
|
|
484
478
|
/**
|
|
485
479
|
* Observa mudanças na etapa atual (fonte única de verdade).
|
|
486
480
|
* Sincroniza com br-step, atualiza painéis, anuncia mudança e move foco.
|
|
487
481
|
* @param newStep - Nova etapa
|
|
488
482
|
* @param oldStep - Etapa anterior
|
|
489
|
-
*/ handleCurrentStepChange(t, i) {
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
}
|
|
497
|
-
}));
|
|
483
|
+
*/ async handleCurrentStepChange(t, i) {
|
|
484
|
+
if (t !== i) {
|
|
485
|
+
await this.syncWithBrStep();
|
|
486
|
+
this.updatePanels();
|
|
487
|
+
this.announceStepChange(t, i);
|
|
488
|
+
this.setFocusOnActivePanel();
|
|
489
|
+
}
|
|
498
490
|
}
|
|
499
491
|
// ========================================
|
|
500
492
|
// LISTENERS
|
|
@@ -504,30 +496,26 @@ const g = t(class t extends i {
|
|
|
504
496
|
* Redescobre os painéis e ressincroniza o estado.
|
|
505
497
|
* @param event - Evento slotchange
|
|
506
498
|
*/
|
|
507
|
-
handleSlotChange(t) {
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
this.updatePanels();
|
|
513
|
-
}));
|
|
499
|
+
async handleSlotChange(t) {
|
|
500
|
+
const i = t.target;
|
|
501
|
+
this.discoverPanelsFromSlot(i);
|
|
502
|
+
await this.syncWithBrStep();
|
|
503
|
+
this.updatePanels();
|
|
514
504
|
}
|
|
515
505
|
/**
|
|
516
506
|
* Detecta quando o br-step muda de etapa ativa.
|
|
517
507
|
* Valida e sincroniza a navegação com o componente interno br-step.
|
|
518
508
|
* @param event - Evento customizado do br-step
|
|
519
|
-
*/ handleStepChange(t) {
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
}
|
|
530
|
-
}));
|
|
509
|
+
*/ async handleStepChange(t) {
|
|
510
|
+
if (this.isSyncingWithStep) {
|
|
511
|
+
return;
|
|
512
|
+
}
|
|
513
|
+
const i = t.detail.activeStep + 1;
|
|
514
|
+
const e = await this.navigateToStep(i);
|
|
515
|
+
if (!e) {
|
|
516
|
+
t.stopPropagation();
|
|
517
|
+
await this.syncWithBrStep();
|
|
518
|
+
}
|
|
531
519
|
}
|
|
532
520
|
// ========================================
|
|
533
521
|
// LIFECYCLE HOOKS
|
|
@@ -542,24 +530,22 @@ const g = t(class t extends i {
|
|
|
542
530
|
/**
|
|
543
531
|
* Lifecycle: carrega painéis e configura estado inicial.
|
|
544
532
|
* Sincroniza com br-step, atualiza painéis e configura detecção mobile.
|
|
545
|
-
*/ componentDidLoad() {
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
this.panels = e;
|
|
554
|
-
}
|
|
555
|
-
}
|
|
556
|
-
yield this.syncWithBrStep();
|
|
557
|
-
this.updatePanels();
|
|
558
|
-
this.setupMobileDetection();
|
|
559
|
-
if (this.isMobile) {
|
|
560
|
-
this.collapsed = true;
|
|
533
|
+
*/ async componentDidLoad() {
|
|
534
|
+
var t;
|
|
535
|
+
const i = (t = this.el.shadowRoot) === null || t === void 0 ? void 0 : t.querySelector("slot");
|
|
536
|
+
if (i !== null && typeof i !== "undefined") {
|
|
537
|
+
const t = i.assignedElements();
|
|
538
|
+
const e = t.filter((t => t.tagName.toLowerCase() === "br-wizard-panel"));
|
|
539
|
+
if (e.length !== this.panels.length) {
|
|
540
|
+
this.panels = e;
|
|
561
541
|
}
|
|
562
|
-
}
|
|
542
|
+
}
|
|
543
|
+
await this.syncWithBrStep();
|
|
544
|
+
this.updatePanels();
|
|
545
|
+
this.setupMobileDetection();
|
|
546
|
+
if (this.isMobile) {
|
|
547
|
+
this.collapsed = true;
|
|
548
|
+
}
|
|
563
549
|
}
|
|
564
550
|
/**
|
|
565
551
|
* Lifecycle: limpa listeners quando componente é removido.
|
|
@@ -576,80 +562,62 @@ const g = t(class t extends i {
|
|
|
576
562
|
* Executa validação via evento `brWizardBeforeStepChange` antes de navegar.
|
|
577
563
|
* @returns Promise<boolean> - true se navegou com sucesso, false se bloqueado
|
|
578
564
|
*/
|
|
579
|
-
nextStep() {
|
|
580
|
-
return
|
|
581
|
-
return yield this.navigateToStep(this.currentStep + 1);
|
|
582
|
-
}));
|
|
565
|
+
async nextStep() {
|
|
566
|
+
return await this.navigateToStep(this.currentStep + 1);
|
|
583
567
|
}
|
|
584
568
|
/**
|
|
585
569
|
* Volta para a etapa anterior.
|
|
586
570
|
* Não executa validação ao retornar.
|
|
587
571
|
* @returns Promise<boolean> - true se navegou com sucesso, false se bloqueado
|
|
588
|
-
*/ previousStep() {
|
|
589
|
-
return
|
|
590
|
-
return yield this.navigateToStep(this.currentStep - 1);
|
|
591
|
-
}));
|
|
572
|
+
*/ async previousStep() {
|
|
573
|
+
return await this.navigateToStep(this.currentStep - 1);
|
|
592
574
|
}
|
|
593
575
|
/**
|
|
594
576
|
* Navega para uma etapa específica.
|
|
595
577
|
* Executa validação se estiver avançando (etapa alvo > etapa atual).
|
|
596
578
|
* @param stepNumber - Número da etapa de destino (numeração começa em 1)
|
|
597
579
|
* @returns Promise<boolean> - true se navegou com sucesso, false se bloqueado
|
|
598
|
-
*/ goToStep(t) {
|
|
599
|
-
return
|
|
600
|
-
return yield this.navigateToStep(t);
|
|
601
|
-
}));
|
|
580
|
+
*/ async goToStep(t) {
|
|
581
|
+
return await this.navigateToStep(t);
|
|
602
582
|
}
|
|
603
583
|
/**
|
|
604
584
|
* Retorna à primeira etapa do wizard.
|
|
605
585
|
* Não executa validação (útil para reiniciar o fluxo).
|
|
606
586
|
* @returns Promise<void>
|
|
607
|
-
*/ reset() {
|
|
608
|
-
|
|
609
|
-
yield this.navigateToStep(1, true);
|
|
610
|
-
}));
|
|
587
|
+
*/ async reset() {
|
|
588
|
+
await this.navigateToStep(1, true);
|
|
611
589
|
}
|
|
612
590
|
/**
|
|
613
591
|
* Retorna o elemento HTML do painel ativo no momento.
|
|
614
592
|
* @returns Promise<HTMLElement | null>
|
|
615
|
-
*/ getCurrentStep() {
|
|
616
|
-
return
|
|
617
|
-
return this.panels[this.currentStep - 1] || null;
|
|
618
|
-
}));
|
|
593
|
+
*/ async getCurrentStep() {
|
|
594
|
+
return this.panels[this.currentStep - 1] || null;
|
|
619
595
|
}
|
|
620
596
|
/**
|
|
621
597
|
* Retorna todos os painéis do wizard.
|
|
622
598
|
* @returns Promise<HTMLElement[]>
|
|
623
|
-
*/ getAllSteps() {
|
|
624
|
-
return
|
|
625
|
-
return [ ...this.panels ];
|
|
626
|
-
}));
|
|
599
|
+
*/ async getAllSteps() {
|
|
600
|
+
return [ ...this.panels ];
|
|
627
601
|
}
|
|
628
602
|
/**
|
|
629
603
|
* Retorna um painel específico pelo índice.
|
|
630
604
|
* @param stepNumber - Número da etapa (numeração começa em 1)
|
|
631
605
|
* @returns Promise<HTMLElement | null>
|
|
632
|
-
*/ getStepByIndex(t) {
|
|
633
|
-
return
|
|
634
|
-
return this.panels[t - 1] || null;
|
|
635
|
-
}));
|
|
606
|
+
*/ async getStepByIndex(t) {
|
|
607
|
+
return this.panels[t - 1] || null;
|
|
636
608
|
}
|
|
637
609
|
/**
|
|
638
610
|
* Retorna o índice (número) da etapa atual.
|
|
639
611
|
* A numeração começa em 1 (primeira etapa = 1, segunda = 2, etc).
|
|
640
612
|
* @returns Promise<number>
|
|
641
|
-
*/ getCurrentStepIndex() {
|
|
642
|
-
return
|
|
643
|
-
return this.currentStep;
|
|
644
|
-
}));
|
|
613
|
+
*/ async getCurrentStepIndex() {
|
|
614
|
+
return this.currentStep;
|
|
645
615
|
}
|
|
646
616
|
/**
|
|
647
617
|
* Retorna o número total de etapas do wizard.
|
|
648
618
|
* @returns Promise<number>
|
|
649
|
-
*/ getTotalSteps() {
|
|
650
|
-
return
|
|
651
|
-
return this.panels.length;
|
|
652
|
-
}));
|
|
619
|
+
*/ async getTotalSteps() {
|
|
620
|
+
return this.panels.length;
|
|
653
621
|
}
|
|
654
622
|
// ========================================
|
|
655
623
|
// NAVEGAÇÃO E VALIDAÇÃO
|
|
@@ -665,60 +633,58 @@ const g = t(class t extends i {
|
|
|
665
633
|
* @param skipValidation - Se true, pula validação (útil para reset/programático)
|
|
666
634
|
* @returns Promise<boolean> - true se navegou com sucesso, false se bloqueado
|
|
667
635
|
*/
|
|
668
|
-
navigateToStep(t) {
|
|
669
|
-
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
|
|
673
|
-
|
|
674
|
-
|
|
675
|
-
|
|
636
|
+
async navigateToStep(t, i = false) {
|
|
637
|
+
/**
|
|
638
|
+
* VALIDAÇÕES BÁSICAS
|
|
639
|
+
* 1. Verifica se targetStep está dentro dos limites válidos
|
|
640
|
+
* 2. Se já estamos na etapa alvo, retorna sucesso imediatamente
|
|
641
|
+
*/
|
|
642
|
+
if (t < 1 || t > this.panels.length) {
|
|
643
|
+
return false;
|
|
644
|
+
}
|
|
645
|
+
if (t === this.currentStep) {
|
|
646
|
+
return true;
|
|
647
|
+
}
|
|
648
|
+
/**
|
|
649
|
+
* MODO LINEAR: RESTRIÇÕES
|
|
650
|
+
* No modo linear, não é permitido pular para etapas futuras não visitadas.
|
|
651
|
+
* É possível voltar, mas não avançar além da próxima etapa sequencial.
|
|
652
|
+
*/ if (this.progressionType === "linear") {
|
|
653
|
+
if (t > this.currentStep + 1) {
|
|
654
|
+
const t = `Não é possível pular etapas. Complete a etapa ${this.currentStep + 1} antes de avançar.`;
|
|
655
|
+
this.announceToScreenReader(t);
|
|
656
|
+
this.brWizardNavigationBlocked.emit("linear-progression");
|
|
676
657
|
return false;
|
|
677
658
|
}
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
683
|
-
|
|
684
|
-
|
|
685
|
-
|
|
686
|
-
|
|
687
|
-
|
|
688
|
-
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
}
|
|
692
|
-
}
|
|
659
|
+
}
|
|
660
|
+
/**
|
|
661
|
+
* VALIDAÇÃO CUSTOMIZADA
|
|
662
|
+
* Emite evento brWizardBeforeStepChange APENAS se:
|
|
663
|
+
* 1. Não estamos pulando validação (skipValidation=false)
|
|
664
|
+
* 2. Estamos AVANÇANDO (targetStep > currentStep)
|
|
665
|
+
*
|
|
666
|
+
* Observações:
|
|
667
|
+
* - Voltar não precisa validar
|
|
668
|
+
* - Validação se aplica a ambos os modos (linear e nonlinear)
|
|
669
|
+
*/ const e = !i && t > this.currentStep;
|
|
670
|
+
if (e) {
|
|
671
|
+
const i = this.brWizardBeforeStepChange.emit(t);
|
|
693
672
|
/**
|
|
694
|
-
*
|
|
695
|
-
*
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
* - Validação se aplica a ambos os modos (linear e nonlinear)
|
|
702
|
-
*/ const e = !i && t > this.currentStep;
|
|
703
|
-
if (e) {
|
|
704
|
-
const i = this.brWizardBeforeStepChange.emit(t);
|
|
705
|
-
/**
|
|
706
|
-
* Se preventDefault() foi chamado no listener do evento,
|
|
707
|
-
* bloqueia a navegação e retorna false
|
|
708
|
-
*/ if (i.defaultPrevented) {
|
|
709
|
-
const t = "Não é possível avançar. Verifique os campos obrigatórios da etapa atual.";
|
|
710
|
-
this.announceToScreenReader(t);
|
|
711
|
-
this.brWizardNavigationBlocked.emit("validation-failed");
|
|
712
|
-
return false;
|
|
713
|
-
}
|
|
673
|
+
* Se preventDefault() foi chamado no listener do evento,
|
|
674
|
+
* bloqueia a navegação e retorna false
|
|
675
|
+
*/ if (i.defaultPrevented) {
|
|
676
|
+
const t = "Não é possível avançar. Verifique os campos obrigatórios da etapa atual.";
|
|
677
|
+
this.announceToScreenReader(t);
|
|
678
|
+
this.brWizardNavigationBlocked.emit("validation-failed");
|
|
679
|
+
return false;
|
|
714
680
|
}
|
|
715
|
-
|
|
716
|
-
|
|
717
|
-
|
|
718
|
-
|
|
719
|
-
|
|
720
|
-
|
|
721
|
-
|
|
681
|
+
}
|
|
682
|
+
/**
|
|
683
|
+
* EXECUTA NAVEGAÇÃO
|
|
684
|
+
* Atualiza o estado interno e emite evento de confirmação
|
|
685
|
+
*/ this.currentStep = t;
|
|
686
|
+
this.brWizardStepChange.emit(this.currentStep);
|
|
687
|
+
return true;
|
|
722
688
|
}
|
|
723
689
|
// ========================================
|
|
724
690
|
// SINCRONIZAÇÃO COM BR-STEP
|
|
@@ -729,32 +695,30 @@ const g = t(class t extends i {
|
|
|
729
695
|
* O br-step já gerencia completamente os atributos 'active' via componentShouldUpdate
|
|
730
696
|
* e requestAnimationFrame, então apenas chamamos os métodos de navegação dele.
|
|
731
697
|
*/
|
|
732
|
-
syncWithBrStep() {
|
|
733
|
-
|
|
734
|
-
|
|
735
|
-
|
|
736
|
-
|
|
737
|
-
|
|
738
|
-
|
|
739
|
-
|
|
740
|
-
|
|
741
|
-
|
|
742
|
-
|
|
743
|
-
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
|
|
749
|
-
|
|
750
|
-
yield this.stepRef.BackToPreviousStep();
|
|
751
|
-
}
|
|
698
|
+
async syncWithBrStep() {
|
|
699
|
+
if (this.stepRef === null) return;
|
|
700
|
+
if (typeof this.stepRef.GetActiveStep !== "function") {
|
|
701
|
+
return;
|
|
702
|
+
}
|
|
703
|
+
this.isSyncingWithStep = true;
|
|
704
|
+
try {
|
|
705
|
+
const t = this.currentStep - 1;
|
|
706
|
+
const i = await this.stepRef.GetActiveStep();
|
|
707
|
+
if (i !== t) {
|
|
708
|
+
const e = t - i;
|
|
709
|
+
if (e > 0) {
|
|
710
|
+
for (let t = 0; t < e; t++) {
|
|
711
|
+
await this.stepRef.ProceedToNextStep();
|
|
712
|
+
}
|
|
713
|
+
} else {
|
|
714
|
+
for (let t = 0; t < Math.abs(e); t++) {
|
|
715
|
+
await this.stepRef.BackToPreviousStep();
|
|
752
716
|
}
|
|
753
717
|
}
|
|
754
|
-
} finally {
|
|
755
|
-
this.isSyncingWithStep = false;
|
|
756
718
|
}
|
|
757
|
-
}
|
|
719
|
+
} finally {
|
|
720
|
+
this.isSyncingWithStep = false;
|
|
721
|
+
}
|
|
758
722
|
}
|
|
759
723
|
// ========================================
|
|
760
724
|
// GERENCIAMENTO DE PAINÉIS
|
|
@@ -770,16 +734,14 @@ const g = t(class t extends i {
|
|
|
770
734
|
/**
|
|
771
735
|
* Atualiza estados de todos os painéis.
|
|
772
736
|
* Define o índice e o estado ativo de cada painel.
|
|
773
|
-
*/ updatePanels() {
|
|
774
|
-
|
|
775
|
-
|
|
776
|
-
|
|
777
|
-
|
|
778
|
-
|
|
779
|
-
|
|
780
|
-
|
|
781
|
-
}
|
|
782
|
-
}));
|
|
737
|
+
*/ async updatePanels() {
|
|
738
|
+
for (let t = 0; t < this.panels.length; t++) {
|
|
739
|
+
const i = this.panels[t];
|
|
740
|
+
const e = t + 1;
|
|
741
|
+
const a = e === this.currentStep;
|
|
742
|
+
await i.setIndex(e);
|
|
743
|
+
await i.setActive(a);
|
|
744
|
+
}
|
|
783
745
|
}
|
|
784
746
|
/**
|
|
785
747
|
* Define etapa inicial baseada na prop initialStep.
|
|
@@ -812,14 +774,14 @@ const g = t(class t extends i {
|
|
|
812
774
|
* @param oldStep - Etapa anterior
|
|
813
775
|
*/ announceStepChange(t, i) {
|
|
814
776
|
const e = this.panels.length;
|
|
815
|
-
let
|
|
777
|
+
let a = "";
|
|
816
778
|
if (t > i) {
|
|
817
|
-
|
|
779
|
+
a = "Avançando para";
|
|
818
780
|
} else if (t < i) {
|
|
819
|
-
|
|
781
|
+
a = "Retornando para";
|
|
820
782
|
}
|
|
821
|
-
const
|
|
822
|
-
this.announceToScreenReader(
|
|
783
|
+
const r = `${a}, etapa ${t} de ${e}`;
|
|
784
|
+
this.announceToScreenReader(r);
|
|
823
785
|
}
|
|
824
786
|
/**
|
|
825
787
|
* Limpa o timeout de mensagens aria-live.
|
|
@@ -839,9 +801,9 @@ const g = t(class t extends i {
|
|
|
839
801
|
if (typeof i === "undefined") return;
|
|
840
802
|
const e = (t = i.shadowRoot) === null || t === void 0 ? void 0 : t.querySelector(".wizard-panel-content");
|
|
841
803
|
if (typeof e === "undefined" || e === null) return;
|
|
842
|
-
const
|
|
843
|
-
if (
|
|
844
|
-
|
|
804
|
+
const a = e.querySelectorAll(this.FOCUSABLE_SELECTOR);
|
|
805
|
+
if (a.length > 0) {
|
|
806
|
+
a[0].focus();
|
|
845
807
|
}
|
|
846
808
|
}));
|
|
847
809
|
}
|
|
@@ -878,7 +840,7 @@ const g = t(class t extends i {
|
|
|
878
840
|
this.formRef = ((i = this.el.shadowRoot) === null || i === void 0 ? void 0 : i.querySelector(".wizard-form")) || null;
|
|
879
841
|
if (this.progressBarRef !== null) {
|
|
880
842
|
const t = this.orientation === "horizontal" ? "vertical" : "horizontal";
|
|
881
|
-
this.progressBarSwipe = new
|
|
843
|
+
this.progressBarSwipe = new c(this.progressBarRef, {
|
|
882
844
|
direction: t
|
|
883
845
|
});
|
|
884
846
|
if (this.orientation === "horizontal") {
|
|
@@ -944,9 +906,9 @@ const g = t(class t extends i {
|
|
|
944
906
|
if (this.panels.length === 0) {
|
|
945
907
|
return null;
|
|
946
908
|
}
|
|
947
|
-
return
|
|
909
|
+
return a("div", {
|
|
948
910
|
class: "wizard-progress"
|
|
949
|
-
},
|
|
911
|
+
}, a("br-step", {
|
|
950
912
|
ref: t => this.stepRef = t,
|
|
951
913
|
"initial-step": String(this.currentStep - 1),
|
|
952
914
|
layout: this.orientation,
|
|
@@ -955,7 +917,7 @@ const g = t(class t extends i {
|
|
|
955
917
|
mode: "step"
|
|
956
918
|
}, this.panels.map((t => {
|
|
957
919
|
const i = t.getAttribute("label") || "";
|
|
958
|
-
return
|
|
920
|
+
return a("br-step-item", {
|
|
959
921
|
label: i
|
|
960
922
|
});
|
|
961
923
|
}))));
|
|
@@ -964,9 +926,9 @@ const g = t(class t extends i {
|
|
|
964
926
|
* Renderiza conteúdo dos painéis via slot.
|
|
965
927
|
* @returns JSX.Element - Container com slot dos painéis
|
|
966
928
|
*/ renderPanelContent() {
|
|
967
|
-
return
|
|
929
|
+
return a("div", {
|
|
968
930
|
class: "wizard-panel-content"
|
|
969
|
-
},
|
|
931
|
+
}, a("slot", null));
|
|
970
932
|
}
|
|
971
933
|
/**
|
|
972
934
|
* Renderiza botões de navegação do wizard.
|
|
@@ -976,21 +938,21 @@ const g = t(class t extends i {
|
|
|
976
938
|
const t = this.currentStep === 1;
|
|
977
939
|
const i = this.currentStep === this.panels.length;
|
|
978
940
|
const e = this.isMobile ? "block" : undefined;
|
|
979
|
-
return
|
|
941
|
+
return a("div", {
|
|
980
942
|
class: "wizard-panel-btn"
|
|
981
|
-
},
|
|
943
|
+
}, a("br-button", {
|
|
982
944
|
class: "wizard-btn-canc",
|
|
983
945
|
type: "button",
|
|
984
946
|
shape: e,
|
|
985
947
|
emphasis: "tertiary",
|
|
986
948
|
onClick: this.handleCancel
|
|
987
|
-
}, "Cancelar"),
|
|
949
|
+
}, "Cancelar"), a("br-button", {
|
|
988
950
|
class: i ? "wizard-btn" : "wizard-btn-next",
|
|
989
951
|
emphasis: "primary",
|
|
990
952
|
type: "button",
|
|
991
953
|
shape: e,
|
|
992
954
|
onClick: this.handleNext
|
|
993
|
-
}, i ? "Concluir" : "Avançar"), !t &&
|
|
955
|
+
}, i ? "Concluir" : "Avançar"), !t && a("br-button", {
|
|
994
956
|
class: "wizard-btn-prev",
|
|
995
957
|
emphasis: "secondary",
|
|
996
958
|
type: "button",
|
|
@@ -1003,7 +965,7 @@ const g = t(class t extends i {
|
|
|
1003
965
|
* Usa aria-live para comunicar mudanças de estado de forma acessível.
|
|
1004
966
|
* @returns JSX.Element - Elemento sr-only com aria-live
|
|
1005
967
|
*/ renderAriaLiveRegion() {
|
|
1006
|
-
return
|
|
968
|
+
return a("div", {
|
|
1007
969
|
class: "sr-only",
|
|
1008
970
|
role: "status",
|
|
1009
971
|
"aria-live": "polite",
|
|
@@ -1029,17 +991,17 @@ const g = t(class t extends i {
|
|
|
1029
991
|
const n = this.panels.length;
|
|
1030
992
|
const s = this.panels[this.currentStep - 1];
|
|
1031
993
|
const l = (s === null || s === void 0 ? void 0 : s.getAttribute("label")) || `Etapa ${this.currentStep}`;
|
|
1032
|
-
return r
|
|
994
|
+
return a(r, Object.assign({
|
|
1033
995
|
key: "a8e19d223d1e7d94d6dbfba27bba31ed00d52bbe",
|
|
1034
996
|
class: t
|
|
1035
997
|
}, i, e, {
|
|
1036
998
|
step: String(this.currentStep)
|
|
1037
|
-
}), this.renderAriaLiveRegion(), this.renderProgress(),
|
|
999
|
+
}), this.renderAriaLiveRegion(), this.renderProgress(), a("div", {
|
|
1038
1000
|
key: "2a6be7ea54ba21e9e5608fac4781c83c08478ace",
|
|
1039
1001
|
class: "wizard-form",
|
|
1040
1002
|
role: "region",
|
|
1041
1003
|
"aria-label": `Wizard: ${l}`
|
|
1042
|
-
},
|
|
1004
|
+
}, a("div", Object.assign({
|
|
1043
1005
|
key: "0e4107fd78bcf88dcdfced128a150acd7b624929",
|
|
1044
1006
|
class: "wizard-panel"
|
|
1045
1007
|
}, o, {
|
|
@@ -1058,7 +1020,7 @@ const g = t(class t extends i {
|
|
|
1058
1020
|
};
|
|
1059
1021
|
}
|
|
1060
1022
|
static get style() {
|
|
1061
|
-
return
|
|
1023
|
+
return d;
|
|
1062
1024
|
}
|
|
1063
1025
|
}, [ 257, "br-wizard", {
|
|
1064
1026
|
initialStep: [ 514, "initial-step" ],
|
|
@@ -1094,41 +1056,41 @@ function defineCustomElement$1() {
|
|
|
1094
1056
|
switch (t) {
|
|
1095
1057
|
case "br-wizard":
|
|
1096
1058
|
if (!customElements.get(t)) {
|
|
1097
|
-
customElements.define(t,
|
|
1059
|
+
customElements.define(t, p);
|
|
1098
1060
|
}
|
|
1099
1061
|
break;
|
|
1100
1062
|
|
|
1101
1063
|
case "br-button":
|
|
1102
1064
|
if (!customElements.get(t)) {
|
|
1103
|
-
|
|
1065
|
+
n();
|
|
1104
1066
|
}
|
|
1105
1067
|
break;
|
|
1106
1068
|
|
|
1107
1069
|
case "br-icon":
|
|
1108
1070
|
if (!customElements.get(t)) {
|
|
1109
|
-
|
|
1071
|
+
s();
|
|
1110
1072
|
}
|
|
1111
1073
|
break;
|
|
1112
1074
|
|
|
1113
1075
|
case "br-step":
|
|
1114
1076
|
if (!customElements.get(t)) {
|
|
1115
|
-
|
|
1077
|
+
l();
|
|
1116
1078
|
}
|
|
1117
1079
|
break;
|
|
1118
1080
|
|
|
1119
1081
|
case "br-step-item":
|
|
1120
1082
|
if (!customElements.get(t)) {
|
|
1121
|
-
|
|
1083
|
+
h();
|
|
1122
1084
|
}
|
|
1123
1085
|
break;
|
|
1124
1086
|
}
|
|
1125
1087
|
}));
|
|
1126
1088
|
}
|
|
1127
1089
|
|
|
1128
|
-
const
|
|
1090
|
+
const g = p;
|
|
1129
1091
|
|
|
1130
|
-
const
|
|
1092
|
+
const b = defineCustomElement$1;
|
|
1131
1093
|
|
|
1132
|
-
export {
|
|
1094
|
+
export { g as BrWizard, b as defineCustomElement };
|
|
1133
1095
|
//# sourceMappingURL=br-wizard.js.map
|
|
1134
1096
|
//# sourceMappingURL=br-wizard.js.map
|