@hotosm/ui 0.3.2-b7 → 0.3.2-b9
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/assets/logo/hamburger.svg +1 -0
- package/dist/chunks/{chunk.OSUPNFJP.js → chunk.2ULJ7GOD.js} +1 -1
- package/dist/chunks/chunk.D4UQX7IV.js +146 -0
- package/dist/chunks/chunk.JWXDWX4U.js +1 -0
- package/dist/chunks/{chunk.NQSLFHXC.js → chunk.NA5VYRZH.js} +1 -1
- package/dist/chunks/chunk.PDA7Y3OG.js +1253 -0
- package/dist/chunks/chunk.TTXUWWW4.js +1 -0
- package/dist/chunks/chunk.UOUAH7BX.js +1 -0
- package/dist/chunks/chunk.XV3ZU53D.js +1 -0
- package/dist/components/button/button.component.js +1 -1
- package/dist/components/button/button.js +1 -1
- package/dist/components/consent/consent.component.js +1 -1
- package/dist/components/consent/consent.js +1 -1
- package/dist/components/header/header.component.d.ts +8 -16
- package/dist/components/header/header.component.js +1 -1
- package/dist/components/header/header.js +1 -1
- package/dist/components/header/header.styles.js +1 -1
- package/dist/components/icons.d.ts +9 -0
- package/dist/components/icons.js +1 -1
- package/dist/hotosm-ui.d.ts +1 -0
- package/dist/hotosm-ui.js +1 -1
- package/dist/themes/hot.css +0 -7
- package/dist/utils/shadow-dom-css.d.ts +22 -16
- package/package.json +1 -1
- package/dist/chunks/chunk.6YNKD56X.js +0 -934
- package/dist/chunks/chunk.GGX6E7QF.js +0 -179
- package/dist/chunks/chunk.KO4EOD3I.js +0 -1
- package/dist/chunks/chunk.KWRSAL43.js +0 -1
- package/dist/chunks/chunk.NTH75J37.js +0 -1
- package/dist/chunks/chunk.SMFWK2VT.js +0 -1
- package/dist/utils/shadow-dom-config.d.ts +0 -58
|
@@ -1,934 +0,0 @@
|
|
|
1
|
-
import{a as po,b as fo}from"./chunk.GGX6E7QF.js";import{a as Ht,b as Ge,c as Z,d as rt,e as it,f as uo}from"./chunk.2FEIL35F.js";import{a as ot,b as oe,c as ho,d as at}from"./chunk.6Y3X2E2V.js";import{a as mo}from"./chunk.KO4EOD3I.js";import{e as be,k as co}from"./chunk.TNLBUOUK.js";import{a as Wt,d as Fe,e as We,f as He,g as Re}from"./chunk.NI7UJOOZ.js";function ja(n,t){return{top:Math.round(n.getBoundingClientRect().top-t.getBoundingClientRect().top),left:Math.round(n.getBoundingClientRect().left-t.getBoundingClientRect().left)}}var bn=new Set;function Pa(){let n=document.documentElement.clientWidth;return Math.abs(window.innerWidth-n)}function Ta(){let n=Number(getComputedStyle(document.body).paddingRight.replace(/px/,""));return isNaN(n)||!n?0:n}function _n(n){if(bn.add(n),!document.documentElement.classList.contains("wa-scroll-lock")){let t=Pa()+Ta(),e=getComputedStyle(document.documentElement).scrollbarGutter;(!e||e==="auto")&&(e="stable"),t<2&&(e=""),document.documentElement.style.setProperty("--wa-scroll-lock-gutter",e),document.documentElement.classList.add("wa-scroll-lock"),document.documentElement.style.setProperty("--wa-scroll-lock-size",`${t}px`)}}function yn(n){bn.delete(n),bn.size===0&&(document.documentElement.classList.remove("wa-scroll-lock"),document.documentElement.style.removeProperty("--wa-scroll-lock-size"))}function wn(n,t,e="vertical",o="smooth"){let r=ja(n,t),i=r.top+t.scrollTop,s=r.left+t.scrollLeft,l=t.scrollLeft,h=t.scrollLeft+t.offsetWidth,c=t.scrollTop,d=t.scrollTop+t.offsetHeight;(e==="horizontal"||e==="both")&&(s<l?t.scrollTo({left:s,behavior:o}):s+n.clientWidth>h&&t.scrollTo({left:s-t.offsetWidth+n.clientWidth,behavior:o})),(e==="vertical"||e==="both")&&(i<c?t.scrollTo({top:i,behavior:o}):i+n.clientHeight>d&&t.scrollTo({top:i-t.offsetHeight+n.clientHeight,behavior:o}))}var Da=class extends Event{constructor(n){super("wa-tab-hide",{bubbles:!0,cancelable:!1,composed:!0}),this.detail=n}},Ma=class extends Event{constructor(n){super("wa-tab-show",{bubbles:!0,cancelable:!1,composed:!0}),this.detail=n}},La=`:host {
|
|
2
|
-
--indicator-color: var(--wa-color-brand-fill-loud);
|
|
3
|
-
--track-color: var(--wa-color-neutral-fill-normal);
|
|
4
|
-
--track-width: 0.125rem;
|
|
5
|
-
|
|
6
|
-
display: block;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
.tab-group {
|
|
10
|
-
display: flex;
|
|
11
|
-
border-radius: 0;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.tabs {
|
|
15
|
-
display: flex;
|
|
16
|
-
position: relative;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.indicator {
|
|
20
|
-
position: absolute;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.tab-group-has-scroll-controls .nav-container {
|
|
24
|
-
position: relative;
|
|
25
|
-
padding: 0 1.5em;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.body {
|
|
29
|
-
display: block;
|
|
30
|
-
overflow: auto;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.scroll-button {
|
|
34
|
-
display: flex;
|
|
35
|
-
align-items: center;
|
|
36
|
-
justify-content: center;
|
|
37
|
-
position: absolute;
|
|
38
|
-
top: 0;
|
|
39
|
-
bottom: 0;
|
|
40
|
-
width: 1.5em;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
.scroll-button-start {
|
|
44
|
-
inset-inline-start: 0;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
.scroll-button-end {
|
|
48
|
-
inset-inline-end: 0;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
/*
|
|
52
|
-
* Top
|
|
53
|
-
*/
|
|
54
|
-
|
|
55
|
-
.tab-group-top {
|
|
56
|
-
flex-direction: column;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
.tab-group-top .nav-container {
|
|
60
|
-
order: 1;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
.tab-group-top .nav {
|
|
64
|
-
display: flex;
|
|
65
|
-
overflow-x: auto;
|
|
66
|
-
|
|
67
|
-
/* Hide scrollbar in Firefox */
|
|
68
|
-
scrollbar-width: none;
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
/* Hide scrollbar in Chrome/Safari */
|
|
72
|
-
.tab-group-top .nav::-webkit-scrollbar {
|
|
73
|
-
width: 0;
|
|
74
|
-
height: 0;
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
.tab-group-top .tabs {
|
|
78
|
-
flex: 1 1 auto;
|
|
79
|
-
position: relative;
|
|
80
|
-
flex-direction: row;
|
|
81
|
-
border-bottom: solid var(--track-width) var(--track-color);
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
.tab-group-top .indicator {
|
|
85
|
-
bottom: calc(-1 * var(--track-width));
|
|
86
|
-
border-bottom: solid var(--track-width) var(--indicator-color);
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
.tab-group-top .body {
|
|
90
|
-
order: 2;
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
.tab-group-top ::slotted(wa-tab[active]) {
|
|
94
|
-
border-block-end: solid var(--track-width) var(--indicator-color);
|
|
95
|
-
margin-block-end: calc(-1 * var(--track-width));
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
.tab-group-top ::slotted(wa-tab-panel) {
|
|
99
|
-
--padding: var(--wa-space-xl) 0;
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
/*
|
|
103
|
-
* Bottom
|
|
104
|
-
*/
|
|
105
|
-
|
|
106
|
-
.tab-group-bottom {
|
|
107
|
-
flex-direction: column;
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
.tab-group-bottom .nav-container {
|
|
111
|
-
order: 2;
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
.tab-group-bottom .nav {
|
|
115
|
-
display: flex;
|
|
116
|
-
overflow-x: auto;
|
|
117
|
-
|
|
118
|
-
/* Hide scrollbar in Firefox */
|
|
119
|
-
scrollbar-width: none;
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
/* Hide scrollbar in Chrome/Safari */
|
|
123
|
-
.tab-group-bottom .nav::-webkit-scrollbar {
|
|
124
|
-
width: 0;
|
|
125
|
-
height: 0;
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
.tab-group-bottom .tabs {
|
|
129
|
-
flex: 1 1 auto;
|
|
130
|
-
position: relative;
|
|
131
|
-
flex-direction: row;
|
|
132
|
-
border-top: solid var(--track-width) var(--track-color);
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
.tab-group-bottom .indicator {
|
|
136
|
-
top: calc(-1 * var(--track-width));
|
|
137
|
-
border-top: solid var(--track-width) var(--indicator-color);
|
|
138
|
-
}
|
|
139
|
-
|
|
140
|
-
.tab-group-bottom .body {
|
|
141
|
-
order: 1;
|
|
142
|
-
}
|
|
143
|
-
|
|
144
|
-
.tab-group-bottom ::slotted(wa-tab[active]) {
|
|
145
|
-
border-block-start: solid var(--track-width) var(--indicator-color);
|
|
146
|
-
margin-block-start: calc(-1 * var(--track-width));
|
|
147
|
-
}
|
|
148
|
-
|
|
149
|
-
.tab-group-bottom ::slotted(wa-tab-panel) {
|
|
150
|
-
--padding: var(--wa-space-xl) 0;
|
|
151
|
-
}
|
|
152
|
-
|
|
153
|
-
/*
|
|
154
|
-
* Start
|
|
155
|
-
*/
|
|
156
|
-
|
|
157
|
-
.tab-group-start {
|
|
158
|
-
flex-direction: row;
|
|
159
|
-
}
|
|
160
|
-
|
|
161
|
-
.tab-group-start .nav-container {
|
|
162
|
-
order: 1;
|
|
163
|
-
}
|
|
164
|
-
|
|
165
|
-
.tab-group-start .tabs {
|
|
166
|
-
flex: 0 0 auto;
|
|
167
|
-
flex-direction: column;
|
|
168
|
-
border-inline-end: solid var(--track-width) var(--track-color);
|
|
169
|
-
}
|
|
170
|
-
|
|
171
|
-
.tab-group-start .indicator {
|
|
172
|
-
inset-inline-end: calc(-1 * var(--track-width));
|
|
173
|
-
border-right: solid var(--track-width) var(--indicator-color);
|
|
174
|
-
}
|
|
175
|
-
|
|
176
|
-
.tab-group-start .body {
|
|
177
|
-
flex: 1 1 auto;
|
|
178
|
-
order: 2;
|
|
179
|
-
}
|
|
180
|
-
|
|
181
|
-
.tab-group-start ::slotted(wa-tab[active]) {
|
|
182
|
-
border-inline-end: solid var(--track-width) var(--indicator-color);
|
|
183
|
-
margin-inline-end: calc(-1 * var(--track-width));
|
|
184
|
-
}
|
|
185
|
-
|
|
186
|
-
.tab-group-start ::slotted(wa-tab-panel) {
|
|
187
|
-
--padding: 0 var(--wa-space-xl);
|
|
188
|
-
}
|
|
189
|
-
|
|
190
|
-
/*
|
|
191
|
-
* End
|
|
192
|
-
*/
|
|
193
|
-
|
|
194
|
-
.tab-group-end {
|
|
195
|
-
flex-direction: row;
|
|
196
|
-
}
|
|
197
|
-
|
|
198
|
-
.tab-group-end .nav-container {
|
|
199
|
-
order: 2;
|
|
200
|
-
}
|
|
201
|
-
|
|
202
|
-
.tab-group-end .tabs {
|
|
203
|
-
flex: 0 0 auto;
|
|
204
|
-
flex-direction: column;
|
|
205
|
-
border-left: solid var(--track-width) var(--track-color);
|
|
206
|
-
}
|
|
207
|
-
|
|
208
|
-
.tab-group-end .indicator {
|
|
209
|
-
inset-inline-start: calc(-1 * var(--track-width));
|
|
210
|
-
border-inline-start: solid var(--track-width) var(--indicator-color);
|
|
211
|
-
}
|
|
212
|
-
|
|
213
|
-
.tab-group-end .body {
|
|
214
|
-
flex: 1 1 auto;
|
|
215
|
-
order: 1;
|
|
216
|
-
}
|
|
217
|
-
|
|
218
|
-
.tab-group-end ::slotted(wa-tab[active]) {
|
|
219
|
-
border-inline-start: solid var(--track-width) var(--indicator-color);
|
|
220
|
-
margin-inline-start: calc(-1 * var(--track-width));
|
|
221
|
-
}
|
|
222
|
-
|
|
223
|
-
.tab-group-end ::slotted(wa-tab-panel) {
|
|
224
|
-
--padding: 0 var(--wa-space-xl);
|
|
225
|
-
}
|
|
226
|
-
`,De=class extends rt{constructor(){super(...arguments),this.tabs=[],this.focusableTabs=[],this.panels=[],this.localize=new Ht(this),this.hasScrollControls=!1,this.active="",this.placement="top",this.activation="auto",this.withoutScrollControls=!1}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver(()=>{this.updateScrollControls()}),this.mutationObserver=new MutationObserver(n=>{n.some(e=>!["aria-labelledby","aria-controls"].includes(e.attributeName))&&setTimeout(()=>this.setAriaLabels());let t=n.filter(e=>e.target.closest("wa-tab-group")===this);if(t.some(e=>e.attributeName==="disabled"))this.syncTabsAndPanels();else if(t.some(e=>e.attributeName==="active")){let o=t.filter(r=>r.attributeName==="active"&&r.target.tagName.toLowerCase()==="wa-tab").map(r=>r.target).find(r=>r.active);o&&o.closest("wa-tab-group")===this&&this.setActiveTab(o)}}),this.updateComplete.then(()=>{this.syncTabsAndPanels(),this.mutationObserver.observe(this,{attributes:!0,childList:!0,subtree:!0}),this.resizeObserver.observe(this.nav),new IntersectionObserver((t,e)=>{var o;if(t[0].intersectionRatio>0){if(this.setAriaLabels(),this.active){let r=this.tabs.find(i=>i.panel===this.active);r&&this.setActiveTab(r)}else this.setActiveTab((o=this.getActiveTab())!=null?o:this.tabs[0],{emitEvents:!1});e.unobserve(t[0].target)}}).observe(this.tabGroup)})}disconnectedCallback(){var n,t;super.disconnectedCallback(),(n=this.mutationObserver)==null||n.disconnect(),this.nav&&((t=this.resizeObserver)==null||t.unobserve(this.nav))}getAllTabs(){return[...this.shadowRoot.querySelector('slot[name="nav"]').assignedElements()].filter(t=>t.tagName.toLowerCase()==="wa-tab")}getAllPanels(){return[...this.body.assignedElements()].filter(n=>n.tagName.toLowerCase()==="wa-tab-panel")}getActiveTab(){return this.tabs.find(n=>n.active)}handleClick(n){let e=n.target.closest("wa-tab");(e==null?void 0:e.closest("wa-tab-group"))===this&&e!==null&&this.setActiveTab(e,{scrollBehavior:"smooth"})}handleKeyDown(n){let e=n.target.closest("wa-tab");if((e==null?void 0:e.closest("wa-tab-group"))===this){if(["Enter"," "].includes(n.key)){e!==null&&(this.setActiveTab(e,{scrollBehavior:"smooth"}),n.preventDefault());return}if(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(n.key)){let r=this.tabs.find(l=>l.matches(":focus")),i=this.localize.dir()==="rtl",s=null;if((r==null?void 0:r.tagName.toLowerCase())==="wa-tab"){if(n.key==="Home")s=this.focusableTabs[0];else if(n.key==="End")s=this.focusableTabs[this.focusableTabs.length-1];else if(["top","bottom"].includes(this.placement)&&n.key===(i?"ArrowRight":"ArrowLeft")||["start","end"].includes(this.placement)&&n.key==="ArrowUp"){let l=this.tabs.findIndex(h=>h===r);s=this.findNextFocusableTab(l,"backward")}else if(["top","bottom"].includes(this.placement)&&n.key===(i?"ArrowLeft":"ArrowRight")||["start","end"].includes(this.placement)&&n.key==="ArrowDown"){let l=this.tabs.findIndex(h=>h===r);s=this.findNextFocusableTab(l,"forward")}if(!s)return;s.tabIndex=0,s.focus({preventScroll:!0}),this.activation==="auto"?this.setActiveTab(s,{scrollBehavior:"smooth"}):this.tabs.forEach(l=>{l.tabIndex=l===s?0:-1}),["top","bottom"].includes(this.placement)&&wn(s,this.nav,"horizontal"),n.preventDefault()}}}}findNextFocusableTab(n,t){let e=null,o=t==="forward"?1:-1,r=n+o;for(;n<this.tabs.length;){if(e=this.tabs[r]||null,e===null){t==="forward"?e=this.focusableTabs[0]:e=this.focusableTabs[this.focusableTabs.length-1];break}if(!e.disabled)break;r+=o}return e}handleScrollToStart(){this.nav.scroll({left:this.localize.dir()==="rtl"?this.nav.scrollLeft+this.nav.clientWidth:this.nav.scrollLeft-this.nav.clientWidth,behavior:"smooth"})}handleScrollToEnd(){this.nav.scroll({left:this.localize.dir()==="rtl"?this.nav.scrollLeft-this.nav.clientWidth:this.nav.scrollLeft+this.nav.clientWidth,behavior:"smooth"})}setActiveTab(n,t){if(t=Wt({emitEvents:!0,scrollBehavior:"auto"},t),n.closest("wa-tab-group")===this&&n!==this.activeTab&&!n.disabled){let e=this.activeTab;this.active=n.panel,this.activeTab=n,this.tabs.forEach(o=>{o.active=o===this.activeTab,o.tabIndex=o===this.activeTab?0:-1}),this.panels.forEach(o=>{var r;return o.active=o.name===((r=this.activeTab)==null?void 0:r.panel)}),["top","bottom"].includes(this.placement)&&wn(this.activeTab,this.nav,"horizontal",t.scrollBehavior),t.emitEvents&&(e&&this.dispatchEvent(new Da({name:e.panel})),this.dispatchEvent(new Ma({name:this.activeTab.panel})))}}setAriaLabels(){this.tabs.forEach(n=>{let t=this.panels.find(e=>e.name===n.panel);t&&(n.setAttribute("aria-controls",t.getAttribute("id")),t.setAttribute("aria-labelledby",n.getAttribute("id")))})}syncTabsAndPanels(){this.tabs=this.getAllTabs(),this.focusableTabs=this.tabs.filter(n=>!n.disabled),this.panels=this.getAllPanels(),this.updateComplete.then(()=>this.updateScrollControls())}updateActiveTab(){let n=this.tabs.find(t=>t.panel===this.active);n&&this.setActiveTab(n,{scrollBehavior:"smooth"})}updateScrollControls(){this.withoutScrollControls?this.hasScrollControls=!1:this.hasScrollControls=["top","bottom"].includes(this.placement)&&this.nav.scrollWidth>this.nav.clientWidth+1}render(){let n=this.hasUpdated?this.localize.dir()==="rtl":this.dir==="rtl";return be`
|
|
227
|
-
<div
|
|
228
|
-
part="base"
|
|
229
|
-
class=${it({"tab-group":!0,"tab-group-top":this.placement==="top","tab-group-bottom":this.placement==="bottom","tab-group-start":this.placement==="start","tab-group-end":this.placement==="end","tab-group-has-scroll-controls":this.hasScrollControls})}
|
|
230
|
-
@click=${this.handleClick}
|
|
231
|
-
@keydown=${this.handleKeyDown}
|
|
232
|
-
>
|
|
233
|
-
<div class="nav-container" part="nav">
|
|
234
|
-
${this.hasScrollControls?be`
|
|
235
|
-
<wa-button
|
|
236
|
-
part="scroll-button scroll-button-start"
|
|
237
|
-
exportparts="base:scroll-button__base"
|
|
238
|
-
class="scroll-button scroll-button-start"
|
|
239
|
-
appearance="plain"
|
|
240
|
-
@click=${this.handleScrollToStart}
|
|
241
|
-
>
|
|
242
|
-
<wa-icon
|
|
243
|
-
name=${n?"chevron-right":"chevron-left"}
|
|
244
|
-
library="system"
|
|
245
|
-
variant="solid"
|
|
246
|
-
label=${this.localize.term("scrollToStart")}
|
|
247
|
-
></wa-icon>
|
|
248
|
-
</wa-button>
|
|
249
|
-
`:""}
|
|
250
|
-
|
|
251
|
-
<!-- We have a focus listener because in Firefox (and soon to be Chrome) overflow containers are focusable. -->
|
|
252
|
-
<div class="nav" @focus=${()=>{var t;return(t=this.activeTab)==null?void 0:t.focus({preventScroll:!0})}}>
|
|
253
|
-
<div part="tabs" class="tabs" role="tablist">
|
|
254
|
-
<slot name="nav" @slotchange=${this.syncTabsAndPanels}></slot>
|
|
255
|
-
</div>
|
|
256
|
-
</div>
|
|
257
|
-
|
|
258
|
-
${this.hasScrollControls?be`
|
|
259
|
-
<wa-button
|
|
260
|
-
part="scroll-button scroll-button-end"
|
|
261
|
-
class="scroll-button scroll-button-end"
|
|
262
|
-
exportparts="base:scroll-button__base"
|
|
263
|
-
appearance="plain"
|
|
264
|
-
@click=${this.handleScrollToEnd}
|
|
265
|
-
>
|
|
266
|
-
<wa-icon
|
|
267
|
-
name=${n?"chevron-left":"chevron-right"}
|
|
268
|
-
library="system"
|
|
269
|
-
variant="solid"
|
|
270
|
-
label=${this.localize.term("scrollToEnd")}
|
|
271
|
-
></wa-icon>
|
|
272
|
-
</wa-button>
|
|
273
|
-
`:""}
|
|
274
|
-
</div>
|
|
275
|
-
|
|
276
|
-
<slot part="body" class="body" @slotchange=${this.syncTabsAndPanels}></slot>
|
|
277
|
-
</div>
|
|
278
|
-
`}};De.css=La;Z([at(".tab-group")],De.prototype,"tabGroup",2);Z([at(".body")],De.prototype,"body",2);Z([at(".nav")],De.prototype,"nav",2);Z([ho()],De.prototype,"hasScrollControls",2);Z([oe({reflect:!0})],De.prototype,"active",2);Z([oe()],De.prototype,"placement",2);Z([oe()],De.prototype,"activation",2);Z([oe({attribute:"without-scroll-controls",type:Boolean})],De.prototype,"withoutScrollControls",2);Z([Ge("active")],De.prototype,"updateActiveTab",1);Z([Ge("withoutScrollControls",{waitUntilFirstUpdate:!0})],De.prototype,"updateScrollControls",1);De=Z([ot("wa-tab-group")],De);var Ua=`:host {
|
|
279
|
-
display: inline-block;
|
|
280
|
-
color: var(--wa-color-neutral-on-quiet);
|
|
281
|
-
font-weight: var(--wa-font-weight-action);
|
|
282
|
-
}
|
|
283
|
-
|
|
284
|
-
.tab {
|
|
285
|
-
display: inline-flex;
|
|
286
|
-
align-items: center;
|
|
287
|
-
font: inherit;
|
|
288
|
-
padding: 1em 1.5em;
|
|
289
|
-
white-space: nowrap;
|
|
290
|
-
user-select: none;
|
|
291
|
-
-webkit-user-select: none;
|
|
292
|
-
cursor: pointer;
|
|
293
|
-
transition: color var(--wa-transition-fast) var(--wa-transition-easing);
|
|
294
|
-
|
|
295
|
-
::slotted(wa-icon:first-child) {
|
|
296
|
-
margin-inline-end: 0.5em;
|
|
297
|
-
}
|
|
298
|
-
|
|
299
|
-
::slotted(wa-icon:last-child) {
|
|
300
|
-
margin-inline-start: 0.5em;
|
|
301
|
-
}
|
|
302
|
-
}
|
|
303
|
-
|
|
304
|
-
@media (hover: hover) {
|
|
305
|
-
:host(:hover:not([disabled])) .tab {
|
|
306
|
-
color: currentColor;
|
|
307
|
-
}
|
|
308
|
-
}
|
|
309
|
-
|
|
310
|
-
:host(:focus) {
|
|
311
|
-
outline: transparent;
|
|
312
|
-
}
|
|
313
|
-
|
|
314
|
-
:host(:focus-visible) .tab {
|
|
315
|
-
outline: var(--wa-focus-ring);
|
|
316
|
-
outline-offset: calc(-1 * var(--wa-border-width-l) - var(--wa-focus-ring-offset));
|
|
317
|
-
}
|
|
318
|
-
|
|
319
|
-
:host([active]:not([disabled])) {
|
|
320
|
-
color: var(--wa-color-brand-on-quiet);
|
|
321
|
-
}
|
|
322
|
-
|
|
323
|
-
:host([disabled]) .tab {
|
|
324
|
-
opacity: 0.5;
|
|
325
|
-
cursor: not-allowed;
|
|
326
|
-
}
|
|
327
|
-
|
|
328
|
-
@media (forced-colors: active) {
|
|
329
|
-
:host([active]:not([disabled])) {
|
|
330
|
-
outline: solid 1px transparent;
|
|
331
|
-
outline-offset: -3px;
|
|
332
|
-
}
|
|
333
|
-
}
|
|
334
|
-
`,Na=0,Ve=class extends rt{constructor(){super(...arguments),this.attrId=++Na,this.componentId=`wa-tab-${this.attrId}`,this.panel="",this.active=!1,this.disabled=!1,this.tabIndex=0}connectedCallback(){this.slot||(this.slot="nav"),super.connectedCallback(),this.setAttribute("role","tab")}handleActiveChange(){this.setAttribute("aria-selected",this.active?"true":"false")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.disabled&&!this.active?this.tabIndex=-1:this.tabIndex=0}render(){var n;return this.id=((n=this.id)==null?void 0:n.length)>0?this.id:this.componentId,be`
|
|
335
|
-
<div
|
|
336
|
-
part="base"
|
|
337
|
-
class=${it({tab:!0,"tab-active":this.active})}
|
|
338
|
-
>
|
|
339
|
-
<slot></slot>
|
|
340
|
-
</div>
|
|
341
|
-
`}};Ve.css=Ua;Z([at(".tab")],Ve.prototype,"tab",2);Z([oe({reflect:!0})],Ve.prototype,"panel",2);Z([oe({type:Boolean,reflect:!0})],Ve.prototype,"active",2);Z([oe({type:Boolean,reflect:!0})],Ve.prototype,"disabled",2);Z([oe({type:Number,reflect:!0})],Ve.prototype,"tabIndex",2);Z([Ge("active")],Ve.prototype,"handleActiveChange",1);Z([Ge("disabled")],Ve.prototype,"handleDisabledChange",1);Ve=Z([ot("wa-tab")],Ve);var za=`:host {
|
|
342
|
-
--padding: 0;
|
|
343
|
-
|
|
344
|
-
display: none;
|
|
345
|
-
}
|
|
346
|
-
|
|
347
|
-
:host([active]) {
|
|
348
|
-
display: block;
|
|
349
|
-
}
|
|
350
|
-
|
|
351
|
-
.tab-panel {
|
|
352
|
-
display: block;
|
|
353
|
-
padding: var(--padding);
|
|
354
|
-
}
|
|
355
|
-
`,Fa=0,dt=class extends rt{constructor(){super(...arguments),this.attrId=++Fa,this.componentId=`wa-tab-panel-${this.attrId}`,this.name="",this.active=!1}connectedCallback(){super.connectedCallback(),this.id=this.id.length>0?this.id:this.componentId,this.setAttribute("role","tabpanel")}handleActiveChange(){this.setAttribute("aria-hidden",this.active?"false":"true")}render(){return be`
|
|
356
|
-
<slot
|
|
357
|
-
part="base"
|
|
358
|
-
class=${it({"tab-panel":!0,"tab-panel-active":this.active})}
|
|
359
|
-
></slot>
|
|
360
|
-
`}};dt.css=za;Z([oe({reflect:!0})],dt.prototype,"name",2);Z([oe({type:Boolean,reflect:!0})],dt.prototype,"active",2);Z([Ge("active")],dt.prototype,"handleActiveChange",1);dt=Z([ot("wa-tab-panel")],dt);function vo(n){return n.split(" ").map(t=>t.trim()).filter(t=>t!=="")}var go=class extends Event{constructor(){super("wa-after-hide",{bubbles:!0,cancelable:!1,composed:!0})}},bo=class extends Event{constructor(){super("wa-after-show",{bubbles:!0,cancelable:!1,composed:!0})}},_o=class extends Event{constructor(n){super("wa-hide",{bubbles:!0,cancelable:!0,composed:!0}),this.detail=n}},yo=class extends Event{constructor(){super("wa-show",{bubbles:!0,cancelable:!0,composed:!0})}};function mt(n,t){return new Promise(e=>{let o=new AbortController,{signal:r}=o;if(n.classList.contains(t))return;n.classList.remove(t),n.classList.add(t);let i=()=>{n.classList.remove(t),e(),o.abort()};n.addEventListener("animationend",i,{once:!0,signal:r}),n.addEventListener("animationcancel",i,{once:!0,signal:r})})}var Ha=`:host {
|
|
361
|
-
--width: 31rem;
|
|
362
|
-
--spacing: var(--wa-space-l);
|
|
363
|
-
--show-duration: 200ms;
|
|
364
|
-
--hide-duration: 200ms;
|
|
365
|
-
|
|
366
|
-
display: none;
|
|
367
|
-
}
|
|
368
|
-
|
|
369
|
-
:host([open]) {
|
|
370
|
-
display: block;
|
|
371
|
-
}
|
|
372
|
-
|
|
373
|
-
.dialog {
|
|
374
|
-
display: flex;
|
|
375
|
-
flex-direction: column;
|
|
376
|
-
top: 0;
|
|
377
|
-
right: 0;
|
|
378
|
-
bottom: 0;
|
|
379
|
-
left: 0;
|
|
380
|
-
width: var(--width);
|
|
381
|
-
max-width: calc(100% - var(--wa-space-2xl));
|
|
382
|
-
max-height: calc(100% - var(--wa-space-2xl));
|
|
383
|
-
background-color: var(--wa-color-surface-raised);
|
|
384
|
-
border-radius: var(--wa-panel-border-radius);
|
|
385
|
-
border: none;
|
|
386
|
-
box-shadow: var(--wa-shadow-l);
|
|
387
|
-
padding: 0;
|
|
388
|
-
margin: auto;
|
|
389
|
-
|
|
390
|
-
&.show {
|
|
391
|
-
animation: show-dialog var(--show-duration) ease;
|
|
392
|
-
|
|
393
|
-
&::backdrop {
|
|
394
|
-
animation: show-backdrop var(--show-duration, 200ms) ease;
|
|
395
|
-
}
|
|
396
|
-
}
|
|
397
|
-
|
|
398
|
-
&.hide {
|
|
399
|
-
animation: show-dialog var(--hide-duration) ease reverse;
|
|
400
|
-
|
|
401
|
-
&::backdrop {
|
|
402
|
-
animation: show-backdrop var(--hide-duration, 200ms) ease reverse;
|
|
403
|
-
}
|
|
404
|
-
}
|
|
405
|
-
|
|
406
|
-
&.pulse {
|
|
407
|
-
animation: pulse 250ms ease;
|
|
408
|
-
}
|
|
409
|
-
}
|
|
410
|
-
|
|
411
|
-
.dialog:focus {
|
|
412
|
-
outline: none;
|
|
413
|
-
}
|
|
414
|
-
|
|
415
|
-
/* Ensure there's enough vertical padding for phones that don't update vh when chrome appears (e.g. iPhone) */
|
|
416
|
-
@media screen and (max-width: 420px) {
|
|
417
|
-
.dialog {
|
|
418
|
-
max-height: 80vh;
|
|
419
|
-
}
|
|
420
|
-
}
|
|
421
|
-
|
|
422
|
-
.open {
|
|
423
|
-
display: flex;
|
|
424
|
-
opacity: 1;
|
|
425
|
-
}
|
|
426
|
-
|
|
427
|
-
.header {
|
|
428
|
-
flex: 0 0 auto;
|
|
429
|
-
display: flex;
|
|
430
|
-
flex-wrap: nowrap;
|
|
431
|
-
|
|
432
|
-
padding-inline-start: var(--spacing);
|
|
433
|
-
padding-block-end: 0;
|
|
434
|
-
|
|
435
|
-
/* Subtract the close button's padding so that the X is visually aligned with the edges of the dialog content */
|
|
436
|
-
padding-inline-end: calc(var(--spacing) - var(--wa-form-control-padding-block));
|
|
437
|
-
padding-block-start: calc(var(--spacing) - var(--wa-form-control-padding-block));
|
|
438
|
-
}
|
|
439
|
-
|
|
440
|
-
.title {
|
|
441
|
-
align-self: center;
|
|
442
|
-
flex: 1 1 auto;
|
|
443
|
-
font-family: inherit;
|
|
444
|
-
font-size: var(--wa-font-size-l);
|
|
445
|
-
font-weight: var(--wa-font-weight-heading);
|
|
446
|
-
line-height: var(--wa-line-height-condensed);
|
|
447
|
-
margin: 0;
|
|
448
|
-
}
|
|
449
|
-
|
|
450
|
-
.header-actions {
|
|
451
|
-
align-self: start;
|
|
452
|
-
display: flex;
|
|
453
|
-
flex-shrink: 0;
|
|
454
|
-
flex-wrap: wrap;
|
|
455
|
-
justify-content: end;
|
|
456
|
-
gap: var(--wa-space-2xs);
|
|
457
|
-
padding-inline-start: var(--spacing);
|
|
458
|
-
}
|
|
459
|
-
|
|
460
|
-
.header-actions wa-button,
|
|
461
|
-
.header-actions ::slotted(wa-button) {
|
|
462
|
-
flex: 0 0 auto;
|
|
463
|
-
display: flex;
|
|
464
|
-
align-items: center;
|
|
465
|
-
}
|
|
466
|
-
|
|
467
|
-
.body {
|
|
468
|
-
flex: 1 1 auto;
|
|
469
|
-
display: block;
|
|
470
|
-
padding: var(--spacing);
|
|
471
|
-
overflow: auto;
|
|
472
|
-
-webkit-overflow-scrolling: touch;
|
|
473
|
-
}
|
|
474
|
-
|
|
475
|
-
.footer {
|
|
476
|
-
flex: 0 0 auto;
|
|
477
|
-
display: flex;
|
|
478
|
-
flex-wrap: wrap;
|
|
479
|
-
gap: var(--wa-space-xs);
|
|
480
|
-
justify-content: end;
|
|
481
|
-
padding: var(--spacing);
|
|
482
|
-
padding-block-start: 0;
|
|
483
|
-
}
|
|
484
|
-
|
|
485
|
-
.footer ::slotted(wa-button:not(:first-of-type)) {
|
|
486
|
-
margin-inline-start: var(--wa-spacing-xs);
|
|
487
|
-
}
|
|
488
|
-
|
|
489
|
-
.dialog::backdrop {
|
|
490
|
-
/*
|
|
491
|
-
NOTE: the ::backdrop element doesn't inherit properly in Safari yet, but it will in 17.4! At that time, we can
|
|
492
|
-
remove the fallback values here.
|
|
493
|
-
*/
|
|
494
|
-
background-color: var(--wa-color-overlay-modal, rgb(0 0 0 / 0.25));
|
|
495
|
-
}
|
|
496
|
-
|
|
497
|
-
@keyframes pulse {
|
|
498
|
-
0% {
|
|
499
|
-
scale: 1;
|
|
500
|
-
}
|
|
501
|
-
50% {
|
|
502
|
-
scale: 1.02;
|
|
503
|
-
}
|
|
504
|
-
100% {
|
|
505
|
-
scale: 1;
|
|
506
|
-
}
|
|
507
|
-
}
|
|
508
|
-
|
|
509
|
-
@keyframes show-dialog {
|
|
510
|
-
from {
|
|
511
|
-
opacity: 0;
|
|
512
|
-
scale: 0.8;
|
|
513
|
-
}
|
|
514
|
-
to {
|
|
515
|
-
opacity: 1;
|
|
516
|
-
scale: 1;
|
|
517
|
-
}
|
|
518
|
-
}
|
|
519
|
-
|
|
520
|
-
@keyframes show-backdrop {
|
|
521
|
-
from {
|
|
522
|
-
opacity: 0;
|
|
523
|
-
}
|
|
524
|
-
to {
|
|
525
|
-
opacity: 1;
|
|
526
|
-
}
|
|
527
|
-
}
|
|
528
|
-
|
|
529
|
-
@media (forced-colors: active) {
|
|
530
|
-
.dialog {
|
|
531
|
-
border: solid 1px white;
|
|
532
|
-
}
|
|
533
|
-
}
|
|
534
|
-
`,Ze=class extends rt{constructor(){super(...arguments),this.localize=new Ht(this),this.hasSlotController=new uo(this,"footer","header-actions","label"),this.open=!1,this.label="",this.withoutHeader=!1,this.lightDismiss=!1,this.handleDocumentKeyDown=n=>{n.key==="Escape"&&this.open&&(n.preventDefault(),n.stopPropagation(),this.requestClose(this.dialog))}}firstUpdated(){this.open&&(this.addOpenListeners(),this.dialog.showModal(),_n(this))}disconnectedCallback(){super.disconnectedCallback(),yn(this),this.removeOpenListeners()}async requestClose(n){let t=new _o({source:n});if(this.dispatchEvent(t),t.defaultPrevented){this.open=!0,mt(this.dialog,"pulse");return}this.removeOpenListeners(),await mt(this.dialog,"hide"),this.open=!1,this.dialog.close(),yn(this);let e=this.originalTrigger;typeof(e==null?void 0:e.focus)=="function"&&setTimeout(()=>e.focus()),this.dispatchEvent(new go)}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleDialogCancel(n){n.preventDefault(),this.dialog.classList.contains("hide")||this.requestClose(this.dialog)}handleDialogClick(n){let e=n.target.closest('[data-dialog="close"]');e&&(n.stopPropagation(),this.requestClose(e))}async handleDialogPointerDown(n){n.target===this.dialog&&(this.lightDismiss?this.requestClose(this.dialog):await mt(this.dialog,"pulse"))}handleOpenChange(){this.open&&!this.dialog.open?this.show():!this.open&&this.dialog.open&&(this.open=!0,this.requestClose(this.dialog))}async show(){let n=new yo;if(this.dispatchEvent(n),n.defaultPrevented){this.open=!1;return}this.addOpenListeners(),this.originalTrigger=document.activeElement,this.open=!0,this.dialog.showModal(),_n(this),requestAnimationFrame(()=>{let t=this.querySelector("[autofocus]");t&&typeof t.focus=="function"&&t.focus()}),await mt(this.dialog,"show"),this.dispatchEvent(new bo)}render(){let n=!this.withoutHeader&&(this.label.length>0||this.hasSlotController.test("label")||this.hasSlotController.test("header-actions")),t=this.hasSlotController.test("footer");return be`
|
|
535
|
-
<dialog
|
|
536
|
-
part="dialog"
|
|
537
|
-
class=${it({dialog:!0,open:this.open})}
|
|
538
|
-
@cancel=${this.handleDialogCancel}
|
|
539
|
-
@click=${this.handleDialogClick}
|
|
540
|
-
@pointerdown=${this.handleDialogPointerDown}
|
|
541
|
-
>
|
|
542
|
-
${n?be`
|
|
543
|
-
<header part="header" class="header">
|
|
544
|
-
<h2 part="title" class="title" id="title">
|
|
545
|
-
<!-- If there's no label, use an invisible character to prevent the header from collapsing -->
|
|
546
|
-
<slot name="label"> ${this.label.length>0?this.label:"\uFEFF"} </slot>
|
|
547
|
-
</h2>
|
|
548
|
-
<div part="header-actions" class="header-actions">
|
|
549
|
-
<slot name="header-actions"></slot>
|
|
550
|
-
<wa-button
|
|
551
|
-
part="close-button"
|
|
552
|
-
exportparts="base:close-button__base"
|
|
553
|
-
class="close"
|
|
554
|
-
appearance="plain"
|
|
555
|
-
@click="${e=>this.requestClose(e.target)}"
|
|
556
|
-
>
|
|
557
|
-
<wa-icon
|
|
558
|
-
name="xmark"
|
|
559
|
-
label=${this.localize.term("close")}
|
|
560
|
-
library="system"
|
|
561
|
-
variant="solid"
|
|
562
|
-
></wa-icon>
|
|
563
|
-
</wa-button>
|
|
564
|
-
</div>
|
|
565
|
-
</header>
|
|
566
|
-
`:""}
|
|
567
|
-
|
|
568
|
-
<div part="body" class="body"><slot></slot></div>
|
|
569
|
-
|
|
570
|
-
${t?be`
|
|
571
|
-
<footer part="footer" class="footer">
|
|
572
|
-
<slot name="footer"></slot>
|
|
573
|
-
</footer>
|
|
574
|
-
`:""}
|
|
575
|
-
</dialog>
|
|
576
|
-
`}};Ze.css=Ha;Z([at(".dialog")],Ze.prototype,"dialog",2);Z([oe({type:Boolean,reflect:!0})],Ze.prototype,"open",2);Z([oe({reflect:!0})],Ze.prototype,"label",2);Z([oe({attribute:"without-header",type:Boolean,reflect:!0})],Ze.prototype,"withoutHeader",2);Z([oe({attribute:"light-dismiss",type:Boolean})],Ze.prototype,"lightDismiss",2);Z([Ge("open",{waitUntilFirstUpdate:!0})],Ze.prototype,"handleOpenChange",1);Ze=Z([ot("wa-dialog")],Ze);document.addEventListener("click",n=>{let t=n.target.closest("[data-dialog]");if(t instanceof Element){let[e,o]=vo(t.getAttribute("data-dialog")||"");if(e==="open"&&(o!=null&&o.length)){let i=t.getRootNode().getElementById(o);(i==null?void 0:i.localName)==="wa-dialog"?i.open=!0:console.warn(`A dialog with an ID of "${o}" could not be found in this document.`)}}});!1||document.addEventListener("pointerdown",()=>{});var Ra={7:function(n,t,e){(function(o,r,i){var s=function(){return s=Object.assign||function(S){for(var w,y=1,P=arguments.length;y<P;y++)for(var U in w=arguments[y])Object.prototype.hasOwnProperty.call(w,U)&&(S[U]=w[U]);return S},s.apply(this,arguments)};function l(S,w){var y=typeof Symbol=="function"&&S[Symbol.iterator];if(!y)return S;var P,U,T=y.call(S),D=[];try{for(;(w===void 0||w-- >0)&&!(P=T.next()).done;)D.push(P.value)}catch(F){U={error:F}}finally{try{P&&!P.done&&(y=T.return)&&y.call(T)}finally{if(U)throw U.error}}return D}function h(S,w){return[S,!S||S.endsWith("/")?"":"/",w,".json"].join("")}function c(S,w){var y=S;return w&&Object.keys(w).forEach(function(P){var U=w[P],T=new RegExp("{".concat(P,"}"),"gm");y=y.replace(T,U.toString())}),y}function d(S,w,y){var P=S[w];if(!P)return y;var U=y.split("."),T="";do{var D=P[T+=U.shift()];D===void 0||typeof D!="object"&&U.length?U.length?T+=".":P=y:(P=D,T="")}while(U.length);return P}var m={},g={root:"",lang:"en",fallbackLang:"en"},v=r.createContext(null);o.TranslateContext=v,o.TranslateProvider=function(S){var w=function(D,F){D=Object.assign({},g,D),m=F||m;var N=l(i.useState(D.lang),2),L=N[0],re=N[1],ne=l(i.useState(m),2),ee=ne[0],B=ne[1],he=l(i.useState(!1),2),Ce=he[0],pe=he[1],Ee=function(ie){if(!ee.hasOwnProperty(ie)){pe(!1);var ue=h(D.root,ie);fetch(ue).then(function(j){return j.json()}).then(function(j){m[ie]=j,B(s({},m)),pe(!0)}).catch(function(j){console.log("Aww, snap.",j),B(s({},m)),pe(!0)})}};return i.useEffect(function(){Ee(D.fallbackLang),Ee(L)},[L]),{lang:L,setLang:re,t:function(ie,ue){if(!ee.hasOwnProperty(L))return ie;var j=d(ee,L,ie);return j===ie&&L!==D.fallbackLang&&(j=d(ee,D.fallbackLang,ie)),c(j,ue)},isReady:Ce}}({root:S.root||"assets",lang:S.lang||"en",fallbackLang:S.fallbackLang||"en"},S.translations),y=w.t,P=w.setLang,U=w.lang,T=w.isReady;return r.h(v.Provider,{value:{t:y,setLang:P,lang:U,isReady:T}},S.children)},o.format=c,o.getResourceUrl=h,o.getValue=d,Object.defineProperty(o,"__esModule",{value:!0})})(t,e(616),e(78))},633:(n,t)=>{var e;(function(){var o={}.hasOwnProperty;function r(){for(var i=[],s=0;s<arguments.length;s++){var l=arguments[s];if(l){var h=typeof l;if(h==="string"||h==="number")i.push(l);else if(Array.isArray(l)){if(l.length){var c=r.apply(null,l);c&&i.push(c)}}else if(h==="object"){if(l.toString!==Object.prototype.toString&&!l.toString.toString().includes("[native code]")){i.push(l.toString());continue}for(var d in l)o.call(l,d)&&l[d]&&i.push(d)}}}return i.join(" ")}n.exports?(r.default=r,n.exports=r):(e=function(){return r}.apply(t,[]))===void 0||(n.exports=e)})()},21:(n,t,e)=>{e.d(t,{A:()=>l});var o=e(645),r=e.n(o),i=e(278),s=e.n(i)()(r());s.push([n.id,'.hanko_accordion{font-weight:var(--font-weight, 400);font-size:var(--font-size, 16px);font-family:var(--font-family, sans-serif);line-height:var(--line-height, 1.4rem);width:100%;overflow:hidden}.hanko_accordion .hanko_accordionItem{color:var(--color, #333333);margin:.25rem 0;overflow:hidden}.hanko_accordion .hanko_accordionItem.hanko_dropdown{margin:0}.hanko_accordion .hanko_accordionItem .hanko_label{border-radius:var(--border-radius, 8px);border-style:none;height:var(--item-height, 42px);background:var(--background-color, white);box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;margin:0;cursor:pointer;transition:all .35s}.hanko_accordion .hanko_accordionItem .hanko_label .hanko_labelText{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hanko_accordion .hanko_accordionItem .hanko_label .hanko_labelText .hanko_description{color:var(--color-shade-1, #8f9095)}.hanko_accordion .hanko_accordionItem .hanko_label.hanko_dropdown{margin:0;color:var(--link-color, #506cf0);justify-content:flex-start}.hanko_accordion .hanko_accordionItem .hanko_label:hover{color:var(--brand-contrast-color, white);background:var(--brand-color-shade-1, #6b84fb)}.hanko_accordion .hanko_accordionItem .hanko_label:hover .hanko_description{color:var(--brand-contrast-color, white)}.hanko_accordion .hanko_accordionItem .hanko_label:hover.hanko_dropdown{color:var(--link-color, #506cf0);background:none}.hanko_accordion .hanko_accordionItem .hanko_label:not(.hanko_dropdown)::after{content:"\u276F";width:1rem;text-align:center;transition:all .35s}.hanko_accordion .hanko_accordionItem .hanko_accordionInput{position:absolute;opacity:0;z-index:-1}.hanko_accordion .hanko_accordionItem .hanko_accordionInput:checked+.hanko_label{color:var(--brand-contrast-color, white);background:var(--brand-color, #506cf0)}.hanko_accordion .hanko_accordionItem .hanko_accordionInput:checked+.hanko_label .hanko_description{color:var(--brand-contrast-color, white)}.hanko_accordion .hanko_accordionItem .hanko_accordionInput:checked+.hanko_label.hanko_dropdown{color:var(--link-color, #506cf0);background:none}.hanko_accordion .hanko_accordionItem .hanko_accordionInput:checked+.hanko_label:not(.hanko_dropdown)::after{transform:rotate(90deg)}.hanko_accordion .hanko_accordionItem .hanko_accordionInput:checked+.hanko_label~.hanko_accordionContent{margin:.25rem 1rem;opacity:1;max-height:100vh}.hanko_accordion .hanko_accordionItem .hanko_accordionContent{max-height:0;margin:0 1rem;opacity:0;overflow:hidden;transition:all .35s}.hanko_accordion .hanko_accordionItem .hanko_accordionContent.hanko_dropdownContent{border-style:none}',""]),s.locals={accordion:"hanko_accordion",accordionItem:"hanko_accordionItem",dropdown:"hanko_dropdown",label:"hanko_label",labelText:"hanko_labelText",description:"hanko_description",accordionInput:"hanko_accordionInput",accordionContent:"hanko_accordionContent",dropdownContent:"hanko_dropdownContent"};let l=s},905:(n,t,e)=>{e.d(t,{A:()=>l});var o=e(645),r=e.n(o),i=e(278),s=e.n(i)()(r());s.push([n.id,".hanko_errorBox{font-weight:var(--font-weight, 400);font-size:var(--font-size, 16px);font-family:var(--font-family, sans-serif);line-height:var(--line-height, 1.4rem);border-radius:var(--border-radius, 8px);border-style:var(--border-style, solid);border-width:var(--border-width, 1px);color:var(--error-color, #e82020);background:var(--background-color, white);margin:var(--item-margin, 0.5rem 0);display:flex;align-items:start;box-sizing:border-box;line-height:1.5rem;padding:.25em;gap:.2em}.hanko_errorBox>span{display:inline-flex}.hanko_errorBox>span:first-child{padding:.25em 0 .25em .19em}.hanko_errorBox[hidden]{display:none}.hanko_errorMessage{color:var(--error-color, #e82020)}",""]),s.locals={errorBox:"hanko_errorBox",errorMessage:"hanko_errorMessage"};let l=s},577:(n,t,e)=>{e.d(t,{A:()=>l});var o=e(645),r=e.n(o),i=e(278),s=e.n(i)()(r());s.push([n.id,'.hanko_form{display:flex;flex-grow:1}.hanko_form .hanko_ul{flex-grow:1;margin:var(--item-margin, 0.5rem 0);padding-inline-start:0;list-style-type:none;display:flex;flex-wrap:wrap;gap:1em}.hanko_form .hanko_li{display:flex;max-width:100%;flex-grow:1;flex-basis:min-content}.hanko_form .hanko_li.hanko_maxWidth{min-width:100%}.hanko_button{font-weight:var(--font-weight, 400);font-size:var(--font-size, 16px);font-family:var(--font-family, sans-serif);line-height:var(--line-height, 1.4rem);border-radius:var(--border-radius, 8px);border-style:var(--border-style, solid);border-width:var(--border-width, 1px);white-space:nowrap;width:100%;min-width:var(--button-min-width, 7em);min-height:var(--item-height, 42px);outline:none;cursor:pointer;transition:.1s ease-out;flex-grow:1;flex-shrink:1;display:inline-flex}.hanko_button:disabled{cursor:default}.hanko_button.hanko_primary{color:var(--brand-contrast-color, white);background:var(--brand-color, #506cf0);border-color:var(--brand-color, #506cf0);justify-content:center}.hanko_button.hanko_primary:hover{color:var(--brand-contrast-color, white);background:var(--brand-color-shade-1, #6b84fb);border-color:var(--brand-color, #506cf0)}.hanko_button.hanko_primary:focus{color:var(--brand-contrast-color, white);background:var(--brand-color, #506cf0);border-color:var(--color, #333333)}.hanko_button.hanko_primary:disabled{color:var(--color-shade-1, #8f9095);background:var(--color-shade-2, #e5e6ef);border-color:var(--color-shade-2, #e5e6ef)}.hanko_button.hanko_secondary{color:var(--color, #333333);background:var(--background-color, white);border-color:var(--color, #333333);justify-content:flex-start}.hanko_button.hanko_secondary:hover{color:var(--color, #333333);background:var(--color-shade-2, #e5e6ef);border-color:var(--color, #333333)}.hanko_button.hanko_secondary:focus{color:var(--color, #333333);background:var(--background-color, white);border-color:var(--brand-color, #506cf0)}.hanko_button.hanko_secondary:disabled{color:var(--color-shade-1, #8f9095);background:var(--color-shade-2, #e5e6ef);border-color:var(--color-shade-1, #8f9095)}.hanko_button.hanko_dangerous{color:var(--error-color, #e82020);background:var(--background-color, white);border-color:var(--error-color, #e82020);flex-grow:0;width:auto}.hanko_caption{flex-grow:1;flex-wrap:wrap;display:flex;justify-content:space-between;align-items:baseline}.hanko_lastUsed{color:var(--color-shade-1, #8f9095);font-size:smaller}.hanko_inputWrapper{flex-grow:1;position:relative;display:flex;min-width:var(--input-min-width, 14em);max-width:100%}.hanko_input{font-weight:var(--font-weight, 400);font-size:var(--font-size, 16px);font-family:var(--font-family, sans-serif);line-height:var(--line-height, 1.4rem);border-radius:var(--border-radius, 8px);border-style:var(--border-style, solid);border-width:var(--border-width, 1px);height:var(--item-height, 42px);color:var(--color, #333333);border-color:var(--color-shade-1, #8f9095);background:var(--background-color, white);padding:0 .5rem;outline:none;width:100%;box-sizing:border-box;transition:.1s ease-out}.hanko_input.hanko_error{border-color:var(--error-color, #e82020)}.hanko_input:-webkit-autofill,.hanko_input:-webkit-autofill:hover,.hanko_input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color, #333333);-webkit-box-shadow:0 0 0 50px var(--background-color, white) inset}.hanko_input::-ms-reveal,.hanko_input::-ms-clear{display:none}.hanko_input::placeholder{color:var(--color-shade-1, #8f9095)}.hanko_input:focus{color:var(--color, #333333);border-color:var(--color, #333333)}.hanko_input:disabled{color:var(--color-shade-1, #8f9095);background:var(--color-shade-2, #e5e6ef);border-color:var(--color-shade-1, #8f9095)}.hanko_passcodeInputWrapper{flex-grow:1;min-width:var(--input-min-width, 14em);max-width:fit-content;position:relative;display:flex;justify-content:space-between}.hanko_passcodeInputWrapper .hanko_passcodeDigitWrapper{flex-grow:1;margin:0 .5rem 0 0}.hanko_passcodeInputWrapper .hanko_passcodeDigitWrapper:last-child{margin:0}.hanko_passcodeInputWrapper .hanko_passcodeDigitWrapper .hanko_input{text-align:center}.hanko_checkboxWrapper{font-weight:var(--font-weight, 400);font-size:var(--font-size, 16px);font-family:var(--font-family, sans-serif);line-height:var(--line-height, 1.4rem);color:var(--color, #333333);align-items:center;display:flex}.hanko_checkboxWrapper .hanko_label{color:inherit;padding-left:.5rem;cursor:pointer}.hanko_checkboxWrapper .hanko_label.hanko_disabled{cursor:default;color:var(--color-shade-1, #8f9095)}.hanko_checkboxWrapper .hanko_checkbox{border:currentColor solid 1px;border-radius:.15em;appearance:none;-webkit-appearance:none;width:1.1rem;height:1.1rem;margin:0;color:currentColor;background-color:var(--background-color, white);font:inherit;box-shadow:none;display:inline-flex;place-content:center;cursor:pointer}.hanko_checkboxWrapper .hanko_checkbox:checked{background-color:var(--color, #333333)}.hanko_checkboxWrapper .hanko_checkbox:disabled{cursor:default;background-color:var(--color-shade-2, #e5e6ef);border-color:var(--color-shade-1, #8f9095)}.hanko_checkboxWrapper .hanko_checkbox:checked:after{content:"\u2713";color:var(--background-color, white);position:absolute;line-height:1.1rem}.hanko_checkboxWrapper .hanko_checkbox:disabled:after{color:var(--color-shade-1, #8f9095)}',""]),s.locals={form:"hanko_form",ul:"hanko_ul",li:"hanko_li",maxWidth:"hanko_maxWidth",button:"hanko_button",primary:"hanko_primary",secondary:"hanko_secondary",dangerous:"hanko_dangerous",caption:"hanko_caption",lastUsed:"hanko_lastUsed",inputWrapper:"hanko_inputWrapper",input:"hanko_input",error:"hanko_error",passcodeInputWrapper:"hanko_passcodeInputWrapper",passcodeDigitWrapper:"hanko_passcodeDigitWrapper",checkboxWrapper:"hanko_checkboxWrapper",label:"hanko_label",disabled:"hanko_disabled",checkbox:"hanko_checkbox"};let l=s},619:(n,t,e)=>{e.d(t,{A:()=>l});var o=e(645),r=e.n(o),i=e(278),s=e.n(i)()(r());s.push([n.id,".hanko_headline{color:var(--color, #333333);font-family:var(--font-family, sans-serif);text-align:left;letter-spacing:0;font-style:normal;line-height:1.1}.hanko_headline.hanko_grade1{font-size:var(--headline1-font-size, 24px);font-weight:var(--headline1-font-weight, 600);margin:var(--headline1-margin, 0 0 0.5rem)}.hanko_headline.hanko_grade2{font-size:var(--headline2-font-size, 16px);font-weight:var(--headline2-font-weight, 600);margin:var(--headline2-margin, 1rem 0 0.5rem)}",""]),s.locals={headline:"hanko_headline",grade1:"hanko_grade1",grade2:"hanko_grade2"};let l=s},697:(n,t,e)=>{e.d(t,{A:()=>l});var o=e(645),r=e.n(o),i=e(278),s=e.n(i)()(r());s.push([n.id,".hanko_icon,.hanko_loadingSpinnerWrapper .hanko_loadingSpinner,.hanko_loadingSpinnerWrapperIcon .hanko_loadingSpinner,.hanko_exclamationMark,.hanko_checkmark{display:inline-block;fill:var(--brand-contrast-color, white);width:18px}.hanko_icon.hanko_secondary,.hanko_loadingSpinnerWrapper .hanko_secondary.hanko_loadingSpinner,.hanko_loadingSpinnerWrapperIcon .hanko_secondary.hanko_loadingSpinner,.hanko_secondary.hanko_exclamationMark,.hanko_secondary.hanko_checkmark{fill:var(--color, #333333)}.hanko_icon.hanko_disabled,.hanko_loadingSpinnerWrapper .hanko_disabled.hanko_loadingSpinner,.hanko_loadingSpinnerWrapperIcon .hanko_disabled.hanko_loadingSpinner,.hanko_disabled.hanko_exclamationMark,.hanko_disabled.hanko_checkmark{fill:var(--color-shade-1, #8f9095)}.hanko_checkmark{fill:var(--brand-color, #506cf0)}.hanko_checkmark.hanko_secondary{fill:var(--color-shade-1, #8f9095)}.hanko_checkmark.hanko_fadeOut{animation:hanko_fadeOut ease-out 1.5s forwards !important}@keyframes hanko_fadeOut{0%{opacity:1}100%{opacity:0}}.hanko_exclamationMark{fill:var(--error-color, #e82020)}.hanko_loadingSpinnerWrapperIcon{width:100%;column-gap:10px;margin-left:10px}.hanko_loadingSpinnerWrapper,.hanko_loadingSpinnerWrapperIcon{display:inline-flex;align-items:center;height:100%;margin:0 5px;justify-content:inherit;flex-wrap:inherit}.hanko_loadingSpinnerWrapper.hanko_centerContent,.hanko_centerContent.hanko_loadingSpinnerWrapperIcon{justify-content:center}.hanko_loadingSpinnerWrapper.hanko_maxWidth,.hanko_maxWidth.hanko_loadingSpinnerWrapperIcon{width:100%}.hanko_loadingSpinnerWrapper .hanko_loadingSpinner,.hanko_loadingSpinnerWrapperIcon .hanko_loadingSpinner{fill:var(--brand-color, #506cf0);animation:hanko_spin 500ms ease-in-out infinite}.hanko_loadingSpinnerWrapper.hanko_secondary,.hanko_secondary.hanko_loadingSpinnerWrapperIcon{fill:var(--color-shade-1, #8f9095)}@keyframes hanko_spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.hanko_googleIcon.hanko_disabled{fill:var(--color-shade-1, #8f9095)}.hanko_googleIcon.hanko_blue{fill:#4285f4}.hanko_googleIcon.hanko_green{fill:#34a853}.hanko_googleIcon.hanko_yellow{fill:#fbbc05}.hanko_googleIcon.hanko_red{fill:#ea4335}.hanko_microsoftIcon.hanko_disabled{fill:var(--color-shade-1, #8f9095)}.hanko_microsoftIcon.hanko_blue{fill:#00a4ef}.hanko_microsoftIcon.hanko_green{fill:#7fba00}.hanko_microsoftIcon.hanko_yellow{fill:#ffb900}.hanko_microsoftIcon.hanko_red{fill:#f25022}.hanko_facebookIcon.hanko_outline{fill:#0866ff}.hanko_facebookIcon.hanko_disabledOutline{fill:var(--color-shade-1, #8f9095)}.hanko_facebookIcon.hanko_letter{fill:#fff}.hanko_facebookIcon.hanko_disabledLetter{fill:var(--color-shade-2, #e5e6ef)}",""]),s.locals={icon:"hanko_icon",loadingSpinnerWrapper:"hanko_loadingSpinnerWrapper",loadingSpinner:"hanko_loadingSpinner",loadingSpinnerWrapperIcon:"hanko_loadingSpinnerWrapperIcon",exclamationMark:"hanko_exclamationMark",checkmark:"hanko_checkmark",secondary:"hanko_secondary",disabled:"hanko_disabled",fadeOut:"hanko_fadeOut",centerContent:"hanko_centerContent",maxWidth:"hanko_maxWidth",spin:"hanko_spin",googleIcon:"hanko_googleIcon",blue:"hanko_blue",green:"hanko_green",yellow:"hanko_yellow",red:"hanko_red",microsoftIcon:"hanko_microsoftIcon",facebookIcon:"hanko_facebookIcon",outline:"hanko_outline",disabledOutline:"hanko_disabledOutline",letter:"hanko_letter",disabledLetter:"hanko_disabledLetter"};let l=s},995:(n,t,e)=>{e.d(t,{A:()=>l});var o=e(645),r=e.n(o),i=e(278),s=e.n(i)()(r());s.push([n.id,".hanko_link{font-weight:var(--font-weight, 400);font-size:var(--font-size, 16px);font-family:var(--font-family, sans-serif);line-height:var(--line-height, 1.4rem);color:var(--link-color, #506cf0);text-decoration:var(--link-text-decoration, none);cursor:pointer;background:none !important;border:none;padding:0 !important;transition:all .1s}.hanko_link:hover{text-decoration:var(--link-text-decoration-hover, underline)}.hanko_link:disabled{color:var(--color, #333333) !important;pointer-events:none;cursor:default}.hanko_link.hanko_danger{color:var(--error-color, #e82020)}.hanko_linkWrapper{display:inline-flex;flex-direction:row;justify-content:space-between;align-items:center;overflow:hidden}.hanko_linkWrapper.hanko_reverse{flex-direction:row-reverse}",""]),s.locals={link:"hanko_link",danger:"hanko_danger",linkWrapper:"hanko_linkWrapper",reverse:"hanko_reverse"};let l=s},560:(n,t,e)=>{e.d(t,{A:()=>l});var o=e(645),r=e.n(o),i=e(278),s=e.n(i)()(r());s.push([n.id,".hanko_otpCreationDetails{font-weight:var(--font-weight, 400);font-size:var(--font-size, 16px);font-family:var(--font-family, sans-serif);line-height:var(--line-height, 1.4rem);color:var(--color, #333333);margin:var(--item-margin, 0.5rem 0);display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:smaller}",""]),s.locals={otpCreationDetails:"hanko_otpCreationDetails"};let l=s},489:(n,t,e)=>{e.d(t,{A:()=>l});var o=e(645),r=e.n(o),i=e(278),s=e.n(i)()(r());s.push([n.id,".hanko_paragraph{font-weight:var(--font-weight, 400);font-size:var(--font-size, 16px);font-family:var(--font-family, sans-serif);line-height:var(--line-height, 1.4rem);color:var(--color, #333333);margin:var(--item-margin, 0.5rem 0);text-align:left;word-break:break-word}",""]),s.locals={paragraph:"hanko_paragraph"};let l=s},111:(n,t,e)=>{e.d(t,{A:()=>l});var o=e(645),r=e.n(o),i=e(278),s=e.n(i)()(r());s.push([n.id,".hanko_spacer{height:1em}.hanko_divider{font-weight:var(--font-weight, 400);font-size:var(--font-size, 16px);font-family:var(--font-family, sans-serif);line-height:var(--line-height, 1.4rem);display:flex;visibility:var(--divider-visibility, visible);color:var(--color-shade-1, #8f9095);margin:var(--item-margin, 0.5rem 0);padding:.5em 0}.hanko_divider .hanko_line{border-bottom-style:var(--border-style, solid);border-bottom-width:var(--border-width, 1px);color:inherit;font:inherit;width:100%}.hanko_divider .hanko_text{font:inherit;color:inherit;background:var(--background-color, white);padding:var(--divider-padding, 0 42px);line-height:.1em}",""]),s.locals={spacer:"hanko_spacer",divider:"hanko_divider",line:"hanko_line",text:"hanko_text"};let l=s},914:(n,t,e)=>{e.d(t,{A:()=>l});var o=e(645),r=e.n(o),i=e(278),s=e.n(i)()(r());s.push([n.id,".hanko_container{background-color:var(--background-color, white);padding:var(--container-padding, 30px);max-width:var(--container-max-width, 410px);display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:flex-start;box-sizing:border-box}.hanko_content{box-sizing:border-box;flex:0 1 auto;width:100%;height:100%}.hanko_footer{padding:.5rem 0 0;box-sizing:border-box;width:100%}.hanko_footer :nth-child(1){float:left}.hanko_footer :nth-child(2){float:right}.hanko_clipboardContainer{display:flex}.hanko_clipboardIcon{display:flex;margin:auto;cursor:pointer}",""]),s.locals={container:"hanko_container",content:"hanko_content",footer:"hanko_footer",clipboardContainer:"hanko_clipboardContainer",clipboardIcon:"hanko_clipboardIcon"};let l=s},278:n=>{n.exports=function(t){var e=[];return e.toString=function(){return this.map(function(o){var r="",i=o[5]!==void 0;return o[4]&&(r+="@supports (".concat(o[4],") {")),o[2]&&(r+="@media ".concat(o[2]," {")),i&&(r+="@layer".concat(o[5].length>0?" ".concat(o[5]):""," {")),r+=t(o),i&&(r+="}"),o[2]&&(r+="}"),o[4]&&(r+="}"),r}).join("")},e.i=function(o,r,i,s,l){typeof o=="string"&&(o=[[null,o,void 0]]);var h={};if(i)for(var c=0;c<this.length;c++){var d=this[c][0];d!=null&&(h[d]=!0)}for(var m=0;m<o.length;m++){var g=[].concat(o[m]);i&&h[g[0]]||(l!==void 0&&(g[5]===void 0||(g[1]="@layer".concat(g[5].length>0?" ".concat(g[5]):""," {").concat(g[1],"}")),g[5]=l),r&&(g[2]&&(g[1]="@media ".concat(g[2]," {").concat(g[1],"}")),g[2]=r),s&&(g[4]?(g[1]="@supports (".concat(g[4],") {").concat(g[1],"}"),g[4]=s):g[4]="".concat(s)),e.push(g))}},e}},645:n=>{n.exports=function(t){return t[1]}},616:(n,t,e)=>{e.r(t),e.d(t,{Component:()=>F,Fragment:()=>D,cloneElement:()=>$e,createContext:()=>Ke,createElement:()=>P,createRef:()=>T,h:()=>P,hydrate:()=>ft,isValidElement:()=>s,options:()=>r,render:()=>qe,toChildArray:()=>he});var o,r,i,s,l,h,c,d,m,g={},v=[],S=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;function w(u,p){for(var b in p)u[b]=p[b];return u}function y(u){var p=u.parentNode;p&&p.removeChild(u)}function P(u,p,b){var O,M,A,W={};for(A in p)A=="key"?O=p[A]:A=="ref"?M=p[A]:W[A]=p[A];if(arguments.length>2&&(W.children=arguments.length>3?o.call(arguments,2):b),typeof u=="function"&&u.defaultProps!=null)for(A in u.defaultProps)W[A]===void 0&&(W[A]=u.defaultProps[A]);return U(u,W,O,M,null)}function U(u,p,b,O,M){var A={type:u,props:p,key:b,ref:O,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:M==null?++i:M};return M==null&&r.vnode!=null&&r.vnode(A),A}function T(){return{current:null}}function D(u){return u.children}function F(u,p){this.props=u,this.context=p}function N(u,p){if(p==null)return u.__?N(u.__,u.__.__k.indexOf(u)+1):null;for(var b;p<u.__k.length;p++)if((b=u.__k[p])!=null&&b.__e!=null)return b.__e;return typeof u.type=="function"?N(u):null}function L(u){var p,b;if((u=u.__)!=null&&u.__c!=null){for(u.__e=u.__c.base=null,p=0;p<u.__k.length;p++)if((b=u.__k[p])!=null&&b.__e!=null){u.__e=u.__c.base=b.__e;break}return L(u)}}function re(u){(!u.__d&&(u.__d=!0)&&l.push(u)&&!ne.__r++||h!==r.debounceRendering)&&((h=r.debounceRendering)||c)(ne)}function ne(){var u,p,b,O,M,A,W,te;for(l.sort(d);u=l.shift();)u.__d&&(p=l.length,O=void 0,M=void 0,W=(A=(b=u).__v).__e,(te=b.__P)&&(O=[],(M=w({},A)).__v=A.__v+1,fe(te,A,M,b.__n,te.ownerSVGElement!==void 0,A.__h!=null?[W]:null,O,W==null?N(A):W,A.__h),C(O,A),A.__e!=W&&L(A)),l.length>p&&l.sort(d));ne.__r=0}function ee(u,p,b,O,M,A,W,te,ce,ve){var _,ye,G,z,V,nt,se,ge=O&&O.__k||v,Te=ge.length;for(b.__k=[],_=0;_<p.length;_++)if((z=b.__k[_]=(z=p[_])==null||typeof z=="boolean"||typeof z=="function"?null:typeof z=="string"||typeof z=="number"||typeof z=="bigint"?U(null,z,null,null,z):Array.isArray(z)?U(D,{children:z},null,null,null):z.__b>0?U(z.type,z.props,z.key,z.ref?z.ref:null,z.__v):z)!=null){if(z.__=b,z.__b=b.__b+1,(G=ge[_])===null||G&&z.key==G.key&&z.type===G.type)ge[_]=void 0;else for(ye=0;ye<Te;ye++){if((G=ge[ye])&&z.key==G.key&&z.type===G.type){ge[ye]=void 0;break}G=null}fe(u,z,G=G||g,M,A,W,te,ce,ve),V=z.__e,(ye=z.ref)&&G.ref!=ye&&(se||(se=[]),G.ref&&se.push(G.ref,null,z),se.push(ye,z.__c||V,z)),V!=null?(nt==null&&(nt=V),typeof z.type=="function"&&z.__k===G.__k?z.__d=ce=B(z,ce,u):ce=Ce(u,z,G,ge,V,ce),typeof b.type=="function"&&(b.__d=ce)):ce&&G.__e==ce&&ce.parentNode!=u&&(ce=N(G))}for(b.__e=nt,_=Te;_--;)ge[_]!=null&&(typeof b.type=="function"&&ge[_].__e!=null&&ge[_].__e==b.__d&&(b.__d=pe(O).nextSibling),Y(ge[_],ge[_]));if(se)for(_=0;_<se.length;_++)E(se[_],se[++_],se[++_])}function B(u,p,b){for(var O,M=u.__k,A=0;M&&A<M.length;A++)(O=M[A])&&(O.__=u,p=typeof O.type=="function"?B(O,p,b):Ce(b,O,O,M,O.__e,p));return p}function he(u,p){return p=p||[],u==null||typeof u=="boolean"||(Array.isArray(u)?u.some(function(b){he(b,p)}):p.push(u)),p}function Ce(u,p,b,O,M,A){var W,te,ce;if(p.__d!==void 0)W=p.__d,p.__d=void 0;else if(b==null||M!=A||M.parentNode==null)e:if(A==null||A.parentNode!==u)u.appendChild(M),W=null;else{for(te=A,ce=0;(te=te.nextSibling)&&ce<O.length;ce+=1)if(te==M)break e;u.insertBefore(M,A),W=A}return W!==void 0?W:M.nextSibling}function pe(u){var p,b,O;if(u.type==null||typeof u.type=="string")return u.__e;if(u.__k){for(p=u.__k.length-1;p>=0;p--)if((b=u.__k[p])&&(O=pe(b)))return O}return null}function Ee(u,p,b){p[0]==="-"?u.setProperty(p,b==null?"":b):u[p]=b==null?"":typeof b!="number"||S.test(p)?b:b+"px"}function ie(u,p,b,O,M){var A;e:if(p==="style")if(typeof b=="string")u.style.cssText=b;else{if(typeof O=="string"&&(u.style.cssText=O=""),O)for(p in O)b&&p in b||Ee(u.style,p,"");if(b)for(p in b)O&&b[p]===O[p]||Ee(u.style,p,b[p])}else if(p[0]==="o"&&p[1]==="n")A=p!==(p=p.replace(/Capture$/,"")),p=p.toLowerCase()in u?p.toLowerCase().slice(2):p.slice(2),u.l||(u.l={}),u.l[p+A]=b,b?O||u.addEventListener(p,A?j:ue,A):u.removeEventListener(p,A?j:ue,A);else if(p!=="dangerouslySetInnerHTML"){if(M)p=p.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if(p!=="width"&&p!=="height"&&p!=="href"&&p!=="list"&&p!=="form"&&p!=="tabIndex"&&p!=="download"&&p in u)try{u[p]=b==null?"":b;break e}catch(W){}typeof b=="function"||(b==null||b===!1&&p.indexOf("-")==-1?u.removeAttribute(p):u.setAttribute(p,b))}}function ue(u){return this.l[u.type+!1](r.event?r.event(u):u)}function j(u){return this.l[u.type+!0](r.event?r.event(u):u)}function fe(u,p,b,O,M,A,W,te,ce){var ve,_,ye,G,z,V,nt,se,ge,Te,ct,me,lo,Nt,zt,Ue=p.type;if(p.constructor!==void 0)return null;b.__h!=null&&(ce=b.__h,te=p.__e=b.__e,p.__h=null,A=[te]),(ve=r.__b)&&ve(p);try{e:if(typeof Ue=="function"){if(se=p.props,ge=(ve=Ue.contextType)&&O[ve.__c],Te=ve?ge?ge.props.value:ve.__:O,b.__c?nt=(_=p.__c=b.__c).__=_.__E:("prototype"in Ue&&Ue.prototype.render?p.__c=_=new Ue(se,Te):(p.__c=_=new F(se,Te),_.constructor=Ue,_.render=ze),ge&&ge.sub(_),_.props=se,_.state||(_.state={}),_.context=Te,_.__n=O,ye=_.__d=!0,_.__h=[],_._sb=[]),_.__s==null&&(_.__s=_.state),Ue.getDerivedStateFromProps!=null&&(_.__s==_.state&&(_.__s=w({},_.__s)),w(_.__s,Ue.getDerivedStateFromProps(se,_.__s))),G=_.props,z=_.state,_.__v=p,ye)Ue.getDerivedStateFromProps==null&&_.componentWillMount!=null&&_.componentWillMount(),_.componentDidMount!=null&&_.__h.push(_.componentDidMount);else{if(Ue.getDerivedStateFromProps==null&&se!==G&&_.componentWillReceiveProps!=null&&_.componentWillReceiveProps(se,Te),!_.__e&&_.shouldComponentUpdate!=null&&_.shouldComponentUpdate(se,_.__s,Te)===!1||p.__v===b.__v){for(p.__v!==b.__v&&(_.props=se,_.state=_.__s,_.__d=!1),_.__e=!1,p.__e=b.__e,p.__k=b.__k,p.__k.forEach(function(Ft){Ft&&(Ft.__=p)}),ct=0;ct<_._sb.length;ct++)_.__h.push(_._sb[ct]);_._sb=[],_.__h.length&&W.push(_);break e}_.componentWillUpdate!=null&&_.componentWillUpdate(se,_.__s,Te),_.componentDidUpdate!=null&&_.__h.push(function(){_.componentDidUpdate(G,z,V)})}if(_.context=Te,_.props=se,_.__P=u,me=r.__r,lo=0,"prototype"in Ue&&Ue.prototype.render){for(_.state=_.__s,_.__d=!1,me&&me(p),ve=_.render(_.props,_.state,_.context),Nt=0;Nt<_._sb.length;Nt++)_.__h.push(_._sb[Nt]);_._sb=[]}else do _.__d=!1,me&&me(p),ve=_.render(_.props,_.state,_.context),_.state=_.__s;while(_.__d&&++lo<25);_.state=_.__s,_.getChildContext!=null&&(O=w(w({},O),_.getChildContext())),ye||_.getSnapshotBeforeUpdate==null||(V=_.getSnapshotBeforeUpdate(G,z)),zt=ve!=null&&ve.type===D&&ve.key==null?ve.props.children:ve,ee(u,Array.isArray(zt)?zt:[zt],p,b,O,M,A,W,te,ce),_.base=p.__e,p.__h=null,_.__h.length&&W.push(_),nt&&(_.__E=_.__=null),_.__e=!1}else A==null&&p.__v===b.__v?(p.__k=b.__k,p.__e=b.__e):p.__e=x(b.__e,p,b,O,M,A,W,ce);(ve=r.diffed)&&ve(p)}catch(Ft){p.__v=null,(ce||A!=null)&&(p.__e=te,p.__h=!!ce,A[A.indexOf(te)]=null),r.__e(Ft,p,b)}}function C(u,p){r.__c&&r.__c(p,u),u.some(function(b){try{u=b.__h,b.__h=[],u.some(function(O){O.call(b)})}catch(O){r.__e(O,b.__v)}})}function x(u,p,b,O,M,A,W,te){var ce,ve,_,ye=b.props,G=p.props,z=p.type,V=0;if(z==="svg"&&(M=!0),A!=null){for(;V<A.length;V++)if((ce=A[V])&&"setAttribute"in ce==!!z&&(z?ce.localName===z:ce.nodeType===3)){u=ce,A[V]=null;break}}if(u==null){if(z===null)return document.createTextNode(G);u=M?document.createElementNS("http://www.w3.org/2000/svg",z):document.createElement(z,G.is&&G),A=null,te=!1}if(z===null)ye===G||te&&u.data===G||(u.data=G);else{if(A=A&&o.call(u.childNodes),ve=(ye=b.props||g).dangerouslySetInnerHTML,_=G.dangerouslySetInnerHTML,!te){if(A!=null)for(ye={},V=0;V<u.attributes.length;V++)ye[u.attributes[V].name]=u.attributes[V].value;(_||ve)&&(_&&(ve&&_.__html==ve.__html||_.__html===u.innerHTML)||(u.innerHTML=_&&_.__html||""))}if(function(nt,se,ge,Te,ct){var me;for(me in ge)me==="children"||me==="key"||me in se||ie(nt,me,null,ge[me],Te);for(me in se)ct&&typeof se[me]!="function"||me==="children"||me==="key"||me==="value"||me==="checked"||ge[me]===se[me]||ie(nt,me,se[me],ge[me],Te)}(u,G,ye,M,te),_)p.__k=[];else if(V=p.props.children,ee(u,Array.isArray(V)?V:[V],p,b,O,M&&z!=="foreignObject",A,W,A?A[0]:b.__k&&N(b,0),te),A!=null)for(V=A.length;V--;)A[V]!=null&&y(A[V]);te||("value"in G&&(V=G.value)!==void 0&&(V!==u.value||z==="progress"&&!V||z==="option"&&V!==ye.value)&&ie(u,"value",V,ye.value,!1),"checked"in G&&(V=G.checked)!==void 0&&V!==u.checked&&ie(u,"checked",V,ye.checked,!1))}return u}function E(u,p,b){try{typeof u=="function"?u(p):u.current=p}catch(O){r.__e(O,b)}}function Y(u,p,b){var O,M;if(r.unmount&&r.unmount(u),(O=u.ref)&&(O.current&&O.current!==u.__e||E(O,null,p)),(O=u.__c)!=null){if(O.componentWillUnmount)try{O.componentWillUnmount()}catch(A){r.__e(A,p)}O.base=O.__P=null,u.__c=void 0}if(O=u.__k)for(M=0;M<O.length;M++)O[M]&&Y(O[M],p,b||typeof u.type!="function");b||u.__e==null||y(u.__e),u.__=u.__e=u.__d=void 0}function ze(u,p,b){return this.constructor(u,b)}function qe(u,p,b){var O,M,A;r.__&&r.__(u,p),M=(O=typeof b=="function")?null:b&&b.__k||p.__k,A=[],fe(p,u=(!O&&b||p).__k=P(D,null,[u]),M||g,g,p.ownerSVGElement!==void 0,!O&&b?[b]:M?null:p.firstChild?o.call(p.childNodes):null,A,!O&&b?b:M?M.__e:p.firstChild,O),C(A,u)}function ft(u,p){qe(u,p,ft)}function $e(u,p,b){var O,M,A,W=w({},u.props);for(A in p)A=="key"?O=p[A]:A=="ref"?M=p[A]:W[A]=p[A];return arguments.length>2&&(W.children=arguments.length>3?o.call(arguments,2):b),U(u.type,W,O||u.key,M||u.ref,null)}function Ke(u,p){var b={__c:p="__cC"+m++,__:u,Consumer:function(O,M){return O.children(M)},Provider:function(O){var M,A;return this.getChildContext||(M=[],(A={})[p]=this,this.getChildContext=function(){return A},this.shouldComponentUpdate=function(W){this.props.value!==W.value&&M.some(function(te){te.__e=!0,re(te)})},this.sub=function(W){M.push(W);var te=W.componentWillUnmount;W.componentWillUnmount=function(){M.splice(M.indexOf(W),1),te&&te.call(W)}}),O.children}};return b.Provider.__=b.Consumer.contextType=b}o=v.slice,r={__e:function(u,p,b,O){for(var M,A,W;p=p.__;)if((M=p.__c)&&!M.__)try{if((A=M.constructor)&&A.getDerivedStateFromError!=null&&(M.setState(A.getDerivedStateFromError(u)),W=M.__d),M.componentDidCatch!=null&&(M.componentDidCatch(u,O||{}),W=M.__d),W)return M.__E=M}catch(te){u=te}throw u}},i=0,s=function(u){return u!=null&&u.constructor===void 0},F.prototype.setState=function(u,p){var b;b=this.__s!=null&&this.__s!==this.state?this.__s:this.__s=w({},this.state),typeof u=="function"&&(u=u(w({},b),this.props)),u&&w(b,u),u!=null&&this.__v&&(p&&this._sb.push(p),re(this))},F.prototype.forceUpdate=function(u){this.__v&&(this.__e=!0,u&&this.__h.push(u),re(this))},F.prototype.render=D,l=[],c=typeof Promise=="function"?Promise.prototype.then.bind(Promise.resolve()):setTimeout,d=function(u,p){return u.__v.__b-p.__v.__b},ne.__r=0,m=0},78:(n,t,e)=>{e.r(t),e.d(t,{useCallback:()=>re,useContext:()=>ne,useDebugValue:()=>ee,useEffect:()=>T,useErrorBoundary:()=>B,useId:()=>he,useImperativeHandle:()=>N,useLayoutEffect:()=>D,useMemo:()=>L,useReducer:()=>U,useRef:()=>F,useState:()=>P});var o,r,i,s,l=e(616),h=0,c=[],d=[],m=l.options.__b,g=l.options.__r,v=l.options.diffed,S=l.options.__c,w=l.options.unmount;function y(C,x){l.options.__h&&l.options.__h(r,C,h||x),h=0;var E=r.__H||(r.__H={__:[],__h:[]});return C>=E.__.length&&E.__.push({__V:d}),E.__[C]}function P(C){return h=1,U(fe,C)}function U(C,x,E){var Y=y(o++,2);if(Y.t=C,!Y.__c&&(Y.__=[E?E(x):fe(void 0,x),function($e){var Ke=Y.__N?Y.__N[0]:Y.__[0],u=Y.t(Ke,$e);Ke!==u&&(Y.__N=[u,Y.__[1]],Y.__c.setState({}))}],Y.__c=r,!r.u)){var ze=function($e,Ke,u){if(!Y.__c.__H)return!0;var p=Y.__c.__H.__.filter(function(O){return O.__c});if(p.every(function(O){return!O.__N}))return!qe||qe.call(this,$e,Ke,u);var b=!1;return p.forEach(function(O){if(O.__N){var M=O.__[0];O.__=O.__N,O.__N=void 0,M!==O.__[0]&&(b=!0)}}),!(!b&&Y.__c.props===$e)&&(!qe||qe.call(this,$e,Ke,u))};r.u=!0;var qe=r.shouldComponentUpdate,ft=r.componentWillUpdate;r.componentWillUpdate=function($e,Ke,u){if(this.__e){var p=qe;qe=void 0,ze($e,Ke,u),qe=p}ft&&ft.call(this,$e,Ke,u)},r.shouldComponentUpdate=ze}return Y.__N||Y.__}function T(C,x){var E=y(o++,3);!l.options.__s&&j(E.__H,x)&&(E.__=C,E.i=x,r.__H.__h.push(E))}function D(C,x){var E=y(o++,4);!l.options.__s&&j(E.__H,x)&&(E.__=C,E.i=x,r.__h.push(E))}function F(C){return h=5,L(function(){return{current:C}},[])}function N(C,x,E){h=6,D(function(){return typeof C=="function"?(C(x()),function(){return C(null)}):C?(C.current=x(),function(){return C.current=null}):void 0},E==null?E:E.concat(C))}function L(C,x){var E=y(o++,7);return j(E.__H,x)?(E.__V=C(),E.i=x,E.__h=C,E.__V):E.__}function re(C,x){return h=8,L(function(){return C},x)}function ne(C){var x=r.context[C.__c],E=y(o++,9);return E.c=C,x?(E.__==null&&(E.__=!0,x.sub(r)),x.props.value):C.__}function ee(C,x){l.options.useDebugValue&&l.options.useDebugValue(x?x(C):C)}function B(C){var x=y(o++,10),E=P();return x.__=C,r.componentDidCatch||(r.componentDidCatch=function(Y,ze){x.__&&x.__(Y,ze),E[1](Y)}),[E[0],function(){E[1](void 0)}]}function he(){var C=y(o++,11);if(!C.__){for(var x=r.__v;x!==null&&!x.__m&&x.__!==null;)x=x.__;var E=x.__m||(x.__m=[0,0]);C.__="P"+E[0]+"-"+E[1]++}return C.__}function Ce(){for(var C;C=c.shift();)if(C.__P&&C.__H)try{C.__H.__h.forEach(ie),C.__H.__h.forEach(ue),C.__H.__h=[]}catch(x){C.__H.__h=[],l.options.__e(x,C.__v)}}l.options.__b=function(C){r=null,m&&m(C)},l.options.__r=function(C){g&&g(C),o=0;var x=(r=C.__c).__H;x&&(i===r?(x.__h=[],r.__h=[],x.__.forEach(function(E){E.__N&&(E.__=E.__N),E.__V=d,E.__N=E.i=void 0})):(x.__h.forEach(ie),x.__h.forEach(ue),x.__h=[])),i=r},l.options.diffed=function(C){v&&v(C);var x=C.__c;x&&x.__H&&(x.__H.__h.length&&(c.push(x)!==1&&s===l.options.requestAnimationFrame||((s=l.options.requestAnimationFrame)||Ee)(Ce)),x.__H.__.forEach(function(E){E.i&&(E.__H=E.i),E.__V!==d&&(E.__=E.__V),E.i=void 0,E.__V=d})),i=r=null},l.options.__c=function(C,x){x.some(function(E){try{E.__h.forEach(ie),E.__h=E.__h.filter(function(Y){return!Y.__||ue(Y)})}catch(Y){x.some(function(ze){ze.__h&&(ze.__h=[])}),x=[],l.options.__e(Y,E.__v)}}),S&&S(C,x)},l.options.unmount=function(C){w&&w(C);var x,E=C.__c;E&&E.__H&&(E.__H.__.forEach(function(Y){try{ie(Y)}catch(ze){x=ze}}),E.__H=void 0,x&&l.options.__e(x,E.__v))};var pe=typeof requestAnimationFrame=="function";function Ee(C){var x,E=function(){clearTimeout(Y),pe&&cancelAnimationFrame(x),setTimeout(C)},Y=setTimeout(E,100);pe&&(x=requestAnimationFrame(E))}function ie(C){var x=r,E=C.__c;typeof E=="function"&&(C.__c=void 0,E()),r=x}function ue(C){var x=r;C.__c=C.__(),r=x}function j(C,x){return!C||C.length!==x.length||x.some(function(E,Y){return E!==C[Y]})}function fe(C,x){return typeof x=="function"?x(C):x}},292:n=>{var t=[];function e(i){for(var s=-1,l=0;l<t.length;l++)if(t[l].identifier===i){s=l;break}return s}function o(i,s){for(var l={},h=[],c=0;c<i.length;c++){var d=i[c],m=s.base?d[0]+s.base:d[0],g=l[m]||0,v="".concat(m," ").concat(g);l[m]=g+1;var S=e(v),w={css:d[1],media:d[2],sourceMap:d[3],supports:d[4],layer:d[5]};if(S!==-1)t[S].references++,t[S].updater(w);else{var y=r(w,s);s.byIndex=c,t.splice(c,0,{identifier:v,updater:y,references:1})}h.push(v)}return h}function r(i,s){var l=s.domAPI(s);return l.update(i),function(h){if(h){if(h.css===i.css&&h.media===i.media&&h.sourceMap===i.sourceMap&&h.supports===i.supports&&h.layer===i.layer)return;l.update(i=h)}else l.remove()}}n.exports=function(i,s){var l=o(i=i||[],s=s||{});return function(h){h=h||[];for(var c=0;c<l.length;c++){var d=e(l[c]);t[d].references--}for(var m=o(h,s),g=0;g<l.length;g++){var v=e(l[g]);t[v].references===0&&(t[v].updater(),t.splice(v,1))}l=m}}},88:n=>{n.exports=function(t){var e=document.createElement("style");return t.setAttributes(e,t.attributes),t.insert(e,t.options),e}},884:(n,t,e)=>{n.exports=function(o){var r=e.nc;r&&o.setAttribute("nonce",r)}},360:n=>{var t,e=(t=[],function(i,s){return t[i]=s,t.filter(Boolean).join(`
|
|
577
|
-
`)});function o(i,s,l,h){var c;if(l)c="";else{c="",h.supports&&(c+="@supports (".concat(h.supports,") {")),h.media&&(c+="@media ".concat(h.media," {"));var d=h.layer!==void 0;d&&(c+="@layer".concat(h.layer.length>0?" ".concat(h.layer):""," {")),c+=h.css,d&&(c+="}"),h.media&&(c+="}"),h.supports&&(c+="}")}if(i.styleSheet)i.styleSheet.cssText=e(s,c);else{var m=document.createTextNode(c),g=i.childNodes;g[s]&&i.removeChild(g[s]),g.length?i.insertBefore(m,g[s]):i.appendChild(m)}}var r={singleton:null,singletonCounter:0};n.exports=function(i){if(typeof document=="undefined")return{update:function(){},remove:function(){}};var s=r.singletonCounter++,l=r.singleton||(r.singleton=i.insertStyleElement(i));return{update:function(h){o(l,s,!1,h)},remove:function(h){o(l,s,!0,h)}}}},6:(n,t,e)=>{e.d(t,{en:()=>o});let o={headlines:{error:"An error has occurred",loginEmail:"Sign in or create account",loginEmailNoSignup:"Sign in",loginFinished:"Login successful",loginPasscode:"Enter passcode",loginPassword:"Enter password",registerAuthenticator:"Create a passkey",registerConfirm:"Create account?",registerPassword:"Set new password",otpSetUp:"Set up authenticator app",profileEmails:"Emails",profilePassword:"Password",profilePasskeys:"Passkeys",isPrimaryEmail:"Primary email address",setPrimaryEmail:"Set primary email address",createEmail:"Enter a new email",createUsername:"Enter a new username",emailVerified:"Verified",emailUnverified:"Unverified",emailDelete:"Delete",renamePasskey:"Rename passkey",deletePasskey:"Delete passkey",lastUsedAt:"Last used at",createdAt:"Created at",connectedAccounts:"Connected accounts",deleteAccount:"Delete account",accountNotFound:"Account not found",signIn:"Sign in",signUp:"Create account",selectLoginMethod:"Select login method",setupLoginMethod:"Set up login method",lastUsed:"Last seen",ipAddress:"IP address",revokeSession:"Revoke session",profileSessions:"Sessions",mfaSetUp:"Set up MFA",securityKeySetUp:"Add security key",securityKeyLogin:"Security key",otpLogin:"Authentication code",renameSecurityKey:"Rename security key",deleteSecurityKey:"Delete security key",securityKeys:"Security keys",authenticatorApp:"Authenticator app",authenticatorAppAlreadySetUp:"Authenticator app is set up",authenticatorAppNotSetUp:"Set up authenticator app",trustDevice:"Trust this browser?"},texts:{enterPasscode:'Enter the passcode that was sent to "{emailAddress}".',enterPasscodeNoEmail:"Enter the passcode that was sent to your primary email address.",setupPasskey:"Sign in to your account easily and securely with a passkey. Note: Your biometric data is only stored on your devices and will never be shared with anyone.",createAccount:'No account exists for "{emailAddress}". Do you want to create a new account?',otpEnterVerificationCode:"Enter the one-time password (OTP) obtained from your authenticator app below:",otpScanQRCode:"Scan the QR code using your authenticator app (such as Google Authenticator or any other TOTP app). Alternatively, you can manually enter the OTP secret key into the app.",otpSecretKey:"OTP secret key",passwordFormatHint:"Must be between {minLength} and {maxLength} characters long.",securityKeySetUp:"Use a dedicated security key via USB, Bluetooth, or NFC, or your mobile phone. Connect or activate your security key, then click the button below and follow the prompts to complete the registration.",setPrimaryEmail:"Set this email address to be used for contacting you.",isPrimaryEmail:"This email address will be used to contact you if necessary.",emailVerified:"This email address has been verified.",emailUnverified:"This email address has not been verified.",emailDelete:"If you delete this email address, it can no longer be used to sign in.",renamePasskey:"Set a name for the passkey.",deletePasskey:"Delete this passkey from your account.",deleteAccount:"Are you sure you want to delete this account? All data will be deleted immediately and cannot be recovered.",noAccountExists:'No account exists for "{emailAddress}".',selectLoginMethodForFutureLogins:"Select one of the following login methods to use for future logins.",howDoYouWantToLogin:"How do you want to login?",mfaSetUp:"Protect your account with Multi-Factor Authentication (MFA). MFA adds an additional step to your login process, ensuring that even if your password or email account is compromised, your account stays secure.",securityKeyLogin:"Connect or activate your security key, then click the button below. Once ready, use it via USB, NFC, your mobile phone. Follow the prompts to complete the login process.",otpLogin:"Open your authenticator app to obtain the one-time password (OTP). Enter the code in the field below to complete your login.",renameSecurityKey:"Set a name for the security key.",deleteSecurityKey:"Delete this security key from your account.",authenticatorAppAlreadySetUp:"Your account is secured with an authenticator app that generates time-based one-time passwords (TOTP) for multi-factor authentication.",authenticatorAppNotSetUp:"Secure your account with an authenticator app that generates time-based one-time passwords (TOTP) for multi-factor authentication.",trustDevice:"If you trust this browser, you won\u2019t need to enter your OTP (One-Time-Password) or use your security key for multi-factor authentication (MFA) the next time you log in."},labels:{or:"or",no:"no",yes:"yes",email:"Email",continue:"Continue",copied:"copied",skip:"Skip",save:"Save",password:"Password",passkey:"Passkey",passcode:"Passcode",signInPassword:"Sign in with a password",signInPasscode:"Sign in with a passcode",forgotYourPassword:"Forgot your password?",back:"Back",signInPasskey:"Sign in with a passkey",registerAuthenticator:"Create a passkey",signIn:"Sign in",signUp:"Create account",sendNewPasscode:"Send new code",passwordRetryAfter:"Retry in {passwordRetryAfter}",passcodeResendAfter:"Request a new code in {passcodeResendAfter}",unverifiedEmail:"unverified",primaryEmail:"primary",setAsPrimaryEmail:"Set as primary",verify:"Verify",delete:"Delete",newEmailAddress:"New email address",newPassword:"New password",rename:"Rename",newPasskeyName:"New passkey name",addEmail:"Add email",createPasskey:"Create a passkey",webauthnUnsupported:"Passkeys are not supported by your browser",signInWith:"Sign in with {provider}",deleteAccount:"Yes, delete this account.",emailOrUsername:"Email or username",username:"Username",optional:"optional",dontHaveAnAccount:"Don't have an account?",alreadyHaveAnAccount:"Already have an account?",changeUsername:"Change username",setUsername:"Set username",changePassword:"Change password",setPassword:"Set password",revoke:"Revoke",currentSession:"Current session",authenticatorApp:"Authenticator app",securityKey:"Security key",securityKeyUse:"Use security key",newSecurityKeyName:"New security key name",createSecurityKey:"Add a security key",authenticatorAppManage:"Manage authenticator app",authenticatorAppAdd:"Set up",configured:"configured",useAnotherMethod:"Use another method",lastUsed:"Last used",trustDevice:"Trust this browser",staySignedIn:"Stay signed in"},errors:{somethingWentWrong:"A technical error has occurred. Please try again later.",requestTimeout:"The request timed out.",invalidPassword:"Wrong email or password.",invalidPasscode:"The passcode provided was not correct.",passcodeAttemptsReached:"The passcode was entered incorrectly too many times. Please request a new code.",tooManyRequests:"Too many requests have been made. Please wait to repeat the requested operation.",unauthorized:"Your session has expired. Please log in again.",invalidWebauthnCredential:"This passkey cannot be used anymore.",passcodeExpired:"The passcode has expired. Please request a new one.",userVerification:"User verification required. Please ensure your authenticator device is protected with a PIN or biometric.",emailAddressAlreadyExistsError:"The email address already exists.",maxNumOfEmailAddressesReached:"No further email addresses can be added.",thirdPartyAccessDenied:"Access denied. The request was cancelled by the user or the provider has denied access for other reasons.",thirdPartyMultipleAccounts:"Cannot identify account. The email address is used by multiple accounts.",thirdPartyUnverifiedEmail:"Email verification required. Please verify the used email address with your provider.",signupDisabled:"Account registration is disabled.",handlerNotFoundError:"The current step in your process is not supported by this application version. Please try again later or contact support if the issue persists."},flowErrors:{technical_error:"A technical error has occurred. Please try again later.",flow_expired_error:"The session has expired, please click the button to restart.",value_invalid_error:"The entered value is invalid.",passcode_invalid:"The passcode provided was not correct.",passkey_invalid:"This passkey cannot be used anymore",passcode_max_attempts_reached:"The passcode was entered incorrectly too many times. Please request a new code.",rate_limit_exceeded:"Too many requests have been made. Please wait to repeat the requested operation.",unknown_username_error:"The username is unknown.",unknown_email_error:"The email address is unknown.",username_already_exists:"The username is already taken.",invalid_username_error:"The username must contain only letters, numbers, and underscores.",email_already_exists:"The email is already taken.",not_found:"The requested resource was not found.",operation_not_permitted_error:"The operation is not permitted.",flow_discontinuity_error:"The process cannot be continued due to user settings or the provider's configuration.",form_data_invalid_error:"The submitted form data contains errors.",unauthorized:"Your session has expired. Please log in again.",value_missing_error:"The value is missing.",value_too_long_error:"Value is too long.",value_too_short_error:"The value is too short.",webauthn_credential_invalid_mfa_only:"This credential can be used as a second factor security key only.",webauthn_credential_already_exists:"The request either timed out, was canceled or the device is already registered. Please try again or try using another device.",platform_authenticator_required:"Your account is configured to use platform authenticators, but your current device or browser does not support this feature. Please try again with a compatible device or browser.",third_party_access_denied:"Access denied. The request was cancelled by the user or the provider has denied access for other reasons."}}}},wo={};function $(n){var t=wo[n];if(t!==void 0)return t.exports;var e=wo[n]={id:n,exports:{}};return Ra[n].call(e.exports,e,e.exports,$),e.exports}$.n=n=>{var t=n&&n.__esModule?()=>n.default:()=>n;return $.d(t,{a:t}),t},$.d=(n,t)=>{for(var e in t)$.o(t,e)&&!$.o(n,e)&&Object.defineProperty(n,e,{enumerable:!0,get:t[e]})},$.o=(n,t)=>Object.prototype.hasOwnProperty.call(n,t),$.r=n=>{typeof Symbol!="undefined"&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},$.nc=void 0;var J={};$.d(J,{rc:()=>Tt,Kj:()=>jt,fK:()=>An,tJ:()=>sn,Z7:()=>Fn,qQ:()=>Un,I4:()=>fn,O8:()=>ke,Qq:()=>It,ku:()=>jn,ls:()=>In,bO:()=>Pn,yv:()=>zn,AT:()=>Dn,m_:()=>Mn,KG:()=>Tn,Wj:()=>un,DH:()=>dn,kf:()=>Pt,Uw:()=>ut,oY:()=>Ye,Wg:()=>Wn,AC:()=>Ln,D_:()=>Et,jx:()=>pn,nX:()=>Nn,Nx:()=>En,Sd:()=>st,kz:()=>yi,fX:()=>Jn,qA:()=>Yn,tz:()=>Xn,gN:()=>Qn});var Cn={};$.r(Cn),$.d(Cn,{apple:()=>vr,checkmark:()=>gr,copy:()=>br,customProvider:()=>_r,discord:()=>yr,exclamation:()=>wr,facebook:()=>kr,github:()=>Sr,google:()=>xr,linkedin:()=>Cr,mail:()=>Or,microsoft:()=>Ar,passkey:()=>Er,password:()=>Ir,qrCodeScanner:()=>jr,securityKey:()=>Pr,spinner:()=>Tr});var k=$(616),Ba=0;function a(n,t,e,o,r,i){var s,l,h={};for(l in t)l=="ref"?s=t[l]:h[l]=t[l];var c={type:n,props:h,key:e,ref:s,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:--Ba,__source:r,__self:i};if(typeof n=="function"&&(s=n.defaultProps))for(l in s)h[l]===void 0&&(h[l]=s[l]);return k.options.vnode&&k.options.vnode(c),c}function rn(){return rn=Object.assign?Object.assign.bind():function(n){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(n[o]=e[o])}return n},rn.apply(this,arguments)}var qa=["context","children"];function $a(n){this.getChildContext=function(){return n.context};var t=n.children,e=function(o,r){if(o==null)return{};var i,s,l={},h=Object.keys(o);for(s=0;s<h.length;s++)r.indexOf(i=h[s])>=0||(l[i]=o[i]);return l}(n,qa);return(0,k.cloneElement)(t,e)}function Ka(){var n=new CustomEvent("_preact",{detail:{},bubbles:!0,cancelable:!0});this.dispatchEvent(n),this._vdom=(0,k.h)($a,rn({},this._props,{context:n.detail.context}),Xo(this,this._vdomComponent)),(this.hasAttribute("hydrate")?k.hydrate:k.render)(this._vdom,this._root)}function Qo(n){return n.replace(/-(\w)/g,function(t,e){return e?e.toUpperCase():""})}function Ga(n,t,e){if(this._vdom){var o={};o[n]=e=e==null?void 0:e,o[Qo(n)]=e,this._vdom=(0,k.cloneElement)(this._vdom,o),(0,k.render)(this._vdom,this._root)}}function Va(){(0,k.render)(this._vdom=null,this._root)}function ko(n,t){var e=this;return(0,k.h)("slot",rn({},n,{ref:function(o){o?(e.ref=o,e._listener||(e._listener=function(r){r.stopPropagation(),r.detail.context=t},o.addEventListener("_preact",e._listener))):e.ref.removeEventListener("_preact",e._listener)}}))}function Xo(n,t){if(n.nodeType===3)return n.data;if(n.nodeType!==1)return null;var e=[],o={},r=0,i=n.attributes,s=n.childNodes;for(r=i.length;r--;)i[r].name!=="slot"&&(o[i[r].name]=i[r].value,o[Qo(i[r].name)]=i[r].value);for(r=s.length;r--;){var l=Xo(s[r],null),h=s[r].slot;h?o[h]=(0,k.h)(ko,{name:h},l):e[r]=l}var c=t?(0,k.h)(ko,null,e):e;return(0,k.h)(t||n.nodeName.toLowerCase(),o,c)}var R=$(7),f=$(78);function ea(n,t){for(var e in t)n[e]=t[e];return n}function So(n,t){for(var e in n)if(e!=="__source"&&!(e in t))return!0;for(var o in t)if(o!=="__source"&&n[o]!==t[o])return!0;return!1}function xo(n){this.props=n}(xo.prototype=new k.Component).isPureReactComponent=!0,xo.prototype.shouldComponentUpdate=function(n,t){return So(this.props,n)||So(this.state,t)};var Co=k.options.__b;k.options.__b=function(n){n.type&&n.type.__f&&n.ref&&(n.props.ref=n.ref,n.ref=null),Co&&Co(n)};var Za=typeof Symbol!="undefined"&&Symbol.for&&Symbol.for("react.forward_ref")||3911,Ja=(k.toChildArray,k.options.__e);k.options.__e=function(n,t,e,o){if(n.then){for(var r,i=t;i=i.__;)if((r=i.__c)&&r.__c)return t.__e==null&&(t.__e=e.__e,t.__k=e.__k),r.__c(n,t)}Ja(n,t,e,o)};var Oo=k.options.unmount;function ta(n,t,e){return n&&(n.__c&&n.__c.__H&&(n.__c.__H.__.forEach(function(o){typeof o.__c=="function"&&o.__c()}),n.__c.__H=null),(n=ea({},n)).__c!=null&&(n.__c.__P===e&&(n.__c.__P=t),n.__c=null),n.__k=n.__k&&n.__k.map(function(o){return ta(o,t,e)})),n}function na(n,t,e){return n&&(n.__v=null,n.__k=n.__k&&n.__k.map(function(o){return na(o,t,e)}),n.__c&&n.__c.__P===t&&(n.__e&&e.insertBefore(n.__e,n.__d),n.__c.__e=!0,n.__c.__P=e)),n}function kn(){this.__u=0,this.t=null,this.__b=null}function oa(n){var t=n.__.__c;return t&&t.__a&&t.__a(n)}function Rt(){this.u=null,this.o=null}k.options.unmount=function(n){var t=n.__c;t&&t.__R&&t.__R(),t&&n.__h===!0&&(n.type=null),Oo&&Oo(n)},(kn.prototype=new k.Component).__c=function(n,t){var e=t.__c,o=this;o.t==null&&(o.t=[]),o.t.push(e);var r=oa(o.__v),i=!1,s=function(){i||(i=!0,e.__R=null,r?r(l):l())};e.__R=s;var l=function(){if(!--o.__u){if(o.state.__a){var c=o.state.__a;o.__v.__k[0]=na(c,c.__c.__P,c.__c.__O)}var d;for(o.setState({__a:o.__b=null});d=o.t.pop();)d.forceUpdate()}},h=t.__h===!0;o.__u++||h||o.setState({__a:o.__b=o.__v.__k[0]}),n.then(s,s)},kn.prototype.componentWillUnmount=function(){this.t=[]},kn.prototype.render=function(n,t){if(this.__b){if(this.__v.__k){var e=document.createElement("div"),o=this.__v.__k[0].__c;this.__v.__k[0]=ta(this.__b,e,o.__O=o.__P)}this.__b=null}var r=t.__a&&(0,k.createElement)(k.Fragment,null,n.fallback);return r&&(r.__h=null),[(0,k.createElement)(k.Fragment,null,t.__a?null:n.children),r]};var Ao=function(n,t,e){if(++e[1]===e[0]&&n.o.delete(t),n.props.revealOrder&&(n.props.revealOrder[0]!=="t"||!n.o.size))for(e=n.u;e;){for(;e.length>3;)e.pop()();if(e[1]<e[0])break;n.u=e=e[2]}};(Rt.prototype=new k.Component).__a=function(n){var t=this,e=oa(t.__v),o=t.o.get(n);return o[0]++,function(r){var i=function(){t.props.revealOrder?(o.push(r),Ao(t,n,o)):r()};e?e(i):i()}},Rt.prototype.render=function(n){this.u=null,this.o=new Map;var t=(0,k.toChildArray)(n.children);n.revealOrder&&n.revealOrder[0]==="b"&&t.reverse();for(var e=t.length;e--;)this.o.set(t[e],this.u=[1,0,this.u]);return n.children},Rt.prototype.componentDidUpdate=Rt.prototype.componentDidMount=function(){var n=this;this.o.forEach(function(t,e){Ao(n,e,t)})};var Ya=typeof Symbol!="undefined"&&Symbol.for&&Symbol.for("react.element")||60103,Qa=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,Xa=/^on(Ani|Tra|Tou|BeforeInp|Compo)/,er=/[A-Z0-9]/g,tr=typeof document!="undefined",nr=function(n){return(typeof Symbol!="undefined"&&typeof Symbol()=="symbol"?/fil|che|rad/:/fil|che|ra/).test(n)};k.Component.prototype.isReactComponent={},["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach(function(n){Object.defineProperty(k.Component.prototype,n,{configurable:!0,get:function(){return this["UNSAFE_"+n]},set:function(t){Object.defineProperty(this,n,{configurable:!0,writable:!0,value:t})}})});var Eo=k.options.event;function or(){}function ar(){return this.cancelBubble}function rr(){return this.defaultPrevented}k.options.event=function(n){return Eo&&(n=Eo(n)),n.persist=or,n.isPropagationStopped=ar,n.isDefaultPrevented=rr,n.nativeEvent=n};var Io={configurable:!0,get:function(){return this.class}},jo=k.options.vnode;k.options.vnode=function(n){var t=n.type,e=n.props,o=e;if(typeof t=="string"){for(var r in o={},e){var i=e[r];if(!(r==="value"&&"defaultValue"in e&&i==null||tr&&r==="children"&&t==="noscript")){var s=r.toLowerCase();r==="defaultValue"&&"value"in e&&e.value==null?r="value":r==="download"&&i===!0?i="":s==="ondoubleclick"?r="ondblclick":s!=="onchange"||t!=="input"&&t!=="textarea"||nr(e.type)?s==="onfocus"?r="onfocusin":s==="onblur"?r="onfocusout":Xa.test(r)?r=s:t.indexOf("-")===-1&&Qa.test(r)?r=r.replace(er,"-$&").toLowerCase():i===null&&(i=void 0):s=r="oninput",s==="oninput"&&o[r=s]&&(r="oninputCapture"),o[r]=i}}t=="select"&&o.multiple&&Array.isArray(o.value)&&(o.value=(0,k.toChildArray)(e.children).forEach(function(l){l.props.selected=o.value.indexOf(l.props.value)!=-1})),t=="select"&&o.defaultValue!=null&&(o.value=(0,k.toChildArray)(e.children).forEach(function(l){l.props.selected=o.multiple?o.defaultValue.indexOf(l.props.value)!=-1:o.defaultValue==l.props.value})),n.props=o,e.class!=e.className&&(Io.enumerable="className"in e,e.className!=null&&(o.class=e.className),Object.defineProperty(o,"className",Io))}n.$$typeof=Ya,jo&&jo(n)};var Po=k.options.__r;k.options.__r=function(n){Po&&Po(n),n.__c};var To=k.options.diffed;function Ne(){return Ne=Object.assign?Object.assign.bind():function(n){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(n[o]=e[o])}return n},Ne.apply(this,arguments)}k.options.diffed=function(n){To&&To(n);var t=n.props,e=n.__e;e!=null&&n.type==="textarea"&&"value"in t&&t.value!==e.value&&(e.value=t.value==null?"":t.value)},k.Fragment,f.useLayoutEffect,f.useState,f.useId,f.useReducer,f.useEffect,f.useLayoutEffect,f.useRef,f.useImperativeHandle,f.useMemo,f.useCallback,f.useContext,f.useDebugValue,k.createElement,k.createContext,k.createRef,k.Fragment,k.Component;var On=class{static throttle(t,e,o={}){let{leading:r=!0,trailing:i=!0}=o,s,l,h,c=0,d=()=>{c=r===!1?0:Date.now(),h=null,t.apply(s,l)};return function(...m){let g=Date.now();c||r!==!1||(c=g);let v=e-(g-c);s=this,l=m,v<=0||v>e?(h&&(window.clearTimeout(h),h=null),c=g,t.apply(s,l)):h||i===!1||(h=window.setTimeout(d,v))}}},Jn="hanko-session-created",Yn="hanko-session-expired",Qn="hanko-user-logged-out",Xn="hanko-user-deleted",aa="hanko-after-state-change",ra="hanko-before-state-change",sn=class extends CustomEvent{constructor(t,e){super(t,{detail:e})}},ln=class n{constructor(){this.throttleLimit=1e3,this._addEventListener=document.addEventListener.bind(document),this._removeEventListener=document.removeEventListener.bind(document),this._throttle=On.throttle}wrapCallback(t,e){let o=r=>{t(r.detail)};return e?this._throttle(o,this.throttleLimit,{leading:!0,trailing:!1}):o}addEventListenerWithType({type:t,callback:e,once:o=!1,throttle:r=!1}){let i=this.wrapCallback(e,r);return this._addEventListener(t,i,{once:o}),()=>this._removeEventListener(t,i)}static mapAddEventListenerParams(t,{once:e,callback:o},r){return{type:t,callback:o,once:e,throttle:r}}addEventListener(t,e,o){return this.addEventListenerWithType(n.mapAddEventListenerParams(t,e,o))}onSessionCreated(t,e){return this.addEventListener(Jn,{callback:t,once:e},!0)}onSessionExpired(t,e){return this.addEventListener(Yn,{callback:t,once:e},!0)}onUserLoggedOut(t,e){return this.addEventListener(Qn,{callback:t,once:e})}onUserDeleted(t,e){return this.addEventListener(Xn,{callback:t,once:e})}onAfterStateChange(t,e){return this.addEventListener(aa,{callback:t,once:e},!1)}onBeforeStateChange(t,e){return this.addEventListener(ra,{callback:t,once:e},!1)}},cn=class{constructor(){this._dispatchEvent=document.dispatchEvent.bind(document)}dispatch(t,e){this._dispatchEvent(new sn(t,e))}dispatchSessionCreatedEvent(t){this.dispatch(Jn,t)}dispatchSessionExpiredEvent(){this.dispatch(Yn,null)}dispatchUserLoggedOutEvent(){this.dispatch(Qn,null)}dispatchUserDeletedEvent(){this.dispatch(Xn,null)}dispatchAfterStateChangeEvent(t){this.dispatch(aa,t)}dispatchBeforeStateChangeEvent(t){this.dispatch(ra,t)}},ke=class n extends Error{constructor(t,e,o){super(t),this.code=void 0,this.cause=void 0,this.code=e,this.cause=o,Object.setPrototypeOf(this,n.prototype)}},Ye=class n extends ke{constructor(t){super("Technical error","somethingWentWrong",t),Object.setPrototypeOf(this,n.prototype)}},An=class n extends ke{constructor(t,e){super("Conflict error","conflict",e),Object.setPrototypeOf(this,n.prototype)}},dn=class n extends ke{constructor(t){super("Request timed out error","requestTimeout",t),Object.setPrototypeOf(this,n.prototype)}},En=class n extends ke{constructor(t){super("Request cancelled error","requestCancelled",t),Object.setPrototypeOf(this,n.prototype)}},In=class n extends ke{constructor(t){super("Invalid password error","invalidPassword",t),Object.setPrototypeOf(this,n.prototype)}},jn=class n extends ke{constructor(t){super("Invalid Passcode error","invalidPasscode",t),Object.setPrototypeOf(this,n.prototype)}},Pn=class n extends ke{constructor(t){super("Invalid WebAuthn credential error","invalidWebauthnCredential",t),Object.setPrototypeOf(this,n.prototype)}},Tn=class n extends ke{constructor(t){super("Passcode expired error","passcodeExpired",t),Object.setPrototypeOf(this,n.prototype)}},Dn=class n extends ke{constructor(t){super("Maximum number of Passcode attempts reached error","passcodeAttemptsReached",t),Object.setPrototypeOf(this,n.prototype)}},Mn=class n extends ke{constructor(t){super("Not found error","notFound",t),Object.setPrototypeOf(this,n.prototype)}},Ln=class n extends ke{constructor(t,e){super("Too many requests error","tooManyRequests",e),this.retryAfter=void 0,this.retryAfter=t,Object.setPrototypeOf(this,n.prototype)}},Et=class n extends ke{constructor(t){super("Unauthorized error","unauthorized",t),Object.setPrototypeOf(this,n.prototype)}},Un=class n extends ke{constructor(t){super("Forbidden error","forbidden",t),Object.setPrototypeOf(this,n.prototype)}},Nn=class n extends ke{constructor(t){super("User verification error","userVerification",t),Object.setPrototypeOf(this,n.prototype)}},zn=class n extends ke{constructor(t){super("Maximum number of email addresses reached error","maxNumOfEmailAddressesReached",t),Object.setPrototypeOf(this,n.prototype)}},Fn=class n extends ke{constructor(t){super("The email address already exists","emailAddressAlreadyExistsError",t),Object.setPrototypeOf(this,n.prototype)}},Wn=class n extends ke{constructor(t,e){super("An error occurred during third party sign up/sign in",t,e),Object.setPrototypeOf(this,n.prototype)}};function Bt(n){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var o in e)n[o]=e[o]}return n}var Sn=function n(t,e){function o(r,i,s){if(typeof document!="undefined"){typeof(s=Bt({},e,s)).expires=="number"&&(s.expires=new Date(Date.now()+864e5*s.expires)),s.expires&&(s.expires=s.expires.toUTCString()),r=encodeURIComponent(r).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var l="";for(var h in s)s[h]&&(l+="; "+h,s[h]!==!0&&(l+="="+s[h].split(";")[0]));return document.cookie=r+"="+t.write(i,r)+l}}return Object.create({set:o,get:function(r){if(typeof document!="undefined"&&(!arguments.length||r)){for(var i=document.cookie?document.cookie.split("; "):[],s={},l=0;l<i.length;l++){var h=i[l].split("="),c=h.slice(1).join("=");try{var d=decodeURIComponent(h[0]);if(s[d]=t.read(c,d),r===d)break}catch(m){}}return r?s[r]:s}},remove:function(r,i){o(r,"",Bt({},i,{expires:-1}))},withAttributes:function(r){return n(this.converter,Bt({},this.attributes,r))},withConverter:function(r){return n(Bt({},this.converter,r),this.attributes)}},{attributes:{value:Object.freeze(e)},converter:{value:Object.freeze(t)}})}({read:function(n){return n[0]==='"'&&(n=n.slice(1,-1)),n.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(n){return encodeURIComponent(n).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}},{path:"/"}),hn=class{constructor(t){var e,o;this.authCookieName=void 0,this.authCookieDomain=void 0,this.authCookieSameSite=void 0,this.authCookieName=(e=t.cookieName)!=null?e:"hanko",this.authCookieDomain=t.cookieDomain,this.authCookieSameSite=(o=t.cookieSameSite)!=null?o:"lax"}getAuthCookie(){return Sn.get(this.authCookieName)}setAuthCookie(t,e){let o={secure:!0,sameSite:this.authCookieSameSite};this.authCookieDomain!==void 0&&(o.domain=this.authCookieDomain);let r=Ne({},o,e);if((r.sameSite==="none"||r.sameSite==="None")&&r.secure===!1)throw new Ye(new Error("Secure attribute must be set when SameSite=None"));Sn.set(this.authCookieName,t,r)}removeAuthCookie(){Sn.remove(this.authCookieName)}},Hn=class{constructor(t){this.keyName=void 0,this.keyName=t.keyName}getSessionToken(){return sessionStorage.getItem(this.keyName)}setSessionToken(t){sessionStorage.setItem(this.keyName,t)}removeSessionToken(){sessionStorage.removeItem(this.keyName)}},Rn=class{constructor(t){this._xhr=void 0,this._xhr=t}getResponseHeader(t){return this._xhr.getResponseHeader(t)}},Bn=class{constructor(t){this.headers=void 0,this.ok=void 0,this.status=void 0,this.statusText=void 0,this.url=void 0,this._decodedJSON=void 0,this.xhr=void 0,this.headers=new Rn(t),this.ok=t.status>=200&&t.status<=299,this.status=t.status,this.statusText=t.statusText,this.url=t.responseURL,this.xhr=t}json(){return this._decodedJSON||(this._decodedJSON=JSON.parse(this.xhr.response)),this._decodedJSON}parseNumericHeader(t){let e=parseInt(this.headers.getResponseHeader(t),10);return isNaN(e)?0:e}},It=class{constructor(t,e){var o;this.timeout=void 0,this.api=void 0,this.dispatcher=void 0,this.cookie=void 0,this.sessionTokenStorage=void 0,this.lang=void 0,this.sessionTokenLocation=void 0,this.api=t,this.timeout=(o=e.timeout)!=null?o:13e3,this.dispatcher=new cn,this.cookie=new hn(Ne({},e)),this.sessionTokenStorage=new Hn({keyName:e.cookieName}),this.lang=e.lang,this.sessionTokenLocation=e.sessionTokenLocation}_fetch(t,e,o=new XMLHttpRequest){let r=this,i=this.api+t,s=this.timeout,l=this.getAuthToken(),h=this.lang;return new Promise(function(c,d){o.open(e.method,i,!0),o.setRequestHeader("Accept","application/json"),o.setRequestHeader("Content-Type","application/json"),o.setRequestHeader("X-Language",h),l&&o.setRequestHeader("Authorization",`Bearer ${l}`),o.timeout=s,o.withCredentials=!0,o.onload=()=>{r.processHeaders(o),c(new Bn(o))},o.onerror=()=>{d(new Ye)},o.ontimeout=()=>{d(new dn)},o.send(e.body?e.body.toString():null)})}processHeaders(t){let e="",o=0,r="";if(t.getAllResponseHeaders().split(`\r
|
|
578
|
-
`).forEach(i=>{let s=i.toLowerCase();s.startsWith("x-auth-token")?e=t.getResponseHeader("X-Auth-Token"):s.startsWith("x-session-lifetime")?o=parseInt(t.getResponseHeader("X-Session-Lifetime"),10):s.startsWith("x-session-retention")&&(r=t.getResponseHeader("X-Session-Retention"))}),e){let i=new RegExp("^https://"),s=!!this.api.match(i)&&!!window.location.href.match(i),l=r==="session"?void 0:new Date(new Date().getTime()+1e3*o);this.setAuthToken(e,{secure:s,expires:l})}}get(t){return this._fetch(t,{method:"GET"})}post(t,e){return this._fetch(t,{method:"POST",body:JSON.stringify(e)})}put(t,e){return this._fetch(t,{method:"PUT",body:JSON.stringify(e)})}patch(t,e){return this._fetch(t,{method:"PATCH",body:JSON.stringify(e)})}delete(t){return this._fetch(t,{method:"DELETE"})}getAuthToken(){let t="";switch(this.sessionTokenLocation){case"cookie":default:t=this.cookie.getAuthCookie();break;case"sessionStorage":t=this.sessionTokenStorage.getSessionToken()}return t}setAuthToken(t,e){switch(this.sessionTokenLocation){case"cookie":default:return this.cookie.setAuthCookie(t,e);case"sessionStorage":return this.sessionTokenStorage.setSessionToken(t)}}},jt=class{constructor(t,e){this.client=void 0,this.client=new It(t,e)}},Pt=class extends jt{async validate(){let t=await this.client.get("/sessions/validate");if(!t.ok)throw new Ye;return await t.json()}},qn=class{constructor(t){this.storageKey=void 0,this.defaultState={expiration:0,lastCheck:0},this.storageKey=t}load(){let t=window.localStorage.getItem(this.storageKey);return t==null?this.defaultState:JSON.parse(t)}save(t){window.localStorage.setItem(this.storageKey,JSON.stringify(t||this.defaultState))}},$n=class{constructor(t,e){this.onActivityCallback=void 0,this.onInactivityCallback=void 0,this.handleFocus=()=>{this.onActivityCallback()},this.handleBlur=()=>{this.onInactivityCallback()},this.handleVisibilityChange=()=>{document.visibilityState==="visible"?this.onActivityCallback():this.onInactivityCallback()},this.hasFocus=()=>document.hasFocus(),this.onActivityCallback=t,this.onInactivityCallback=e,window.addEventListener("focus",this.handleFocus),window.addEventListener("blur",this.handleBlur),document.addEventListener("visibilitychange",this.handleVisibilityChange)}},Kn=class{constructor(t,e,o){this.intervalID=null,this.timeoutID=null,this.checkInterval=void 0,this.checkSession=void 0,this.onSessionExpired=void 0,this.checkInterval=t,this.checkSession=e,this.onSessionExpired=o}scheduleSessionExpiry(t){var e=this;this.stop(),this.timeoutID=setTimeout(async function(){e.stop(),e.onSessionExpired()},t)}start(t=0,e=0){var o=this;let r=this.calcTimeToNextCheck(t);this.sessionExpiresSoon(e)?this.scheduleSessionExpiry(r):this.timeoutID=setTimeout(async function(){let i=await o.checkSession();if(i.is_valid){if(o.sessionExpiresSoon(i.expiration))return void o.scheduleSessionExpiry(i.expiration-Date.now());o.intervalID=setInterval(async function(){i=await o.checkSession(),i.is_valid?o.sessionExpiresSoon(i.expiration)&&o.scheduleSessionExpiry(i.expiration-Date.now()):o.stop()},o.checkInterval)}else o.stop()},r)}stop(){this.timeoutID&&(clearTimeout(this.timeoutID),this.timeoutID=null),this.intervalID&&(clearInterval(this.intervalID),this.intervalID=null)}isRunning(){return this.timeoutID!==null||this.intervalID!==null}sessionExpiresSoon(t){return t>0&&t-Date.now()<=this.checkInterval}calcTimeToNextCheck(t){let e=Date.now()-t;return this.checkInterval>=e?this.checkInterval-e%this.checkInterval:0}},Gn=class{constructor(t="hanko_session",e,o,r){this.channel=void 0,this.onSessionExpired=void 0,this.onSessionCreated=void 0,this.onLeadershipRequested=void 0,this.handleMessage=i=>{let s=i.data;switch(s.action){case"sessionExpired":this.onSessionExpired(s);break;case"sessionCreated":this.onSessionCreated(s);break;case"requestLeadership":this.onLeadershipRequested(s)}},this.onSessionExpired=e,this.onSessionCreated=o,this.onLeadershipRequested=r,this.channel=new BroadcastChannel(t),this.channel.onmessage=this.handleMessage}post(t){this.channel.postMessage(t)}},un=class extends cn{constructor(t,e){super(),this.listener=new ln,this.checkInterval=3e4,this.client=void 0,this.sessionState=void 0,this.windowActivityManager=void 0,this.scheduler=void 0,this.sessionChannel=void 0,this.isLoggedIn=void 0,this.client=new Pt(t,e),e.sessionCheckInterval&&(this.checkInterval=e.sessionCheckInterval<3e3?3e3:e.sessionCheckInterval),this.sessionState=new qn(`${e.cookieName}_session_state`),this.sessionChannel=new Gn(this.getSessionCheckChannelName(e.sessionTokenLocation,e.sessionCheckChannelName),()=>this.onChannelSessionExpired(),i=>this.onChannelSessionCreated(i),()=>this.onChannelLeadershipRequested()),this.scheduler=new Kn(this.checkInterval,()=>this.checkSession(),()=>this.onSessionExpired()),this.windowActivityManager=new $n(()=>this.startSessionCheck(),()=>this.scheduler.stop());let o=Date.now(),{expiration:r}=this.sessionState.load();this.isLoggedIn=o<r,this.initializeEventListeners(),this.startSessionCheck()}initializeEventListeners(){this.listener.onSessionCreated(t=>{let{claims:e}=t,o=Date.parse(e.expiration),r=Date.now();this.isLoggedIn=!0,this.sessionState.save({expiration:o,lastCheck:r}),this.sessionChannel.post({action:"sessionCreated",claims:e}),this.startSessionCheck()}),this.listener.onUserLoggedOut(()=>{this.isLoggedIn=!1,this.sessionChannel.post({action:"sessionExpired"}),this.sessionState.save(null),this.scheduler.stop()}),window.addEventListener("beforeunload",()=>this.scheduler.stop())}startSessionCheck(){if(!this.windowActivityManager.hasFocus()||(this.sessionChannel.post({action:"requestLeadership"}),this.scheduler.isRunning()))return;let{lastCheck:t,expiration:e}=this.sessionState.load();this.isLoggedIn&&this.scheduler.start(t,e)}async checkSession(){let t=Date.now(),{is_valid:e,claims:o,expiration_time:r}=await this.client.validate(),i=r?Date.parse(r):0;return!e&&this.isLoggedIn&&this.dispatchSessionExpiredEvent(),e?(this.isLoggedIn=!0,this.sessionState.save({lastCheck:t,expiration:i})):(this.isLoggedIn=!1,this.sessionState.save(null),this.sessionChannel.post({action:"sessionExpired"})),{is_valid:e,claims:o,expiration:i}}onSessionExpired(){this.isLoggedIn&&(this.isLoggedIn=!1,this.sessionState.save(null),this.sessionChannel.post({action:"sessionExpired"}),this.dispatchSessionExpiredEvent())}onChannelSessionExpired(){this.isLoggedIn&&(this.isLoggedIn=!1,this.dispatchSessionExpiredEvent())}onChannelSessionCreated(t){let{claims:e}=t,o=Date.now(),r=Date.parse(e.expiration)-o;this.isLoggedIn=!0,this.dispatchSessionCreatedEvent({claims:e,expirationSeconds:r})}onChannelLeadershipRequested(){this.windowActivityManager.hasFocus()||this.scheduler.stop()}getSessionCheckChannelName(t,e){if(t!=="sessionStorage")return e;let o=sessionStorage.getItem("sessionCheckChannelName");return o!=null&&o!==""||(o=`${e}-${Math.floor(100*Math.random())+1}`,sessionStorage.setItem("sessionCheckChannelName",o)),o}},st=class{static supported(){return!!(navigator.credentials&&navigator.credentials.create&&navigator.credentials.get&&window.PublicKeyCredential)}static async isPlatformAuthenticatorAvailable(){return!(!this.supported()||!window.PublicKeyCredential.isUserVerifyingPlatformAuthenticatorAvailable)&&window.PublicKeyCredential.isUserVerifyingPlatformAuthenticatorAvailable()}static async isSecurityKeySupported(){return window.PublicKeyCredential!==void 0&&window.PublicKeyCredential.isExternalCTAP2SecurityKeySupported?window.PublicKeyCredential.isExternalCTAP2SecurityKeySupported():this.supported()}static async isConditionalMediationAvailable(){return!(!window.PublicKeyCredential||!window.PublicKeyCredential.isConditionalMediationAvailable)&&window.PublicKeyCredential.isConditionalMediationAvailable()}};function ia(n){let t="==".slice(0,(4-n.length%4)%4),e=n.replace(/-/g,"+").replace(/_/g,"/")+t,o=atob(e),r=new ArrayBuffer(o.length),i=new Uint8Array(r);for(let s=0;s<o.length;s++)i[s]=o.charCodeAt(s);return r}function sa(n){let t=new Uint8Array(n),e="";for(let o of t)e+=String.fromCharCode(o);return btoa(e).replace(/\+/g,"-").replace(/\//g,"_").replace(/=/g,"")}var ae="copy",Le="convert";function ht(n,t,e){if(t===ae)return e;if(t===Le)return n(e);if(t instanceof Array)return e.map(o=>ht(n,t[0],o));if(t instanceof Object){let o={};for(let[r,i]of Object.entries(t)){if(i.derive){let s=i.derive(e);s!==void 0&&(e[r]=s)}if(r in e)o[r]=e[r]!=null?ht(n,i.schema,e[r]):null;else if(i.required)throw new Error(`Missing key: ${r}`)}return o}}function Vn(n,t){return{required:!0,schema:n,derive:t}}function de(n){return{required:!0,schema:n}}function _e(n){return{required:!1,schema:n}}var la={type:de(ae),id:de(Le),transports:_e(ae)},ca={appid:_e(ae),appidExclude:_e(ae),credProps:_e(ae)},da={appid:_e(ae),appidExclude:_e(ae),credProps:_e(ae)},ir={publicKey:de({rp:de(ae),user:de({id:de(Le),name:de(ae),displayName:de(ae)}),challenge:de(Le),pubKeyCredParams:de(ae),timeout:_e(ae),excludeCredentials:_e([la]),authenticatorSelection:_e(ae),attestation:_e(ae),extensions:_e(ca)}),signal:_e(ae)},sr={type:de(ae),id:de(ae),rawId:de(Le),authenticatorAttachment:_e(ae),response:de({clientDataJSON:de(Le),attestationObject:de(Le),transports:Vn(ae,n=>{var t;return((t=n.getTransports)==null?void 0:t.call(n))||[]})}),clientExtensionResults:Vn(da,n=>n.getClientExtensionResults())},lr={mediation:_e(ae),publicKey:de({challenge:de(Le),timeout:_e(ae),rpId:_e(ae),allowCredentials:_e([la]),userVerification:_e(ae),extensions:_e(ca)}),signal:_e(ae)},cr={type:de(ae),id:de(ae),rawId:de(Le),authenticatorAttachment:_e(ae),response:de({clientDataJSON:de(Le),authenticatorData:de(Le),signature:de(Le),userHandle:de(Le)}),clientExtensionResults:Vn(da,n=>n.getClientExtensionResults())};async function Do(n){let t=await navigator.credentials.get(function(e){return ht(ia,lr,e)}(n));return function(e){return ht(sa,cr,e)}(t)}var lt=class n{constructor(){this.abortController=new AbortController}static getInstance(){return n.instance||(n.instance=new n),n.instance}createAbortSignal(){return this.abortController.abort(),this.abortController=new AbortController,this.abortController.signal}async getWebauthnCredential(t){return await Do(Ne({},t,{signal:this.createAbortSignal()}))}async getConditionalWebauthnCredential(t){return await Do({publicKey:t,mediation:"conditional",signal:this.createAbortSignal()})}async createWebauthnCredential(t){return await async function(e){return o=await navigator.credentials.create(function(r){return ht(ia,ir,r)}(e)),ht(sa,sr,o);var o}(Ne({},t,{signal:this.createAbortSignal()}))}};async function Mo(n,t,e,o="webauthn_credential_already_exists",r="Webauthn credential already exists"){try{let i=await t.createWebauthnCredential(e);return await n.actions.webauthn_verify_attestation_response.run({public_key:i})}catch(i){let s=await n.actions.back.run();return s.error={code:o,message:r},s}}lt.instance=null;var Lo={preflight:async n=>await n.actions.register_client_capabilities.run({webauthn_available:st.supported(),webauthn_conditional_mediation_available:await st.isConditionalMediationAvailable(),webauthn_platform_authenticator_available:await st.isPlatformAuthenticatorAvailable()}),login_passkey:async n=>{let t=lt.getInstance();try{let e=await t.getWebauthnCredential(n.payload.request_options);return await n.actions.webauthn_verify_assertion_response.run({assertion_response:e})}catch(e){let o=await n.actions.back.run();return n.error&&(o.error=n.error),o}},onboarding_verify_passkey_attestation:async n=>Mo(n,lt.getInstance(),n.payload.creation_options),webauthn_credential_verification:async n=>Mo(n,lt.getInstance(),n.payload.creation_options),async thirdparty(n){let t=new URLSearchParams(window.location.search),e=t.get("hanko_token"),o=t.get("error"),r=i=>{i.forEach(l=>t.delete(l));let s=t.toString()?`?${t.toString()}`:"";history.replaceState(null,null,`${window.location.pathname}${s}`)};if((e==null?void 0:e.length)>0)return r(["hanko_token"]),await n.actions.exchange_token.run({token:e});if((o==null?void 0:o.length)>0){let i=o==="access_denied"?"third_party_access_denied":"technical_error",s=t.get("error_description");r(["error","error_description"]);let l=await n.actions.back.run(null,{dispatchAfterStateChangeEvent:!1});return l.error={code:i,message:s},l.dispatchAfterStateChangeEvent(),l}return n.isCached?await n.actions.back.run():(n.saveToLocalStorage(),window.location.assign(n.payload.redirect_url),n)},success:async n=>{let{claims:t}=n.payload,e=Date.parse(t.expiration)-Date.now();return n.removeFromLocalStorage(),n.hanko.relay.dispatchSessionCreatedEvent({claims:t,expirationSeconds:e}),n},account_deleted:async n=>(n.removeFromLocalStorage(),n.hanko.relay.dispatchUserDeletedEvent(),n)},Uo={login_init:async n=>{(async function(){let t=lt.getInstance();if(n.payload.request_options)try{let{publicKey:e}=n.payload.request_options,o=await t.getConditionalWebauthnCredential(e);await n.actions.webauthn_verify_assertion_response.run({assertion_response:o})}catch(e){return}})()}},ut=class n{constructor(t,e,o,r={}){if(this.name=void 0,this.flowName=void 0,this.error=void 0,this.payload=void 0,this.actions=void 0,this.csrfToken=void 0,this.status=void 0,this.previousAction=void 0,this.isCached=void 0,this.cacheKey=void 0,this.hanko=void 0,this.invokedAction=void 0,this.excludeAutoSteps=void 0,this.autoStep=void 0,this.passkeyAutofillActivation=void 0,this.flowName=e,this.name=o.name,this.error=o.error,this.payload=o.payload,this.csrfToken=o.csrf_token,this.status=o.status,this.hanko=t,this.actions=this.buildActionMap(o.actions),this.name in Lo){let d=Lo[this.name];this.autoStep=()=>d(this)}if(this.name in Uo){let d=Uo[this.name];this.passkeyAutofillActivation=()=>d(this)}let{dispatchAfterStateChangeEvent:i=!0,excludeAutoSteps:s=null,previousAction:l=null,isCached:h=!1,cacheKey:c="hanko-flow-state"}=r;this.excludeAutoSteps=s,this.previousAction=l,this.isCached=h,this.cacheKey=c,i&&this.dispatchAfterStateChangeEvent()}buildActionMap(t){let e={};return Object.keys(t).forEach(o=>{e[o]=new Tt(t[o],this)}),new Proxy(e,{get:(o,r)=>{if(r in o)return o[r];let i=typeof r=="string"?r:r.toString();return Tt.createDisabled(i,this)}})}dispatchAfterStateChangeEvent(){this.hanko.relay.dispatchAfterStateChangeEvent({state:this})}serialize(){return{flow_name:this.flowName,name:this.name,error:this.error,payload:this.payload,csrf_token:this.csrfToken,status:this.status,previous_action:this.previousAction,actions:Object.fromEntries(Object.entries(this.actions).map(([t,e])=>[t,{action:e.name,href:e.href,inputs:e.inputs,description:null}]))}}saveToLocalStorage(){localStorage.setItem(this.cacheKey,JSON.stringify(Ne({},this.serialize(),{is_cached:!0})))}removeFromLocalStorage(){localStorage.removeItem(this.cacheKey)}static async initializeFlowState(t,e,o,r={}){let i=new n(t,e,o,r);if(i.excludeAutoSteps!="all")for(;i&&i.autoStep&&((s=i.excludeAutoSteps)==null||!s.includes(i.name));){var s;let l=await i.autoStep();if(l.name==i.name)return l;i=l}return i}static readFromLocalStorage(t){let e=localStorage.getItem(t);if(e)try{return JSON.parse(e)}catch(o){return}}static async create(t,e,o={}){let{cacheKey:r="hanko-flow-state",loadFromCache:i=!0}=o;if(i){let l=n.readFromLocalStorage(r);if(l)return n.deserialize(t,l,Ne({},o,{cacheKey:r}))}let s=await n.fetchState(t,`/${e}`);return n.initializeFlowState(t,e,s,Ne({},o,{cacheKey:r}))}static async deserialize(t,e,o={}){return n.initializeFlowState(t,e.flow_name,e,Ne({},o,{previousAction:e.previous_action,isCached:e.is_cached}))}static async fetchState(t,e,o){try{return(await t.client.post(e,o)).json()}catch(r){return n.createErrorResponse(r)}}static createErrorResponse(t){return{actions:null,csrf_token:"",name:"error",payload:null,status:0,error:t}}},Tt=class n{constructor(t,e,o=!0){this.enabled=void 0,this.href=void 0,this.name=void 0,this.inputs=void 0,this.parentState=void 0,this.enabled=o,this.href=t.href,this.name=t.action,this.inputs=t.inputs,this.parentState=e}static createDisabled(t,e){return new n({action:t,href:"",inputs:{},description:"Disabled action"},e,!1)}async run(t=null,e={}){let{name:o,hanko:r,flowName:i,csrfToken:s,invokedAction:l,excludeAutoSteps:h,cacheKey:c}=this.parentState,{dispatchAfterStateChangeEvent:d=!0}=e;if(!this.enabled)throw new Error(`Action '${this.name}' is not enabled in state '${o}'`);if(l)throw new Error(`An action '${l.name}' has already been invoked on state '${l.relatedStateName}'. No further actions can be run.`);this.parentState.invokedAction={name:this.name,relatedStateName:o},r.relay.dispatchBeforeStateChangeEvent({state:this.parentState});let m={input_data:Ne({},Object.keys(this.inputs).reduce((v,S)=>{let w=this.inputs[S];return w.value!==void 0&&(v[S]=w.value),v},{}),t),csrf_token:s},g=await ut.fetchState(r,this.href,m);return this.parentState.removeFromLocalStorage(),ut.initializeFlowState(r,i,g,{dispatchAfterStateChangeEvent:d,excludeAutoSteps:h,previousAction:l,cacheKey:c})}},pn=class extends jt{async getCurrent(){let t=await this.client.get("/me");if(t.status===401)throw this.client.dispatcher.dispatchSessionExpiredEvent(),new Et;if(!t.ok)throw new Ye;let e=t.json(),o=await this.client.get(`/users/${e.id}`);if(o.status===401)throw this.client.dispatcher.dispatchSessionExpiredEvent(),new Et;if(!o.ok)throw new Ye;return o.json()}async logout(){let t=await this.client.post("/logout");if(this.client.sessionTokenStorage.removeSessionToken(),this.client.cookie.removeAuthCookie(),this.client.dispatcher.dispatchUserLoggedOutEvent(),t.status!==401&&!t.ok)throw new Ye}},fn=class extends ln{constructor(t,e){super(),this.session=void 0,this.user=void 0,this.cookie=void 0,this.client=void 0,this.relay=void 0;let o=Ne({timeout:13e3,cookieName:"hanko",localStorageKey:"hanko",sessionCheckInterval:3e4,sessionCheckChannelName:"hanko-session-check"},e);this.client=new It(t,o),this.session=new Pt(t,o),this.user=new pn(t,o),this.relay=new un(t,o),this.cookie=new hn(o)}setLang(t){this.client.lang=t}createState(t,e={}){return ut.create(this,t,e)}async getUser(){return this.user.getCurrent()}async validateSession(){return this.session.validate()}getSessionToken(){return this.cookie.getAuthCookie()}async logout(){return this.user.logout()}},dr=$(292),Qe=$.n(dr),hr=$(360),Xe=$.n(hr),ur=$(884),et=$.n(ur),pr=$(88),tt=$.n(pr),Zt=$(914),vt={};vt.setAttributes=et(),vt.insert=n=>{window._hankoStyle=n},vt.domAPI=Xe(),vt.insertStyleElement=tt(),Qe()(Zt.A,vt);var Dt=Zt.A&&Zt.A.locals?Zt.A.locals:void 0,fr=function(n){function t(e){var o=ea({},e);return delete o.ref,n(o,e.ref||null)}return t.$$typeof=Za,t.render=t,t.prototype.isReactComponent=t.__f=!0,t.displayName="ForwardRef("+(n.displayName||n.name)+")",t}((n,t)=>{let{lang:e,hanko:o,setHanko:r}=(0,f.useContext)(Ie),{setLang:i}=(0,f.useContext)(R.TranslateContext);return(0,f.useEffect)(()=>{i(e.replace(/[-]/,"")),r(s=>(s.setLang(e),s))},[o,e,r,i]),a("section",Object.assign({part:"container",className:Dt.container,ref:t},{children:n.children}))}),Jt=$(697),gt={};gt.setAttributes=et(),gt.insert=n=>{window._hankoStyle=n},gt.domAPI=Xe(),gt.insertStyleElement=tt(),Qe()(Jt.A,gt);var I=Jt.A&&Jt.A.locals?Jt.A.locals:void 0,mr=$(633),q=$.n(mr),vr=({size:n,secondary:t,disabled:e})=>a("svg",Object.assign({id:"icon-apple",xmlns:"http://www.w3.org/2000/svg",width:n,height:n,viewBox:"20.5 16 15 19",className:q()(I.icon,t&&I.secondary,e&&I.disabled)},{children:a("path",{d:"M28.2226562,20.3846154 C29.0546875,20.3846154 30.0976562,19.8048315 30.71875,19.0317864 C31.28125,18.3312142 31.6914062,17.352829 31.6914062,16.3744437 C31.6914062,16.2415766 31.6796875,16.1087095 31.65625,16 C30.7304687,16.0362365 29.6171875,16.640178 28.9492187,17.4494596 C28.421875,18.06548 27.9414062,19.0317864 27.9414062,20.0222505 C27.9414062,20.1671964 27.9648438,20.3121424 27.9765625,20.3604577 C28.0351562,20.3725366 28.1289062,20.3846154 28.2226562,20.3846154 Z M25.2929688,35 C26.4296875,35 26.9335938,34.214876 28.3515625,34.214876 C29.7929688,34.214876 30.109375,34.9758423 31.375,34.9758423 C32.6171875,34.9758423 33.4492188,33.792117 34.234375,32.6325493 C35.1132812,31.3038779 35.4765625,29.9993643 35.5,29.9389701 C35.4179688,29.9148125 33.0390625,28.9122695 33.0390625,26.0979021 C33.0390625,23.6579784 34.9140625,22.5588048 35.0195312,22.474253 C33.7773438,20.6382708 31.890625,20.5899555 31.375,20.5899555 C29.9804688,20.5899555 28.84375,21.4596313 28.1289062,21.4596313 C27.3554688,21.4596313 26.3359375,20.6382708 25.1289062,20.6382708 C22.8320312,20.6382708 20.5,22.5950413 20.5,26.2911634 C20.5,28.5861411 21.3671875,31.013986 22.4335938,32.5842339 C23.3476562,33.9129053 24.1445312,35 25.2929688,35 Z"})})),gr=({secondary:n,size:t,fadeOut:e,disabled:o})=>a("svg",Object.assign({id:"icon-checkmark",xmlns:"http://www.w3.org/2000/svg",viewBox:"4 4 40 40",width:t,height:t,className:q()(I.checkmark,n&&I.secondary,e&&I.fadeOut,o&&I.disabled)},{children:a("path",{d:"M21.05 33.1 35.2 18.95l-2.3-2.25-11.85 11.85-6-6-2.25 2.25ZM24 44q-4.1 0-7.75-1.575-3.65-1.575-6.375-4.3-2.725-2.725-4.3-6.375Q4 28.1 4 24q0-4.15 1.575-7.8 1.575-3.65 4.3-6.35 2.725-2.7 6.375-4.275Q19.9 4 24 4q4.15 0 7.8 1.575 3.65 1.575 6.35 4.275 2.7 2.7 4.275 6.35Q44 19.85 44 24q0 4.1-1.575 7.75-1.575 3.65-4.275 6.375t-6.35 4.3Q28.15 44 24 44Zm0-3q7.1 0 12.05-4.975Q41 31.05 41 24q0-7.1-4.95-12.05Q31.1 7 24 7q-7.05 0-12.025 4.95Q7 16.9 7 24q0 7.05 4.975 12.025Q16.95 41 24 41Zm0-17Z"})})),br=({size:n,secondary:t,disabled:e})=>a("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:n,height:n,className:q()(I.icon,t&&I.secondary,e&&I.disabled)},{children:a("path",{d:"M360-240q-33 0-56.5-23.5T280-320v-480q0-33 23.5-56.5T360-880h360q33 0 56.5 23.5T800-800v480q0 33-23.5 56.5T720-240H360Zm0-80h360v-480H360v480ZM200-80q-33 0-56.5-23.5T120-160v-560h80v560h440v80H200Zm160-240v-480 480Z"})})),_r=({size:n,secondary:t,disabled:e})=>a("svg",Object.assign({id:"icon-custom-provider",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:n,height:n,className:q()(I.icon,t&&I.secondary,e&&I.disabled)},{children:[a("path",{d:"M0 0h24v24H0z",fill:"none"}),a("path",{d:"M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z"})]})),yr=({size:n,secondary:t,disabled:e})=>a("svg",Object.assign({id:"icon-discord",fill:"#fff",xmlns:"http://www.w3.org/2000/svg",width:n,height:n,viewBox:"0 0 127.14 96.36",className:q()(I.icon,t&&I.secondary,e&&I.disabled)},{children:a("path",{d:"M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z"})})),wr=({size:n,secondary:t,disabled:e})=>a("svg",Object.assign({id:"icon-exclamation",xmlns:"http://www.w3.org/2000/svg",viewBox:"5 2 13 20",width:n,height:n,className:q()(I.exclamationMark,t&&I.secondary,e&&I.disabled)},{children:a("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"})})),kr=({size:n,secondary:t,disabled:e})=>a("svg",Object.assign({width:n,height:n,viewBox:"0 0 666.66668 666.66717",xmlns:"http://www.w3.org/2000/svg"},{children:[a("defs",Object.assign({id:"defs13"},{children:a("clipPath",Object.assign({clipPathUnits:"userSpaceOnUse",id:"clipPath25"},{children:a("path",{d:"M 0,700 H 700 V 0 H 0 Z",id:"path23"})}))})),a("g",Object.assign({id:"g17",transform:"matrix(1.3333333,0,0,-1.3333333,-133.33333,799.99999)"},{children:a("g",Object.assign({id:"g19"},{children:a("g",Object.assign({id:"g21",clipPath:"url(#clipPath25)"},{children:[a("g",Object.assign({id:"g27",transform:"translate(600,350)"},{children:a("path",{className:q()(I.facebookIcon,e?I.disabledOutline:I.outline),d:"m 0,0 c 0,138.071 -111.929,250 -250,250 -138.071,0 -250,-111.929 -250,-250 0,-117.245 80.715,-215.622 189.606,-242.638 v 166.242 h -51.552 V 0 h 51.552 v 32.919 c 0,85.092 38.508,124.532 122.048,124.532 15.838,0 43.167,-3.105 54.347,-6.211 V 81.986 c -5.901,0.621 -16.149,0.932 -28.882,0.932 -40.993,0 -56.832,-15.528 -56.832,-55.9 V 0 h 81.659 l -14.028,-76.396 h -67.631 V -248.169 C -95.927,-233.218 0,-127.818 0,0",id:"path29"})})),a("g",Object.assign({id:"g31",transform:"translate(447.9175,273.6036)"},{children:a("path",{className:q()(I.facebookIcon,e?I.disabledLetter:I.letter),d:"M 0,0 14.029,76.396 H -67.63 v 27.019 c 0,40.372 15.838,55.899 56.831,55.899 12.733,0 22.981,-0.31 28.882,-0.931 v 69.253 c -11.18,3.106 -38.509,6.212 -54.347,6.212 -83.539,0 -122.048,-39.441 -122.048,-124.533 V 76.396 h -51.552 V 0 h 51.552 v -166.242 c 19.343,-4.798 39.568,-7.362 60.394,-7.362 10.254,0 20.358,0.632 30.288,1.831 L -67.63,0 Z",id:"path33"})}))]}))}))}))]})),Sr=({size:n,secondary:t,disabled:e})=>a("svg",Object.assign({id:"icon-github",xmlns:"http://www.w3.org/2000/svg",fill:"#fff",viewBox:"0 0 97.63 96",width:n,height:n,className:q()(I.icon,t&&I.secondary,e&&I.disabled)},{children:[a("path",{d:"M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z"})," "]})),xr=({size:n,disabled:t})=>a("svg",Object.assign({id:"icon-google",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:n,height:n,className:I.googleIcon},{children:[a("path",{className:q()(I.googleIcon,t?I.disabled:I.blue),d:"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"}),a("path",{className:q()(I.googleIcon,t?I.disabled:I.green),d:"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"}),a("path",{className:q()(I.googleIcon,t?I.disabled:I.yellow),d:"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"}),a("path",{className:q()(I.googleIcon,t?I.disabled:I.red),d:"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"}),a("path",{d:"M1 1h22v22H1z",fill:"none"})]})),Cr=({size:n,secondary:t,disabled:e})=>a("svg",Object.assign({id:"icon-linkedin",fill:"#fff",xmlns:"http://www.w3.org/2000/svg",width:n,viewBox:"0 0 24 24",height:n,className:q()(I.icon,t&&I.secondary,e&&I.disabled)},{children:a("path",{d:"M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 118.3 6.5a1.78 1.78 0 01-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0013 14.19a.66.66 0 000 .14V19h-3v-9h2.9v1.3a3.11 3.11 0 012.7-1.4c1.55 0 3.36.86 3.36 3.66z"})})),Or=({size:n,secondary:t,disabled:e})=>a("svg",Object.assign({id:"icon-mail",xmlns:"http://www.w3.org/2000/svg",width:n,height:n,viewBox:"0 -960 960 960",className:q()(I.icon,t&&I.secondary,e&&I.disabled)},{children:a("path",{d:"M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm320-280L160-640v400h640v-400L480-440Zm0-80 320-200H160l320 200ZM160-640v-80 480-400Z"})})),Ar=({size:n,disabled:t})=>a("svg",Object.assign({id:"icon-microsoft",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:n,height:n,className:I.microsoftIcon},{children:[a("rect",{className:q()(I.microsoftIcon,t?I.disabled:I.blue),x:"1",y:"1",width:"9",height:"9"}),a("rect",{className:q()(I.microsoftIcon,t?I.disabled:I.green),x:"1",y:"11",width:"9",height:"9"}),a("rect",{className:q()(I.microsoftIcon,t?I.disabled:I.yellow),x:"11",y:"1",width:"9",height:"9"}),a("rect",{className:q()(I.microsoftIcon,t?I.disabled:I.red),x:"11",y:"11",width:"9",height:"9"})]})),Er=({size:n,secondary:t,disabled:e})=>a("svg",Object.assign({id:"icon-passkey",xmlns:"http://www.w3.org/2000/svg",viewBox:"3 1.5 19.5 19",width:n,height:n,className:q()(I.icon,t&&I.secondary,e&&I.disabled)},{children:a("g",Object.assign({id:"icon-passkey-all"},{children:[a("circle",{id:"icon-passkey-head",cx:"10.5",cy:"6",r:"4.5"}),a("path",{id:"icon-passkey-key",d:"M22.5,10.5a3.5,3.5,0,1,0-5,3.15V19L19,20.5,21.5,18,20,16.5,21.5,15l-1.24-1.24A3.5,3.5,0,0,0,22.5,10.5Zm-3.5,0a1,1,0,1,1,1-1A1,1,0,0,1,19,10.5Z"}),a("path",{id:"icon-passkey-body",d:"M14.44,12.52A6,6,0,0,0,12,12H9a6,6,0,0,0-6,6v2H16V14.49A5.16,5.16,0,0,1,14.44,12.52Z"})]}))})),Ir=({size:n,secondary:t,disabled:e})=>a("svg",Object.assign({id:"icon-password",xmlns:"http://www.w3.org/2000/svg",width:n,height:n,viewBox:"0 -960 960 960",className:q()(I.icon,t&&I.secondary,e&&I.disabled)},{children:a("path",{d:"M80-200v-80h800v80H80Zm46-242-52-30 34-60H40v-60h68l-34-58 52-30 34 58 34-58 52 30-34 58h68v60h-68l34 60-52 30-34-60-34 60Zm320 0-52-30 34-60h-68v-60h68l-34-58 52-30 34 58 34-58 52 30-34 58h68v60h-68l34 60-52 30-34-60-34 60Zm320 0-52-30 34-60h-68v-60h68l-34-58 52-30 34 58 34-58 52 30-34 58h68v60h-68l34 60-52 30-34-60-34 60Z"})})),jr=({size:n,secondary:t,disabled:e})=>a("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:n,height:n,className:q()(I.icon,t&&I.secondary,e&&I.disabled)},{children:a("path",{d:"M80-680v-200h200v80H160v120H80Zm0 600v-200h80v120h120v80H80Zm600 0v-80h120v-120h80v200H680Zm120-600v-120H680v-80h200v200h-80ZM700-260h60v60h-60v-60Zm0-120h60v60h-60v-60Zm-60 60h60v60h-60v-60Zm-60 60h60v60h-60v-60Zm-60-60h60v60h-60v-60Zm120-120h60v60h-60v-60Zm-60 60h60v60h-60v-60Zm-60-60h60v60h-60v-60Zm240-320v240H520v-240h240ZM440-440v240H200v-240h240Zm0-320v240H200v-240h240Zm-60 500v-120H260v120h120Zm0-320v-120H260v120h120Zm320 0v-120H580v120h120Z"})})),Pr=({size:n,secondary:t,disabled:e})=>a("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 -960 960 960",width:n,height:n,className:q()(I.icon,t&&I.secondary,e&&I.disabled)},{children:a("path",{d:"M280-240q-100 0-170-70T40-480q0-100 70-170t170-70q66 0 121 33t87 87h432v240h-80v120H600v-120H488q-32 54-87 87t-121 33Zm0-80q66 0 106-40.5t48-79.5h246v120h80v-120h80v-80H434q-8-39-48-79.5T280-640q-66 0-113 47t-47 113q0 66 47 113t113 47Zm0-80q33 0 56.5-23.5T360-480q0-33-23.5-56.5T280-560q-33 0-56.5 23.5T200-480q0 33 23.5 56.5T280-400Zm0-80Z"})})),Tr=({size:n,disabled:t})=>a("svg",Object.assign({id:"icon-spinner",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:n,height:n,className:q()(I.loadingSpinner,t&&I.disabled)},{children:[a("path",{d:"M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z",opacity:".25"}),a("path",{d:"M10.72,19.9a8,8,0,0,1-6.5-9.79A7.77,7.77,0,0,1,10.4,4.16a8,8,0,0,1,9.49,6.52A1.54,1.54,0,0,0,21.38,12h.13a1.37,1.37,0,0,0,1.38-1.54,11,11,0,1,0-12.7,12.39A1.54,1.54,0,0,0,12,21.34h0A1.47,1.47,0,0,0,10.72,19.9Z"})]})),Mt=({name:n,secondary:t,size:e=18,fadeOut:o,disabled:r})=>a(Cn[n],{size:e,secondary:t,fadeOut:o,disabled:r}),eo=({children:n,isLoading:t,isSuccess:e,fadeOut:o,secondary:r,hasIcon:i,maxWidth:s})=>a(k.Fragment,{children:a("div",t?Object.assign({className:q()(I.loadingSpinnerWrapper,I.centerContent,s&&I.maxWidth)},{children:a(Mt,{name:"spinner",secondary:r})}):e?Object.assign({className:q()(I.loadingSpinnerWrapper,I.centerContent,s&&I.maxWidth)},{children:a(Mt,{name:"checkmark",secondary:r,fadeOut:o})}):Object.assign({className:i?I.loadingSpinnerWrapperIcon:I.loadingSpinnerWrapper},{children:n}))}),Dr=()=>a(eo,{isLoading:!0}),Oe=n=>{let[t,e]=(0,f.useState)(n);return(0,f.useEffect)(()=>{n&&e(n)},[n]),{flowState:t}},Yt=$(577),bt={};bt.setAttributes=et(),bt.insert=n=>{window._hankoStyle=n},bt.domAPI=Xe(),bt.insertStyleElement=tt(),Qe()(Yt.A,bt);var we=Yt.A&&Yt.A.locals?Yt.A.locals:void 0,Mr=()=>{let{t:n}=(0,f.useContext)(R.TranslateContext);return a("span",Object.assign({className:q()(we.lastUsed)},{children:n("labels.lastUsed")}))},ha=(n,t,e)=>{let{hanko:o,setUIState:r,isOwnFlow:i}=(0,f.useContext)(Ie);(0,f.useEffect)(()=>o.onBeforeStateChange(({state:s})=>{n&&i(s)&&(r(l=>Object.assign(Object.assign({},l),{isDisabled:!0,error:void 0})),t(s.invokedAction.name==n.name))}),[n,o,i,t,r]),(0,f.useEffect)(()=>o.onAfterStateChange(({state:s})=>{var l;n&&i(s)&&(e(((l=s.previousAction)===null||l===void 0?void 0:l.name)==n.name),t(!1))}),[o,e,t,n,i])},ua=(0,k.createContext)({}),Q=({onSubmit:n,children:t,hidden:e=!1,maxWidth:o,flowAction:r})=>a(ua.Provider,Object.assign({value:{flowAction:r}},{children:r&&r.enabled&&!e?a("form",Object.assign({onSubmit:n||(i=>{return s=void 0,l=void 0,c=function*(){return i.preventDefault(),yield r.run()},new((h=void 0)||(h=Promise))(function(d,m){function g(w){try{S(c.next(w))}catch(y){m(y)}}function v(w){try{S(c.throw(w))}catch(y){m(y)}}function S(w){var y;w.done?d(w.value):(y=w.value,y instanceof h?y:new h(function(P){P(y)})).then(g,v)}S((c=c.apply(s,l||[])).next())});var s,l,h,c}),className:we.form},{children:a("ul",Object.assign({className:we.ul},{children:(0,k.toChildArray)(t).map((i,s)=>a("li",Object.assign({part:"form-item",className:q()(we.li,o?we.maxWidth:null)},{children:i}),s))}))})):null})),X=n=>{var{title:t,children:e,secondary:o,dangerous:r,autofocus:i,showLastUsed:s,onClick:l,icon:h,showSuccessIcon:c}=n,d=function(D,F){var N={};for(var L in D)Object.prototype.hasOwnProperty.call(D,L)&&F.indexOf(L)<0&&(N[L]=D[L]);if(D!=null&&typeof Object.getOwnPropertySymbols=="function"){var re=0;for(L=Object.getOwnPropertySymbols(D);re<L.length;re++)F.indexOf(L[re])<0&&Object.prototype.propertyIsEnumerable.call(D,L[re])&&(N[L[re]]=D[L[re]])}return N}(n,["title","children","secondary","dangerous","autofocus","showLastUsed","onClick","icon","showSuccessIcon"]);let m=(0,f.useRef)(null),{uiState:g}=(0,f.useContext)(Ie),[v,S]=(0,f.useState)(!1),[w,y]=(0,f.useState)(!1),{flowAction:P}=(0,f.useContext)(ua);ha(P,S,y),(0,f.useEffect)(()=>{let{current:D}=m;D&&i&&D.focus()},[i]);let U=(0,f.useMemo)(()=>c&&(w||d.isSuccess),[w,d,c]),T=(0,f.useMemo)(()=>g.isDisabled||d.disabled,[d,g]);return a("button",Object.assign({part:r?"button dangerous-button":o?"button secondary-button":"button primary-button",title:t,ref:m,type:"submit",disabled:T,onClick:l,className:q()(we.button,r?we.dangerous:o?we.secondary:we.primary)},{children:a(eo,Object.assign({isLoading:v,isSuccess:U,secondary:!0,hasIcon:!!h,maxWidth:!0},{children:[h?a(Mt,{name:h,secondary:o,disabled:T}):null,a("div",Object.assign({className:we.caption},{children:[a("span",{children:e}),s?a(Mr,{}):null]}))]}))}))},Me=n=>{var t,e,o,r,i,{label:s}=n,l=function(v,S){var w={};for(var y in v)Object.prototype.hasOwnProperty.call(v,y)&&S.indexOf(y)<0&&(w[y]=v[y]);if(v!=null&&typeof Object.getOwnPropertySymbols=="function"){var P=0;for(y=Object.getOwnPropertySymbols(v);P<y.length;P++)S.indexOf(y[P])<0&&Object.prototype.propertyIsEnumerable.call(v,y[P])&&(w[y[P]]=v[y[P]])}return w}(n,["label"]);let h=(0,f.useRef)(null),{uiState:c}=(0,f.useContext)(Ie),{t:d}=(0,f.useContext)(R.TranslateContext),m=(0,f.useMemo)(()=>c.isDisabled||l.disabled,[l,c]);(0,f.useEffect)(()=>{let{current:v}=h;v&&l.autofocus&&(v.focus(),v.select())},[l.autofocus]);let g=(0,f.useMemo)(()=>{var v;return l.markOptional&&!(!((v=l.flowInput)===null||v===void 0)&&v.required)?`${l.placeholder} (${d("labels.optional")})`:l.placeholder},[l.markOptional,l.placeholder,l.flowInput,d]);return a("div",Object.assign({className:we.inputWrapper},{children:a("input",Object.assign({part:"input text-input",required:(t=l.flowInput)===null||t===void 0?void 0:t.required,maxLength:(e=l.flowInput)===null||e===void 0?void 0:e.max_length,minLength:(o=l.flowInput)===null||o===void 0?void 0:o.min_length,hidden:(r=l.flowInput)===null||r===void 0?void 0:r.hidden},l,{ref:h,"aria-label":g,placeholder:g,className:q()(we.input,!!(!((i=l.flowInput)===null||i===void 0)&&i.error)&&l.markError&&we.error),disabled:m}))}))},Se=({children:n})=>a("section",Object.assign({className:Dt.content},{children:n})),Qt=$(111),_t={};_t.setAttributes=et(),_t.insert=n=>{window._hankoStyle=n},_t.domAPI=Xe(),_t.insertStyleElement=tt(),Qe()(Qt.A,_t);var At=Qt.A&&Qt.A.locals?Qt.A.locals:void 0,to=({children:n,hidden:t})=>t?null:a("section",Object.assign({part:"divider",className:At.divider},{children:[a("div",{part:"divider-line",className:At.line}),n?a("div",Object.assign({part:"divider-text",class:At.text},{children:n})):null,a("div",{part:"divider-line",className:At.line})]})),Xt=$(905),yt={};yt.setAttributes=et(),yt.insert=n=>{window._hankoStyle=n},yt.domAPI=Xe(),yt.insertStyleElement=tt(),Qe()(Xt.A,yt);var pa=Xt.A&&Xt.A.locals?Xt.A.locals:void 0,xe=({state:n,error:t,flowError:e})=>{var o,r;let{t:i}=(0,f.useContext)(R.TranslateContext),{uiState:s,setUIState:l}=(0,f.useContext)(Ie);return(0,f.useEffect)(()=>{var h,c;if(((h=n==null?void 0:n.error)===null||h===void 0?void 0:h.code)=="form_data_invalid_error")for(let d of Object.values(n==null?void 0:n.actions)){let m=!1;for(let g of Object.values(d==null?void 0:d.inputs))if(!((c=g.error)===null||c===void 0)&&c.code)return l(Object.assign(Object.assign({},s),{error:g.error})),void(m=!0);m||l(Object.assign(Object.assign({},s),{error:n.error}))}else n!=null&&n.error&&l(Object.assign(Object.assign({},s),{error:n==null?void 0:n.error}))},[n]),a("section",Object.assign({part:"error",className:pa.errorBox,hidden:!(!((o=s.error)===null||o===void 0)&&o.code)&&!(e!=null&&e.code)&&!t},{children:[a("span",{children:a(Mt,{name:"exclamation",size:15})}),a("span",Object.assign({id:"errorMessage",part:"error-text"},{children:i(t?`errors.${t.code}`:`flowErrors.${((r=s.error)===null||r===void 0?void 0:r.code)||(e==null?void 0:e.code)}`)}))]}))},en=$(619),wt={};wt.setAttributes=et(),wt.insert=n=>{window._hankoStyle=n},wt.domAPI=Xe(),wt.insertStyleElement=tt(),Qe()(en.A,wt);var mn=en.A&&en.A.locals?en.A.locals:void 0,le=({children:n})=>a("h1",Object.assign({part:"headline1",className:q()(mn.headline,mn.grade1)},{children:n})),tn=$(995),kt={};kt.setAttributes=et(),kt.insert=n=>{window._hankoStyle=n},kt.domAPI=Xe(),kt.insertStyleElement=tt(),Qe()(tn.A,kt);var qt=tn.A&&tn.A.locals?tn.A.locals:void 0,Zn=n=>{var{loadingSpinnerPosition:t,dangerous:e=!1,onClick:o,flowAction:r}=n,i=function(N,L){var re={};for(var ne in N)Object.prototype.hasOwnProperty.call(N,ne)&&L.indexOf(ne)<0&&(re[ne]=N[ne]);if(N!=null&&typeof Object.getOwnPropertySymbols=="function"){var ee=0;for(ne=Object.getOwnPropertySymbols(N);ee<ne.length;ee++)L.indexOf(ne[ee])<0&&Object.prototype.propertyIsEnumerable.call(N,ne[ee])&&(re[ne[ee]]=N[ne[ee]])}return re}(n,["loadingSpinnerPosition","dangerous","onClick","flowAction"]);let{t:s}=(0,f.useContext)(R.TranslateContext),{uiState:l}=(0,f.useContext)(Ie),[h,c]=(0,f.useState)(),[d,m]=(0,f.useState)(!1),[g,v]=(0,f.useState)(!1),S;o||(o=N=>{return L=void 0,re=void 0,ee=function*(){return N.preventDefault(),yield r==null?void 0:r.run()},new((ne=void 0)||(ne=Promise))(function(B,he){function Ce(ie){try{Ee(ee.next(ie))}catch(ue){he(ue)}}function pe(ie){try{Ee(ee.throw(ie))}catch(ue){he(ue)}}function Ee(ie){var ue;ie.done?B(ie.value):(ue=ie.value,ue instanceof ne?ue:new ne(function(j){j(ue)})).then(Ce,pe)}Ee((ee=ee.apply(L,re||[])).next())});var L,re,ne,ee}),ha(r,m,v);let w=N=>{N.preventDefault(),c(!0)},y=N=>{N.preventDefault(),c(!1)},P=(0,f.useMemo)(()=>d||i.isLoading,[d,i]),U=(0,f.useMemo)(()=>g||i.isSuccess,[g,i]),T=(0,f.useMemo)(()=>r&&!r.enabled||i.hidden,[r,i]),D=(0,f.useCallback)(N=>{N.preventDefault(),c(!1),o(N)},[o]),F=(0,f.useCallback)(()=>T?null:a(k.Fragment,{children:[h?a(k.Fragment,{children:[a(Zn,Object.assign({onClick:D},{children:s("labels.yes")})),"\xA0/\xA0",a(Zn,Object.assign({onClick:y},{children:s("labels.no")})),"\xA0"]}):null,a("button",Object.assign({},i,{onClick:e?w:o,disabled:h||i.disabled||l.isDisabled,part:"link",className:q()(qt.link,e?qt.danger:null)},{children:i.children}))]}),[T,l,h,e,o,D,i,s]);return a(k.Fragment,{children:a("span",Object.assign({className:q()(qt.linkWrapper,t==="right"?qt.reverse:null),onMouseEnter:()=>{S&&window.clearTimeout(S)},onMouseLeave:()=>{S=window.setTimeout(()=>{c(!1)},1e3)}},{children:a(k.Fragment,h||!P&&!U?{children:F()}:{children:[a(eo,{isLoading:P,isSuccess:U,secondary:i.secondary,fadeOut:!0}),F()]})}))})},K=Zn,Ae=({children:n,hidden:t=!1})=>t?null:a("section",Object.assign({className:Dt.footer},{children:n})),no=n=>{var{label:t}=n,e=function(i,s){var l={};for(var h in i)Object.prototype.hasOwnProperty.call(i,h)&&s.indexOf(h)<0&&(l[h]=i[h]);if(i!=null&&typeof Object.getOwnPropertySymbols=="function"){var c=0;for(h=Object.getOwnPropertySymbols(i);c<h.length;c++)s.indexOf(h[c])<0&&Object.prototype.propertyIsEnumerable.call(i,h[c])&&(l[h[c]]=i[h[c]])}return l}(n,["label"]);let{uiState:o}=(0,f.useContext)(Ie),r=(0,f.useMemo)(()=>o.isDisabled||e.disabled,[e,o]);return a("div",Object.assign({className:we.inputWrapper},{children:a("label",Object.assign({className:we.checkboxWrapper},{children:[a("input",Object.assign({part:"input checkbox-input",type:"checkbox","aria-label":t,className:we.checkbox},e)),a("span",Object.assign({className:q()(we.label,r?we.disabled:null)},{children:t}))]}))}))},vn=()=>a("section",{className:At.spacer}),$t=function(n,t,e,o){return new(e||(e=Promise))(function(r,i){function s(c){try{h(o.next(c))}catch(d){i(d)}}function l(c){try{h(o.throw(c))}catch(d){i(d)}}function h(c){var d;c.done?r(c.value):(d=c.value,d instanceof e?d:new e(function(m){m(d)})).then(s,l)}h((o=o.apply(n,t||[])).next())})},Lr=n=>{var t;let{t:e}=(0,f.useContext)(R.TranslateContext),{init:o,initialComponentName:r,uiState:i,setUIState:s,hidePasskeyButtonOnLogin:l,lastLogin:h}=(0,f.useContext)(Ie),[c,d]=(0,f.useState)(!1),[m,g]=(0,f.useState)(null),[v,S]=(0,f.useState)(i.username||i.email),{flowState:w}=Oe(n.state),y=st.supported(),[P,U]=(0,f.useState)(void 0),[T,D]=(0,f.useState)(null),[F,N]=(0,f.useState)(!1),L=B=>{if(B.preventDefault(),B.target instanceof HTMLInputElement){let{value:he}=B.target;S(he),re(he)}},re=B=>{let he=()=>s(pe=>Object.assign(Object.assign({},pe),{email:B,username:null})),Ce=()=>s(pe=>Object.assign(Object.assign({},pe),{email:null,username:B}));switch(m){case"email":he();break;case"username":Ce();break;case"identifier":B.match(/^[^@]+@[^@]+\.[^@]+$/)?he():Ce()}},ne=(0,f.useMemo)(()=>!!w.actions.webauthn_generate_request_options.enabled||!!w.actions.thirdparty_oauth.enabled,[w.actions]),ee=w.actions.continue_with_login_identifier.inputs;return(0,f.useEffect)(()=>{let B=w.actions.continue_with_login_identifier.inputs;g(B!=null&&B.email?"email":B!=null&&B.username?"username":"identifier")},[w]),a(k.Fragment,{children:[a(Se,{children:[a(le,{children:e("headlines.signIn")}),a(xe,{state:w,error:P}),ee?a(k.Fragment,{children:[a(Q,Object.assign({flowAction:w.actions.continue_with_login_identifier,onSubmit:B=>$t(void 0,void 0,void 0,function*(){return B.preventDefault(),re(v),w.actions.continue_with_login_identifier.run({[m]:v})}),maxWidth:!0},{children:[ee.email?a(Me,{type:"email",autoComplete:"username webauthn",autoCorrect:"off",flowInput:ee.email,onInput:L,value:v,placeholder:e("labels.email"),pattern:"^[^@]+@[^@]+\\.[^@]+$"}):ee.username?a(Me,{type:"text",autoComplete:"username webauthn",autoCorrect:"off",flowInput:ee.username,onInput:L,value:v,placeholder:e("labels.username")}):a(Me,{type:"text",autoComplete:"username webauthn",autoCorrect:"off",flowInput:ee.identifier,onInput:L,value:v,placeholder:e("labels.emailOrUsername")}),a(X,{children:e("labels.continue")})]})),a(to,Object.assign({hidden:!ne},{children:e("labels.or")}))]}):null,w.actions.webauthn_generate_request_options.enabled&&!l?a(Q,Object.assign({flowAction:w.actions.webauthn_generate_request_options},{children:a(X,Object.assign({secondary:!0,title:y?null:e("labels.webauthnUnsupported"),disabled:!y,icon:"passkey"},{children:e("labels.signInPasskey")}))})):null,w.actions.thirdparty_oauth.enabled?(t=w.actions.thirdparty_oauth.inputs.provider.allowed_values)===null||t===void 0?void 0:t.map(B=>a(Q,Object.assign({flowAction:w.actions.thirdparty_oauth,onSubmit:he=>((Ce,pe)=>$t(void 0,void 0,void 0,function*(){Ce.preventDefault(),D(pe);let Ee=yield w.actions.thirdparty_oauth.run({provider:pe,redirect_to:window.location.toString()});return Ee.error&&D(null),Ee}))(he,B.value)},{children:a(X,Object.assign({isLoading:B.value==T,secondary:!0,icon:B.value.startsWith("custom_")?"customProvider":B.value,showLastUsed:(h==null?void 0:h.login_method)=="third_party"&&(h==null?void 0:h.third_party_provider)==B.value},{children:e("labels.signInWith",{provider:B.name})}))}),B.value)):null,w.actions.remember_me.enabled&&a(k.Fragment,{children:[a(vn,{}),a(no,{required:!1,type:"checkbox",label:e("labels.staySignedIn"),checked:F,onChange:B=>$t(void 0,void 0,void 0,function*(){return N(he=>!he),w.actions.remember_me.run({remember_me:!F})})})]})]}),a(Ae,Object.assign({hidden:r!=="auth"},{children:[a("span",{hidden:!0}),a(K,Object.assign({onClick:B=>$t(void 0,void 0,void 0,function*(){B.preventDefault(),d(!0),o("registration")}),loadingSpinnerPosition:"left",isLoading:c},{children:e("labels.dontHaveAnAccount")}))]}))]})},Ur=n=>{var{index:t,focus:e,digit:o=""}=n,r=function(c,d){var m={};for(var g in c)Object.prototype.hasOwnProperty.call(c,g)&&d.indexOf(g)<0&&(m[g]=c[g]);if(c!=null&&typeof Object.getOwnPropertySymbols=="function"){var v=0;for(g=Object.getOwnPropertySymbols(c);v<g.length;v++)d.indexOf(g[v])<0&&Object.prototype.propertyIsEnumerable.call(c,g[v])&&(m[g[v]]=c[g[v]])}return m}(n,["index","focus","digit"]);let i=(0,f.useRef)(null),{uiState:s}=(0,f.useContext)(Ie),l=()=>{let{current:c}=i;c&&(c.focus(),c.select())},h=(0,f.useMemo)(()=>s.isDisabled||r.disabled,[r,s]);return(0,f.useEffect)(()=>{t===0&&l()},[t,r.disabled]),(0,f.useMemo)(()=>{e&&l()},[e]),a("div",Object.assign({className:we.passcodeDigitWrapper},{children:a("input",Object.assign({},r,{part:"input passcode-input","aria-label":`${r.name}-digit-${t+1}`,name:r.name+t.toString(10),type:"text",inputMode:"numeric",maxLength:1,ref:i,value:o.charAt(0),required:!0,className:we.input,disabled:h}))}))},oo=({passcodeDigits:n=[],numberOfInputs:t=6,onInput:e,disabled:o=!1})=>{let[r,i]=(0,f.useState)(0),s=()=>n.slice(),l=()=>{r<t-1&&i(r+1)},h=()=>{r>0&&i(r-1)},c=v=>{let S=s();S[r]=v.charAt(0),e(S)},d=v=>{if(v.preventDefault(),o)return;let S=v.clipboardData.getData("text/plain").slice(0,t-r).split(""),w=s(),y=r;for(let P=0;P<t;++P)P>=r&&S.length>0&&(w[P]=S.shift(),y++);i(y),e(w)},m=v=>{v.key==="Backspace"?(v.preventDefault(),c(""),h()):v.key==="Delete"?(v.preventDefault(),c("")):v.key==="ArrowLeft"?(v.preventDefault(),h()):v.key==="ArrowRight"?(v.preventDefault(),l()):v.key!==" "&&v.key!=="Spacebar"&&v.key!=="Space"||v.preventDefault()},g=v=>{v.target instanceof HTMLInputElement&&c(v.target.value),l()};return(0,f.useEffect)(()=>{n.length===0&&i(0)},[n]),a("div",Object.assign({className:we.passcodeInputWrapper},{children:Array.from(Array(t)).map((v,S)=>a(Ur,{name:"passcode",index:S,focus:r===S,digit:n[S],onKeyDown:m,onInput:g,onPaste:d,onFocus:()=>(w=>{i(w)})(S),disabled:o},S))}))},nn=$(489),St={};St.setAttributes=et(),St.insert=n=>{window._hankoStyle=n},St.domAPI=Xe(),St.insertStyleElement=tt(),Qe()(nn.A,St);var Nr=nn.A&&nn.A.locals?nn.A.locals:void 0,H=({children:n,hidden:t})=>t?null:a("p",Object.assign({part:"paragraph",className:Nr.paragraph},{children:n})),No=function(n,t,e,o){return new(e||(e=Promise))(function(r,i){function s(c){try{h(o.next(c))}catch(d){i(d)}}function l(c){try{h(o.throw(c))}catch(d){i(d)}}function h(c){var d;c.done?r(c.value):(d=c.value,d instanceof e?d:new e(function(m){m(d)})).then(s,l)}h((o=o.apply(n,t||[])).next())})},zr=n=>{let{t}=(0,f.useContext)(R.TranslateContext),{flowState:e}=Oe(n.state),{uiState:o,setUIState:r}=(0,f.useContext)(Ie),[i,s]=(0,f.useState)(),[l,h]=(0,f.useState)(e.payload.resend_after),[c,d]=(0,f.useState)([]),m=(0,f.useMemo)(()=>{var v;return((v=e.error)===null||v===void 0?void 0:v.code)==="passcode_max_attempts_reached"},[e]),g=(0,f.useCallback)(v=>No(void 0,void 0,void 0,function*(){return yield e.actions.verify_passcode.run({code:v})}),[e]);return(0,f.useEffect)(()=>{let v=i>0&&setInterval(()=>s(i-1),1e3);return()=>clearInterval(v)},[i]),(0,f.useEffect)(()=>{let v=l>0&&setInterval(()=>{h(l-1)},1e3);return()=>clearInterval(v)},[l]),(0,f.useEffect)(()=>{var v;l==0&&((v=e.error)===null||v===void 0?void 0:v.code)=="rate_limit_exceeded"&&r(S=>Object.assign(Object.assign({},S),{error:null}))},[l]),(0,f.useEffect)(()=>{d([]),e.payload.resend_after>=0&&h(e.payload.resend_after)},[e]),a(k.Fragment,{children:[a(Se,{children:[a(le,{children:t("headlines.loginPasscode")}),a(xe,{state:e}),a(H,{children:o.email?t("texts.enterPasscode",{emailAddress:o.email}):t("texts.enterPasscodeNoEmail")}),a(Q,Object.assign({flowAction:e.actions.verify_passcode,onSubmit:v=>No(void 0,void 0,void 0,function*(){return v.preventDefault(),g(c.join(""))})},{children:[a(oo,{onInput:v=>{if(d(v),v.filter(S=>S!=="").length===6)return g(v.join(""))},passcodeDigits:c,numberOfInputs:6,disabled:i<=0||m}),a(X,Object.assign({disabled:i<=0||m},{children:t("labels.continue")}))]}))]}),a(Ae,{children:[a(K,Object.assign({flowAction:e.actions.back,loadingSpinnerPosition:"right"},{children:t("labels.back")})),a(K,Object.assign({disabled:l>0,flowAction:e.actions.resend_passcode,loadingSpinnerPosition:"left"},{children:l>0?t("labels.passcodeResendAfter",{passcodeResendAfter:l}):t("labels.sendNewPasscode")}))]})]})},Fr=n=>{let{t}=(0,f.useContext)(R.TranslateContext),{flowState:e}=Oe(n.state);return a(k.Fragment,{children:[a(Se,{children:[a(le,{children:t("headlines.registerAuthenticator")}),a(xe,{state:e}),a(H,{children:t("texts.setupPasskey")}),a(Q,Object.assign({flowAction:e.actions.webauthn_generate_creation_options},{children:a(X,Object.assign({autofocus:!0,icon:"passkey"},{children:t("labels.registerAuthenticator")}))}))]}),a(Ae,Object.assign({hidden:!e.actions.skip.enabled&&!e.actions.back.enabled},{children:[a(K,Object.assign({loadingSpinnerPosition:"right",flowAction:e.actions.back},{children:t("labels.back")})),a(K,Object.assign({loadingSpinnerPosition:"left",flowAction:e.actions.skip},{children:t("labels.skip")}))]}))]})},zo=function(n,t,e,o){return new(e||(e=Promise))(function(r,i){function s(c){try{h(o.next(c))}catch(d){i(d)}}function l(c){try{h(o.throw(c))}catch(d){i(d)}}function h(c){var d;c.done?r(c.value):(d=c.value,d instanceof e?d:new e(function(m){m(d)})).then(s,l)}h((o=o.apply(n,t||[])).next())})},Wr=n=>{let{t}=(0,f.useContext)(R.TranslateContext),{flowState:e}=Oe(n.state),[o,r]=(0,f.useState)(),[i,s]=(0,f.useState)(),l=(0,f.useMemo)(()=>a(K,Object.assign({flowAction:e.actions.continue_to_passcode_confirmation_recovery,loadingSpinnerPosition:"left"},{children:t("labels.forgotYourPassword")})),[e,t]),h=(0,f.useMemo)(()=>a(K,Object.assign({flowAction:e.actions.continue_to_login_method_chooser,loadingSpinnerPosition:"left"},{children:"Choose another method"})),[e]);return(0,f.useEffect)(()=>{let c=i>0&&setInterval(()=>s(i-1),1e3);return()=>clearInterval(c)},[i]),a(k.Fragment,{children:[a(Se,{children:[a(le,{children:t("headlines.loginPassword")}),a(xe,{state:e}),a(Q,Object.assign({flowAction:e.actions.password_login,onSubmit:c=>zo(void 0,void 0,void 0,function*(){return c.preventDefault(),e.actions.password_login.run({password:o})})},{children:[a(Me,{type:"password",flowInput:e.actions.password_login.inputs.password,autocomplete:"current-password",placeholder:t("labels.password"),onInput:c=>zo(void 0,void 0,void 0,function*(){c.target instanceof HTMLInputElement&&r(c.target.value)}),autofocus:!0}),a(X,Object.assign({disabled:i>0},{children:i>0?t("labels.passwordRetryAfter",{passwordRetryAfter:i}):t("labels.signIn")}))]})),e.actions.continue_to_login_method_chooser.enabled?l:null]}),a(Ae,{children:[a(K,Object.assign({flowAction:e.actions.back,loadingSpinnerPosition:"right"},{children:t("labels.back")})),e.actions.continue_to_login_method_chooser.enabled?h:l]})]})},Fo=function(n,t,e,o){return new(e||(e=Promise))(function(r,i){function s(c){try{h(o.next(c))}catch(d){i(d)}}function l(c){try{h(o.throw(c))}catch(d){i(d)}}function h(c){var d;c.done?r(c.value):(d=c.value,d instanceof e?d:new e(function(m){m(d)})).then(s,l)}h((o=o.apply(n,t||[])).next())})},Hr=n=>{let{t}=(0,f.useContext)(R.TranslateContext),{flowState:e}=Oe(n.state),[o,r]=(0,f.useState)();return a(Se,{children:[a(le,{children:t("headlines.registerPassword")}),a(xe,{state:e}),a(H,{children:t("texts.passwordFormatHint",{minLength:e.actions.password_recovery.inputs.new_password.min_length,maxLength:72})}),a(Q,Object.assign({flowAction:e.actions.password_recovery,onSubmit:i=>Fo(void 0,void 0,void 0,function*(){return i.preventDefault(),e.actions.password_recovery.run({new_password:o})})},{children:[a(Me,{type:"password",autocomplete:"new-password",flowInput:e.actions.password_recovery.inputs.new_password,placeholder:t("labels.newPassword"),onInput:i=>Fo(void 0,void 0,void 0,function*(){i.target instanceof HTMLInputElement&&r(i.target.value)}),autofocus:!0}),a(X,{children:t("labels.continue")})]}))]})},Rr=n=>{let{t}=(0,f.useContext)(R.TranslateContext),{flowState:e}=Oe(n.state);return a(k.Fragment,{children:[a(Se,{children:[a(le,{children:t("headlines.selectLoginMethod")}),a(xe,{flowError:e==null?void 0:e.error}),a(H,{children:t("texts.howDoYouWantToLogin")}),a(Q,Object.assign({flowAction:e.actions.continue_to_passcode_confirmation},{children:a(X,Object.assign({secondary:!0,icon:"mail"},{children:t("labels.passcode")}))})),a(Q,Object.assign({flowAction:e.actions.continue_to_password_login},{children:a(X,Object.assign({secondary:!0,icon:"password"},{children:t("labels.password")}))})),a(Q,Object.assign({flowAction:e.actions.webauthn_generate_request_options},{children:a(X,Object.assign({secondary:!0,icon:"passkey"},{children:t("labels.passkey")}))}))]}),a(Ae,{children:a(K,Object.assign({flowAction:e.actions.back,loadingSpinnerPosition:"right"},{children:t("labels.back")}))})]})},Kt=function(n,t,e,o){return new(e||(e=Promise))(function(r,i){function s(c){try{h(o.next(c))}catch(d){i(d)}}function l(c){try{h(o.throw(c))}catch(d){i(d)}}function h(c){var d;c.done?r(c.value):(d=c.value,d instanceof e?d:new e(function(m){m(d)})).then(s,l)}h((o=o.apply(n,t||[])).next())})},Br=n=>{var t;let{t:e}=(0,f.useContext)(R.TranslateContext),{init:o,uiState:r,setUIState:i,initialComponentName:s}=(0,f.useContext)(Ie),{flowState:l}=Oe(n.state),h=l.actions.register_login_identifier.inputs,c=!(!(h!=null&&h.email)||!(h!=null&&h.username)),[d,m]=(0,f.useState)(void 0),[g,v]=(0,f.useState)(null),[S,w]=(0,f.useState)(!1),[y,P]=(0,f.useState)(!1),U=(0,f.useMemo)(()=>!!l.actions.thirdparty_oauth.enabled,[l.actions]);return a(k.Fragment,{children:[a(Se,{children:[a(le,{children:e("headlines.signUp")}),a(xe,{state:l,error:d}),h?a(k.Fragment,{children:[a(Q,Object.assign({flowAction:l.actions.register_login_identifier,onSubmit:T=>Kt(void 0,void 0,void 0,function*(){return T.preventDefault(),yield l.actions.register_login_identifier.run({email:r.email,username:r.username})}),maxWidth:!0},{children:[h.username?a(Me,{markOptional:c,markError:c,type:"text",autoComplete:"username",autoCorrect:"off",flowInput:h.username,onInput:T=>{if(T.preventDefault(),T.target instanceof HTMLInputElement){let{value:D}=T.target;i(F=>Object.assign(Object.assign({},F),{username:D}))}},value:r.username,placeholder:e("labels.username")}):null,h.email?a(Me,{markOptional:c,markError:c,type:"email",autoComplete:"email",autoCorrect:"off",flowInput:h.email,onInput:T=>{if(T.preventDefault(),T.target instanceof HTMLInputElement){let{value:D}=T.target;i(F=>Object.assign(Object.assign({},F),{email:D}))}},value:r.email,placeholder:e("labels.email"),pattern:"^.*[^0-9]+$"}):null,a(X,Object.assign({autofocus:!0},{children:e("labels.continue")}))]})),a(to,Object.assign({hidden:!U},{children:e("labels.or")}))]}):null,l.actions.thirdparty_oauth.enabled?(t=l.actions.thirdparty_oauth.inputs.provider.allowed_values)===null||t===void 0?void 0:t.map(T=>a(Q,Object.assign({flowAction:l.actions.thirdparty_oauth,onSubmit:D=>((F,N)=>Kt(void 0,void 0,void 0,function*(){F.preventDefault(),v(N);let L=yield l.actions.thirdparty_oauth.run({provider:N,redirect_to:window.location.toString()},{dispatchAfterStateChangeEvent:!1});v(null),L.dispatchAfterStateChangeEvent()}))(D,T.value)},{children:a(X,Object.assign({isLoading:T.value==g,secondary:!0,icon:T.value.startsWith("custom_")?"customProvider":T.value},{children:e("labels.signInWith",{provider:T.name})}))}),T.value)):null,l.actions.remember_me.enabled&&a(k.Fragment,{children:[a(vn,{}),a(no,{required:!1,type:"checkbox",label:e("labels.staySignedIn"),checked:S,onChange:T=>Kt(void 0,void 0,void 0,function*(){T.preventDefault();let D=yield l.actions.remember_me.run({remember_me:!S},{dispatchAfterStateChangeEvent:!1});w(F=>!F),D.dispatchAfterStateChangeEvent()})})]})]}),a(Ae,Object.assign({hidden:s!=="auth"},{children:[a("span",{hidden:!0}),a(K,Object.assign({onClick:T=>Kt(void 0,void 0,void 0,function*(){T.preventDefault(),P(!0),o("login")}),loadingSpinnerPosition:"left",isLoading:y},{children:e("labels.alreadyHaveAnAccount")}))]}))]})},Wo=function(n,t,e,o){return new(e||(e=Promise))(function(r,i){function s(c){try{h(o.next(c))}catch(d){i(d)}}function l(c){try{h(o.throw(c))}catch(d){i(d)}}function h(c){var d;c.done?r(c.value):(d=c.value,d instanceof e?d:new e(function(m){m(d)})).then(s,l)}h((o=o.apply(n,t||[])).next())})},qr=n=>{let{t}=(0,f.useContext)(R.TranslateContext),{flowState:e}=Oe(n.state),[o,r]=(0,f.useState)();return a(k.Fragment,{children:[a(Se,{children:[a(le,{children:t("headlines.registerPassword")}),a(xe,{state:e}),a(H,{children:t("texts.passwordFormatHint",{minLength:e.actions.register_password.inputs.new_password.min_length,maxLength:72})}),a(Q,Object.assign({flowAction:e.actions.register_password,onSubmit:i=>Wo(void 0,void 0,void 0,function*(){return i.preventDefault(),e.actions.register_password.run({new_password:o})})},{children:[a(Me,{type:"password",autocomplete:"new-password",flowInput:e.actions.register_password.inputs.new_password,placeholder:t("labels.newPassword"),onInput:i=>Wo(void 0,void 0,void 0,function*(){i.target instanceof HTMLInputElement&&r(i.target.value)}),autofocus:!0}),a(X,{children:t("labels.continue")})]}))]}),a(Ae,Object.assign({hidden:!e.actions.back.enabled&&!e.actions.skip.enabled},{children:[a(K,Object.assign({loadingSpinnerPosition:"right",flowAction:e.actions.back},{children:t("labels.back")})),a(K,Object.assign({loadingSpinnerPosition:"left",flowAction:e.actions.skip},{children:t("labels.skip")}))]}))]})},on=$(21),xt={};xt.setAttributes=et(),xt.insert=n=>{window._hankoStyle=n},xt.domAPI=Xe(),xt.insertStyleElement=tt(),Qe()(on.A,xt);var Be=on.A&&on.A.locals?on.A.locals:void 0,gn=function({name:n,columnSelector:t,contentSelector:e,data:o=[],checkedItemID:r,setCheckedItemID:i,dropdown:s=!1}){let l=(0,f.useCallback)(d=>`${n}-${d}`,[n]),h=(0,f.useCallback)(d=>l(d)===r,[r,l]),c=d=>{if(!(d.target instanceof HTMLInputElement))return;let m=parseInt(d.target.value,10),g=l(m);i(g===r?null:g)};return a("div",Object.assign({className:Be.accordion},{children:o.map((d,m)=>a("div",Object.assign({className:Be.accordionItem},{children:[a("input",{type:"radio",className:Be.accordionInput,id:`${n}-${m}`,name:n,onClick:c,value:m,checked:h(m)}),a("label",Object.assign({className:q()(Be.label,s&&Be.dropdown),for:`${n}-${m}`},{children:a("span",Object.assign({className:Be.labelText},{children:t(d,m)}))})),a("div",Object.assign({className:q()(Be.accordionContent,s&&Be.dropdownContent)},{children:e(d,m)}))]}),m))}))},je=({children:n})=>a("h2",Object.assign({part:"headline2",className:q()(mn.headline,mn.grade2)},{children:n})),xn=function(n,t,e,o){return new(e||(e=Promise))(function(r,i){function s(c){try{h(o.next(c))}catch(d){i(d)}}function l(c){try{h(o.throw(c))}catch(d){i(d)}}function h(c){var d;c.done?r(c.value):(d=c.value,d instanceof e?d:new e(function(m){m(d)})).then(s,l)}h((o=o.apply(n,t||[])).next())})},$r=({checkedItemID:n,setCheckedItemID:t,flowState:e,onState:o})=>{let{t:r}=(0,f.useContext)(R.TranslateContext),i=(0,f.useMemo)(()=>!1,[]);return a(gn,{name:"email-edit-dropdown",columnSelector:s=>{let l=a("span",Object.assign({className:Be.description},{children:s.is_verified?s.is_primary?a(k.Fragment,{children:[" -"," ",r("labels.primaryEmail")]}):null:a(k.Fragment,{children:[" -"," ",r("labels.unverifiedEmail")]})}));return s.is_primary?a(k.Fragment,{children:[a("b",{children:s.address}),l]}):a(k.Fragment,{children:[s.address,l]})},data:e.payload.user.emails,contentSelector:s=>{var l,h;return a(k.Fragment,{children:[s.is_primary?a(k.Fragment,{children:a(H,{children:[a(je,{children:r("headlines.isPrimaryEmail")}),r("texts.isPrimaryEmail")]})}):a(k.Fragment,{children:a(H,{children:[a(je,{children:r("headlines.setPrimaryEmail")}),r("texts.setPrimaryEmail"),a("br",{}),a(K,Object.assign({flowAction:e.actions.email_set_primary,onClick:c=>((d,m)=>xn(void 0,void 0,void 0,function*(){d.preventDefault();let g=yield e.actions.email_set_primary.run({email_id:m},{dispatchAfterStateChangeEvent:!1});return o(g)}))(c,s.id),loadingSpinnerPosition:"right"},{children:r("labels.setAsPrimaryEmail")}))]})}),s.is_verified?a(k.Fragment,{children:a(H,{children:[a(je,{children:r("headlines.emailVerified")}),r("texts.emailVerified")]})}):a(k.Fragment,{children:a(H,{children:[a(je,{children:r("headlines.emailUnverified")}),r("texts.emailUnverified"),a("br",{}),a(K,Object.assign({flowAction:e.actions.email_verify,onClick:c=>((d,m)=>xn(void 0,void 0,void 0,function*(){d.preventDefault();let g=yield e.actions.email_verify.run({email_id:m},{dispatchAfterStateChangeEvent:!1});return o(g)}))(c,s.id),loadingSpinnerPosition:"right"},{children:r("labels.verify")}))]})}),!((l=e.actions.email_delete.inputs.email_id.allowed_values)===null||l===void 0)&&l.map(c=>c.value).includes(s.id)?a(k.Fragment,{children:a(H,{children:[a(je,{children:r("headlines.emailDelete")}),r("texts.emailDelete"),a("br",{}),a(K,Object.assign({dangerous:!0,flowAction:e.actions.email_delete,onClick:c=>((d,m)=>xn(void 0,void 0,void 0,function*(){d.preventDefault();let g=yield e.actions.email_delete.run({email_id:m},{dispatchAfterStateChangeEvent:!1});return o(g)}))(c,s.id),disabled:i,loadingSpinnerPosition:"right"},{children:r("labels.delete")}))]})}):null,((h=s.identities)===null||h===void 0?void 0:h.length)>0?a(k.Fragment,{children:a(H,{children:[a(je,{children:r("headlines.connectedAccounts")}),s.identities.map(c=>c.provider).join(", ")]})}):null]})},checkedItemID:n,setCheckedItemID:t})},Kr=({onCredentialNameSubmit:n,oldName:t,onBack:e,credential:o,credentialType:r,flowState:i})=>{let{t:s}=(0,f.useContext)(R.TranslateContext),[l,h]=(0,f.useState)(t);return a(k.Fragment,{children:[a(Se,{children:[a(le,{children:s(r==="security-key"?"headlines.renameSecurityKey":"headlines.renamePasskey")}),a(xe,{flowError:null}),a(H,{children:s(r==="security-key"?"texts.renameSecurityKey":"texts.renamePasskey")}),a(Q,Object.assign({flowAction:i.actions.webauthn_credential_rename,onSubmit:c=>n(c,o.id,l)},{children:[a(Me,{type:"text",name:r,value:l,minLength:3,maxLength:32,required:!0,placeholder:s(r==="security-key"?"labels.newSecurityKeyName":"labels.newPasskeyName"),onInput:c=>{return d=void 0,m=void 0,v=function*(){c.target instanceof HTMLInputElement&&h(c.target.value)},new((g=void 0)||(g=Promise))(function(S,w){function y(T){try{U(v.next(T))}catch(D){w(D)}}function P(T){try{U(v.throw(T))}catch(D){w(D)}}function U(T){var D;T.done?S(T.value):(D=T.value,D instanceof g?D:new g(function(F){F(D)})).then(y,P)}U((v=v.apply(d,m||[])).next())});var d,m,g,v},autofocus:!0}),a(X,{children:s("labels.save")})]}))]}),a(Ae,{children:a(K,Object.assign({onClick:e,loadingSpinnerPosition:"right"},{children:s("labels.back")}))})]})},Ho=({credentials:n=[],checkedItemID:t,setCheckedItemID:e,onBack:o,onCredentialNameSubmit:r,allowCredentialDeletion:i,credentialType:s,onCredentialDelete:l,flowState:h})=>{let{t:c}=(0,f.useContext)(R.TranslateContext),{setPage:d}=(0,f.useContext)(Ie),m=v=>{if(v.name)return v.name;let S=v.public_key.replace(/[\W_]/g,"");return`${s==="security-key"?"SecurityKey":"Passkey"}-${S.substring(S.length-7,S.length)}`},g=v=>new Date(v).toLocaleString();return a(gn,{name:s==="security-key"?"security-key-edit-dropdown":"passkey-edit-dropdown",columnSelector:v=>m(v),data:n,contentSelector:v=>a(k.Fragment,{children:[a(H,{children:[a(je,{children:c(s==="security-key"?"headlines.renameSecurityKey":"headlines.renamePasskey")}),c(s==="security-key"?"texts.renameSecurityKey":"texts.renamePasskey"),a("br",{}),a(K,Object.assign({onClick:S=>((w,y,P)=>{w.preventDefault(),d(a(Kr,{oldName:m(y),credential:y,credentialType:P,onBack:o,onCredentialNameSubmit:r,flowState:h}))})(S,v,s),loadingSpinnerPosition:"right"},{children:c("labels.rename")}))]}),a(H,Object.assign({hidden:!i},{children:[a(je,{children:c(s==="security-key"?"headlines.deleteSecurityKey":"headlines.deletePasskey")}),c(s==="security-key"?"texts.deleteSecurityKey":"texts.deletePasskey"),a("br",{}),a(K,Object.assign({dangerous:!0,flowAction:h.actions.webauthn_credential_delete,onClick:S=>l(S,v.id),loadingSpinnerPosition:"right"},{children:c("labels.delete")}))]})),a(H,{children:[a(je,{children:c("headlines.lastUsedAt")}),v.last_used_at?g(v.last_used_at):"-"]}),a(H,{children:[a(je,{children:c("headlines.createdAt")}),g(v.created_at)]})]}),checkedItemID:t,setCheckedItemID:e})},Lt=({name:n,title:t,children:e,checkedItemID:o,setCheckedItemID:r})=>a(gn,{dropdown:!0,name:n,columnSelector:()=>t,contentSelector:()=>a(k.Fragment,{children:e}),setCheckedItemID:r,checkedItemID:o,data:[{}]}),ao=({flowError:n})=>{let{t}=(0,f.useContext)(R.TranslateContext);return a(k.Fragment,{children:n?a("div",Object.assign({className:pa.errorMessage},{children:t(`flowErrors.${n==null?void 0:n.code}`)})):null})},Gr=({checkedItemID:n,setCheckedItemID:t,flowState:e,onState:o})=>{var r;let{t:i}=(0,f.useContext)(R.TranslateContext),{setUIState:s}=(0,f.useContext)(Ie),[l,h]=(0,f.useState)();return a(Lt,Object.assign({name:"email-create-dropdown",title:i("labels.addEmail"),checkedItemID:n,setCheckedItemID:t},{children:[a(ao,{flowError:(r=e.actions.email_create.inputs.email)===null||r===void 0?void 0:r.error}),a(Q,Object.assign({flowAction:e.actions.email_create,onSubmit:c=>((d,m)=>{return g=void 0,v=void 0,w=function*(){d.preventDefault(),s(P=>Object.assign(Object.assign({},P),{email:m}));let y=yield e.actions.email_create.run({email:m},{dispatchAfterStateChangeEvent:!1});return o(y)},new((S=void 0)||(S=Promise))(function(y,P){function U(F){try{D(w.next(F))}catch(N){P(N)}}function T(F){try{D(w.throw(F))}catch(N){P(N)}}function D(F){var N;F.done?y(F.value):(N=F.value,N instanceof S?N:new S(function(L){L(N)})).then(U,T)}D((w=w.apply(g,v||[])).next())});var g,v,S,w})(c,l).then(()=>h(""))},{children:[a(Me,{markError:!0,type:"email",placeholder:i("labels.newEmailAddress"),onInput:c=>{c.preventDefault(),c.target instanceof HTMLInputElement&&h(c.target.value)},value:l,flowInput:e.actions.email_create.inputs.email}),a(X,{children:i("labels.save")})]}))]}))},Ro=function(n,t,e,o){return new(e||(e=Promise))(function(r,i){function s(c){try{h(o.next(c))}catch(d){i(d)}}function l(c){try{h(o.throw(c))}catch(d){i(d)}}function h(c){var d;c.done?r(c.value):(d=c.value,d instanceof e?d:new e(function(m){m(d)})).then(s,l)}h((o=o.apply(n,t||[])).next())})},Vr=({checkedItemID:n,setCheckedItemID:t,onState:e,flowState:o})=>{var r,i,s;let{t:l}=(0,f.useContext)(R.TranslateContext),[h,c]=(0,f.useState)(""),d=o.actions.password_create.enabled?o.actions.password_create:o.actions.password_update;return a(Lt,Object.assign({name:"password-edit-dropdown",title:l(o.actions.password_create.enabled?"labels.setPassword":"labels.changePassword"),checkedItemID:n,setCheckedItemID:t},{children:[a(H,{children:l("texts.passwordFormatHint",{minLength:(r=d.inputs.password.min_length)===null||r===void 0?void 0:r.toString(10),maxLength:(i=d.inputs.password.max_length)===null||i===void 0?void 0:i.toString(10)})}),a(ao,{flowError:(s=o.actions.password_create.inputs.password)===null||s===void 0?void 0:s.error}),a(Q,Object.assign({flowAction:d,onSubmit:m=>((g,v)=>Ro(void 0,void 0,void 0,function*(){g.preventDefault();let S=yield d.run({password:v},{dispatchAfterStateChangeEvent:!1});return e(S)}))(m,h).then(()=>c(""))},{children:[a(Me,{markError:!0,autoComplete:"new-password",placeholder:l("labels.newPassword"),type:"password",onInput:m=>{m.preventDefault(),m.target instanceof HTMLInputElement&&c(m.target.value)},value:h,flowInput:d.inputs.password}),a(X,{children:l("labels.save")})]})),a(K,Object.assign({dangerous:!0,flowAction:o.actions.password_delete,onClick:m=>(g=>Ro(void 0,void 0,void 0,function*(){g.preventDefault();let v=yield o.actions.password_delete.run(null,{dispatchAfterStateChangeEvent:!1});return e(v)}))(m).then(()=>c("")),loadingSpinnerPosition:"right"},{children:l("labels.delete")}))]}))},Bo=({checkedItemID:n,setCheckedItemID:t,credentialType:e,flowState:o,onState:r})=>{let{t:i}=(0,f.useContext)(R.TranslateContext),s=st.supported(),l=e=="passkey"?o.actions.webauthn_credential_create:o.actions.security_key_create;return a(Lt,Object.assign({name:e==="security-key"?"security-key-create-dropdown":"passkey-create-dropdown",title:i(e==="security-key"?"labels.createSecurityKey":"labels.createPasskey"),checkedItemID:n,setCheckedItemID:t},{children:[a(H,{children:i(e==="security-key"?"texts.securityKeySetUp":"texts.setupPasskey")}),a(Q,Object.assign({onSubmit:h=>{return c=void 0,d=void 0,g=function*(){h.preventDefault();let v=yield l.run(null,{dispatchAfterStateChangeEvent:!1});return r(v)},new((m=void 0)||(m=Promise))(function(v,S){function w(U){try{P(g.next(U))}catch(T){S(T)}}function y(U){try{P(g.throw(U))}catch(T){S(T)}}function P(U){var T;U.done?v(U.value):(T=U.value,T instanceof m?T:new m(function(D){D(T)})).then(w,y)}P((g=g.apply(c,d||[])).next())});var c,d,m,g},flowAction:l},{children:a(X,Object.assign({title:s?null:i("labels.webauthnUnsupported")},{children:i(e==="security-key"?"labels.createSecurityKey":"labels.createPasskey")}))}))]}))},qo=function(n,t,e,o){return new(e||(e=Promise))(function(r,i){function s(c){try{h(o.next(c))}catch(d){i(d)}}function l(c){try{h(o.throw(c))}catch(d){i(d)}}function h(c){var d;c.done?r(c.value):(d=c.value,d instanceof e?d:new e(function(m){m(d)})).then(s,l)}h((o=o.apply(n,t||[])).next())})},Zr=({checkedItemID:n,setCheckedItemID:t,flowState:e,onState:o})=>{var r,i;let{t:s}=(0,f.useContext)(R.TranslateContext),[l,h]=(0,f.useState)();return a(Lt,Object.assign({name:"username-edit-dropdown",title:s(e.payload.user.username?"labels.changeUsername":"labels.setUsername"),checkedItemID:n,setCheckedItemID:t},{children:[a(ao,{flowError:e.payload.user.username?(r=e.actions.username_update.inputs.username)===null||r===void 0?void 0:r.error:(i=e.actions.username_create.inputs.username)===null||i===void 0?void 0:i.error}),a(Q,Object.assign({flowAction:e.payload.user.username?e.actions.username_update:e.actions.username_create,onSubmit:c=>qo(void 0,void 0,void 0,function*(){c.preventDefault();let d=e.payload.user.username?e.actions.username_update:e.actions.username_create,m=yield d.run({username:l},{dispatchAfterStateChangeEvent:!1});return o(m).then(()=>h(""))})},{children:[a(Me,{markError:!0,placeholder:s("labels.username"),type:"text",onInput:c=>{c.preventDefault(),c.target instanceof HTMLInputElement&&h(c.target.value)},value:l,flowInput:e.payload.user.username?e.actions.username_update.inputs.username:e.actions.username_create.inputs.username}),a(X,{children:s("labels.save")})]})),a(K,Object.assign({flowAction:e.actions.username_delete,onClick:c=>qo(void 0,void 0,void 0,function*(){c.preventDefault();let d=yield e.actions.username_delete.run(null,{dispatchAfterStateChangeEvent:!1});return o(d).then(()=>h(""))}),dangerous:!0,loadingSpinnerPosition:"right"},{children:s("labels.delete")}))]}))},Jr=({state:n,onBack:t})=>{let{t:e}=(0,f.useContext)(R.TranslateContext);return a(k.Fragment,{children:[a(Se,{children:[a(le,{children:e("headlines.deleteAccount")}),a(xe,{flowError:null}),a(H,{children:e("texts.deleteAccount")}),a(Q,Object.assign({flowAction:n.actions.account_delete},{children:[a(no,{required:!0,type:"checkbox",label:e("labels.deleteAccount")}),a(X,{children:e("labels.delete")})]}))]}),a(Ae,{children:a(K,Object.assign({onClick:t},{children:e("labels.back")}))})]})},Yr=({checkedItemID:n,setCheckedItemID:t,flowState:e,onState:o})=>{let{t:r}=(0,f.useContext)(R.TranslateContext),i=s=>new Date(s).toLocaleString();return a(gn,{name:"session-edit-dropdown",columnSelector:s=>{let l=a("b",{children:s.user_agent?s.user_agent:s.id}),h=s.current?a("span",Object.assign({className:Be.description},{children:a(k.Fragment,{children:[" -"," ",r("labels.currentSession")]})})):null;return a(k.Fragment,{children:[l,h]})},data:e.payload.sessions,contentSelector:s=>{var l,h,c;return a(k.Fragment,{children:[a(H,Object.assign({hidden:!s.ip_address},{children:[a(je,{children:r("headlines.ipAddress")}),s.ip_address]})),a(H,{children:[a(je,{children:r("headlines.lastUsed")}),i(s.last_used)]}),a(H,{children:[a(je,{children:r("headlines.createdAt")}),i(s.created_at)]}),!((c=(h=(l=e.actions.session_delete.inputs.session_id)===null||l===void 0?void 0:l.allowed_values)===null||h===void 0?void 0:h.map(d=>d.value))===null||c===void 0)&&c.includes(s.id)?a(H,{children:[a(je,{children:r("headlines.revokeSession")}),a(K,Object.assign({dangerous:!0,onClick:d=>((m,g)=>{return v=void 0,S=void 0,y=function*(){m.preventDefault();let P=yield e.actions.session_delete.run({session_id:g},{dispatchAfterStateChangeEvent:!1});return o(P)},new((w=void 0)||(w=Promise))(function(P,U){function T(N){try{F(y.next(N))}catch(L){U(L)}}function D(N){try{F(y.throw(N))}catch(L){U(L)}}function F(N){var L;N.done?P(N.value):(L=N.value,L instanceof w?L:new w(function(re){re(L)})).then(T,D)}F((y=y.apply(v,S||[])).next())});var v,S,w,y})(d,s.id),loadingSpinnerPosition:"right"},{children:r("labels.revoke")}))]}):null]})},checkedItemID:n,setCheckedItemID:t})},$o=function(n,t,e,o){return new(e||(e=Promise))(function(r,i){function s(c){try{h(o.next(c))}catch(d){i(d)}}function l(c){try{h(o.throw(c))}catch(d){i(d)}}function h(c){var d;c.done?r(c.value):(d=c.value,d instanceof e?d:new e(function(m){m(d)})).then(s,l)}h((o=o.apply(n,t||[])).next())})},Qr=({checkedItemID:n,setCheckedItemID:t,flowState:e,onState:o})=>{var r,i,s,l;let{t:h}=(0,f.useContext)(R.TranslateContext),c=a("span",Object.assign({className:Be.description},{children:!((r=e.payload.user.mfa_config)===null||r===void 0)&&r.auth_app_set_up?a(k.Fragment,{children:[" -"," ",h("labels.configured")]}):null})),d=a(k.Fragment,{children:[h("labels.authenticatorAppManage")," ",c]});return a(Lt,Object.assign({name:"authenticator-app-manage-dropdown",title:d,checkedItemID:n,setCheckedItemID:t},{children:[a(je,{children:h(!((i=e.payload.user.mfa_config)===null||i===void 0)&&i.auth_app_set_up?"headlines.authenticatorAppAlreadySetUp":"headlines.authenticatorAppNotSetUp")}),a(H,{children:[h(!((s=e.payload.user.mfa_config)===null||s===void 0)&&s.auth_app_set_up?"texts.authenticatorAppAlreadySetUp":"texts.authenticatorAppNotSetUp"),a("br",{}),!((l=e.payload.user.mfa_config)===null||l===void 0)&&l.auth_app_set_up?a(K,Object.assign({flowAction:e.actions.otp_secret_delete,onClick:m=>$o(void 0,void 0,void 0,function*(){m.preventDefault();let g=yield e.actions.otp_secret_delete.run(null,{dispatchAfterStateChangeEvent:!1});return o(g)}),loadingSpinnerPosition:"right",dangerous:!0},{children:h("labels.delete")})):a(K,Object.assign({flowAction:e.actions.continue_to_otp_secret_creation,onClick:m=>$o(void 0,void 0,void 0,function*(){m.preventDefault();let g=yield e.actions.continue_to_otp_secret_creation.run(null,{dispatchAfterStateChangeEvent:!1});return o(g)}),loadingSpinnerPosition:"right"},{children:h("labels.authenticatorAppAdd")}))]})]}))},Gt=function(n,t,e,o){return new(e||(e=Promise))(function(r,i){function s(c){try{h(o.next(c))}catch(d){i(d)}}function l(c){try{h(o.throw(c))}catch(d){i(d)}}function h(c){var d;c.done?r(c.value):(d=c.value,d instanceof e?d:new e(function(m){m(d)})).then(s,l)}h((o=o.apply(n,t||[])).next())})},fa=n=>{var t,e,o,r,i,s,l;let{t:h}=(0,f.useContext)(R.TranslateContext),{setPage:c}=(0,f.useContext)(Ie),{flowState:d}=Oe(n.state),[m,g]=(0,f.useState)(""),v=y=>Gt(void 0,void 0,void 0,function*(){y!=null&&y.error||(g(null),yield new Promise(P=>setTimeout(P,360))),y.dispatchAfterStateChangeEvent()}),S=(y,P,U)=>Gt(void 0,void 0,void 0,function*(){y.preventDefault();let T=yield d.actions.webauthn_credential_rename.run({passkey_id:P,passkey_name:U},{dispatchAfterStateChangeEvent:!1});return v(T)}),w=y=>(y.preventDefault(),c(a(fa,{state:d,enablePasskeys:n.enablePasskeys})),Promise.resolve());return a(Se,{children:[a(xe,{state:((t=d==null?void 0:d.error)===null||t===void 0?void 0:t.code)!=="form_data_invalid_error"?d:null}),d.actions.username_create.enabled||d.actions.username_update.enabled||d.actions.username_delete.enabled?a(k.Fragment,{children:[a(le,{children:h("labels.username")}),d.payload.user.username?a(H,{children:a("b",{children:d.payload.user.username.username})}):null,a(H,{children:d.actions.username_create.enabled||d.actions.username_update.enabled?a(Zr,{onState:v,flowState:d,checkedItemID:m,setCheckedItemID:g}):null})]}):null,!((o=(e=d.payload)===null||e===void 0?void 0:e.user)===null||o===void 0)&&o.emails||d.actions.email_create.enabled?a(k.Fragment,{children:[a(le,{children:h("headlines.profileEmails")}),a(H,{children:[a($r,{flowState:d,onState:v,checkedItemID:m,setCheckedItemID:g}),d.actions.email_create.enabled?a(Gr,{flowState:d,onState:v,checkedItemID:m,setCheckedItemID:g}):null]})]}):null,d.actions.password_create.enabled||d.actions.password_update.enabled?a(k.Fragment,{children:[a(le,{children:h("headlines.profilePassword")}),a(H,{children:a(Vr,{flowState:d,onState:v,checkedItemID:m,setCheckedItemID:g})})]}):null,n.enablePasskeys&&(!((i=(r=d.payload)===null||r===void 0?void 0:r.user)===null||i===void 0)&&i.passkeys||d.actions.webauthn_credential_create.enabled)?a(k.Fragment,{children:[a(le,{children:h("headlines.profilePasskeys")}),a(H,{children:[a(Ho,{flowState:d,onBack:w,onCredentialNameSubmit:S,onCredentialDelete:(y,P)=>Gt(void 0,void 0,void 0,function*(){y.preventDefault();let U=yield d.actions.webauthn_credential_delete.run({passkey_id:P},{dispatchAfterStateChangeEvent:!1});return v(U)}),credentials:d.payload.user.passkeys,checkedItemID:m,setCheckedItemID:g,allowCredentialDeletion:!!d.actions.webauthn_credential_delete.enabled,credentialType:"passkey"}),d.actions.webauthn_credential_create.enabled?a(Bo,{flowState:d,onState:v,credentialType:"passkey",checkedItemID:m,setCheckedItemID:g}):null]})]}):null,!((s=d.payload.user.mfa_config)===null||s===void 0)&&s.security_keys_enabled?a(k.Fragment,{children:[a(le,{children:h("headlines.securityKeys")}),a(H,{children:[a(Ho,{onBack:w,flowState:d,onCredentialNameSubmit:S,onCredentialDelete:(y,P)=>Gt(void 0,void 0,void 0,function*(){y.preventDefault();let U=yield d.actions.security_key_delete.run({security_key_id:P},{dispatchAfterStateChangeEvent:!1});return v(U)}),credentials:d.payload.user.security_keys,checkedItemID:m,setCheckedItemID:g,allowCredentialDeletion:!!d.actions.security_key_delete.enabled,credentialType:"security-key"}),d.actions.security_key_create.enabled?a(Bo,{flowState:d,onState:v,credentialType:"security-key",checkedItemID:m,setCheckedItemID:g}):null]})]}):null,!((l=d.payload.user.mfa_config)===null||l===void 0)&&l.totp_enabled?a(k.Fragment,{children:[a(le,{children:h("headlines.authenticatorApp")}),a(H,{children:a(Qr,{onState:v,flowState:d,checkedItemID:m,setCheckedItemID:g})})]}):null,d.payload.sessions?a(k.Fragment,{children:[a(le,{children:h("headlines.profileSessions")}),a(H,{children:a(Yr,{flowState:d,onState:v,checkedItemID:m,setCheckedItemID:g})})]}):null,d.actions.account_delete.enabled?a(k.Fragment,{children:[a(vn,{}),a(H,{children:a(to,{})}),a(H,{children:a(Q,Object.assign({onSubmit:y=>(y.preventDefault(),c(a(Jr,{onBack:w,state:d})),Promise.resolve()),flowAction:d.actions.account_delete},{children:a(X,Object.assign({dangerous:!0},{children:h("headlines.deleteAccount")}))}))})]}):null]})},Xr=fa,Ko=({state:n,error:t})=>{let{t:e}=(0,f.useContext)(R.TranslateContext),{init:o,componentName:r}=(0,f.useContext)(Ie),[i,s]=(0,f.useState)(!1),l=(0,f.useCallback)(()=>o(r),[r,o]),{flowState:h}=Oe(n);return(0,f.useEffect)(()=>(addEventListener("hankoAuthSuccess",l),()=>{removeEventListener("hankoAuthSuccess",l)}),[l]),a(Se,{children:[a(le,{children:e("headlines.error")}),a(xe,{state:h,error:t}),a(Q,Object.assign({onSubmit:c=>{c.preventDefault(),s(!0),l()}},{children:a(X,Object.assign({isLoading:i},{children:e("labels.continue")}))}))]})},Go=function(n,t,e,o){return new(e||(e=Promise))(function(r,i){function s(c){try{h(o.next(c))}catch(d){i(d)}}function l(c){try{h(o.throw(c))}catch(d){i(d)}}function h(c){var d;c.done?r(c.value):(d=c.value,d instanceof e?d:new e(function(m){m(d)})).then(s,l)}h((o=o.apply(n,t||[])).next())})},ei=n=>{let{t}=(0,f.useContext)(R.TranslateContext),{flowState:e}=Oe(n.state),[o,r]=(0,f.useState)();return a(k.Fragment,{children:[a(Se,{children:[a(le,{children:t("headlines.createEmail")}),a(xe,{state:e}),a(Q,Object.assign({onSubmit:i=>Go(void 0,void 0,void 0,function*(){return i.preventDefault(),e.actions.email_address_set.run({email:o})}),flowAction:e.actions.email_address_set},{children:[a(Me,{type:"email",autoComplete:"email",autoCorrect:"off",flowInput:e.actions.email_address_set.inputs.email,onInput:i=>Go(void 0,void 0,void 0,function*(){i.target instanceof HTMLInputElement&&r(i.target.value)}),placeholder:t("labels.email"),pattern:"^.*[^0-9]+$",value:o}),a(X,{children:t("labels.continue")})]}))]}),a(Ae,Object.assign({hidden:!e.actions.skip.enabled},{children:[a("span",{hidden:!0}),a(K,Object.assign({flowAction:e.actions.skip,loadingSpinnerPosition:"left"},{children:t("labels.skip")}))]}))]})},Vo=function(n,t,e,o){return new(e||(e=Promise))(function(r,i){function s(c){try{h(o.next(c))}catch(d){i(d)}}function l(c){try{h(o.throw(c))}catch(d){i(d)}}function h(c){var d;c.done?r(c.value):(d=c.value,d instanceof e?d:new e(function(m){m(d)})).then(s,l)}h((o=o.apply(n,t||[])).next())})},ti=n=>{let{t}=(0,f.useContext)(R.TranslateContext),{flowState:e}=Oe(n.state),[o,r]=(0,f.useState)();return a(k.Fragment,{children:[a(Se,{children:[a(le,{children:t("headlines.createUsername")}),a(xe,{state:e}),a(Q,Object.assign({flowAction:e.actions.username_create,onSubmit:i=>Vo(void 0,void 0,void 0,function*(){return i.preventDefault(),e.actions.username_create.run({username:o})})},{children:[a(Me,{type:"text",autoComplete:"username",autoCorrect:"off",flowInput:e.actions.username_create.inputs.username,onInput:i=>Vo(void 0,void 0,void 0,function*(){i.target instanceof HTMLInputElement&&r(i.target.value)}),value:o,placeholder:t("labels.username")}),a(X,{children:t("labels.continue")})]}))]}),a(Ae,Object.assign({hidden:!e.actions.skip.enabled},{children:[a("span",{hidden:!0}),a(K,Object.assign({flowAction:e.actions.skip,loadingSpinnerPosition:"left"},{children:t("labels.skip")}))]}))]})},ni=n=>{let{t}=(0,f.useContext)(R.TranslateContext),{flowState:e}=Oe(n.state);return a(k.Fragment,{children:[a(Se,{children:[a(le,{children:t("headlines.setupLoginMethod")}),a(xe,{flowError:e==null?void 0:e.error}),a(H,{children:t("texts.selectLoginMethodForFutureLogins")}),a(Q,Object.assign({flowAction:e.actions.continue_to_passkey_registration},{children:a(X,Object.assign({secondary:!0,icon:"passkey"},{children:t("labels.passkey")}))})),a(Q,Object.assign({flowAction:e.actions.continue_to_password_registration},{children:a(X,Object.assign({secondary:!0,icon:"password"},{children:t("labels.password")}))}))]}),a(Ae,Object.assign({hidden:!e.actions.back.enabled&&!e.actions.skip.enabled},{children:[a(K,Object.assign({loadingSpinnerPosition:"right",flowAction:e.actions.back},{children:t("labels.back")})),a(K,Object.assign({loadingSpinnerPosition:"left",flowAction:e.actions.skip},{children:t("labels.skip")}))]}))]})},Zo=function(n,t,e,o){return new(e||(e=Promise))(function(r,i){function s(c){try{h(o.next(c))}catch(d){i(d)}}function l(c){try{h(o.throw(c))}catch(d){i(d)}}function h(c){var d;c.done?r(c.value):(d=c.value,d instanceof e?d:new e(function(m){m(d)})).then(s,l)}h((o=o.apply(n,t||[])).next())})},oi=n=>{let{t}=(0,f.useContext)(R.TranslateContext),{flowState:e}=Oe(n.state),[o,r]=(0,f.useState)([]),i=(0,f.useCallback)(s=>Zo(void 0,void 0,void 0,function*(){return e.actions.otp_code_validate.run({otp_code:s})}),[e]);return(0,f.useEffect)(()=>{r([])},[e]),a(k.Fragment,{children:[a(Se,{children:[a(le,{children:t("headlines.otpLogin")}),a(xe,{state:e}),a(H,{children:t("texts.otpLogin")}),a(Q,Object.assign({flowAction:e.actions.otp_code_validate,onSubmit:s=>Zo(void 0,void 0,void 0,function*(){return s.preventDefault(),i(o.join(""))})},{children:[a(oo,{onInput:s=>{if(r(s),s.filter(l=>l!=="").length===6)return i(s.join(""))},passcodeDigits:o,numberOfInputs:6}),a(X,{children:t("labels.continue")})]}))]}),a(Ae,Object.assign({hidden:!e.actions.continue_to_login_security_key.enabled},{children:a(K,Object.assign({loadingSpinnerPosition:"right",flowAction:e.actions.continue_to_login_security_key},{children:t("labels.useAnotherMethod")}))}))]})},ai=n=>{let{t}=(0,f.useContext)(R.TranslateContext),{flowState:e}=Oe(n.state);return a(k.Fragment,{children:[a(Se,{children:[a(le,{children:t("headlines.securityKeyLogin")}),a(xe,{state:e}),a(H,{children:t("texts.securityKeyLogin")}),a(Q,Object.assign({flowAction:e.actions.webauthn_generate_request_options},{children:a(X,Object.assign({autofocus:!0,icon:"securityKey"},{children:t("labels.securityKeyUse")}))}))]}),a(Ae,Object.assign({hidden:!e.actions.continue_to_login_otp.enabled},{children:a(K,Object.assign({loadingSpinnerPosition:"right",flowAction:e.actions.continue_to_login_otp},{children:t("labels.useAnotherMethod")}))}))]})},ri=n=>{let{t}=(0,f.useContext)(R.TranslateContext),{flowState:e}=Oe(n.state),o=(0,f.useMemo)(()=>{let{actions:r}=e;return r.continue_to_security_key_creation.enabled&&!r.continue_to_otp_secret_creation.enabled?r.continue_to_security_key_creation:!r.continue_to_security_key_creation.enabled&&r.continue_to_otp_secret_creation.enabled?r.continue_to_otp_secret_creation:void 0},[e]);return a(k.Fragment,{children:[a(Se,{children:[a(le,{children:t("headlines.mfaSetUp")}),a(xe,{flowError:e==null?void 0:e.error}),a(H,{children:t("texts.mfaSetUp")}),o?a(Q,Object.assign({flowAction:o},{children:a(X,{children:t("labels.continue")})})):a(k.Fragment,{children:[a(Q,Object.assign({flowAction:e.actions.continue_to_security_key_creation},{children:a(X,Object.assign({secondary:!0,icon:"securityKey"},{children:t("labels.securityKey")}))})),a(Q,Object.assign({flowAction:e.actions.continue_to_otp_secret_creation},{children:a(X,Object.assign({secondary:!0,icon:"qrCodeScanner"},{children:t("labels.authenticatorApp")}))}))]})]}),a(Ae,{children:[a(K,Object.assign({loadingSpinnerPosition:"right",flowAction:e.actions.back},{children:t("labels.back")})),a(K,Object.assign({loadingSpinnerPosition:"left",flowAction:e.actions.skip},{children:t("labels.skip")}))]})]})},an=$(560),Ct={};Ct.setAttributes=et(),Ct.insert=n=>{window._hankoStyle=n},Ct.domAPI=Xe(),Ct.insertStyleElement=tt(),Qe()(an.A,Ct);var ii=an.A&&an.A.locals?an.A.locals:void 0,si=({children:n,text:t})=>{let{t:e}=(0,f.useContext)(R.TranslateContext),[o,r]=(0,f.useState)(!1);return a("section",Object.assign({className:Dt.clipboardContainer},{children:[a("div",{children:[n,"\xA0"]}),a("div",Object.assign({className:Dt.clipboardIcon,onClick:i=>{return s=void 0,l=void 0,c=function*(){i.preventDefault();try{yield navigator.clipboard.writeText(t),r(!0),setTimeout(()=>r(!1),1500)}catch(d){console.error("Failed to copy: ",d)}},new((h=void 0)||(h=Promise))(function(d,m){function g(w){try{S(c.next(w))}catch(y){m(y)}}function v(w){try{S(c.throw(w))}catch(y){m(y)}}function S(w){var y;w.done?d(w.value):(y=w.value,y instanceof h?y:new h(function(P){P(y)})).then(g,v)}S((c=c.apply(s,l||[])).next())});var s,l,h,c}},{children:o?a("span",{children:["- ",e("labels.copied")]}):a(Mt,{name:"copy",secondary:!0,size:13})}))]}))},li=({src:n,secret:t})=>{let{t:e}=(0,f.useContext)(R.TranslateContext);return a("div",Object.assign({className:ii.otpCreationDetails},{children:[a("img",{alt:"QR-Code",src:n}),a(vn,{}),a(si,Object.assign({text:t},{children:e("texts.otpSecretKey")})),a("div",{children:t})]}))},Jo=function(n,t,e,o){return new(e||(e=Promise))(function(r,i){function s(c){try{h(o.next(c))}catch(d){i(d)}}function l(c){try{h(o.throw(c))}catch(d){i(d)}}function h(c){var d;c.done?r(c.value):(d=c.value,d instanceof e?d:new e(function(m){m(d)})).then(s,l)}h((o=o.apply(n,t||[])).next())})},ci=n=>{let{t}=(0,f.useContext)(R.TranslateContext),{flowState:e}=Oe(n.state),[o,r]=(0,f.useState)([]),i=(0,f.useCallback)(s=>Jo(void 0,void 0,void 0,function*(){return e.actions.otp_code_verify.run({otp_code:s})}),[e]);return(0,f.useEffect)(()=>{var s;((s=e.error)===null||s===void 0?void 0:s.code)==="passcode_invalid"&&r([])},[e]),a(k.Fragment,{children:[a(Se,{children:[a(le,{children:t("headlines.otpSetUp")}),a(xe,{state:e}),a(H,{children:t("texts.otpScanQRCode")}),a(li,{src:e.payload.otp_image_source,secret:e.payload.otp_secret}),a(H,{children:t("texts.otpEnterVerificationCode")}),a(Q,Object.assign({flowAction:e.actions.otp_code_verify,onSubmit:s=>Jo(void 0,void 0,void 0,function*(){return s.preventDefault(),i(o.join(""))})},{children:[a(oo,{onInput:s=>{if(r(s),s.filter(l=>l!=="").length===6)return i(s.join(""))},passcodeDigits:o,numberOfInputs:6}),a(X,{children:t("labels.continue")})]}))]}),a(Ae,{children:a(K,Object.assign({flowAction:e.actions.back,loadingSpinnerPosition:"right"},{children:t("labels.back")}))})]})},di=n=>{let{t}=(0,f.useContext)(R.TranslateContext),{flowState:e}=Oe(n.state);return a(k.Fragment,{children:[a(Se,{children:[a(le,{children:t("headlines.securityKeySetUp")}),a(xe,{state:e}),a(H,{children:t("texts.securityKeySetUp")}),a(Q,Object.assign({flowAction:e.actions.webauthn_generate_creation_options},{children:a(X,Object.assign({autofocus:!0,icon:"securityKey"},{children:t("labels.createSecurityKey")}))}))]}),a(Ae,Object.assign({hidden:!e.actions.back.enabled},{children:a(K,Object.assign({loadingSpinnerPosition:"right",flowAction:e.actions.back},{children:t("labels.back")}))}))]})},hi=n=>{let{t}=(0,f.useContext)(R.TranslateContext),{flowState:e}=Oe(n.state);return a(k.Fragment,{children:[a(Se,{children:[a(le,{children:t("headlines.trustDevice")}),a(xe,{flowError:e==null?void 0:e.error}),a(H,{children:t("texts.trustDevice")}),a(Q,Object.assign({flowAction:e.actions.trust_device},{children:a(X,{children:t("labels.trustDevice")})}))]}),a(Ae,{children:[a(K,Object.assign({flowAction:e.actions.back,loadingSpinnerPosition:"right"},{children:t("labels.back")})),a(K,Object.assign({flowAction:e.actions.skip,loadingSpinnerPosition:"left"},{children:t("labels.skip")}))]})]})},Yo=function(n,t,e,o){return new(e||(e=Promise))(function(r,i){function s(c){try{h(o.next(c))}catch(d){i(d)}}function l(c){try{h(o.throw(c))}catch(d){i(d)}}function h(c){var d;c.done?r(c.value):(d=c.value,d instanceof e?d:new e(function(m){m(d)})).then(s,l)}h((o=o.apply(n,t||[])).next())})},Ie=(0,k.createContext)(null),ui=n=>{var t,{lang:e,prefilledEmail:o,prefilledUsername:r,globalOptions:i,createWebauthnAbortSignal:s}=n,l=function(j,fe){var C={};for(var x in j)Object.prototype.hasOwnProperty.call(j,x)&&fe.indexOf(x)<0&&(C[x]=j[x]);if(j!=null&&typeof Object.getOwnPropertySymbols=="function"){var E=0;for(x=Object.getOwnPropertySymbols(j);E<x.length;E++)fe.indexOf(x[E])<0&&Object.prototype.propertyIsEnumerable.call(j,x[E])&&(C[x[E]]=j[x[E]])}return C}(n,["lang","prefilledEmail","prefilledUsername","globalOptions","createWebauthnAbortSignal"]);let{hanko:h,injectStyles:c,hidePasskeyButtonOnLogin:d,translations:m,translationsLocation:g,fallbackLanguage:v}=i;h.setLang((e==null?void 0:e.toString())||v);let S=(0,f.useRef)(null),w=(0,f.useMemo)(()=>`${i.storageKey}_last_login`,[i.storageKey]),[y,P]=(0,f.useState)(l.componentName),[U,T]=(0,f.useState)((t=l.mode)!==null&&t!==void 0?t:"login"),D=(0,f.useMemo)(()=>({auth:U,login:"login",registration:"registration",profile:"profile",events:null}),[U]),F=(0,f.useMemo)(()=>a(Dr,{}),[]),[N,L]=(0,f.useState)(F),[,re]=(0,f.useState)(h),[ne,ee]=(0,f.useState)(),[B,he]=(0,f.useState)({email:o,username:r}),Ce=function(j,fe){var C;(C=S.current)===null||C===void 0||C.dispatchEvent(new CustomEvent(j,{detail:fe,bubbles:!1,composed:!0}))},pe=(0,f.useCallback)(j=>D[y]==j.flowName,[D,y,U]),Ee=j=>{L(a(Ko,{error:j instanceof ke?j:new Ye(j)}))};(0,f.useMemo)(()=>h.onBeforeStateChange(({state:j})=>{pe(j)&&he(fe=>Object.assign(Object.assign({},fe),{isDisabled:!0,error:void 0}))}),[h,pe]),(0,f.useEffect)(()=>h.onAfterStateChange(({state:j})=>Yo(void 0,void 0,void 0,function*(){var fe;if(pe(j))switch(["onboarding_verify_passkey_attestation","webauthn_credential_verification","login_passkey","thirdparty"].includes(j.name)||he(C=>Object.assign(Object.assign({},C),{isDisabled:!1})),j.name){case"login_init":L(a(Lr,{state:j})),j.passkeyAutofillActivation();break;case"passcode_confirmation":L(a(zr,{state:j}));break;case"login_otp":L(a(oi,{state:j}));break;case"onboarding_create_passkey":L(a(Fr,{state:j}));break;case"login_password":L(a(Wr,{state:j}));break;case"login_password_recovery":L(a(Hr,{state:j}));break;case"login_security_key":L(a(ai,{state:j}));break;case"mfa_method_chooser":L(a(ri,{state:j}));break;case"mfa_otp_secret_creation":L(a(ci,{state:j}));break;case"mfa_security_key_creation":L(a(di,{state:j}));break;case"login_method_chooser":L(a(Rr,{state:j}));break;case"registration_init":L(a(Br,{state:j}));break;case"password_creation":L(a(qr,{state:j}));break;case"success":!((fe=j.payload)===null||fe===void 0)&&fe.last_login&&localStorage.setItem(w,JSON.stringify(j.payload.last_login)),j.autoStep();break;case"profile_init":L(a(Xr,{state:j,enablePasskeys:i.enablePasskeys}));break;case"error":L(a(Ko,{state:j}));break;case"onboarding_email":L(a(ei,{state:j}));break;case"onboarding_username":L(a(ti,{state:j}));break;case"credential_onboarding_chooser":L(a(ni,{state:j}));break;case"device_trust":L(a(hi,{state:j}))}})),[y,D]);let ie=(0,f.useCallback)(j=>Yo(void 0,void 0,void 0,function*(){he(x=>Object.assign(Object.assign({},x),{isDisabled:!0}));let fe=localStorage.getItem(w);fe&&ee(JSON.parse(fe));let C={excludeAutoSteps:["success"],cacheKey:"hanko-auth-flow-state",dispatchAfterStateChangeEvent:!1};if(new URLSearchParams(window.location.search).get("saml_hint")==="idp_initiated")T("token_exchange"),yield h.createState("token_exchange",Object.assign(Object.assign({},C),{dispatchAfterStateChangeEvent:!0}));else{let x=yield h.createState(j,C);T(x.flowName),setTimeout(()=>x.dispatchAfterStateChangeEvent(),500)}}),[]),ue=(0,f.useCallback)(j=>{P(j);let fe=D[j];fe&&ie(fe).catch(Ee)},[]);return(0,f.useEffect)(()=>ue(y),[]),(0,f.useEffect)(()=>{h.onUserDeleted(()=>{Ce("onUserDeleted")}),h.onSessionCreated(j=>{Ce("onSessionCreated",j)}),h.onSessionExpired(()=>{Ce("onSessionExpired")}),h.onUserLoggedOut(()=>{Ce("onUserLoggedOut")}),h.onBeforeStateChange(j=>{Ce("onBeforeStateChange",j)}),h.onAfterStateChange(j=>{Ce("onAfterStateChange",j)})},[h]),(0,f.useMemo)(()=>{let j=()=>{ue(y)};["auth","login","registration"].includes(y)?(h.onUserLoggedOut(j),h.onSessionExpired(j),h.onUserDeleted(j)):y==="profile"&&h.onSessionCreated(j)},[y,h,ue]),a(Ie.Provider,Object.assign({value:{init:ue,initialComponentName:l.componentName,setUIState:he,uiState:B,hanko:h,setHanko:re,lang:(e==null?void 0:e.toString())||v,prefilledEmail:o,prefilledUsername:r,componentName:y,setComponentName:P,hidePasskeyButtonOnLogin:d,page:N,setPage:L,lastLogin:ne,isOwnFlow:pe}},{children:a(R.TranslateProvider,Object.assign({translations:m,fallbackLang:v,root:g},{children:a(fr,Object.assign({ref:S},{children:y!=="events"?a(k.Fragment,{children:[c?a("style",{dangerouslySetInnerHTML:{__html:window._hankoStyle.innerHTML}}):null,N]}):null}))}))}))},pi={en:$(6).en},ma=function(n,t,e,o){return new(e||(e=Promise))(function(r,i){function s(c){try{h(o.next(c))}catch(d){i(d)}}function l(c){try{h(o.throw(c))}catch(d){i(d)}}function h(c){var d;c.done?r(c.value):(d=c.value,d instanceof e?d:new e(function(m){m(d)})).then(s,l)}h((o=o.apply(n,t||[])).next())})},Je={},Ut=(n,t)=>a(ui,Object.assign({componentName:n,globalOptions:Je,createWebauthnAbortSignal:_i},t)),fi=n=>Ut("auth",n),mi=n=>Ut("login",n),vi=n=>Ut("registration",n),gi=n=>Ut("profile",n),bi=n=>Ut("events",n),Vt=new AbortController,_i=()=>(Vt&&Vt.abort(),Vt=new AbortController,Vt.signal),Ot=({tagName:n,entryComponent:t,shadow:e=!0,observedAttributes:o})=>ma(void 0,void 0,void 0,function*(){customElements.get(n)||function(r,i,s,l){function h(){var c=Reflect.construct(HTMLElement,[],h);return c._vdomComponent=r,c._root=l&&l.shadow?c.attachShadow({mode:"open"}):c,c}(h.prototype=Object.create(HTMLElement.prototype)).constructor=h,h.prototype.connectedCallback=Ka,h.prototype.attributeChangedCallback=Ga,h.prototype.disconnectedCallback=Va,s=s||r.observedAttributes||Object.keys(r.propTypes||{}),h.observedAttributes=s,s.forEach(function(c){Object.defineProperty(h.prototype,c,{get:function(){var d,m,g,v;return(d=(m=this._vdom)==null||(g=m.props)==null?void 0:g[c])!=null?d:(v=this._props)==null?void 0:v[c]},set:function(d){this._vdom?this.attributeChangedCallback(c,null,d):(this._props||(this._props={}),this._props[c]=d,this.connectedCallback());var m=typeof d;d!=null&&m!=="string"&&m!=="boolean"&&m!=="number"||this.setAttribute(c,d)}})}),customElements.define(i||r.tagName||r.displayName||r.name,h)}(t,n,o,{shadow:e})}),yi=(n,t={})=>ma(void 0,void 0,void 0,function*(){let e=["api","lang","prefilled-email","entry","mode"];return t=Object.assign({shadow:!0,injectStyles:!0,enablePasskeys:!0,hidePasskeyButtonOnLogin:!1,translations:null,translationsLocation:"/i18n",fallbackLanguage:"en",storageKey:"hanko",sessionCheckInterval:3e4},t),Je.hanko=new fn(n,{cookieName:t.storageKey,cookieDomain:t.cookieDomain,cookieSameSite:t.cookieSameSite,localStorageKey:t.storageKey,sessionCheckInterval:t.sessionCheckInterval,sessionTokenLocation:t.sessionTokenLocation}),Je.injectStyles=t.injectStyles,Je.enablePasskeys=t.enablePasskeys,Je.hidePasskeyButtonOnLogin=t.hidePasskeyButtonOnLogin,Je.translations=t.translations||pi,Je.translationsLocation=t.translationsLocation,Je.fallbackLanguage=t.fallbackLanguage,Je.storageKey=t.storageKey,yield Promise.all([Ot(Object.assign(Object.assign({},t),{tagName:"hanko-auth",entryComponent:fi,observedAttributes:e})),Ot(Object.assign(Object.assign({},t),{tagName:"hanko-login",entryComponent:mi,observedAttributes:e})),Ot(Object.assign(Object.assign({},t),{tagName:"hanko-registration",entryComponent:vi,observedAttributes:e})),Ot(Object.assign(Object.assign({},t),{tagName:"hanko-profile",entryComponent:gi,observedAttributes:e.filter(o=>["api","lang"].includes(o))})),Ot(Object.assign(Object.assign({},t),{tagName:"hanko-events",entryComponent:bi,observedAttributes:[]}))]),{hanko:Je.hanko}}),fl=J.rc,ml=J.Kj,vl=J.fK,gl=J.tJ,bl=J.Z7,_l=J.qQ,yl=J.I4,wl=J.O8,kl=J.Qq,Sl=J.ku,xl=J.ls,Cl=J.bO,Ol=J.yv,Al=J.AT,El=J.m_,Il=J.KG,jl=J.Wj,Pl=J.DH,Tl=J.kf,Dl=J.Uw,Ml=J.oY,Ll=J.Wg,Ul=J.AC,Nl=J.D_,zl=J.jx,Fl=J.nX,Wl=J.Nx,Hl=J.Sd,va=J.kz,Rl=J.fX,Bl=J.qA,ql=J.tz,$l=J.gN;var ga='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="256" width="256" xmlns:xlink="http://www.w3.org/1999/xlink">%0D%0A <defs>%0D%0A <linearGradient id="c">%0D%0A <stop stop-color="%232d3335" offset="0"/>%0D%0A <stop stop-color="%234c464a" offset=".5"/>%0D%0A <stop stop-color="%23384042" offset="1"/>%0D%0A </linearGradient>%0D%0A <linearGradient id="a">%0D%0A <stop offset="0"/>%0D%0A <stop stop-opacity="0" offset="1"/>%0D%0A </linearGradient>%0D%0A <linearGradient id="u" y2="-179.97" xlink:href="%23a" gradientUnits="userSpaceOnUse" x2="9" y1="-94.672" x1="94.25"/>%0D%0A <linearGradient id="v" y2="-30.438" xlink:href="%23a" gradientUnits="userSpaceOnUse" x2="35.75" y1="-114.44" x1="50.75"/>%0D%0A <linearGradient id="w" y2="-74.625" xlink:href="%23a" gradientUnits="userSpaceOnUse" x2="115.25" y1="-163.12" x1="77.625"/>%0D%0A <linearGradient id="x" y2="7.063" xlink:href="%23a" gradientUnits="userSpaceOnUse" x2="125.72" y1="-50.438" x1="56.5"/>%0D%0A <linearGradient id="y" y2="-146.8" xlink:href="%23a" gradientUnits="userSpaceOnUse" x2="180.75" y1="-163.3" x1="35"/>%0D%0A <linearGradient id="z" y2="-41.609" xlink:href="%23a" gradientUnits="userSpaceOnUse" x2="179" y1="-141.11" x1="57"/>%0D%0A <linearGradient id="A" y2="39.75" xlink:href="%23a" gradientUnits="userSpaceOnUse" x2="208.25" y1="-26.5" x1="156"/>%0D%0A <linearGradient id="B" y2="-77.297" xlink:href="%23a" gradientUnits="userSpaceOnUse" x2="235" y1="-169.3" x1="142.75"/>%0D%0A <linearGradient id="m" y2="-113.72" xlink:href="%23b" gradientUnits="userSpaceOnUse" x2="166.5" y1="-161.36" x1="214.25"/>%0D%0A <linearGradient id="b">%0D%0A <stop stop-color="%23fff" offset="0"/>%0D%0A <stop stop-color="%23fff" stop-opacity="0" offset="1"/>%0D%0A </linearGradient>%0D%0A <linearGradient id="n" y2="-62.469" xlink:href="%23b" gradientUnits="userSpaceOnUse" x2="57.656" y1="-126.5" x1="53.25"/>%0D%0A <linearGradient id="o" y2="-17.125" xlink:href="%23b" gradientUnits="userSpaceOnUse" x2="75.719" y1="6.625" x1="39.5"/>%0D%0A <linearGradient id="p" y2="-121.44" xlink:href="%23b" gradientUnits="userSpaceOnUse" x2="85.312" y1="-162.34" x1="102"/>%0D%0A <linearGradient id="q" y2="-14.75" xlink:href="%23b" gradientUnits="userSpaceOnUse" x2="63.5" y1="-78.094" x1="117.75"/>%0D%0A <linearGradient id="r" y2="-60.75" xlink:href="%23b" gradientUnits="userSpaceOnUse" x2="133.94" y1="-125.12" x1="180.69"/>%0D%0A <linearGradient id="s" y2="33.375" xlink:href="%23b" gradientUnits="userSpaceOnUse" x2="130.22" y1="-23.5" x1="170.75"/>%0D%0A <linearGradient id="t" y2="-5.656" xlink:href="%23b" gradientUnits="userSpaceOnUse" y1="-76" x2="181.75" x1="213.5"/>%0D%0A <linearGradient id="l" y2="-213.25" xlink:href="%23a" gradientUnits="userSpaceOnUse" x2="9" gradientTransform="translate(0 -10)" y1="72.064" x1="210.17"/>%0D%0A <linearGradient id="M" y2="150.38" xlink:href="%23c" gradientUnits="userSpaceOnUse" x2="133" gradientTransform="matrix(-1 0 0 1 46 0)" y1="150.38" x1="123"/>%0D%0A <linearGradient id="L" y2="143.36" xlink:href="%23c" gradientUnits="userSpaceOnUse" x2="130.88" gradientTransform="translate(-210)" y1="134.36" x1="128"/>%0D%0A <linearGradient id="O" y2="150.38" gradientUnits="userSpaceOnUse" y1="150.38" gradientTransform="matrix(-2 0 0 1.7699 174 -86.65)" x2="133" x1="123">%0D%0A <stop stop-color="%232d3335" offset="0"/>%0D%0A <stop stop-color="%234c464a" offset=".5"/>%0D%0A <stop stop-color="%23384042" offset="1"/>%0D%0A </linearGradient>%0D%0A <linearGradient id="N" y2="186.5" gradientUnits="userSpaceOnUse" x2="136" gradientTransform="translate(-210)" y1="186.5" x1="120">%0D%0A <stop stop-color="%23f9e295" offset="0"/>%0D%0A <stop stop-color="%23f7dd84" offset=".125"/>%0D%0A <stop stop-color="%23fff" offset=".206"/>%0D%0A <stop stop-color="%23f4ce51" offset=".301"/>%0D%0A <stop stop-color="%23f9e7aa" offset=".341"/>%0D%0A <stop stop-color="%23efbb0e" offset="1"/>%0D%0A </linearGradient>%0D%0A <linearGradient id="P" y2="186.5" gradientUnits="userSpaceOnUse" y1="186.5" gradientTransform="translate(-210 67)" x2="136" x1="120">%0D%0A <stop stop-color="%23f9e295" offset="0"/>%0D%0A <stop stop-color="%23f7dd84" offset=".125"/>%0D%0A <stop stop-color="%23fff" offset=".206"/>%0D%0A <stop stop-color="%23f4ce51" offset=".301"/>%0D%0A <stop stop-color="%23f9e7aa" offset=".341"/>%0D%0A <stop stop-color="%23efbb0e" offset="1"/>%0D%0A </linearGradient>%0D%0A <linearGradient id="J" y2="186.5" gradientUnits="userSpaceOnUse" x2="136" gradientTransform="rotate(45 104.976 51.258) scale(1.39197)" y1="186.5" x1="120">%0D%0A <stop stop-color="%23f9e295" offset="0"/>%0D%0A <stop stop-color="%23f7dd84" offset=".125"/>%0D%0A <stop stop-color="%23fff" offset=".206"/>%0D%0A <stop stop-color="%23f4ce51" offset=".301"/>%0D%0A <stop stop-color="%23f9e7aa" offset=".341"/>%0D%0A <stop stop-color="%23efbb0e" offset="1"/>%0D%0A </linearGradient>%0D%0A <linearGradient id="U" y2="150.38" gradientUnits="userSpaceOnUse" x2="133" gradientTransform="rotate(-135 332.789 -39.72) scale(2.7839 -2.4637)" y1="150.38" x1="123">%0D%0A <stop stop-color="%232d3335" offset="0"/>%0D%0A <stop stop-color="%234c464a" offset=".5"/>%0D%0A <stop stop-color="%23384042" offset="1"/>%0D%0A </linearGradient>%0D%0A <linearGradient id="T" y2="186.5" gradientUnits="userSpaceOnUse" x2="136" gradientTransform="rotate(45 217.552 97.892) scale(1.39197)" y1="186.5" x1="120">%0D%0A <stop stop-color="%23f9e295" offset="0"/>%0D%0A <stop stop-color="%23f7dd84" offset=".125"/>%0D%0A <stop stop-color="%23fff" offset=".206"/>%0D%0A <stop stop-color="%23f4ce51" offset=".301"/>%0D%0A <stop stop-color="%23f9e7aa" offset=".341"/>%0D%0A <stop stop-color="%23efbb0e" offset="1"/>%0D%0A </linearGradient>%0D%0A <linearGradient id="S" y2="150.38" xlink:href="%23c" gradientUnits="userSpaceOnUse" x2="133" gradientTransform="scale(-1.39197 1.39197) rotate(-45 -28.292 379.342)" y1="150.38" x1="123"/>%0D%0A <linearGradient id="R" y2="143.36" xlink:href="%23c" gradientUnits="userSpaceOnUse" x2="130.88" gradientTransform="rotate(45 217.552 97.892) scale(1.39197)" y1="134.36" x1="128"/>%0D%0A <linearGradient id="V" y2="150.38" xlink:href="%23a" gradientUnits="userSpaceOnUse" y1="167.73" gradientTransform="rotate(-135 332.789 -39.72) scale(2.7839 -2.4637)" x2="133" x1="108"/>%0D%0A <linearGradient id="W" y2="137.2" gradientUnits="userSpaceOnUse" x2="179.96" gradientTransform="translate(0 -10)" y1="29.815" x1="126.64">%0D%0A <stop stop-color="%23fff" offset="0"/>%0D%0A <stop stop-color="%23fff" stop-opacity="0" offset="1"/>%0D%0A </linearGradient>%0D%0A <linearGradient id="Z" y2="137.2" gradientUnits="userSpaceOnUse" y1="29.815" gradientTransform="matrix(-.50295 .1984 .1972 -.43254 276.16 123.42)" x2="179.96" x1="126.64">%0D%0A <stop stop-color="%23fff" offset="0"/>%0D%0A <stop stop-color="%23fff" stop-opacity="0" offset="1"/>%0D%0A </linearGradient>%0D%0A <linearGradient id="G" y2="-213.25" gradientUnits="userSpaceOnUse" x2="9" gradientTransform="translate(0 192)" y1="72.064" x1="210.17">%0D%0A <stop offset="0"/>%0D%0A <stop stop-opacity="0" offset="1"/>%0D%0A </linearGradient>%0D%0A <linearGradient id="h" y2="4.302" gradientUnits="userSpaceOnUse" x2="122" y1="245.45" x1="122">%0D%0A <stop offset="0"/>%0D%0A <stop stop-opacity="0" offset="1"/>%0D%0A </linearGradient>%0D%0A <linearGradient id="e" y2="-213.25" gradientUnits="userSpaceOnUse" x2="9" gradientTransform="matrix(1 -.08088 0 1 0 203.06)" y1="72.064" x1="210.17">%0D%0A <stop offset="0"/>%0D%0A <stop stop-opacity="0" offset="1"/>%0D%0A </linearGradient>%0D%0A <clipPath id="j" clipPathUnits="userSpaceOnUse">%0D%0A <path fill="%23ceeeab" d="M9 12.25s7.5 13 11.75 27.75S27 65.5 27 65.5s-5.5 12.75-8.25 24.75-5.75 23-5.75 23 5.75 16 9.25 30S26 167.5 26 167.5s-4 10.25-7.5 24.25-5 30.75-5 30.75 9.25-2 28.5 1.25 32.25 6 32.25 6 12.75-2.75 24-6.25 16.25-6.5 16.25-6.5 5.5.5 22.5 6.25 29.25 8.5 29.25 8.5 13-2.75 26-5.75 26.5-8 26.5-8-.75-5 4.25-24.5 8.75-28 8.75-28-.5-4.5-3.75-19.75S218 116 218 116s1.75-10.5 6.75-23.75S235 65.5 235 65.5s-4.75-15.25-7.5-29.75S219.25 10 219.25 10 195 19 187.5 20.5s-21 5.25-21 5.25-9.75-4.25-22-8.5-29.75-5.5-29.75-5.5-3.25 3.5-22 8-27.5 5.75-27.5 5.75-18.5-9-31.5-11.5-24-2-24.75-1.75z"/>%0D%0A </clipPath>%0D%0A <clipPath id="k" clipPathUnits="userSpaceOnUse">%0D%0A <path fill="%23ceeeab" d="M9 12.25s7.5 13 11.75 27.75S27 65.5 27 65.5s-5.5 12.75-8.25 24.75-5.75 23-5.75 23 5.75 16 9.25 30S26 167.5 26 167.5s-4 10.25-7.5 24.25-5 30.75-5 30.75 9.25-2 28.5 1.25 32.25 6 32.25 6 12.75-2.75 24-6.25 16.25-6.5 16.25-6.5 5.5.5 22.5 6.25 29.25 8.5 29.25 8.5 13-2.75 26-5.75 26.5-8 26.5-8-.75-5 4.25-24.5 8.75-28 8.75-28-.5-4.5-3.75-19.75S218 116 218 116s1.75-10.5 6.75-23.75S235 65.5 235 65.5s-4.75-15.25-7.5-29.75S219.25 10 219.25 10 195 19 187.5 20.5s-21 5.25-21 5.25-9.75-4.25-22-8.5-29.75-5.5-29.75-5.5-3.25 3.5-22 8-27.5 5.75-27.5 5.75-18.5-9-31.5-11.5-24-2-24.75-1.75z"/>%0D%0A </clipPath>%0D%0A <clipPath id="i" clipPathUnits="userSpaceOnUse">%0D%0A <path fill="%23ceeeab" d="M9 12.25s7.5 13 11.75 27.75S27 65.5 27 65.5s-5.5 12.75-8.25 24.75-5.75 23-5.75 23 5.75 16 9.25 30S26 167.5 26 167.5s-4 10.25-7.5 24.25-5 30.75-5 30.75 9.25-2 28.5 1.25 32.25 6 32.25 6 12.75-2.75 24-6.25 16.25-6.5 16.25-6.5 5.5.5 22.5 6.25 29.25 8.5 29.25 8.5 13-2.75 26-5.75 26.5-8 26.5-8-.75-5 4.25-24.5 8.75-28 8.75-28-.5-4.5-3.75-19.75S218 116 218 116s1.75-10.5 6.75-23.75S235 65.5 235 65.5s-4.75-15.25-7.5-29.75S219.25 10 219.25 10 195 19 187.5 20.5s-21 5.25-21 5.25-9.75-4.25-22-8.5-29.75-5.5-29.75-5.5-3.25 3.5-22 8-27.5 5.75-27.5 5.75-18.5-9-31.5-11.5-24-2-24.75-1.75z"/>%0D%0A </clipPath>%0D%0A <clipPath id="D" clipPathUnits="userSpaceOnUse">%0D%0A <path fill="%23ceeeab" d="M9 12.25s7.5 13 11.75 27.75S27 65.5 27 65.5s-5.5 12.75-8.25 24.75-5.75 23-5.75 23 5.75 16 9.25 30S26 167.5 26 167.5s-4 10.25-7.5 24.25-5 30.75-5 30.75 9.25-2 28.5 1.25 32.25 6 32.25 6 12.75-2.75 24-6.25 16.25-6.5 16.25-6.5 5.5.5 22.5 6.25 29.25 8.5 29.25 8.5 13-2.75 26-5.75 26.5-8 26.5-8-.75-5 4.25-24.5 8.75-28 8.75-28-.5-4.5-3.75-19.75S218 116 218 116s1.75-10.5 6.75-23.75S235 65.5 235 65.5s-4.75-15.25-7.5-29.75S219.25 10 219.25 10 195 19 187.5 20.5s-21 5.25-21 5.25-9.75-4.25-22-8.5-29.75-5.5-29.75-5.5-3.25 3.5-22 8-27.5 5.75-27.5 5.75-18.5-9-31.5-11.5-24-2-24.75-1.75z"/>%0D%0A </clipPath>%0D%0A <clipPath id="E" clipPathUnits="userSpaceOnUse">%0D%0A <path fill="%23ceeeab" d="M9 12.25s7.5 13 11.75 27.75S27 65.5 27 65.5s-5.5 12.75-8.25 24.75-5.75 23-5.75 23 5.75 16 9.25 30S26 167.5 26 167.5s-4 10.25-7.5 24.25-5 30.75-5 30.75 9.25-2 28.5 1.25 32.25 6 32.25 6 12.75-2.75 24-6.25 16.25-6.5 16.25-6.5 5.5.5 22.5 6.25 29.25 8.5 29.25 8.5 13-2.75 26-5.75 26.5-8 26.5-8-.75-5 4.25-24.5 8.75-28 8.75-28-.5-4.5-3.75-19.75S218 116 218 116s1.75-10.5 6.75-23.75S235 65.5 235 65.5s-4.75-15.25-7.5-29.75S219.25 10 219.25 10 195 19 187.5 20.5s-21 5.25-21 5.25-9.75-4.25-22-8.5-29.75-5.5-29.75-5.5-3.25 3.5-22 8-27.5 5.75-27.5 5.75-18.5-9-31.5-11.5-24-2-24.75-1.75z"/>%0D%0A </clipPath>%0D%0A <clipPath id="F" clipPathUnits="userSpaceOnUse">%0D%0A <path fill="%23ceeeab" d="M9 12.25s7.5 13 11.75 27.75S27 65.5 27 65.5s-5.5 12.75-8.25 24.75-5.75 23-5.75 23 5.75 16 9.25 30S26 167.5 26 167.5s-4 10.25-7.5 24.25-5 30.75-5 30.75 9.25-2 28.5 1.25 32.25 6 32.25 6 12.75-2.75 24-6.25 16.25-6.5 16.25-6.5 5.5.5 22.5 6.25 29.25 8.5 29.25 8.5 13-2.75 26-5.75 26.5-8 26.5-8-.75-5 4.25-24.5 8.75-28 8.75-28-.5-4.5-3.75-19.75S218 116 218 116s1.75-10.5 6.75-23.75S235 65.5 235 65.5s-4.75-15.25-7.5-29.75S219.25 10 219.25 10 195 19 187.5 20.5s-21 5.25-21 5.25-9.75-4.25-22-8.5-29.75-5.5-29.75-5.5-3.25 3.5-22 8-27.5 5.75-27.5 5.75-18.5-9-31.5-11.5-24-2-24.75-1.75z"/>%0D%0A </clipPath>%0D%0A <clipPath id="C" clipPathUnits="userSpaceOnUse">%0D%0A <path d="M123.62 141.06c20.832 20.243 54.607 19.289 75.439-2.132s20.832-55.196 0-75.439-54.607-19.289-75.439 2.132-20.832 55.196 0 75.439z" fill="url(%23d)"/>%0D%0A </clipPath>%0D%0A <clipPath id="H" clipPathUnits="userSpaceOnUse">%0D%0A <path opacity=".039" d="M9 22.578s7.5 12.393 11.75 26.8C25 63.784 27 74.373 27 74.373s-5.5 13.195-8.25 25.417C16 112.01 13 123.25 13 123.25s5.75 15.535 9.25 29.252S26 176.449 26 176.449s-4 10.574-7.5 24.857-5 31.154-5 31.154 9.25-2.748 28.5-1.055 32.25 3.392 32.25 3.392 12.75-3.782 24-8.191 16.25-7.815 16.25-7.815 5.5.055 22.5 4.43c17 4.376 29.25 6.135 29.25 6.135s13-3.802 26-7.853 26.5-10.143 26.5-10.143-.75-4.94 4.25-24.844 8.75-28.708 8.75-28.708-.514-4.455-3.75-19.447c-1.75-8.108-2.25-4.068-2.25-4.068s16.264-26.155 16.5-40.334c.25-15.02-7.25-36.413-7.25-36.413s-4.75-14.866-7.5-29.143c-2.75-14.278-8.25-25.083-8.25-25.083S195 14.281 187.5 16.388c-7.5 2.107-21 6.948-21 6.948s-9.75-3.461-22-6.72c-12.25-3.26-29.75-3.094-29.75-3.094s-3.25 3.763-22 9.78c-18.75 6.016-27.5 7.973-27.5 7.973s-18.5-7.504-31.5-8.952-24-.06-24.75.252z" fill="url(%23e)"/>%0D%0A </clipPath>%0D%0A <radialGradient id="K" gradientUnits="userSpaceOnUse" cy="86" cx="128" gradientTransform="matrix(1.0213 0 0 -1.0213 -212.72 173.83)" r="47">%0D%0A <stop stop-color="%23d0e9f2" stop-opacity="0" offset="0"/>%0D%0A <stop stop-color="%23d0e9f2" stop-opacity="0" offset=".839"/>%0D%0A <stop stop-color="%23d0e9f2" stop-opacity=".282" offset=".943"/>%0D%0A <stop stop-color="%23d0e9f2" offset="1"/>%0D%0A </radialGradient>%0D%0A <radialGradient id="Q" gradientUnits="userSpaceOnUse" cy="86" cx="128" gradientTransform="scale(1.4216 -1.4216) rotate(-45 -51.091 19.464)" r="47">%0D%0A <stop stop-color="%23d0e9f2" stop-opacity="0" offset="0"/>%0D%0A <stop stop-color="%23d0e9f2" stop-opacity="0" offset=".839"/>%0D%0A <stop stop-color="%23d0e9f2" stop-opacity=".282" offset=".943"/>%0D%0A <stop stop-color="%23d0e9f2" offset="1"/>%0D%0A </radialGradient>%0D%0A <radialGradient id="Y" gradientUnits="userSpaceOnUse" cy="72.588" cx="159.61" gradientTransform="matrix(1.2125 0 0 .83915 -46.348 24.528)" r="38.417">%0D%0A <stop stop-color="%23fff" offset="0"/>%0D%0A <stop stop-color="%23fff" stop-opacity=".93" offset=".5"/>%0D%0A <stop stop-color="%23fff" stop-opacity="0" offset="1"/>%0D%0A </radialGradient>%0D%0A <radialGradient id="X" gradientUnits="userSpaceOnUse" cx="159.61" cy="72.588" r="38.417" gradientTransform="matrix(1.2125 0 0 .83915 -45.92 25.814)">%0D%0A <stop stop-color="%23fff" offset="0"/>%0D%0A <stop stop-color="%23fff" stop-opacity="0" offset="1"/>%0D%0A </radialGradient>%0D%0A <radialGradient id="d" gradientUnits="userSpaceOnUse" cy="86" cx="128" gradientTransform="matrix(.80254 .77986 .80254 -.82522 -10.402 73.423)" r="47">%0D%0A <stop stop-color="%23d0e9f2" stop-opacity="0" offset="0"/>%0D%0A <stop stop-color="%23d0e9f2" stop-opacity="0" offset=".839"/>%0D%0A <stop stop-color="%23d0e9f2" stop-opacity=".282" offset=".943"/>%0D%0A <stop stop-color="%23d0e9f2" offset="1"/>%0D%0A </radialGradient>%0D%0A <filter id="I">%0D%0A <feGaussianBlur stdDeviation="4.287"/>%0D%0A </filter>%0D%0A <filter id="f">%0D%0A <feGaussianBlur stdDeviation="6.311"/>%0D%0A </filter>%0D%0A <filter id="g">%0D%0A <feGaussianBlur stdDeviation="4.457"/>%0D%0A </filter>%0D%0A </defs>%0D%0A <path opacity=".7" d="M174.28 35.875c-17.6 0-35.19 6.639-48.72 19.906-.16.164-.33.303-.5.469-22.05 22.056-26.206 55.25-12.47 81.5l-2.28 1.63c2.25 4.23 4.94 8.3 8.1 12.12l-13.32 13.34c-1.34-.58-2.78-1.03-4.56-1.37l-2.842 2.84c-1.11-.48-2.139-.81-3.063-.87L30.5 229.56c-.037 1.1.226 2.19.656 3.28l-.531.54-1.094 1.09c.716 3.74 2.011 6.82 5.469 10.28s6.42 4.63 10.281 5.47l1.094-1.1.719-.71c1.088.46 2.13.78 3.094.84l64.122-64.13c-.24-.97-.62-1.93-1.03-2.9l3-3c-.25-1.73-.68-3.2-1.31-4.6l13.28-13.28c3.82 3.16 7.89 5.85 12.13 8.1l1.62-2.28c26.25 13.74 59.44 9.58 81.5-12.47.17-.17.31-.34.47-.5 26.69-27.22 26.55-70.923-.47-97.94-13.59-13.59-31.41-20.375-49.22-20.375zm-.5 3.281c.11.002.21-.002.31 0a67.89 67.89 0 0 1 5.72.375c.1.01.19.021.28.031l.29.032c.14.017.29.044.43.062.9.11 1.8.228 2.69.375.62.102 1.23.224 1.84.344.35.066.69.116 1.04.187.72.153 1.43.324 2.15.5.31.077.63.138.94.219.07.019.14.043.22.063.95.253 1.89.516 2.84.812.07.023.15.04.22.063.95.3 1.91.625 2.84.969.06.019.11.042.16.062.95.352 1.9.728 2.84 1.125.06.022.11.041.16.063.94.4 1.88.836 2.81 1.281l.13.062c.93.451 1.86.91 2.78 1.407.03.017.06.044.09.062.93.503 1.84 1.013 2.75 1.562.03.02.06.044.1.063.9.551 1.8 1.122 2.68 1.719.55.369 1.09.769 1.63 1.156.36.261.73.512 1.09.781.02.014.05.018.06.031.88.656 1.75 1.36 2.6 2.063a70.875 70.875 0 0 1 5.06 4.594c1.62 1.62 3.14 3.3 4.56 5.031.01.011.03.02.03.031.71.855 1.41 1.715 2.07 2.594.28.379.54.773.81 1.156.37.517.74 1.038 1.09 1.563.02.024.05.038.07.062.59.89 1.16 1.778 1.71 2.688.02.032.05.061.07.094a75.45 75.45 0 0 1 1.56 2.75c.02.032.04.06.06.093.5.921.96 1.844 1.41 2.781l.06.126c.45.929.88 1.868 1.28 2.812l.06.156c.4.936.78 1.895 1.13 2.844l.06.156c.35.949.67 1.885.97 2.844l.06.219c.3.941.56 1.894.82 2.843l.06.219c.08.31.14.627.22.938.17.72.35 1.432.5 2.156.07.342.12.688.18 1.031.12.617.25 1.225.35 1.844.15.893.26 1.791.37 2.688.02.145.05.291.07.437l.03.281.03.282c.1.952.19 1.912.25 2.872.06.94.11 1.9.12 2.85.01.1 0 .2 0 .31.02 1.05.01 2.1-.03 3.15-.03.94-.08 1.86-.15 2.79-.01.12-.02.25-.04.37-.07.92-.16 1.84-.28 2.75-.12.96-.27 1.93-.43 2.88-.02.08-.02.16-.04.25-.02.12-.03.25-.06.37-.16.91-.36 1.82-.56 2.72-.03.13-.06.27-.09.41a86.1 86.1 0 0 1-.69 2.65c-.17.59-.35 1.17-.53 1.75-.18.57-.34 1.13-.53 1.69-.3.86-.61 1.71-.94 2.56-.06.16-.13.32-.19.47-.04.11-.08.23-.12.34-.36.88-.73 1.73-1.13 2.6-.38.82-.77 1.63-1.19 2.44-.08.15-.16.31-.25.46-.41.8-.83 1.6-1.28 2.38-.09.17-.18.34-.28.5-.2.34-.42.66-.62 1-.37.59-.75 1.17-1.13 1.75 0 .01.01.02 0 .03-.49.75-1 1.49-1.53 2.22-.46.64-.95 1.25-1.44 1.87-.19.26-.36.53-.56.79l-.41.5c-.16.2-.33.39-.5.59-.55.67-1.13 1.32-1.72 1.97-.6.67-1.23 1.35-1.87 2-.16.16-.31.34-.47.5-21.13 21.13-52.26 24.49-77.19 11.15l.13-.18c-3.71-1.9-7.26-4.14-10.63-6.78-.54-.43-1.06-.87-1.59-1.32-.51-.43-1.03-.86-1.53-1.31-.09-.08-.19-.16-.28-.25a86.97 86.97 0 0 1-2.41-2.31c-.79-.8-1.56-1.59-2.31-2.41-.09-.09-.17-.19-.25-.28-.45-.5-.88-1.02-1.31-1.53-.45-.53-.89-1.05-1.32-1.59a65.831 65.831 0 0 1-6.78-10.63l-.19.13c-13.33-24.93-9.97-56.061 11.16-77.191.16-.163.34-.308.5-.469.65-.64 1.33-1.269 2-1.875.65-.588 1.3-1.162 1.97-1.719.27-.227.54-.465.81-.687.35-.278.72-.512 1.06-.782.63-.483 1.24-.98 1.88-1.437.74-.53 1.5-1.036 2.25-1.531.58-.383 1.16-.764 1.75-1.125.45-.274.89-.551 1.34-.813.69-.395 1.37-.757 2.07-1.125a61.343 61.343 0 0 1 3.37-1.687c.87-.397 1.72-.769 2.59-1.125.16-.062.32-.096.47-.157.97-.384 1.93-.758 2.91-1.093.56-.192 1.12-.356 1.69-.532.58-.181 1.16-.367 1.75-.531.88-.246 1.77-.48 2.65-.687.07-.017.15-.015.22-.032.42-.095.84-.193 1.25-.281.67-.141 1.36-.287 2.03-.406.09-.015.17-.017.25-.031.95-.164 1.92-.317 2.88-.438a65.183 65.183 0 0 1 9.06-.5z" transform="matrix(1 .06864 0 .8487 0 26.913)" filter="url(%23f)" fill="%232d3335"/>%0D%0A <path opacity=".5" d="M9 17.25s7.5 11 11.75 25.75S27 68.5 27 68.5s-5.5 12.75-8.25 24.75-5.75 25-5.75 25 5.75 16 9.25 30S26 170.5 26 170.5s-4 10.25-7.5 24.25-5 30.75-5 30.75 9.25-2 28.5 1.25 32.25 6 32.25 6 12.75-2.75 24-6.25 16.25-6.5 16.25-6.5 5.5.5 22.5 6.25 29.25 8.5 29.25 8.5 13-2.75 26-5.75 26.5-8 26.5-8-.75-5 4.25-24.5 8.75-28 8.75-28-.5-2.5-3.75-17.75S218 121 218 121s1.75-12.5 6.75-25.75S235 68.5 235 68.5s-4.75-15.25-7.5-29.75S219.25 15 219.25 15 195 24 187.5 25.5s-21 5.25-21 5.25-9.75-4.25-22-8.5-29.75-5.5-29.75-5.5-3.25 3.5-22 8-27.5 5.75-27.5 5.75-18.5-9-31.5-11.5-24-2-24.75-1.75z" transform="matrix(1 0 0 .84657 0 27.66)" filter="url(%23g)" fill="url(%23h)"/>%0D%0A <path fill="%23ceeeab" d="M9 2.25s7.5 13 11.75 27.75S27 55.5 27 55.5s-5.5 12.75-8.25 24.75-5.75 23-5.75 23 5.75 16 9.25 30S26 157.5 26 157.5s-4 10.25-7.5 24.25-5 30.75-5 30.75 9.25-2 28.5 1.25 32.25 6 32.25 6 12.75-2.75 24-6.25 16.25-6.5 16.25-6.5 5.5.5 22.5 6.25 29.25 8.5 29.25 8.5 13-2.75 26-5.75 26.5-8 26.5-8-.75-5 4.25-24.5 8.75-28 8.75-28-.5-4.5-3.75-19.75S218 106 218 106s1.75-10.5 6.75-23.75S235 55.5 235 55.5s-4.75-15.25-7.5-29.75S219.25 0 219.25 0 195 9 187.5 10.5s-21 5.25-21 5.25-9.75-4.25-22-8.5-29.75-5.5-29.75-5.5-3.25 3.5-22 8-27.5 5.75-27.5 5.75-18.5-9-31.5-11.5S9.75 2 9 2.25z"/>%0D%0A <g transform="translate(0 -10)" clip-path="url(%23i)">%0D%0A <path fill="%23a6dd8b" d="m110.75 5.5-4.25 7c-.75 9-2.25 13.75-8.5 16.5s-12.25 3.5-11 7.5 13 9.25 14.25 13 8.25 1.75 11 7 2 15.25-3.75 17.25-17.5.5-20.25 9.5-4.75 10.5-9 12.75-7.25 10.5-3.5 16.5 12.25-1.25 15-6.5S98 97.25 98 97.25h23.75l59-1.75 3.25-3.75s3.25 4 2.75 8.75-3.75 14.75.25 17.25 19.5-2 24-7-4.75-28.25-10.5-29.5-18.5-1.75-17-7 11.75 4.5 17.25 3.25 16.75-21 12-25.25-24.25-5.25-25.75-8 21-8 22.25-11-2.5-7.25-6.25-8.5S189 41 182 40.5s-20 5.75-17.25 11.5-6 11-14.5 6.5-24.75-13-21.75-24S150 15.75 150 15.75L110.75 5.5zM97.188 112.72c-1.595.15-4.469 4.69-4.938 7.03-.5 2.5-3.25 6.75-3.5 12.25s4.75 6.75 8.75 6.5 2.75-6.75 2-15c-.25 0-.5-10.25-2-10.75-.094-.03-.206-.04-.312-.03zm92.722 51.66c-6.34.29-6.63 7.46-7.41 8.87-1.25 2.25 2.25 13.75 2 18s-4.75 5.25-9.5 9.75.5 16 11.25 31l44.75 1.25-1-35s4.75-4.25-20.75-24.25c-9.56-7.5-15.54-9.8-19.34-9.62zM39.94 180.91c-4.03-.11-8.282 5.71-9.688 7.59-1.5 2-6.25 5-17 9.5l-14.5 34.25 53 4.25s1.75-11-4.25-15.75-17.25-5.75-18.25-13.25 9.25-10 13.75-14.25 2-11.25-2.25-12.25a3.728 3.728 0 0 0-.812-.09z"/>%0D%0A </g>%0D%0A <path fill="%23aac3e7" d="M158.53 75.344c-4.76-.015-9.03.968-11.53 3.156-8 7-35 .75-48.5 7s-13.25 38-14.75 44.5-17.5 20.75-20 23.5-13.25 7.25-19.5 8.5-12.75 7.25-15.5 11c-2.021 2.76-7.406 6.45-10.125 8.22-.046.18-.079.35-.125.53-.134.53-.247 1.08-.375 1.63 4.98-1.61 11.18-8.18 16.625-13.63 6.25-6.25 20-7.75 27.75-11.5S76.75 138.5 89 134.5s21.25 11.75 24.25 18.5 1.75 12.75 3.75 17 11 11.75 11.5 13.5-5 6.5-6.25 8.5-10.5 7-11.75 8.75c-.97 1.35-1.92 6.77-2.31 9.22.41-.17.75-.31 1.12-.47.49-2.53 1.52-7.08 2.94-8.5 2-2 11.25-4.5 12.5-8.5s7-6.5 7-6.5 2.75 4 16 14c8.83 6.67 12.76 15.53 14.41 20.72.67.17 1.53.41 2.03.53-1.22-4.32-4.84-16.24-8.94-20.75-5-5.5-18.5-10.75-22.75-22S108 144.25 115 138.25s16.5-4 28.5 7.5 46.25 5.75 57.75 3.75c9.95-1.73 20.83 14.88 23.91 26.03.59-2.09 1.12-4 1.65-5.75-1.74-1.92-3.69-4.62-5.31-8.28-3.75-8.5-12-13.25-12-13.25s8.75-5 14.75-7.75c1.62-.74 3.01-1.68 4.19-2.66-.16-.77-.26-1.25-.44-2.09l-.09-.44c-4.77 5.56-19.24 9.62-21.66 10.94-2.75 1.5-18.25 3-35.75 4.5s-26.75-7.5-34.25-14.75-13-36-3-38 20 13.75 30 17 21.5-15.75 19.75-27c-1.2-7.734-14-12.625-24.47-12.656zm-53.34 13.281c1.27.001 5.86 1.594 6.56 2.375 2.25 2.5 2 7.25 0 8s-12.75 8-10.5 14.25 1.75 18-3.5 18-8 0-10-2.5-2-12 0-19.75 3.5-15 8-18.25c3.094-2.234 6.63-2.128 9.44-2.125zm13.59 73.095c.2.01 1.91 3.51 4.72 7.03 3 3.75 3.25 8.25 3.25 8.25s-4.25-4.75-6-8-2-7.25-2-7.25c0-.03.02-.03.03-.03z"/>%0D%0A <path opacity=".387" stroke-linejoin="round" d="M122.75 62.25c6.25.5 12.25-2.25 10.75-6.5s-12.5-7.25-13.25-3 2 10.5 2.5 9.5zM108.75 46.75c-8.5-5.5-8.5-7.25-7-8s10.25 5 12.75 8-2.25 2-5.75 0z" stroke="%236d7f42" stroke-linecap="round" fill="none"/>%0D%0A <g clip-path="url(%23j)" transform="translate(0 -10)" stroke="%236d7f42" fill="none">%0D%0A <path opacity=".387" stroke-linejoin="round" d="M15.75 151.25c33-2.5 38.25-3.5 36.25-10.25s-8.75-23.5-23-22.5-22.75-6.75-22.75-6.75" stroke-linecap="round"/>%0D%0A <path opacity=".387" d="M17.5 177.25c18.25-10 28.75-8.5 35-11.5s13.25-5.75 15.75-9.5 5.75-11.5 5.75-18-3.5-36 3.25-43.5 17.25-26 26-23.25 12.25 9.75 22 9.5S147 77 149.5 68.75s-15.75-16-16-23 5.5-14.25 20.25-17 23.5-11.5 23.5-11.5"/>%0D%0A <path opacity=".387" stroke-linejoin="round" d="M14.5 161c15.25-1.5 22.25 3.5 31.5 1.75s13.25-3 17.75-5.75 6-3.75 6.25-6.5 1-12.5-3-22S54.5 97 58.75 89.75 64 68.25 74.5 65.25 95.5 59 102.25 64s12.75 14.25 20 14.5S134 77 136.75 74s4.5-10.25 1.75-13.75-15.5-5.5-17.25-9.5-10.75-17-.25-26.75 36.25-8.25 36.25-8.25" stroke-linecap="round"/>%0D%0A <path opacity=".387" stroke-linejoin="round" d="M21.25 159c13.75 1 21.5 4.25 33.5-.5s13.5-5.25 13.75-8.75-.25-15.75-3-20-13-13.75-15.75-24.25.25-41 8.5-48.25 32-7.25 37.5-10.5 5.25-16.75 13-24.5 27-12.25 27-12.25M190 18.5c11.75 5 39 9.75 47.25 40.25M9.75 214c19-12.5 36-1.25 49-4s38.25-37.25 46-37 5.5-11.75 8.5-13.25 5.5 6 11.75 8 24.5-2.75 23.5-5.75-7-7.75-5.5-8.5 8.5 5 12.75 3.5 43.75-1 48.5-13.5 21.5-13.5 21.5-13.5M77.5 233.5c13.5-11.5 23.25-25 28.5-27s12.75-3.75 15.75-8 2.5-10.75 5.25-12 3.75 5.75 8.75 6 36.75-5 42.75-11.75 32.25-12.5 32.5-14.5-1-4.75.25-5.5 24.75-6 24.75-6M168.75 236c9-13.75 20.5-41 29.5-42s10.25-2.5 12.5-4.25 17 2.25 17 2.25" stroke-linecap="round"/>%0D%0A </g>%0D%0A <g clip-path="url(%23k)" transform="translate(0 -10)" stroke="%23d38484" stroke-linecap="round" stroke-width="2" fill="none">%0D%0A <path d="m57.75 20-8.5 28.25 18 6.25L75 90.75 54 113l9 10.5L51 135l.5 4.5L71.75 164l14-6.75 20.5 18.5L95.75 204l10.25 8.5-2.75 13"/>%0D%0A <path d="m105.75 212.25 12.5-27.75 11-7 27.5 15.75 20.5-3.75-.25-15.75-10.25-6 12.75-26.25 5.75-3.75 38.75-10"/>%0D%0A </g>%0D%0A <g opacity=".504">%0D%0A <path d="M219.25 330s-24.25 9-31.75 10.5-21 5.25-21 5.25-9.75-4.25-22-8.5-29.75-5.5-29.75-5.5-3.25 3.5-22 8-27.5 5.75-27.5 5.75-18.5-9-31.5-11.5-24-2-24.75-1.75c0 0 7.5 13 11.75 27.75S27 385.5 27 385.5l51.469 5.125 48.971-4 52.25 12.031c10.38-4.418 52.11-4.9 55.31-13.156 0 0-4.75-15.25-7.5-29.75S219.25 330 219.25 330z" fill="%23b1e479"/>%0D%0A <path d="M27 385.5s-5.5 12.75-8.25 24.75-5.75 23-5.75 23l50.969 16.37 53.721-15.74 52.25 17.53c16.36-4.26 32.39-9.12 48.06-15.41 0 0 1.75-10.5 6.75-23.75S235 385.5 235 385.5c-3.2 8.256-44.93 8.738-55.31 13.156l-52.25-12.031-47.971 4L27 385.5z" fill="%2387d531"/>%0D%0A <path d="M231.75 485.5c-17.9 7.67-35.94 14.9-54.31 21.41l-52.25-18.53-50.221 9L26 487.5s-4 10.25-7.5 24.25-5 30.75-5 30.75 9.25-2 28.5 1.25 32.25 6 32.25 6 12.75-2.75 24-6.25 16.25-6.5 16.25-6.5 5.5.5 22.5 6.25 29.25 8.5 29.25 8.5 13-2.75 26-5.75 26.5-8 26.5-8-.75-5 4.25-24.5 8.75-28 8.75-28z" fill="%23ceeeab"/>%0D%0A <path d="M13 433.25s5.75 16 9.25 30S26 487.5 26 487.5l48.969 9.88 50.221-9 52.25 18.53c18.37-6.51 36.41-13.74 54.31-21.41 0 0-.5-4.5-3.75-19.75S218 436 218 436c-15.67 6.29-31.7 11.15-48.06 15.41l-52.25-17.53-53.721 15.74L13 433.25z" fill="%23b9e787"/>%0D%0A </g>%0D%0A <g opacity=".522">%0D%0A <path d="M13.719 332.031c-2.729-.007-4.438.125-4.719.219 0 0 7.5 13 11.75 27.75S27 385.5 27 385.5s-5.5 12.75-8.25 24.75-5.75 23-5.75 23 5.75 16 9.25 30S26 487.5 26 487.5s-4 10.25-7.5 24.25-5 30.75-5 30.75 9.25-2 28.5 1.25 32.25 6 32.25 6l1.5-53.25L63.5 450l16-59.75c-2.22-15.48-9.068-30.046-14.25-44.75 0 0-18.5-9-31.5-11.5-8.125-1.563-15.483-1.956-20.031-1.969z" fill="%2383d32b"/>%0D%0A <path d="M114.75 331.75s-3.25 3.5-22 8-27.5 5.75-27.5 5.75c5.182 14.704 12.03 29.27 14.25 44.75L63.5 450l12.25 46.5-1.5 53.25s12.75-2.75 24-6.25 16.25-6.5 16.25-6.5l11.25-48.5-8.25-54.25 11.75-45c-3.44-9.727-8.06-56.93-14.5-57.5z" fill="%23b1e479"/>%0D%0A <path d="M219.25 330s-24.25 9-31.75 10.5-21 5.25-21 5.25c4.92-1.358 11.44 45.392 14.25 52.25l-11.25 53.25 9.5 55-12.75 45.5s13-2.75 26-5.75 26.5-8 26.5-8-.75-5 4.25-24.5 8.75-28 8.75-28-.5-4.5-3.75-19.75S218 436 218 436s1.75-10.5 6.75-23.75S235 385.5 235 385.5s-4.75-15.25-7.5-29.75-8.25-25.75-8.25-25.75z" fill="%23a4df62"/>%0D%0A <path d="M114.75 331.75c6.44.57 11.06 47.773 14.5 57.5l-11.75 45 8.25 53.25L114.5 537s5.5.5 22.5 6.25 29.25 8.5 29.25 8.5l12.75-45.5-9.5-55L180.75 398c-2.81-6.858-9.33-53.608-14.25-52.25 0 0-9.75-4.25-22-8.5s-29.75-5.5-29.75-5.5z" fill="%23ceeeab"/>%0D%0A </g>%0D%0A <path opacity=".039" d="M9-189.75s7.5 13 11.75 27.75S27-136.5 27-136.5s-5.5 12.75-8.25 24.75-5.75 23-5.75 23 5.75 16 9.25 30S26-34.5 26-34.5s-4 10.25-7.5 24.25-5 30.75-5 30.75 9.25-2 28.5 1.25 32.25 6 32.25 6S87 25 98.25 21.5 114.5 15 114.5 15s5.5.5 22.5 6.25 29.25 8.5 29.25 8.5 13-2.75 26-5.75 26.5-8 26.5-8S218 11 223-8.5s8.75-28 8.75-28-.5-4.5-3.75-19.75S218-86 218-86s1.75-10.5 6.75-23.75S235-136.5 235-136.5s-4.75-15.25-7.5-29.75-8.25-25.75-8.25-25.75-24.25 9-31.75 10.5-21 5.25-21 5.25-9.75-4.25-22-8.5-29.75-5.5-29.75-5.5-3.25 3.5-22 8-27.5 5.75-27.5 5.75-18.5-9-31.5-11.5-24-2-24.75-1.75z" fill="url(%23l)" transform="translate(0 192)"/>%0D%0A <g opacity=".27">%0D%0A <path fill="url(%23m)" d="M219.25-182s-24.25 9-31.75 10.5-21 5.25-21 5.25c4.92-1.36 11.44 45.39 14.25 52.25l-.06.28c11.81-4.07 51.21-4.77 54.31-12.78 0 0-4.75-15.25-7.5-29.75S219.25-182 219.25-182z" transform="translate(0 182)"/>%0D%0A <path fill="url(%23n)" d="M27-126.5s-5.5 12.75-8.25 24.75-5.75 23-5.75 23l50.625 16.281 15.781-58.911L27-126.5z" transform="translate(0 182)"/>%0D%0A <path fill="url(%23o)" d="M26-24.5S22-14.25 18.5-.25s-5 30.75-5 30.75.147-.045.438-.094c2.033-.338 11.218-1.5 28.062 1.344 19.25 3.25 32.25 6 32.25 6l1.469-52.5-.75.125L26-24.5z" transform="translate(0 182)"/>%0D%0A <path fill="url(%23p)" d="M114.75-180.25s-3.25 3.5-22 8-27.5 5.75-27.5 5.75c5.182 14.7 12.03 29.27 14.25 44.75l-.094.31 48.034-3.94 1.12.26c-3.36-13.33-7.79-54.6-13.81-55.13z" transform="translate(0 182)"/>%0D%0A <path fill="url(%23q)" d="M117.59-78.094 63.969-62.375l-.344-.094L63.5-62l12.25 46.5-.031.75 49.471-8.875.53.187.03-.062-8.25-54.25.09-.344z" transform="translate(0 182)"/>%0D%0A <path fill="url(%23r)" d="M128.56-125.12c.24.92.47 1.74.69 2.37l-11.66 44.656.1-.031L169.5-60.75l11.19-52.97c-.36.12-.7.25-1 .38l-51.13-11.78z" transform="translate(0 182)"/>%0D%0A <path fill="url(%23s)" d="M125.53-23.5 114.5 25s5.5.5 22.5 6.25c2.12.719 4.16 1.406 6.12 2.031 1.97.626 3.86 1.186 5.63 1.719 10.62 3.199 17.5 4.75 17.5 4.75l12.72-45.406c-.51.182-1.02.38-1.53.562L125.53-23.5z" transform="translate(0 182)"/>%0D%0A <path fill="url(%23t)" d="M218-76c-15.67 6.288-31.7 11.15-48.06 15.406l-.44-.156 9.5 55-.03.094c17.84-6.36 35.38-13.387 52.78-20.844 0 0-.5-4.5-3.75-19.75S218-76 218-76z" transform="translate(0 182)"/>%0D%0A </g>%0D%0A <g opacity=".043">%0D%0A <path fill="url(%23u)" d="M13.719-179.97c-1.106 0-1.972.03-2.719.06-.445.02-.855.04-1.156.07-.03 0-.066-.01-.094 0-.398.03-.656.06-.75.09 0 0 7.5 13 11.75 27.75S27-126.5 27-126.5l51.469 5.12.937-.06.094-.31c-2.22-15.48-9.068-30.05-14.25-44.75 0 0-18.5-9-31.5-11.5-1.018-.2-2.01-.37-3-.53-.596-.1-1.167-.2-1.75-.28-.237-.04-.453-.06-.688-.1a98.772 98.772 0 0 0-3.812-.46c-.735-.08-1.395-.13-2.094-.19-.685-.06-1.353-.11-2-.16-.992-.07-1.89-.12-2.781-.15-1.456-.07-2.769-.1-3.906-.1z" transform="translate(0 182)"/>%0D%0A <path fill="url(%23v)" d="M13-78.75s5.75 16 9.25 30S26-24.5 26-24.5l48.969 9.875.75-.125.031-.75L63.5-62l.125-.469L13-78.75z" transform="translate(0 182)"/>%0D%0A <path fill="url(%23w)" d="m127.44-125.38-47.971 4h-.063L63.625-62.469l.344.094 53.621-15.719 11.66-44.656c-.22-.63-.45-1.45-.69-2.37l-1.12-.26z" transform="translate(0 182)"/>%0D%0A <path fill="url(%23x)" d="M125.19-23.625 75.719-14.75l-1.469 52.5S87 35 98.25 31.5 114.5 25 114.5 25l11.22-48.438-.53-.187z" transform="translate(0 182)"/>%0D%0A <path fill="url(%23y)" d="M114.75-180.25c6.02.53 10.45 41.8 13.81 55.13l51.13 11.78c.3-.13.64-.26 1-.38l.06-.28c-2.81-6.86-9.33-53.61-14.25-52.25 0 0-.61-.25-1.72-.72-3.32-1.39-11.09-4.59-20.28-7.78-12.25-4.25-29.75-5.5-29.75-5.5z" transform="translate(0 182)"/>%0D%0A <path fill="url(%23z)" d="m117.69-78.125-.1.031-.09.344 8.25 53.25-.22 1 51.91 18.406c.51-.181 1.02-.38 1.53-.562l.03-.094-9.5-55-51.81-17.375z" transform="translate(0 182)"/>%0D%0A <path fill="url(%23A)" d="M231.75-26.5c-17.4 7.457-34.94 14.484-52.78 20.844L166.25 39.75s13-2.75 26-5.75 26.5-8 26.5-8S218 21 223 1.5s8.75-28 8.75-28z" transform="translate(0 182)"/>%0D%0A <path fill="url(%23B)" d="M235-126.5c-3.1 8.01-42.5 8.71-54.31 12.78L169.5-60.75l.44.156C186.3-64.85 202.33-69.712 218-76c0 0 1.75-10.5 6.75-23.75S235-126.5 235-126.5z" transform="translate(0 182)"/>%0D%0A </g>%0D%0A <g clip-path="url(%23C)" transform="matrix(1.2525 .0354 0 1.2525 -27.809 -48.344)">%0D%0A <path fill="%23ceeeab" d="M9 12.25s7.5 13 11.75 27.75S27 65.5 27 65.5s-5.5 12.75-8.25 24.75-5.75 23-5.75 23 5.75 16 9.25 30S26 167.5 26 167.5s-4 10.25-7.5 24.25-5 30.75-5 30.75 9.25-2 28.5 1.25 32.25 6 32.25 6 12.75-2.75 24-6.25 16.25-6.5 16.25-6.5 5.5.5 22.5 6.25 29.25 8.5 29.25 8.5 13-2.75 26-5.75 26.5-8 26.5-8-.75-5 4.25-24.5 8.75-28 8.75-28-.5-4.5-3.75-19.75S218 116 218 116s1.75-10.5 6.75-23.75S235 65.5 235 65.5s-4.75-15.25-7.5-29.75S219.25 10 219.25 10 195 19 187.5 20.5s-21 5.25-21 5.25-9.75-4.25-22-8.5-29.75-5.5-29.75-5.5-3.25 3.5-22 8-27.5 5.75-27.5 5.75-18.5-9-31.5-11.5-24-2-24.75-1.75z"/>%0D%0A <g clip-path="url(%23D)">%0D%0A <path fill="%23a6dd8b" d="m110.75 5.5-4.25 7c-.75 9-2.25 13.75-8.5 16.5s-12.25 3.5-11 7.5 13 9.25 14.25 13 8.25 1.75 11 7 2 15.25-3.75 17.25-17.5.5-20.25 9.5-4.75 10.5-9 12.75-7.25 10.5-3.5 16.5 12.25-1.25 15-6.5S98 97.25 98 97.25h23.75l59-1.75 3.25-3.75s3.25 4 2.75 8.75-3.75 14.75.25 17.25 19.5-2 24-7-4.75-28.25-10.5-29.5-18.5-1.75-17-7 11.75 4.5 17.25 3.25 16.75-21 12-25.25-24.25-5.25-25.75-8 21-8 22.25-11-2.5-7.25-6.25-8.5S189 41 182 40.5s-20 5.75-17.25 11.5-6 11-14.5 6.5-24.75-13-21.75-24S150 15.75 150 15.75L110.75 5.5zM97.188 112.72c-1.595.15-4.469 4.69-4.938 7.03-.5 2.5-3.25 6.75-3.5 12.25s4.75 6.75 8.75 6.5 2.75-6.75 2-15c-.25 0-.5-10.25-2-10.75-.094-.03-.206-.04-.312-.03zm92.722 51.66c-6.34.29-6.63 7.46-7.41 8.87-1.25 2.25 2.25 13.75 2 18s-4.75 5.25-9.5 9.75.5 16 11.25 31l44.75 1.25-1-35s4.75-4.25-20.75-24.25c-9.56-7.5-15.54-9.8-19.34-9.62zM39.94 180.91c-4.03-.11-8.282 5.71-9.688 7.59-1.5 2-6.25 5-17 9.5l-14.5 34.25 53 4.25s1.75-11-4.25-15.75-17.25-5.75-18.25-13.25 9.25-10 13.75-14.25 2-11.25-2.25-12.25a3.728 3.728 0 0 0-.812-.09z"/>%0D%0A </g>%0D%0A <path fill="%23aac3e7" d="M158.53 85.344c-4.76-.015-9.03.968-11.53 3.156-8 7-35 .75-48.5 7s-13.25 38-14.75 44.5-17.5 20.75-20 23.5-13.25 7.25-19.5 8.5-12.75 7.25-15.5 11c-2.021 2.76-7.406 6.45-10.125 8.22-.046.18-.079.35-.125.53-.134.53-.247 1.08-.375 1.63 4.98-1.61 11.18-8.18 16.625-13.63 6.25-6.25 20-7.75 27.75-11.5S76.75 148.5 89 144.5s21.25 11.75 24.25 18.5 1.75 12.75 3.75 17 11 11.75 11.5 13.5-5 6.5-6.25 8.5-10.5 7-11.75 8.75c-.97 1.35-1.92 6.77-2.31 9.22.41-.17.75-.31 1.12-.47.49-2.53 1.52-7.08 2.94-8.5 2-2 11.25-4.5 12.5-8.5s7-6.5 7-6.5 2.75 4 16 14c8.83 6.67 12.76 15.53 14.41 20.72.67.17 1.53.41 2.03.53-1.22-4.32-4.84-16.24-8.94-20.75-5-5.5-18.5-10.75-22.75-22S108 154.25 115 148.25s16.5-4 28.5 7.5 46.25 5.75 57.75 3.75c9.95-1.73 20.83 14.88 23.91 26.03.59-2.09 1.12-4 1.65-5.75-1.74-1.92-3.69-4.62-5.31-8.28-3.75-8.5-12-13.25-12-13.25s8.75-5 14.75-7.75c1.62-.74 3.01-1.68 4.19-2.66-.16-.77-.26-1.25-.44-2.09l-.09-.44c-4.77 5.56-19.24 9.62-21.66 10.94-2.75 1.5-18.25 3-35.75 4.5s-26.75-7.5-34.25-14.75-13-36-3-38 20 13.75 30 17 21.5-15.75 19.75-27c-1.2-7.734-14-12.625-24.47-12.656zm-53.34 13.281c1.27.001 5.86 1.595 6.56 2.375 2.25 2.5 2 7.25 0 8s-12.75 8-10.5 14.25 1.75 18-3.5 18-8 0-10-2.5-2-12 0-19.75 3.5-15 8-18.25c3.094-2.234 6.63-2.128 9.44-2.125zm13.59 73.095c.2.01 1.91 3.51 4.72 7.03 3 3.75 3.25 8.25 3.25 8.25s-4.25-4.75-6-8-2-7.25-2-7.25c0-.03.02-.03.03-.03z"/>%0D%0A <path opacity=".387" stroke-linejoin="round" d="M122.75 72.25c6.25.5 12.25-2.25 10.75-6.5s-12.5-7.25-13.25-3 2 10.5 2.5 9.5zM108.75 56.75c-8.5-5.5-8.5-7.25-7-8s10.25 5 12.75 8-2.25 2-5.75 0z" stroke="%236d7f42" stroke-linecap="round" fill="none"/>%0D%0A <g stroke="%236d7f42" fill="none" clip-path="url(%23E)">%0D%0A <path opacity=".387" stroke-linejoin="round" d="M15.75 151.25c33-2.5 38.25-3.5 36.25-10.25s-8.75-23.5-23-22.5-22.75-6.75-22.75-6.75" stroke-linecap="round"/>%0D%0A <path opacity=".387" d="M17.5 177.25c18.25-10 28.75-8.5 35-11.5s13.25-5.75 15.75-9.5 5.75-11.5 5.75-18-3.5-36 3.25-43.5 17.25-26 26-23.25 12.25 9.75 22 9.5S147 77 149.5 68.75s-15.75-16-16-23 5.5-14.25 20.25-17 23.5-11.5 23.5-11.5"/>%0D%0A <path opacity=".387" stroke-linejoin="round" d="M14.5 161c15.25-1.5 22.25 3.5 31.5 1.75s13.25-3 17.75-5.75 6-3.75 6.25-6.5 1-12.5-3-22S54.5 97 58.75 89.75 64 68.25 74.5 65.25 95.5 59 102.25 64s12.75 14.25 20 14.5S134 77 136.75 74s4.5-10.25 1.75-13.75-15.5-5.5-17.25-9.5-10.75-17-.25-26.75 36.25-8.25 36.25-8.25" stroke-linecap="round"/>%0D%0A <path opacity=".387" stroke-linejoin="round" d="M21.25 159c13.75 1 21.5 4.25 33.5-.5s13.5-5.25 13.75-8.75-.25-15.75-3-20-13-13.75-15.75-24.25.25-41 8.5-48.25 32-7.25 37.5-10.5 5.25-16.75 13-24.5 27-12.25 27-12.25M190 18.5c11.75 5 39 9.75 47.25 40.25M9.75 214c19-12.5 36-1.25 49-4s38.25-37.25 46-37 5.5-11.75 8.5-13.25 5.5 6 11.75 8 24.5-2.75 23.5-5.75-7-7.75-5.5-8.5 8.5 5 12.75 3.5 43.75-1 48.5-13.5 21.5-13.5 21.5-13.5M77.5 233.5c13.5-11.5 23.25-25 28.5-27s12.75-3.75 15.75-8 2.5-10.75 5.25-12 3.75 5.75 8.75 6 36.75-5 42.75-11.75 32.25-12.5 32.5-14.5-1-4.75.25-5.5 24.75-6 24.75-6M168.75 236c9-13.75 20.5-41 29.5-42s10.25-2.5 12.5-4.25 17 2.25 17 2.25" stroke-linecap="round"/>%0D%0A </g>%0D%0A <g clip-path="url(%23F)" stroke="%23d38484" stroke-linecap="round" stroke-width="2" fill="none">%0D%0A <path d="m57.75 20-8.5 28.25 18 6.25L75 90.75 54 113l9 10.5L51 135l.5 4.5L71.75 164l14-6.75 20.5 18.5L95.75 204l10.25 8.5-2.75 13"/>%0D%0A <path d="m105.75 212.25 12.5-27.75 11-7 27.5 15.75 20.5-3.75-.25-15.75-10.25-6 12.75-26.25 5.75-3.75 38.75-10"/>%0D%0A </g>%0D%0A <path opacity=".039" d="M9 12.25s7.5 13 11.75 27.75S27 65.5 27 65.5s-5.5 12.75-8.25 24.75-5.75 23-5.75 23 5.75 16 9.25 30S26 167.5 26 167.5s-4 10.25-7.5 24.25-5 30.75-5 30.75 9.25-2 28.5 1.25 32.25 6 32.25 6 12.75-2.75 24-6.25 16.25-6.5 16.25-6.5 5.5.5 22.5 6.25 29.25 8.5 29.25 8.5 13-2.75 26-5.75 26.5-8 26.5-8-.75-5 4.25-24.5 8.75-28 8.75-28-.5-4.5-3.75-19.75S218 116 218 116s1.75-10.5 6.75-23.75S235 65.5 235 65.5s-4.75-15.25-7.5-29.75S219.25 10 219.25 10 195 19 187.5 20.5s-21 5.25-21 5.25-9.75-4.25-22-8.5-29.75-5.5-29.75-5.5-3.25 3.5-22 8-27.5 5.75-27.5 5.75-18.5-9-31.5-11.5-24-2-24.75-1.75z" fill="url(%23G)"/>%0D%0A <g opacity=".27">%0D%0A <path fill="url(%23m)" d="M219.25-182s-24.25 9-31.75 10.5-21 5.25-21 5.25c4.92-1.36 11.44 45.39 14.25 52.25l-.06.28c11.81-4.07 51.21-4.77 54.31-12.78 0 0-4.75-15.25-7.5-29.75S219.25-182 219.25-182z" transform="translate(0 192)"/>%0D%0A <path fill="url(%23n)" d="M27-126.5s-5.5 12.75-8.25 24.75-5.75 23-5.75 23l50.625 16.281 15.781-58.911L27-126.5z" transform="translate(0 192)"/>%0D%0A <path fill="url(%23o)" d="M26-24.5S22-14.25 18.5-.25s-5 30.75-5 30.75.147-.045.438-.094c2.033-.338 11.218-1.5 28.062 1.344 19.25 3.25 32.25 6 32.25 6l1.469-52.5-.75.125L26-24.5z" transform="translate(0 192)"/>%0D%0A <path fill="url(%23p)" d="M114.75-180.25s-3.25 3.5-22 8-27.5 5.75-27.5 5.75c5.182 14.7 12.03 29.27 14.25 44.75l-.094.31 48.034-3.94 1.12.26c-3.36-13.33-7.79-54.6-13.81-55.13z" transform="translate(0 192)"/>%0D%0A <path fill="url(%23q)" d="M117.59-78.094 63.969-62.375l-.344-.094L63.5-62l12.25 46.5-.031.75 49.471-8.875.53.187.03-.062-8.25-54.25.09-.344z" transform="translate(0 192)"/>%0D%0A <path fill="url(%23r)" d="M128.56-125.12c.24.92.47 1.74.69 2.37l-11.66 44.656.1-.031L169.5-60.75l11.19-52.97c-.36.12-.7.25-1 .38l-51.13-11.78z" transform="translate(0 192)"/>%0D%0A <path fill="url(%23s)" d="M125.53-23.5 114.5 25s5.5.5 22.5 6.25c2.12.719 4.16 1.406 6.12 2.031 1.97.626 3.86 1.186 5.63 1.719 10.62 3.199 17.5 4.75 17.5 4.75l12.72-45.406c-.51.182-1.02.38-1.53.562L125.53-23.5z" transform="translate(0 192)"/>%0D%0A <path fill="url(%23t)" d="M218-76c-15.67 6.288-31.7 11.15-48.06 15.406l-.44-.156 9.5 55-.03.094c17.84-6.36 35.38-13.387 52.78-20.844 0 0-.5-4.5-3.75-19.75S218-76 218-76z" transform="translate(0 192)"/>%0D%0A </g>%0D%0A <g opacity=".043">%0D%0A <path fill="url(%23u)" d="M13.719-179.97c-1.106 0-1.972.03-2.719.06-.445.02-.855.04-1.156.07-.03 0-.066-.01-.094 0-.398.03-.656.06-.75.09 0 0 7.5 13 11.75 27.75S27-126.5 27-126.5l51.469 5.12.937-.06.094-.31c-2.22-15.48-9.068-30.05-14.25-44.75 0 0-18.5-9-31.5-11.5-1.018-.2-2.01-.37-3-.53-.596-.1-1.167-.2-1.75-.28-.237-.04-.453-.06-.688-.1a98.772 98.772 0 0 0-3.812-.46c-.735-.08-1.395-.13-2.094-.19-.685-.06-1.353-.11-2-.16-.992-.07-1.89-.12-2.781-.15-1.456-.07-2.769-.1-3.906-.1z" transform="translate(0 192)"/>%0D%0A <path fill="url(%23v)" d="M13-78.75s5.75 16 9.25 30S26-24.5 26-24.5l48.969 9.875.75-.125.031-.75L63.5-62l.125-.469L13-78.75z" transform="translate(0 192)"/>%0D%0A <path fill="url(%23w)" d="m127.44-125.38-47.971 4h-.063L63.625-62.469l.344.094 53.621-15.719 11.66-44.656c-.22-.63-.45-1.45-.69-2.37l-1.12-.26z" transform="translate(0 192)"/>%0D%0A <path fill="url(%23x)" d="M125.19-23.625 75.719-14.75l-1.469 52.5S87 35 98.25 31.5 114.5 25 114.5 25l11.22-48.438-.53-.187z" transform="translate(0 192)"/>%0D%0A <path fill="url(%23y)" d="M114.75-180.25c6.02.53 10.45 41.8 13.81 55.13l51.13 11.78c.3-.13.64-.26 1-.38l.06-.28c-2.81-6.86-9.33-53.61-14.25-52.25 0 0-.61-.25-1.72-.72-3.32-1.39-11.09-4.59-20.28-7.78-12.25-4.25-29.75-5.5-29.75-5.5z" transform="translate(0 192)"/>%0D%0A <path fill="url(%23z)" d="m117.69-78.125-.1.031-.09.344 8.25 53.25-.22 1 51.91 18.406c.51-.181 1.02-.38 1.53-.562l.03-.094-9.5-55-51.81-17.375z" transform="translate(0 192)"/>%0D%0A <path fill="url(%23A)" d="M231.75-26.5c-17.4 7.457-34.94 14.484-52.78 20.844L166.25 39.75s13-2.75 26-5.75 26.5-8 26.5-8S218 21 223 1.5s8.75-28 8.75-28z" transform="translate(0 192)"/>%0D%0A <path fill="url(%23B)" d="M235-126.5c-3.1 8.01-42.5 8.71-54.31 12.78L169.5-60.75l.44.156C186.3-64.85 202.33-69.712 218-76c0 0 1.75-10.5 6.75-23.75S235-126.5 235-126.5z" transform="translate(0 192)"/>%0D%0A </g>%0D%0A </g>%0D%0A <path d="M174.28 35.875c-17.6 0-35.19 6.639-48.72 19.906-.16.164-.33.303-.5.469-22.05 22.056-26.206 55.25-12.47 81.5l-2.28 1.63c2.25 4.23 4.94 8.3 8.1 12.12l-13.32 13.34c-1.34-.58-2.78-1.03-4.56-1.37l-2.842 2.84c-1.11-.48-2.139-.81-3.063-.87L30.5 229.56c-.037 1.1.226 2.19.656 3.28l-.531.54-1.094 1.09c.716 3.74 2.011 6.82 5.469 10.28s6.42 4.63 10.281 5.47l1.094-1.1.719-.71c1.088.46 2.13.78 3.094.84l64.122-64.13c-.24-.97-.62-1.93-1.03-2.9l3-3c-.25-1.73-.68-3.2-1.31-4.6l13.28-13.28c3.82 3.16 7.89 5.85 12.13 8.1l1.62-2.28c26.25 13.74 59.44 9.58 81.5-12.47.17-.17.31-.34.47-.5 26.69-27.22 26.55-70.923-.47-97.94-13.59-13.59-31.41-20.375-49.22-20.375zm-.5 3.281c.11.002.21-.002.31 0a67.89 67.89 0 0 1 5.72.375c.1.01.19.021.28.031l.29.032c.14.017.29.044.43.062.9.11 1.8.228 2.69.375.62.102 1.23.224 1.84.344.35.066.69.116 1.04.187.72.153 1.43.324 2.15.5.31.077.63.138.94.219.07.019.14.043.22.063.95.253 1.89.516 2.84.812.07.023.15.04.22.063.95.3 1.91.625 2.84.969.06.019.11.042.16.062.95.352 1.9.728 2.84 1.125.06.022.11.041.16.063.94.4 1.88.836 2.81 1.281l.13.062c.93.451 1.86.91 2.78 1.407.03.017.06.044.09.062.93.503 1.84 1.013 2.75 1.562.03.02.06.044.1.063.9.551 1.8 1.122 2.68 1.719.55.369 1.09.769 1.63 1.156.36.261.73.512 1.09.781.02.014.05.018.06.031.88.656 1.75 1.36 2.6 2.063a70.875 70.875 0 0 1 5.06 4.594c1.62 1.62 3.14 3.3 4.56 5.031.01.011.03.02.03.031.71.855 1.41 1.715 2.07 2.594.28.379.54.773.81 1.156.37.517.74 1.038 1.09 1.563.02.024.05.038.07.062.59.89 1.16 1.778 1.71 2.688.02.032.05.061.07.094a75.45 75.45 0 0 1 1.56 2.75c.02.032.04.06.06.093.5.921.96 1.844 1.41 2.781l.06.126c.45.929.88 1.868 1.28 2.812l.06.156c.4.936.78 1.895 1.13 2.844l.06.156c.35.949.67 1.885.97 2.844l.06.219c.3.941.56 1.894.82 2.843l.06.219c.08.31.14.627.22.938.17.72.35 1.432.5 2.156.07.342.12.688.18 1.031.12.617.25 1.225.35 1.844.15.893.26 1.791.37 2.688.02.145.05.291.07.437l.03.281.03.282c.1.952.19 1.912.25 2.872.06.94.11 1.9.12 2.85.01.1 0 .2 0 .31.02 1.05.01 2.1-.03 3.15-.03.94-.08 1.86-.15 2.79-.01.12-.02.25-.04.37-.07.92-.16 1.84-.28 2.75-.12.96-.27 1.93-.43 2.88-.02.08-.02.16-.04.25-.02.12-.03.25-.06.37-.16.91-.36 1.82-.56 2.72-.03.13-.06.27-.09.41a86.1 86.1 0 0 1-.69 2.65c-.17.59-.35 1.17-.53 1.75-.18.57-.34 1.13-.53 1.69-.3.86-.61 1.71-.94 2.56-.06.16-.13.32-.19.47-.04.11-.08.23-.12.34-.36.88-.73 1.73-1.13 2.6-.38.82-.77 1.63-1.19 2.44-.08.15-.16.31-.25.46-.41.8-.83 1.6-1.28 2.38-.09.17-.18.34-.28.5-.2.34-.42.66-.62 1-.37.59-.75 1.17-1.13 1.75 0 .01.01.02 0 .03-.49.75-1 1.49-1.53 2.22-.46.64-.95 1.25-1.44 1.87-.19.26-.36.53-.56.79l-.41.5c-.16.2-.33.39-.5.59-.55.67-1.13 1.32-1.72 1.97-.6.67-1.23 1.35-1.87 2-.16.16-.31.34-.47.5-21.13 21.13-52.26 24.49-77.19 11.15l.13-.18c-3.71-1.9-7.26-4.14-10.63-6.78-.54-.43-1.06-.87-1.59-1.32-.51-.43-1.03-.86-1.53-1.31-.09-.08-.19-.16-.28-.25a86.97 86.97 0 0 1-2.41-2.31c-.79-.8-1.56-1.59-2.31-2.41-.09-.09-.17-.19-.25-.28-.45-.5-.88-1.02-1.31-1.53-.45-.53-.89-1.05-1.32-1.59a65.831 65.831 0 0 1-6.78-10.63l-.19.13c-13.33-24.93-9.97-56.061 11.16-77.191.16-.163.34-.308.5-.469.65-.64 1.33-1.269 2-1.875.65-.588 1.3-1.162 1.97-1.719.27-.227.54-.465.81-.687.35-.278.72-.512 1.06-.782.63-.483 1.24-.98 1.88-1.437.74-.53 1.5-1.036 2.25-1.531.58-.383 1.16-.764 1.75-1.125.45-.274.89-.551 1.34-.813.69-.395 1.37-.757 2.07-1.125a61.343 61.343 0 0 1 3.37-1.687c.87-.397 1.72-.769 2.59-1.125.16-.062.32-.096.47-.157.97-.384 1.93-.758 2.91-1.093.56-.192 1.12-.356 1.69-.532.58-.181 1.16-.367 1.75-.531.88-.246 1.77-.48 2.65-.687.07-.017.15-.015.22-.032.42-.095.84-.193 1.25-.281.67-.141 1.36-.287 2.03-.406.09-.015.17-.017.25-.031.95-.164 1.92-.317 2.88-.438a65.183 65.183 0 0 1 9.06-.5z" clip-path="url(%23H)" transform="matrix(1 .08088 0 1 0 -21.056)" filter="url(%23I)" fill="%232d3335"/>%0D%0A <path d="m48.01 227.46-4.807 4.55c-5.007-5.31-10.24-10.7-15.08-16.13l4.491-4.07c6.829 6.53 8.872 8.53 15.396 15.65z" fill="url(%23J)"/>%0D%0A <path d="M-95.5 225c28.719 0 52 23.28 52 52s-23.281 52-52 52c-28.72 0-52-23.28-52-52s23.28-52 52-52z" fill-opacity=".476" fill="%23d0e9f2"/>%0D%0A <path d="M-82 136c-27.61 0-50-22.39-50-50 0-27.614 22.39-50 50-50 27.614 0 50 22.386 50 50 0 27.61-22.386 50-50 50zm0-3c26.51 0 48-20.49 48-47s-21.49-47-48-47-48 20.49-48 47 21.49 47 48 47z" fill="%232d3335"/>%0D%0A <path fill="%239eaaac" d="M-82 136c-27.61 0-50-22.39-50-50v-.5c.27 27.38 22.55 49.5 50 49.5 27.446 0 49.729-22.12 50-49.5.002.168 0 .332 0 .5 0 27.61-22.386 50-50 50zm-48-50.5V85c0-26.51 21.49-47 48-47s48 20.49 48 47c0 .168.002.333 0 .5C-34.27 59.234-55.658 39-82 39c-26.34 0-47.73 20.234-48 46.5z"/>%0D%0A <path d="M-82 134c26.51 0 48-21.49 48-48s-21.49-48-48-48-48 21.49-48 48 21.49 48 48 48z" fill-opacity=".476" fill="%23d0e9f2"/>%0D%0A <path d="M-82 134c26.51 0 48-21.49 48-48s-21.49-48-48-48-48 21.49-48 48 21.49 48 48 48z" fill="url(%23K)"/>%0D%0A <path fill="url(%23L)" d="m-96.438 130.72-.843 5C-92.451 137.2-87.316 138-82 138s10.451-.8 15.281-2.28l-.843-5C-72.115 132.19-76.959 133-82 133s-9.885-.81-14.438-2.28z"/>%0D%0A <path fill="url(%23M)" d="M-82 136.25c1.757 0 3.431.3 5 .81v26.63c-1.569.51-3.243.81-5 .81s-3.431-.3-5-.81v-26.63c1.569-.51 3.243-.81 5-.81z"/>%0D%0A <path d="M-82 150.5c3.514 0 5.613.65 8 2.44v67.12c-3.137.91-4.486 1.44-8 1.44s-4.863-.53-8-1.44v-67.12c2.637-1.79 4.486-2.44 8-2.44z" fill="url(%23N)"/>%0D%0A <path d="M-82 154.5c3.514 0 7.238.78 10 2.44v65.12c-2.012 1.79-6.486 2.44-10 2.44s-7.863-.15-10-2.44v-65.12c1.887-1.66 6.486-2.44 10-2.44z" fill="url(%23O)"/>%0D%0A <path d="M-82 217.5c3.514 0 5.863.78 8 2.44v5.12c-2.387 1.54-4.486 2.44-8 2.44s-5.738-.9-8-2.44v-5.12c2.387-1.91 4.486-2.44 8-2.44z" fill="url(%23P)"/>%0D%0A <path fill="%23e0bb41" d="M-82 221.5c-3.514 0-5.613.28-8 2.44v1.12c2.262 1.54 4.486 2.44 8 2.44s5.613-.9 8-2.44v-1.12c-2.512-2.04-4.486-2.44-8-2.44z"/>%0D%0A <path d="M125.06 134.69c-27.176-27.18-27.176-71.251 0-98.431 27.18-27.18 71.25-27.18 98.43 0s27.18 71.251 0 98.431-71.25 27.18-98.43 0zm2.96-2.96c26.09 26.1 67.41 27.08 93.5.99 26.1-26.1 25.11-67.416-.98-93.509-26.09-26.092-67.41-27.077-93.51-.984-26.09 26.093-25.11 67.413.99 93.503z" fill="%232d3335"/>%0D%0A <path fill="%239eaaac" d="M125.06 134.69c-27.176-27.18-27.176-71.251 0-98.431.17-.166.33-.329.5-.493-26.689 27.218-26.526 70.924.49 97.934 27.01 27.02 70.72 27.18 97.93.49-.16.17-.32.33-.49.5-27.18 27.18-71.25 27.18-98.43 0zm2.46-96.955c.17-.167.33-.327.5-.492 26.09-26.093 67.41-25.109 93.5.984 26.1 26.093 27.08 67.413.99 93.503l-.5.5c25.59-26.12 24.46-67.091-1.47-93.019-25.93-25.927-66.9-27.063-93.02-1.476z"/>%0D%0A <path d="M127.03 132.72c26.1 26.09 68.4 26.09 94.49 0 26.1-26.1 26.1-68.4 0-94.493-26.09-26.093-68.39-26.093-94.49 0-26.09 26.093-26.09 68.393 0 94.493z" fill-opacity=".476" fill="%23d0e9f2"/>%0D%0A <path d="M127.03 132.72c26.1 26.09 68.4 26.09 94.49 0 26.1-26.1 26.1-68.4 0-94.493-26.09-26.093-68.39-26.093-94.49 0-26.09 26.093-26.09 68.393 0 94.493z" fill="url(%23Q)"/>%0D%0A <path fill="url(%23R)" d="m116.05 115.28-5.75 4.09c3.3 6.21 7.56 12.05 12.8 17.28 5.23 5.24 11.07 9.5 17.28 12.8l4.09-5.75c-5.92-3.04-11.49-7.01-16.45-11.97s-8.93-10.53-11.97-16.45z"/>%0D%0A <path fill="url(%23S)" d="M124.82 134.93c1.73 1.73 3.08 3.67 4.12 5.72l-26.21 26.21a22.302 22.302 0 0 1-5.718-4.12 22.268 22.268 0 0 1-4.121-5.72l26.209-26.21c2.05 1.04 3.99 2.39 5.72 4.12z"/>%0D%0A <path d="M116.27 159.23 50.199 225.3c-3.984-2.19-5.832-3-9.29-6.46s-4.267-5.3-6.459-9.29l66.07-66.07c5.06 3.75 12.12 10.4 15.75 15.75z" fill="url(%23T)"/>%0D%0A <path d="M105.78 154.12c3.46 3.46 7.43 6.66 8.52 11.02l-64.101 64.1c-6.517-5.16-14.555-12.79-19.686-19.69l64.1-64.1c3.491.23 7.657 5.16 11.117 8.62l.05.05z" fill="url(%23U)"/>%0D%0A <path opacity=".596" d="M105.53 154.36c3.46 3.46 7.68 6.42 8.77 10.78l-64.101 64.1c-7.877-6.91-11.798-10.63-19.686-19.69l64.1-64.1c3.491.23 7.417 5.45 10.877 8.91h.04z" fill="url(%23V)"/>%0D%0A <path opacity=".604" d="M131.17 37.05c40.66-32.173 78.13-12.728 77.78 5.303s-56.57 70.357-76.37 66.117-25.45-53.389-1.41-71.42z" fill="url(%23W)"/>%0D%0A <text opacity=".461" font-weight="bold" xml:space="preserve" transform="rotate(-8.9)" font-size="19.8" y="69.184" x="99.839" font-family="Monospace" fill="url(%23X)"><tspan y="69.184" x="99.839">01011001</tspan><tspan y="93.934" x="99.839">00110101</tspan><tspan y="118.684" x="99.839">10010011</tspan></text>%0D%0A <text font-weight="bold" xml:space="preserve" transform="rotate(-8.9)" font-size="19.8" y="67.898" x="99.41" font-family="Monospace" fill="url(%23Y)"><tspan y="67.898" x="99.41">01011001</tspan><tspan y="92.648" x="99.41">00110101</tspan><tspan y="117.398" x="99.41">10010011</tspan></text>%0D%0A <path opacity=".765" d="M219.46 129.09c-26.79 21.98-41.81 21.01-38.07 13.14 3.73-7.87 42.32-41.66 51.45-43.75 9.12-2.093 2.27 18.04-13.38 30.61z" fill="url(%23Z)"/>%0D%0A</svg>%0D%0A';var ki=`
|
|
579
|
-
:host {
|
|
580
|
-
/* HOT Color primitives */
|
|
581
|
-
--hot-color-red-950: #A52A28;
|
|
582
|
-
--hot-color-red-900: #B9302D;
|
|
583
|
-
--hot-color-red-800: #B83032;
|
|
584
|
-
--hot-color-red-700: #C53639;
|
|
585
|
-
--hot-color-red-600: #D73F3F;
|
|
586
|
-
--hot-color-red-500: #F34D47;
|
|
587
|
-
--hot-color-red-400: #ED5C5E;
|
|
588
|
-
--hot-color-red-300: #E27A7D;
|
|
589
|
-
--hot-color-red-200: #EC9EA1;
|
|
590
|
-
--hot-color-red-100: #FDD0D6;
|
|
591
|
-
--hot-color-red-50: #FEECEF;
|
|
592
|
-
|
|
593
|
-
--hot-color-rose-950: #3E030B;
|
|
594
|
-
--hot-color-rose-900: #4B040E;
|
|
595
|
-
--hot-color-rose-800: #5C1517;
|
|
596
|
-
--hot-color-rose-700: #6B231D;
|
|
597
|
-
--hot-color-rose-600: #7C2E26;
|
|
598
|
-
--hot-color-rose-500: #7D463F;
|
|
599
|
-
--hot-color-rose-400: #9E6960;
|
|
600
|
-
--hot-color-rose-300: #B3837B;
|
|
601
|
-
--hot-color-rose-200: #CFA59E;
|
|
602
|
-
--hot-color-rose-100: #EAC7C0;
|
|
603
|
-
--hot-color-rose-50: #FFE6DE;
|
|
604
|
-
|
|
605
|
-
--hot-color-yellow-950: #CC6508;
|
|
606
|
-
--hot-color-yellow-900: #E8750C;
|
|
607
|
-
--hot-color-yellow-800: #F77D0F;
|
|
608
|
-
--hot-color-yellow-700: #FAA71E;
|
|
609
|
-
--hot-color-yellow-600: #FCBF26;
|
|
610
|
-
--hot-color-yellow-500: #FED82E;
|
|
611
|
-
--hot-color-yellow-400: #FAE62E;
|
|
612
|
-
--hot-color-yellow-300: #FDEB51;
|
|
613
|
-
--hot-color-yellow-200: #FFF072;
|
|
614
|
-
--hot-color-yellow-100: #FFF59B;
|
|
615
|
-
--hot-color-yellow-50: #FFF9C3;
|
|
616
|
-
|
|
617
|
-
--hot-color-blue-950: #111C31;
|
|
618
|
-
--hot-color-blue-900: #182642;
|
|
619
|
-
--hot-color-blue-800: #20365B;
|
|
620
|
-
--hot-color-blue-700: #263F68;
|
|
621
|
-
--hot-color-blue-600: #2E4873;
|
|
622
|
-
--hot-color-blue-500: #344F7B;
|
|
623
|
-
--hot-color-blue-400: #53688B;
|
|
624
|
-
--hot-color-blue-300: #71829E;
|
|
625
|
-
--hot-color-blue-200: #97A5BA;
|
|
626
|
-
--hot-color-blue-100: #BFC8D6;
|
|
627
|
-
--hot-color-blue-50: #E6E9EE;
|
|
628
|
-
|
|
629
|
-
--hot-color-cyan-950: #2B514F;
|
|
630
|
-
--hot-color-cyan-900: #366361;
|
|
631
|
-
--hot-color-cyan-800: #408789;
|
|
632
|
-
--hot-color-cyan-700: #459BA0;
|
|
633
|
-
--hot-color-cyan-600: #4BB1B9;
|
|
634
|
-
--hot-color-cyan-500: #50C1CB;
|
|
635
|
-
--hot-color-cyan-400: #58CBD1;
|
|
636
|
-
--hot-color-cyan-300: #6AD4D9;
|
|
637
|
-
--hot-color-cyan-200: #8FE1E3;
|
|
638
|
-
--hot-color-cyan-100: #B9EDED;
|
|
639
|
-
--hot-color-cyan-50: #E3F8F8;
|
|
640
|
-
|
|
641
|
-
--hot-color-gray-950: #2C3038;
|
|
642
|
-
--hot-color-gray-900: #404248;
|
|
643
|
-
--hot-color-gray-800: #515057;
|
|
644
|
-
--hot-color-gray-700: #615F66;
|
|
645
|
-
--hot-color-gray-600: #716F73;
|
|
646
|
-
--hot-color-gray-500: #828085;
|
|
647
|
-
--hot-color-gray-400: #9A969B;
|
|
648
|
-
--hot-color-gray-300: #B3B0B3;
|
|
649
|
-
--hot-color-gray-200: #C4C3C5;
|
|
650
|
-
--hot-color-gray-100: #E1E0E1;
|
|
651
|
-
--hot-color-gray-50: #F3F3F3;
|
|
652
|
-
|
|
653
|
-
/* HOT Semantic colors */
|
|
654
|
-
--hot-color-primary-950: var(--hot-color-red-950);
|
|
655
|
-
--hot-color-primary-900: var(--hot-color-red-900);
|
|
656
|
-
--hot-color-primary-800: var(--hot-color-red-800);
|
|
657
|
-
--hot-color-primary-700: var(--hot-color-red-700);
|
|
658
|
-
--hot-color-primary-600: var(--hot-color-red-600);
|
|
659
|
-
--hot-color-primary-500: var(--hot-color-red-500);
|
|
660
|
-
--hot-color-primary-400: var(--hot-color-red-400);
|
|
661
|
-
--hot-color-primary-300: var(--hot-color-red-300);
|
|
662
|
-
--hot-color-primary-200: var(--hot-color-red-200);
|
|
663
|
-
--hot-color-primary-100: var(--hot-color-red-100);
|
|
664
|
-
--hot-color-primary-50: var(--hot-color-red-50);
|
|
665
|
-
|
|
666
|
-
--hot-color-danger-950: var(--hot-color-red-950);
|
|
667
|
-
--hot-color-danger-900: var(--hot-color-red-900);
|
|
668
|
-
--hot-color-danger-800: var(--hot-color-red-800);
|
|
669
|
-
--hot-color-danger-700: var(--hot-color-red-700);
|
|
670
|
-
--hot-color-danger-600: var(--hot-color-red-600);
|
|
671
|
-
--hot-color-danger-500: var(--hot-color-red-500);
|
|
672
|
-
--hot-color-danger-400: var(--hot-color-red-400);
|
|
673
|
-
--hot-color-danger-300: var(--hot-color-red-300);
|
|
674
|
-
--hot-color-danger-200: var(--hot-color-red-200);
|
|
675
|
-
--hot-color-danger-100: var(--hot-color-red-100);
|
|
676
|
-
--hot-color-danger-50: var(--hot-color-red-50);
|
|
677
|
-
|
|
678
|
-
--hot-color-warning-950: var(--hot-color-yellow-950);
|
|
679
|
-
--hot-color-warning-900: var(--hot-color-yellow-900);
|
|
680
|
-
--hot-color-warning-800: var(--hot-color-yellow-800);
|
|
681
|
-
--hot-color-warning-700: var(--hot-color-yellow-700);
|
|
682
|
-
--hot-color-warning-600: var(--hot-color-yellow-600);
|
|
683
|
-
--hot-color-warning-500: var(--hot-color-yellow-500);
|
|
684
|
-
--hot-color-warning-400: var(--hot-color-yellow-400);
|
|
685
|
-
--hot-color-warning-300: var(--hot-color-yellow-300);
|
|
686
|
-
--hot-color-warning-200: var(--hot-color-yellow-200);
|
|
687
|
-
--hot-color-warning-100: var(--hot-color-yellow-100);
|
|
688
|
-
--hot-color-warning-50: var(--hot-color-yellow-50);
|
|
689
|
-
|
|
690
|
-
--hot-color-success-950: #031608;
|
|
691
|
-
--hot-color-success-900: #052310;
|
|
692
|
-
--hot-color-success-800: #0a3a1d;
|
|
693
|
-
--hot-color-success-700: #0a5027;
|
|
694
|
-
--hot-color-success-600: #036730;
|
|
695
|
-
--hot-color-success-500: #00883c;
|
|
696
|
-
--hot-color-success-400: #00ac49;
|
|
697
|
-
--hot-color-success-300: #5dc36f;
|
|
698
|
-
--hot-color-success-200: #93da98;
|
|
699
|
-
--hot-color-success-100: #c2f2c1;
|
|
700
|
-
--hot-color-success-50: #e3f9e3;
|
|
701
|
-
|
|
702
|
-
--hot-color-neutral-1000: #ffffff;
|
|
703
|
-
--hot-color-neutral-950: var(--hot-color-gray-950);
|
|
704
|
-
--hot-color-neutral-900: var(--hot-color-gray-900);
|
|
705
|
-
--hot-color-neutral-800: var(--hot-color-gray-800);
|
|
706
|
-
--hot-color-neutral-700: var(--hot-color-gray-700);
|
|
707
|
-
--hot-color-neutral-600: var(--hot-color-gray-600);
|
|
708
|
-
--hot-color-neutral-500: var(--hot-color-gray-500);
|
|
709
|
-
--hot-color-neutral-400: var(--hot-color-gray-400);
|
|
710
|
-
--hot-color-neutral-300: var(--hot-color-gray-300);
|
|
711
|
-
--hot-color-neutral-200: var(--hot-color-gray-200);
|
|
712
|
-
--hot-color-neutral-100: var(--hot-color-gray-100);
|
|
713
|
-
--hot-color-neutral-50: var(--hot-color-gray-50);
|
|
714
|
-
--hot-color-neutral-0: #000000;
|
|
715
|
-
|
|
716
|
-
/* HOT Typography */
|
|
717
|
-
--hot-font-sans: Archivo, -apple-system, Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
718
|
-
--hot-font-sans-variant: 'Barlow';
|
|
719
|
-
--hot-font-sans-variant-condensed: 'Barlow Condensed';
|
|
720
|
-
--hot-font-sefif: Georgia, 'Times New Roman', serif;
|
|
721
|
-
--hot-font-mono: Menlo, Monaco, Consolas, 'Courier New', monospace, Consolas, 'Liberation Mono', Menlo, monospace;
|
|
722
|
-
|
|
723
|
-
--hot-font-size-2x-small: 0.625rem;
|
|
724
|
-
--hot-font-size-x-small: 0.75rem;
|
|
725
|
-
--hot-font-size-small: 0.875rem;
|
|
726
|
-
--hot-font-size-medium: 1rem;
|
|
727
|
-
--hot-font-size-large: 1.25rem;
|
|
728
|
-
--hot-font-size-x-large: 1.5rem;
|
|
729
|
-
--hot-font-size-2x-large: 2.25rem;
|
|
730
|
-
--hot-font-size-3x-large: 3rem;
|
|
731
|
-
--hot-font-size-4x-large: 4.5rem;
|
|
732
|
-
|
|
733
|
-
--hot-font-weight-light: 300;
|
|
734
|
-
--hot-font-weight-normal: 400;
|
|
735
|
-
--hot-font-weight-semibold: 500;
|
|
736
|
-
--hot-font-weight-bold: 700;
|
|
737
|
-
|
|
738
|
-
--hot-letter-spacing-denser: -0.03em;
|
|
739
|
-
--hot-letter-spacing-dense: -0.015em;
|
|
740
|
-
--hot-letter-spacing-normal: normal;
|
|
741
|
-
--hot-letter-spacing-loose: 0.075em;
|
|
742
|
-
--hot-letter-spacing-looser: 0.15em;
|
|
743
|
-
|
|
744
|
-
--hot-line-height-denser: 1;
|
|
745
|
-
--hot-line-height-dense: 1.4;
|
|
746
|
-
--hot-line-height-normal: 1.8;
|
|
747
|
-
--hot-line-height-loose: 2.2;
|
|
748
|
-
--hot-line-height-looser: 2.6;
|
|
749
|
-
|
|
750
|
-
--hot-spacing-3x-small: 0.125rem;
|
|
751
|
-
--hot-spacing-2x-small: 0.25rem;
|
|
752
|
-
--hot-spacing-x-small: 0.5rem;
|
|
753
|
-
--hot-spacing-small: 0.75rem;
|
|
754
|
-
--hot-spacing-medium: 1rem;
|
|
755
|
-
--hot-spacing-large: 1.25rem;
|
|
756
|
-
--hot-spacing-x-large: 1.75rem;
|
|
757
|
-
--hot-spacing-2x-large: 2.25rem;
|
|
758
|
-
--hot-spacing-3x-large: 3rem;
|
|
759
|
-
--hot-spacing-4x-large: 4.5rem;
|
|
760
|
-
|
|
761
|
-
--hot-border-radius-small: 0.1875rem;
|
|
762
|
-
--hot-border-radius-medium: 0.25rem;
|
|
763
|
-
--hot-border-radius-large: 0.5rem;
|
|
764
|
-
--hot-border-radius-x-large: 1rem;
|
|
765
|
-
--hot-border-radius-circle: 50%;
|
|
766
|
-
--hot-border-radius-pill: 9999px;
|
|
767
|
-
}
|
|
768
|
-
|
|
769
|
-
/* Apply HOT styling to button parts */
|
|
770
|
-
::part(base) {
|
|
771
|
-
font-family: var(--hot-font-sans);
|
|
772
|
-
font-weight: var(--hot-font-weight-semibold);
|
|
773
|
-
border-radius: var(--hot-border-radius-medium);
|
|
774
|
-
transition: all 0.2s ease-in-out;
|
|
775
|
-
}
|
|
776
|
-
|
|
777
|
-
::part(base):hover {
|
|
778
|
-
transform: translateY(-1px);
|
|
779
|
-
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
|
|
780
|
-
}
|
|
781
|
-
|
|
782
|
-
::part(base):active {
|
|
783
|
-
transform: translateY(0);
|
|
784
|
-
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
785
|
-
}
|
|
786
|
-
|
|
787
|
-
::part(label) {
|
|
788
|
-
font-family: var(--hot-font-sans);
|
|
789
|
-
font-weight: var(--hot-font-weight-semibold);
|
|
790
|
-
}
|
|
791
|
-
|
|
792
|
-
/* Login button specific styling */
|
|
793
|
-
:host(.login-button)::part(base) {
|
|
794
|
-
background: linear-gradient(135deg, var(--hot-color-primary-500), var(--hot-color-primary-600));
|
|
795
|
-
border: none;
|
|
796
|
-
color: white;
|
|
797
|
-
padding: var(--hot-spacing-small) var(--hot-spacing-medium);
|
|
798
|
-
font-size: var(--hot-font-size-medium);
|
|
799
|
-
}
|
|
800
|
-
|
|
801
|
-
:host(.login-button)::part(base):hover {
|
|
802
|
-
background: linear-gradient(135deg, var(--hot-color-primary-600), var(--hot-color-primary-700));
|
|
803
|
-
}
|
|
804
|
-
|
|
805
|
-
/* Gradient button styling */
|
|
806
|
-
:host(.gradient-button)::part(base) {
|
|
807
|
-
background: linear-gradient(217deg, var(--hot-color-red-50), var(--hot-color-rose-50), var(--hot-color-yellow-50));
|
|
808
|
-
border: solid 1px var(--hot-color-rose-50);
|
|
809
|
-
color: white;
|
|
810
|
-
text-shadow: rgb(0 0 0 / 0.3) 0 -1px;
|
|
811
|
-
}
|
|
812
|
-
|
|
813
|
-
:host(.gradient-button)::part(base):hover {
|
|
814
|
-
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
|
|
815
|
-
transform: translateY(-3px);
|
|
816
|
-
}
|
|
817
|
-
|
|
818
|
-
:host(.gradient-button)::part(base):active {
|
|
819
|
-
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
820
|
-
transform: translateY(0);
|
|
821
|
-
}
|
|
822
|
-
`;function Si(n,t="hot-theme-injection"){if(n.shadowRoot){if(n.shadowRoot.querySelector(`#${t}`))return;let e=document.createElement("style");e.id=t,e.textContent=ki,n.shadowRoot.appendChild(e)}}function ro(n){n.querySelectorAll("wa-button").forEach(e=>{Si(e)})}function ba(n,t){let e=new MutationObserver(o=>{let r=!1;o.forEach(i=>{i.type==="childList"&&i.addedNodes.forEach(s=>{if(s.nodeType===Node.ELEMENT_NODE){let l=s;(l.tagName==="WA-BUTTON"||l.querySelectorAll&&l.querySelectorAll("wa-button").length>0)&&(r=!0)}})}),r&&(ro(n),t&&t())});return e.observe(n,{childList:!0,subtree:!0}),e}var xi={disableShadowDOM:!1,injectCSS:!0,useMutationObserver:!0};var io=Wt({},xi);function pt(){return io.disableShadowDOM}function so(){return io.injectCSS}function _a(){return io.useMutationObserver}var Ci=`data:image/svg+xml;utf8,${encodeURIComponent(ga)}`;mo();var ya,wa,ka,Sa,xa,Ca,Oa,Aa,Ea,Ia,Pe=class extends co{constructor(){super(...arguments);this.name="hot-header";He(this,ya,"");He(this,wa,"");He(this,ka,!0);He(this,Sa,[]);He(this,xa,"small");He(this,Ca,!0);He(this,Oa,0);He(this,Aa,!1);He(this,Ea,!1);He(this,Ia,"user")}createRenderRoot(){return pt()?this:super.createRenderRoot()}get title(){return We(this,ya)}set title(e){Re(this,ya,e)}get logo(){return We(this,wa)}set logo(e){Re(this,wa,e)}get drawer(){return We(this,ka)}set drawer(e){Re(this,ka,e)}get tabs(){return We(this,Sa)}set tabs(e){Re(this,Sa,e)}get size(){return We(this,xa)}set size(e){Re(this,xa,e)}get borderBottom(){return We(this,Ca)}set borderBottom(e){Re(this,Ca,e)}get selectedTab(){return We(this,Oa)}set selectedTab(e){Re(this,Oa,e)}get showLogin(){return We(this,Aa)}set showLogin(e){Re(this,Aa,e)}get loginModalOpen(){return We(this,Ea)}set loginModalOpen(e){Re(this,Ea,e)}get defaultLoginIcon(){return We(this,Ia)}set defaultLoginIcon(e){Re(this,Ia,e)}async connectedCallback(){super.connectedCallback(),await va("https://dev.login.hotosm.org",{shadow:!1,sessionCheckInterval:3e4}).catch(e=>{}),!pt()&&so()&&(this.injectCSSIntoShadowDOM(),_a()&&this.setupMutationObserver())}disconnectedCallback(){super.disconnectedCallback(),this.mutationObserver&&this.mutationObserver.disconnect()}injectCSSIntoShadowDOM(){setTimeout(()=>{let e=pt()?this:this.shadowRoot;e&&ro(e)},0)}setupMutationObserver(){let e=pt()?this:this.shadowRoot;e&&(this.mutationObserver=ba(e))}updated(e){super.updated(e),!pt()&&so()&&(e.has("showLogin")||e.has("loginModalOpen"))&&this.injectCSSIntoShadowDOM()}selectTab(e){console.log(e),this.tabs=[...this.tabs],this.selectedTab=e}render(){let e=typeof this.logo=="string"||this.logo instanceof URL?typeof this.logo=="string"?this.logo:this.logo.href:"";return be`
|
|
823
|
-
<header class=${po({size:this.size,borderBottom:this.borderBottom})}>
|
|
824
|
-
<a href="/" class="header--link">
|
|
825
|
-
${e.length>0?be`
|
|
826
|
-
<img
|
|
827
|
-
id="logo"
|
|
828
|
-
src="${this.logo}"
|
|
829
|
-
alt="Logo"
|
|
830
|
-
class="header--logo-img"
|
|
831
|
-
/>
|
|
832
|
-
`:be`
|
|
833
|
-
<hot-logo
|
|
834
|
-
?iconOnly="${this.title.length>0}"
|
|
835
|
-
>
|
|
836
|
-
</hot-logo>
|
|
837
|
-
`}
|
|
838
|
-
${this.title.length>0?be`
|
|
839
|
-
<h1 class="header--title">
|
|
840
|
-
${this.title}
|
|
841
|
-
</h1>
|
|
842
|
-
`:null}
|
|
843
|
-
</a>
|
|
844
|
-
|
|
845
|
-
${""}
|
|
846
|
-
<nav
|
|
847
|
-
class="header--nav"
|
|
848
|
-
>
|
|
849
|
-
${this.tabs.length>0?be`
|
|
850
|
-
<wa-tab-group class="header--tab-group">
|
|
851
|
-
${this.tabs.map((o,r)=>{let s=this.selectedTab===r?"header--tab header--tab-active":"header--tab";return be`
|
|
852
|
-
<wa-tab
|
|
853
|
-
panel="${o.label}"
|
|
854
|
-
class="${s}"
|
|
855
|
-
slot="nav"
|
|
856
|
-
@click=${l=>this._tabClick(l,o.clickEvent,r)}
|
|
857
|
-
>
|
|
858
|
-
${o.label}
|
|
859
|
-
</wa-tab>
|
|
860
|
-
`})}
|
|
861
|
-
</wa-tab-group>
|
|
862
|
-
`:null}
|
|
863
|
-
</nav>
|
|
864
|
-
|
|
865
|
-
${""}
|
|
866
|
-
${""}
|
|
867
|
-
<nav
|
|
868
|
-
class="header--nav-mobile"
|
|
869
|
-
></nav>
|
|
870
|
-
|
|
871
|
-
<div id="right-section" class="header--right-section">
|
|
872
|
-
${this.showLogin?be`
|
|
873
|
-
<wa-button
|
|
874
|
-
variant="brand"
|
|
875
|
-
class="login-button"
|
|
876
|
-
@click=${()=>this._handleLogin()}
|
|
877
|
-
>
|
|
878
|
-
Login
|
|
879
|
-
</wa-button>
|
|
880
|
-
`:null}
|
|
881
|
-
${this.drawer?be`
|
|
882
|
-
<wa-button>
|
|
883
|
-
<wa-icon library="hot-icons" name="list" label="drawer-open" class="header--drawer">
|
|
884
|
-
</wa-icon>
|
|
885
|
-
</wa-button>
|
|
886
|
-
`:null}
|
|
887
|
-
</div>
|
|
888
|
-
|
|
889
|
-
<!-- Login Modal -->
|
|
890
|
-
${this.showLogin?be`
|
|
891
|
-
<wa-dialog
|
|
892
|
-
class="login-modal"
|
|
893
|
-
?open=${this.loginModalOpen}
|
|
894
|
-
@wa-hide=${()=>this._handleModalClose()}
|
|
895
|
-
>
|
|
896
|
-
<wa-button @click=${()=>this._handleModalClose()}>
|
|
897
|
-
<wa-icon library="hot-icons" name="close" label="cross">
|
|
898
|
-
Close
|
|
899
|
-
</wa-icon>
|
|
900
|
-
</wa-button>
|
|
901
|
-
|
|
902
|
-
<hanko-auth></hanko-auth>
|
|
903
|
-
</wa-dialog>
|
|
904
|
-
`:null}
|
|
905
|
-
</header>
|
|
906
|
-
|
|
907
|
-
<!-- Here we must directly include the hanko style overrides, as it includes a SVG -->
|
|
908
|
-
<!-- Note we can't remove the existing svg, so need to hide and override it -->
|
|
909
|
-
<!-- THIS ISN'T WORKING WELL. We can either try and fix the styling or perhaps manipulate the DOM via Javascript instead?? -->
|
|
910
|
-
<style>
|
|
911
|
-
.hanko_form #icon-custom-provider {
|
|
912
|
-
display: none;
|
|
913
|
-
}
|
|
914
|
-
|
|
915
|
-
.hanko_form .hanko_loadingSpinnerWrapperIcon:has(#icon-custom-provider) {
|
|
916
|
-
background: url("${Ci}") no-repeat center center;
|
|
917
|
-
background-size: contain;
|
|
918
|
-
display: inline-flex;
|
|
919
|
-
align-items: center;
|
|
920
|
-
height: 100%;
|
|
921
|
-
margin: 0 5px;
|
|
922
|
-
justify-content: inherit;
|
|
923
|
-
flex-wrap: inherit;
|
|
924
|
-
width: 100%;
|
|
925
|
-
column-gap: 10px;
|
|
926
|
-
margin-left: 10px;
|
|
927
|
-
}
|
|
928
|
-
</style>
|
|
929
|
-
`}_tabClick(e,o,r){this.selectTab(r),o()}_handleLogin(){this.loginModalOpen=!0,this.dispatchEvent(new Event("login"))}_handleModalClose(){this.loginModalOpen=!1}};ya=new WeakMap,wa=new WeakMap,ka=new WeakMap,Sa=new WeakMap,xa=new WeakMap,Ca=new WeakMap,Oa=new WeakMap,Aa=new WeakMap,Ea=new WeakMap,Ia=new WeakMap,Pe.styles=[fo],Pe.shadowRootOptions={mode:"open",delegatesFocus:!1},Fe([oe({type:String})],Pe.prototype,"title",1),Fe([oe({type:String})],Pe.prototype,"logo",1),Fe([oe({type:Boolean})],Pe.prototype,"drawer",1),Fe([oe({type:Array})],Pe.prototype,"tabs",1),Fe([oe({type:String})],Pe.prototype,"size",1),Fe([oe({type:Boolean})],Pe.prototype,"borderBottom",1),Fe([oe({type:Number})],Pe.prototype,"selectedTab",1),Fe([oe({type:Boolean})],Pe.prototype,"showLogin",1),Fe([oe({type:Boolean})],Pe.prototype,"loginModalOpen",1),Fe([oe({type:String,attribute:"default-login-icon"})],Pe.prototype,"defaultLoginIcon",1);var lc=Pe;export{Pe as a,lc as b};
|
|
930
|
-
/*! Bundled license information:
|
|
931
|
-
|
|
932
|
-
@teamhanko/hanko-elements/dist/elements.js:
|
|
933
|
-
(*! For license information please see elements.js.LICENSE.txt *)
|
|
934
|
-
*/
|