@webqit/oohtml 2.1.38 → 2.1.40
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/README.md +93 -54
- package/dist/html-imports.js +1 -1
- package/dist/html-imports.js.map +2 -2
- package/dist/main.js +10 -10
- package/dist/main.js.map +2 -2
- package/dist/scoped-css.js +2 -2
- package/dist/scoped-css.js.map +2 -2
- package/package.json +1 -1
- package/src/html-imports/index.js +2 -2
- package/src/scoped-css/index.js +8 -6
package/README.md
CHANGED
|
@@ -12,9 +12,6 @@ Object-Oriented HTML (OOHTML) is a set of language features for authoring modula
|
|
|
12
12
|
|
|
13
13
|
OOHTML is an upcoming proposal!
|
|
14
14
|
|
|
15
|
-
> **Warning**
|
|
16
|
-
> <br>The syntax on this page isn't finalized. You may need to keep tabs with us.
|
|
17
|
-
|
|
18
15
|
## Motivation
|
|
19
16
|
|
|
20
17
|
The web has generally outgrown HTML's idea of a monolith architecture which has held to the document as the unit of abstraction for scripts, style sheets, and element identifiers (the `id` attribute, and in some scenarios, the `name` attribute). You realize that while you're trying to *model things* in markup and are thinking in objects, components, logical building blocks, reusable units of abstraction - as we have of things like [Vue's SFC](https://vuejs.org/api/sfc-spec.html), [Svelte component format](https://svelte.dev/docs#component-format-script), [11ty's WebC](https://www.11ty.dev/docs/languages/webc/#css-and-js-(bundler-mode)) - the language for the job is posing a "per document" constraint!
|
|
@@ -86,16 +83,16 @@ let { styleSheets, scripts } = user; // Analogous to the document.styleSheets, d
|
|
|
86
83
|
|
|
87
84
|
### HTML Imports
|
|
88
85
|
|
|
89
|
-
The next set of features covers *templating and reusing objects* - in both *declarative* and *programmatic* terms! It extends the language with the *module identifier* attribute `
|
|
86
|
+
The next set of features covers *templating and reusing objects* - in both *declarative* and *programmatic* terms! It extends the language with the *module identifier* attribute `def`, and introduces a complementary new `<import>` element; and everything fits together as a real-time module system.
|
|
90
87
|
|
|
91
|
-
└ *The `
|
|
88
|
+
└ *The `def` attribute for defining access to reusable modules*:
|
|
92
89
|
|
|
93
90
|
```html
|
|
94
91
|
<head>
|
|
95
92
|
|
|
96
|
-
<template
|
|
97
|
-
<div
|
|
98
|
-
<div
|
|
93
|
+
<template def="foo">
|
|
94
|
+
<div def="fragment1">A module fragment that can be accessed independently</div>
|
|
95
|
+
<div def="fragment2">Another module fragment that can be accessed independently</div>
|
|
99
96
|
<p>An element that isn't explicitly exposed.</p>
|
|
100
97
|
</template>
|
|
101
98
|
|
|
@@ -107,11 +104,11 @@ The next set of features covers *templating and reusing objects* - in both *decl
|
|
|
107
104
|
```html
|
|
108
105
|
<head>
|
|
109
106
|
|
|
110
|
-
<template
|
|
111
|
-
<div
|
|
107
|
+
<template def="foo">
|
|
108
|
+
<div def="fragment1"></div>
|
|
112
109
|
|
|
113
|
-
<template
|
|
114
|
-
<div
|
|
110
|
+
<template def="nested">
|
|
111
|
+
<div def="fragment2"></div>
|
|
115
112
|
</template>
|
|
116
113
|
</template>
|
|
117
114
|
|
|
@@ -121,18 +118,18 @@ The next set of features covers *templating and reusing objects* - in both *decl
|
|
|
121
118
|
└ *The `<template src>` element for remote modules*:
|
|
122
119
|
|
|
123
120
|
```html
|
|
124
|
-
<template
|
|
121
|
+
<template def="foo" src="/foo.html"></template>
|
|
125
122
|
```
|
|
126
123
|
|
|
127
124
|
```html
|
|
128
125
|
-- file: /foo.html --
|
|
129
|
-
<div
|
|
130
|
-
<template
|
|
126
|
+
<div def="fragment1"></div>
|
|
127
|
+
<template def="nested" src="/nested.html"></template>
|
|
131
128
|
```
|
|
132
129
|
|
|
133
130
|
```html
|
|
134
131
|
-- file: /nested.html --
|
|
135
|
-
<div
|
|
132
|
+
<div def="fragment2"></div>
|
|
136
133
|
--
|
|
137
134
|
```
|
|
138
135
|
|
|
@@ -151,8 +148,8 @@ foo.addEventListener('load', loadedCallback);
|
|
|
151
148
|
|
|
152
149
|
```html
|
|
153
150
|
<body>
|
|
154
|
-
<div
|
|
155
|
-
<div
|
|
151
|
+
<div def="fragment1"></div> <!-- After resolution -->
|
|
152
|
+
<div def="fragment2"></div> <!-- After resolution -->
|
|
156
153
|
</body>
|
|
157
154
|
```
|
|
158
155
|
|
|
@@ -175,8 +172,8 @@ document.import('/foo/nested#fragment2', divElement => {
|
|
|
175
172
|
```html
|
|
176
173
|
<section> <!-- object with own modules -->
|
|
177
174
|
|
|
178
|
-
<template
|
|
179
|
-
<div
|
|
175
|
+
<template def="foo" scoped> <!-- Scoped to host object and not available globally -->
|
|
176
|
+
<div def="fragment1"></div>
|
|
180
177
|
</template>
|
|
181
178
|
|
|
182
179
|
<div>
|
|
@@ -208,36 +205,36 @@ Extended Imports concepts
|
|
|
208
205
|
└ *Module nesting with inheritance*:
|
|
209
206
|
|
|
210
207
|
```html
|
|
211
|
-
<template
|
|
208
|
+
<template def="foo">
|
|
212
209
|
|
|
213
|
-
<header
|
|
214
|
-
<footer
|
|
210
|
+
<header def="header"></header>
|
|
211
|
+
<footer def="footer"></footer>
|
|
215
212
|
|
|
216
|
-
<template
|
|
217
|
-
<main
|
|
213
|
+
<template def="nested1" inherits="header footer"> <!-- Using the "inherits" attribute -->
|
|
214
|
+
<main def="main"></main>
|
|
218
215
|
</template>
|
|
219
216
|
|
|
220
|
-
<template
|
|
221
|
-
<main
|
|
217
|
+
<template def="nested2" inherits="header footer"> <!-- Using the "inherits" attribute -->
|
|
218
|
+
<main def="main"></main>
|
|
222
219
|
</template>
|
|
223
220
|
|
|
224
221
|
</template>
|
|
225
222
|
```
|
|
226
223
|
|
|
227
224
|
```html
|
|
228
|
-
<template
|
|
225
|
+
<template def="foo">
|
|
229
226
|
|
|
230
|
-
<template
|
|
231
|
-
<header
|
|
232
|
-
<footer
|
|
227
|
+
<template def="common">
|
|
228
|
+
<header def="header"></header>
|
|
229
|
+
<footer def="footer"></footer>
|
|
233
230
|
</template>
|
|
234
231
|
|
|
235
|
-
<template
|
|
236
|
-
<main
|
|
232
|
+
<template def="nested1" extends="common"> <!-- Using the "extends" attribute -->
|
|
233
|
+
<main def="main"></main>
|
|
237
234
|
</template>
|
|
238
235
|
|
|
239
|
-
<template
|
|
240
|
-
<main
|
|
236
|
+
<template def="nested2" extends="common"> <!-- Using the "extends" attribute -->
|
|
237
|
+
<main def="main"></main>
|
|
241
238
|
</template>
|
|
242
239
|
|
|
243
240
|
</template>
|
|
@@ -253,7 +250,7 @@ Extended Imports concepts
|
|
|
253
250
|
|
|
254
251
|
```html
|
|
255
252
|
<!-- Loading doesn't happen until the first time this is being accessed -->
|
|
256
|
-
<template
|
|
253
|
+
<template def="foo" src="/foo.html" loading="lazy"></template>
|
|
257
254
|
```
|
|
258
255
|
|
|
259
256
|
```html
|
|
@@ -337,9 +334,9 @@ document.querySelector('div').import('@context1#fragment2', divElement => {
|
|
|
337
334
|
<body contextname="context1" importscontext="/bar">
|
|
338
335
|
<section importscontext="nested"> <!-- object with own modules, plus inherited context: /bar/nested -->
|
|
339
336
|
|
|
340
|
-
<template
|
|
341
|
-
<div
|
|
342
|
-
<div
|
|
337
|
+
<template def="foo" scoped> <!-- Scoped to host object and not available globally -->
|
|
338
|
+
<div def="fragment1"></div>
|
|
339
|
+
<div def="fragment2"></div>
|
|
343
340
|
</template>
|
|
344
341
|
|
|
345
342
|
<div>
|
|
@@ -485,16 +482,16 @@ All of OOHTML brings to the platform much of the modern UI development paradigms
|
|
|
485
482
|
└ *First, two components that are themselves analogous to a Single File Component ([SFC](https://vuejs.org/guide/scaling-up/sfc.html))*:
|
|
486
483
|
|
|
487
484
|
```html
|
|
488
|
-
<template
|
|
485
|
+
<template def="pages">
|
|
489
486
|
|
|
490
|
-
<template
|
|
491
|
-
<header
|
|
492
|
-
<footer
|
|
487
|
+
<template def="layout">
|
|
488
|
+
<header def="header"></header>
|
|
489
|
+
<footer def="footer"></footer>
|
|
493
490
|
</template>
|
|
494
491
|
|
|
495
492
|
<!-- Home Page -->
|
|
496
|
-
<template
|
|
497
|
-
<main
|
|
493
|
+
<template def="home" extends="layout">
|
|
494
|
+
<main def="main" namespace>
|
|
498
495
|
<h1 id="banner">Home Page</h1>
|
|
499
496
|
<a id="cta" href="#/products">Go to Products</a>
|
|
500
497
|
<template scoped></template>
|
|
@@ -504,8 +501,8 @@ All of OOHTML brings to the platform much of the modern UI development paradigms
|
|
|
504
501
|
</template>
|
|
505
502
|
|
|
506
503
|
<!-- Products Page -->
|
|
507
|
-
<template
|
|
508
|
-
<main
|
|
504
|
+
<template def="products" extends="layout">
|
|
505
|
+
<main def="main" namespace>
|
|
509
506
|
<h1 id="banner">Products Page</h1>
|
|
510
507
|
<a id="cta" href="#/home">Go to Home</a>
|
|
511
508
|
<template scoped></template>
|
|
@@ -606,16 +603,16 @@ All of OOHTML brings to the platform much of the modern UI development paradigms
|
|
|
606
603
|
└ *First, two layout options defined for the Shadow DOM*:
|
|
607
604
|
|
|
608
605
|
```html
|
|
609
|
-
<template
|
|
606
|
+
<template def="vendor1">
|
|
610
607
|
|
|
611
|
-
<template
|
|
612
|
-
<template
|
|
608
|
+
<template def="components-layout1">
|
|
609
|
+
<template def="magic-button">
|
|
613
610
|
<span id="icon"></span> <span id="text"></span>
|
|
614
611
|
</template>
|
|
615
612
|
</template>
|
|
616
613
|
|
|
617
|
-
<template
|
|
618
|
-
<template
|
|
614
|
+
<template def="components-layout2">
|
|
615
|
+
<template def="magic-button">
|
|
619
616
|
<span id="text"></span> <span id="icon"></span>
|
|
620
617
|
</template>
|
|
621
618
|
</template>
|
|
@@ -659,7 +656,7 @@ customElements.define('magic-button', class extends HTMLElement {
|
|
|
659
656
|
|
|
660
657
|
<ul id="list"></ul>
|
|
661
658
|
|
|
662
|
-
<template
|
|
659
|
+
<template def="item" scoped>
|
|
663
660
|
<li>
|
|
664
661
|
<a></a>
|
|
665
662
|
</li>
|
|
@@ -744,7 +741,7 @@ Also, if you'll be going ahead to build a real world app to see OOHTML in action
|
|
|
744
741
|
</details>
|
|
745
742
|
|
|
746
743
|
<details><summary>
|
|
747
|
-
Notes
|
|
744
|
+
Implementation Notes
|
|
748
745
|
</summary>
|
|
749
746
|
|
|
750
747
|
Here are the performance-specific notes for this polyfill:
|
|
@@ -769,6 +766,48 @@ Here are the performance-specific notes for this polyfill:
|
|
|
769
766
|
|
|
770
767
|
+ Whether loaded lazily or eaderly, the compiler also factors in additional optimizations. For example, identical scripts are handled only first time, and only ever have once Contract Function instance!
|
|
771
768
|
|
|
769
|
+
Here are other notes:
|
|
770
|
+
|
|
771
|
+
+ **Scoped CSS**. This feature is only in "concept" implementation and doesn't work right now as is. The current implementation simply wraps `<style scoped>` blocks in an `@scope {}` block - which itself isn't supported in any browser. To try this "concept" implementation, set the `style.strategy` config to `@scope`:
|
|
772
|
+
|
|
773
|
+
```html
|
|
774
|
+
<head>
|
|
775
|
+
<meta name="scoped-css" content="style.strategy=@scope"> <!-- Must come before the polyfil -->
|
|
776
|
+
<script src="https://unpkg.com/@webqit/oohtml/dist/main.js"></script>
|
|
777
|
+
<head>
|
|
778
|
+
```
|
|
779
|
+
|
|
780
|
+
Now the following `<style scoped>`...
|
|
781
|
+
|
|
782
|
+
```html
|
|
783
|
+
<style scoped>
|
|
784
|
+
h2 { color: red; }
|
|
785
|
+
</style>
|
|
786
|
+
```
|
|
787
|
+
|
|
788
|
+
...will be wrapped to something like:
|
|
789
|
+
|
|
790
|
+
```html
|
|
791
|
+
<style ref="scoped8eff" scoped>
|
|
792
|
+
@scope from (:has(> style[ref="scoped8eff"])) {
|
|
793
|
+
h2 { color: red; }
|
|
794
|
+
}
|
|
795
|
+
</style>
|
|
796
|
+
```
|
|
797
|
+
|
|
798
|
+
A working implementation may be coming soon, but in the meantime, you could try one of the polyfills for `<style scoped>` out there; e.g. [samthor/scoped](https://github.com/samthor/scoped).
|
|
799
|
+
|
|
800
|
+
+ **HTML Imports**. The attribute names for exposing reusable modules and for referencing them - the `def` and `ref` keywords, respectively - aren't finalized. While the principle of operation remains, these attributes may be renamed in subsequent iterations. But the polyfill is designed to always defer to any syntax that has been explicitly specified using a meta tag. Here's an example:
|
|
801
|
+
|
|
802
|
+
```html
|
|
803
|
+
<head>
|
|
804
|
+
<meta name="html-imports" content="export.attr.exportid=def; template.attr.exportid=def; import.attr.moduleref=ref;"> <!-- Must come before the polyfil -->
|
|
805
|
+
<script src="https://unpkg.com/@webqit/oohtml/dist/main.js"></script>
|
|
806
|
+
<head>
|
|
807
|
+
```
|
|
808
|
+
|
|
809
|
+
Now, even when the default attribute names change, your `def` and `ref` implementation will still work:
|
|
810
|
+
|
|
772
811
|
</details>
|
|
773
812
|
|
|
774
813
|
## Documentation
|
package/dist/html-imports.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(()=>{var Re=Object.defineProperty;var ue=(r,t)=>{for(var n in t)Re(r,n,{get:t[n],enumerable:!0})};var Jt={};ue(Jt,{apply:()=>Wt,batch:()=>rr,construct:()=>Bt,deep:()=>Ze,defineProperties:()=>nr,defineProperty:()=>Vt,deleteProperty:()=>zt,get:()=>Z,getOwnPropertyDescriptor:()=>Dt,getOwnPropertyDescriptors:()=>er,getPrototypeOf:()=>$t,has:()=>At,intercept:()=>tr,isExtensible:()=>kt,observe:()=>Ke,ownKeys:()=>Et,preventExtensions:()=>Ut,set:()=>nt,setPrototypeOf:()=>Gt});function C(r){return!Array.isArray(r)&&typeof r=="object"&&r}function rt(r){return typeof r}function M(r){return Array.isArray(r)}function St(r,t,n=null){return M(t)?r.filter(e=>n?t.filter(i=>n(e,i)).length:t.indexOf(e)!==-1):[]}function bt(r,...t){if(globalThis.webqit||(globalThis.webqit={}),globalThis.webqit.refs||Object.defineProperty(globalThis.webqit,"refs",{value:new lt}),!arguments.length)return globalThis.webqit.refs;let n=globalThis.webqit.refs.get(r);n||(n=new lt,globalThis.webqit.refs.set(r,n));let e,i;for(;e=t.shift();)(i=n)&&!(n=n.get(e))&&(n=new lt,i.set(e,n));return n}var lt=class extends Map{constructor(...t){super(...t),this.observers=new Set}set(t,n){let e=super.set(t,n);return this.fire("set",t,n,t),e}delete(t){let n=super.delete(t);return this.fire("delete",t),n}has(t){return this.fire("has",t),super.has(t)}get(t){return this.fire("get",t),super.get(t)}keyNames(){return Array.from(super.keys())}observe(t,n,e){let i={type:t,key:n,callback:e};return this.observers.add(i),()=>this.observers.delete(i)}unobserve(t,n,e){if(Array.isArray(t)||Array.isArray(n))throw new Error('The "type" and "key" arguments can only be strings.');for(let i of this.observers)!(wt([t,"*"],i.type)&&wt([n,"*"],i.key)&&i.callback===e)||this.observers.delete(i)}fire(t,n,...e){for(let i of this.observers)!(wt([t,"*"],i.type)&&wt([n,"*"],i.key))||i.callback(...e)}},wt=(r,t)=>Array.isArray(t)?St(r,t).length:r.includes(t);function J(r){return typeof r=="function"}function It(r){return J(r)&&/^class\s?/.test(Function.prototype.toString.call(r))}function Mt(r){return r===null||r===""}function Q(r){return arguments.length&&(r===void 0||typeof r>"u")}function j(r){return Array.isArray(r)||typeof r=="object"&&r||J(r)}function jt(r){return Mt(r)||Q(r)||r===!1||r===0||j(r)&&!Object.keys(r).length}function N(r){return J(r)||r&&{}.toString.call(r)==="[object function]"}function vt(r){return r instanceof String||typeof r=="string"&&r!==null}function Rt(r){return!vt(r)&&!Q(r.length)}function z(r,t=!0){return M(r)?r:!t&&C(r)?[r]:r!==!1&&r!==0&&jt(r)?[]:Rt(r)?Array.prototype.slice.call(r):C(r)?Object.values(r):[r]}var X=class{constructor(t,n){this.registry=t,Object.assign(this,{...n,target:t.target}),this.params.signal&&this.params.signal.addEventListener("abort",()=>this.remove())}remove(){return this.removed=!0,this.registry.removeRegistration(this)}};var ct=class extends X{constructor(){super(...arguments),Object.defineProperty(this,"abortController",{value:new AbortController}),Object.defineProperty(this,"signal",{value:this.abortController.signal})}remove(){this.abortController.abort(),super.remove()}fire(t){let n=t,e=this.filter;if(e!==1/0&&(e=z(e))&&(n=t.filter(i=>e.includes(i.key))),this.params.diff&&(n=n.filter(i=>i.type!=="set"||i.value!==i.oldValue)),n.length)return this.filter===1/0||Array.isArray(this.filter)?this.handler(n,this):this.handler(n[0],this)}};var T=(...r)=>bt("observer-api",...r);var Y=class{constructor(t){this.target=t,this.entries=[]}addRegistration(t){return this.entries.push(t),t}removeRegistration(t){this.entries=this.entries.filter(n=>n!==t)}static _getInstance(t,n,e=!0,i=this.__namespace){if(!j(n))throw new Error(`Subject must be of type object; "${rt(n)}" given!`);let o=this;return i&&T("namespaces").has(t+"-"+i)&&(o=T("namespaces").get(t+"-"+i),t+="-"+i),!T(n,"registry").has(t)&&e&&T(n,"registry").set(t,new o(n)),T(n,"registry").get(t)}static _namespace(t,n,e=null){if(t+="-"+n,arguments.length===2)return T("namespaces").get(t);if(!(e.prototype instanceof this))throw new Error(`The implementation of the namespace ${this.name}.${n} must be a subclass of ${this.name}.`);T("namespaces").set(t,e),e.__namespace=n}};var B=class extends Y{static getInstance(t,n=!0,e=null){return super._getInstance("listeners",...arguments)}static namespace(t,n=null){return super._namespace("listeners",...arguments)}constructor(t){super(t),this.batches=[]}addRegistration(t,n,e){return super.addRegistration(new ct(this,{filter:t,handler:n,params:e}))}emit(t){if(this.batches.length){this.batches[0].events.push(...t);return}this.entries.forEach(n=>n.fire(t))}batch(t){this.batches.unshift({entries:[...this.entries],events:[]});let n=t(),e=this.batches.shift();return e.events.length&&e.entries.forEach(i=>i.fire(e.events)),n}};var at=class extends X{exec(t,n,e){return this.running||!this.traps[t.type]?n(...Array.prototype.slice.call(arguments,2)):(this.running=!0,this.traps[t.type](t,e,(...i)=>(this.running=!1,n(...i))))}};var $=class extends Y{static getInstance(t,n=!0,e=null){return super._getInstance("traps",...arguments)}static namespace(t,n=null){return super._namespace("traps",...arguments)}addRegistration(t){return super.addRegistration(new at(this,t))}emit(t,n=null){let e=this;return function i(o,...s){let f=e.entries[o];return f?f.exec(t,(...u)=>i(o+1,...u),...s):n?n(t,...s):s[0]}(0)}};var L=class{constructor(t,n){if(this.target=t,!n.type)throw new Error("Descriptor type must be given in definition!");Object.assign(this,n)}};var Ft={};ue(Ft,{accessorize:()=>Qe,proxy:()=>Ye,unaccessorize:()=>Xe,unproxy:()=>Ot});function Qe(r,t,n={}){r=Ht(r);let e=T(r,"accessorizedProps");function i(u){let l,c=r;for(;!l&&(c=Object.getPrototypeOf(c));)l=Object.getOwnPropertyDescriptor(c,u);return l?{proto:c,descriptor:l}:{descriptor:{value:void 0}}}function o(u){if(e.has(u))return!0;let l=i(u);l.getValue=function(){return"get"in this.descriptor?this.descriptor.get():this.descriptor.value},l.setValue=function(h){return"set"in this.descriptor?this.descriptor.set(h):this.descriptor.value=h},l.intact=function(){let h=Object.getOwnPropertyDescriptor(r,u);return h.get===p.get&&h.set===p.set&&e.get(u)===this},l.restore=function(){return this.intact()?(this.proto!==r?delete r[u]:Object.defineProperty(r,u,this.descriptor),e.delete(u),!0):!1},e.set(u,l);let{enumerable:c=!0,configurable:a=!0}=l.descriptor,p={enumerable:c,configurable:a};["value","set"].some(h=>h in l.descriptor)&&(p.set=function(h){return nt(this,u,h,n)}),["value","get"].some(h=>h in l.descriptor)&&(p.get=function(){return Z(this,u,n)});try{return Object.defineProperty(r,u,p),!0}catch{return e.delete(u),!1}}let f=(Array.isArray(t)?t:t===void 0?Object.keys(r):[t]).map(o);return t===void 0||Array.isArray(t)?f:f[0]}function Xe(r,t,n={}){r=Ht(r);let e=T(r,"accessorizedProps");function i(f){return e.has(f)?e.get(f).restore():!0}let s=(Array.isArray(t)?t:t===void 0?Object.keys(r):[t]).map(i);return t===void 0||Array.isArray(t)?s:s[0]}function Ye(r,t={}){r=Ht(r);let n=new Proxy(r,{apply:(e,i,o)=>Wt(e,i,o,t),construct:(e,i,o=null)=>Bt(e,i,o,t),defineProperty:(e,i,o)=>Vt(e,i,o,t),deleteProperty:(e,i)=>zt(e,i,t),get:(e,i,o=null)=>{let s=Z(e,i,{...t,receiver:o});return t.proxyAutoBinding!==!1&&N(s)&&!It(s)?s.bind(n):s},getOwnPropertyDescriptor:(e,i)=>Dt(e,i,t),getPrototypeOf:e=>$t(e,t),has:(e,i)=>At(e,i,t),isExtensible:e=>kt(e,t),ownKeys:e=>Et(e,t),preventExtensions:e=>Ut(e,t),set:(e,i,o,s=null)=>nt(e,i,o,{...t,receiver:s}),setPrototypeOf:(e,i)=>Gt(e,i,t)});return T(n).set(n,r),n}function Ot(r){return T(r).get(r)||r}function Ht(r){if(!r||!j(r))throw new Error("Target must be of type object!");return Ot(r)}function Ze(r,t,n,e=o=>o,i={}){return function o(s,f,u){let l=f[u.level];return u.level<f.length-1?u={...u,preflight:!0}:u={...u,preflight:i.preflight},n(s,l,(c,...a)=>{let p=(m={})=>({...u,...m,level:u.level+1}),h=m=>{m instanceof L&&(m.path=[m.key],s instanceof L&&(m.path=s.path.concat(m.key),m.context=s))};if(Tt(l)&&Array.isArray(c))return c.forEach(h),u.level===f.length-1||!c.length&&u.midwayResults?e(c,...a):c.map(m=>o(m,f,p(...a)));h(c);let x=j(K(c,!1));return u.level===f.length-1||!x&&u.midwayResults?e(c,...a):x&&o(c,f,p(...a))},u)}(r,t.slice(0),{...i,level:0})}function Ke(r,t,n,e={}){if(r=K(r),N(arguments[1])&&([,n,e={}]=arguments,t=1/0),!N(n))throw new Error(`Handler must be a function; "${rt(n)}" given!`);let i=de(r,t,n,e);return e.preflight?(e={...e,descripted:!0},delete e.live,Z(r,t,i,e)):i()}function tr(r,t,n={}){return r=K(r),C(t)||([,,,n={}]=arguments,t={[arguments[1]]:arguments[2]}),$.getInstance(r,!0,n.namespace).addRegistration({traps:t,params:n})}function Dt(r,t,n=i=>i,e={}){return H(r,"getOwnPropertyDescriptor",{key:t},n,e)}function er(r,t,n=i=>i,e={}){return H(r,"getOwnPropertyDescriptors",{key:t},n,e)}function $t(r,t=e=>e,n={}){return H(r,"getPrototypeOf",{},t,n)}function kt(r,t=e=>e,n={}){return H(r,"isExtensible",{},t,n)}function Et(r,t=e=>e,n={}){return H(r,"ownKeys",{},t,n)}function At(r,t,n=i=>i,e={}){return H(r,"has",{key:t},n,e)}function Z(r,t,n=i=>i,e={}){let i;return r=K(r),C(n)?[e,n]=[n,o=>o]:e.live&&(i=!0),ir(r,t,o=>{let s=[...o];return function f(u,l,c){if(!l.length)return c(u);let a=l.shift();function p(m,y=void 0){let d=A=>(m.value=A,f(u.concat(e.live||e.descripted?m:A),l,c));if(arguments.length>1)return d(y);let g=T(r,"accessorizedProps",!1),O=g&&g.get(m.key);return O&&O.intact()?d(O.getValue()):d(Reflect.get(r,m.key,...e.receiver?[e.receiver]:[]))}let h=new L(r,{type:"get",key:a,value:void 0,related:s}),x=$.getInstance(r,!1,e.namespace);return x?x.emit(h,p):p(h)}([],o.slice(0),f=>{let u=Tt(t)?f:f[0];return i?de(r,t,n,e)(u):n(u)})})}function rr(r,t,n={}){return B.getInstance(r,!0,n.namespace).batch(t)}function nt(r,t,n,e=s=>s,i={},o=!1){r=K(r);let s=[[t,n]];C(t)&&([,,e=u=>u,i={},o=!1]=arguments,s=Object.entries(t)),C(e)&&([o,i,e]=[typeof i=="boolean"?i:!1,e,u=>u]);let f=s.map(([u])=>u);return function u(l,c,a){if(!c.length)return a(l);let[p,h]=c.shift();function x(y,d=void 0){let g=I=>(y.status=I,u(l.concat(y),c,a));if(arguments.length>1)return g(y,d);let O=T(r,"accessorizedProps",!1),A=O&&O.get(y.key);return y.type==="defineProperty"?(A&&!A.restore()&&g(!1),Object.defineProperty(r,y.key,y.value),g(!0)):A&&A.intact()?g(A.setValue(y.value)):g(Reflect.set(r,y.key,y.value))}function m(y,d){if(i.diff&&h===d)return u(l,c,a);let g=new L(r,{type:o?"defineProperty":"set",key:p,value:h,isUpdate:y,oldValue:d,related:[...f],detail:i.detail}),O=$.getInstance(r,!1,i.namespace);return O?O.emit(g,x):x(g)}return At(r,p,y=>y?Z(r,p,d=>m(y,d),i):m(y),i)}([],s.slice(0),u=>{let l=B.getInstance(r,!1,i.namespace);return l&&l.emit(u),e(Tt(t)?u.map(c=>c.status):u[0]?.status)})}function Vt(r,t,n,e=o=>o,i={}){return nt(r,t,n,e,i,!0)}function nr(r,t,n=i=>i,e={}){return nt(r,t,n,e,!0)}function zt(r,t,n=i=>i,e={}){r=K(r),C(n)&&([e,n]=[n,s=>s]);let i=z(t),o=[...i];return function s(f,u,l){if(!u.length)return l(f);let c=u.shift();function a(h,x=void 0){let m=g=>(h.status=g,s(f.concat(h),u,l));if(arguments.length>1)return m(h,x);let y=T(r,"accessorizedProps",!1),d=y&&y.get(h.key);return d&&!d.restore()&&m(!1),m(Reflect.deleteProperty(r,h.key))}function p(h){let x=new L(r,{type:"deleteProperty",key:c,oldValue:h,related:[...o],detail:e.detail}),m=$.getInstance(r,!1,e.namespace);return m?m.emit(x,a):a(x)}return Z(r,c,p,e)}([],i.slice(0),s=>{let f=B.getInstance(r,!1,e.namespace);return f&&f.emit(s),n(Tt(t)?s.map(u=>u.status):s[0].status)})}function Bt(r,t,n=null,e=o=>o,i={}){return H(r,"construct",arguments.length>2?{argumentsList:t,newTarget:n}:{argumentsList:t},e,i)}function Wt(r,t,n,e=o=>o,i={}){return H(r,"apply",{thisArgument:t,argumentsList:n},e,i)}function Gt(r,t,n=i=>i,e={}){return H(r,"setPrototypeOf",{proto:t},n,e)}function Ut(r,t=e=>e,n={}){return H(r,"preventExtensions",{},t,n)}function de(r,t,n,e={}){let i;e.signal||(i=new AbortController,e={...e,signal:i.signal});let o=B.getInstance(r,!0,e.namespace);return function s(f,u=null){u?.remove();let c={signal:o.addRegistration(t,s,e).signal};return arguments.length&&n(f,c),i}}function H(r,t,n={},e=o=>o,i={}){r=K(r),C(e)&&([i,e]=[e,u=>u]);function o(u,l){return arguments.length>1?e(l):e(Reflect[t](r,...Object.values(n)))}let s=new L(r,{type:t,...n}),f=$.getInstance(r,!1,i.namespace);return f?f.emit(s,o):o(s)}function Tt(r){return r===1/0||Array.isArray(r)}function K(r,t=!0){if((!r||!j(r))&&t)throw new Error(`Object must be of type object or array! "${rt(r)}" given.`);return r instanceof L&&(r=r.value),r&&Ot(r)}function ir(r,t,n){return t===1/0?Et(r,n):n(z(t))}var or={...Jt,...Ft},E=or;function v(r){return!Array.isArray(r)&&typeof r=="object"&&r}function _(r){return Array.isArray(r)}function Qt(r,t,n=null){return _(t)?r.filter(e=>n?t.filter(i=>n(e,i)).length:t.indexOf(e)!==-1):[]}function it(r,...t){if(globalThis.webqit||(globalThis.webqit={}),globalThis.webqit.refs||Object.defineProperty(globalThis.webqit,"refs",{value:new mt}),!arguments.length)return globalThis.webqit.refs;let n=globalThis.webqit.refs.get(r);n||(n=new mt,globalThis.webqit.refs.set(r,n));let e,i;for(;e=t.shift();)(i=n)&&!(n=n.get(e))&&(n=new mt,i.set(e,n));return n}var mt=class extends Map{constructor(...t){super(...t),this.observers=new Set}set(t,n){let e=super.set(t,n);return this.fire("set",t,n,t),e}delete(t){let n=super.delete(t);return this.fire("delete",t),n}has(t){return this.fire("has",t),super.has(t)}get(t){return this.fire("get",t),super.get(t)}keyNames(){return Array.from(super.keys())}observe(t,n,e){let i={type:t,key:n,callback:e};return this.observers.add(i),()=>this.observers.delete(i)}unobserve(t,n,e){if(Array.isArray(t)||Array.isArray(n))throw new Error('The "type" and "key" arguments can only be strings.');for(let i of this.observers)!(Ct([t,"*"],i.type)&&Ct([n,"*"],i.key)&&i.callback===e)||this.observers.delete(i)}fire(t,n,...e){for(let i of this.observers)!(Ct([t,"*"],i.type)&&Ct([n,"*"],i.key))||i.callback(...e)}},Ct=(r,t)=>Array.isArray(t)?Qt(r,t).length:r.includes(t);function ot(r){return typeof r=="function"}function pt(r){return r===null||r===""}function k(r){return arguments.length&&(r===void 0||typeof r>"u")}function P(r){return Array.isArray(r)||typeof r=="object"&&r||ot(r)}function Xt(r){return pt(r)||k(r)||r===!1||r===0||P(r)&&!Object.keys(r).length}function b(r){return ot(r)||r&&{}.toString.call(r)==="[object function]"}function dt(r){return r instanceof Number||typeof r=="number"}function R(r){return dt(r)||r!==!0&&r!==!1&&r!==null&&r!==""&&!isNaN(r*1)}function st(r){return r instanceof String||typeof r=="string"&&r!==null}function Yt(r){return!st(r)&&!k(r.length)}function Pt(r,...t){return t.forEach(n=>{r.indexOf(n)<0&&r.push(n)}),r}function Zt(e,t){t=t||Object.prototype,t=t&&!_(t)?[t]:t;for(var n=[],e=e;e&&(!t||t.indexOf(e)<0)&&e.name!=="default";)n.push(e),e=e?Object.getPrototypeOf(e):null;return n}function Kt(r,t){var n=[];return Zt(r,t).forEach(e=>{Pt(n,...Object.getOwnPropertyNames(e))}),n}function F(r,t,n=!1,e=!1,i=!1){var o=0,s=r.shift();if((R(s)||s===!0||s===!1)&&(o=s,s=r.shift()),!r.length)throw new Error("_merge() requires two or more array/objects.");return r.forEach((f,u)=>{!P(f)&&!b(f)||(n?Kt(f):Object.keys(f)).forEach(l=>{if(!!t(l,s,f,u)){var c=s[l],a=f[l];if((_(c)&&_(a)||v(c)&&v(a))&&(o===!0||o>0))s[l]=_(c)&&_(a)?[]:{},F([R(o)?o-1:o,s[l],c,a],t,n,e,i);else if(_(s)&&_(f))e?s[l]=a:s.push(a);else try{i?Object.defineProperty(s,l,Object.getOwnPropertyDescriptor(f,l)):s[l]=f[l]}catch{}}})}),s}function ht(...r){return F(r,(t,n,e)=>!0,!1,!1,!1)}function q(r,t=!0){return _(r)?r:!t&&v(r)?[r]:r!==!1&&r!==0&&Xt(r)?[]:Yt(r)?Array.prototype.slice.call(r):v(r)?Object.values(r):[r]}function gt(r,t,n={},e={}){t=q(t).slice();for(var i=r;!k(i)&&!pt(i)&&t.length;){var o=t.shift();if(!(n.get?n.get(i,o):P(i)?o in i:i[o])){e.exists=!1;return}i=n.get?n.get(i,o):i[o]}return e.exists=!0,i}function ee(r,t,n,e={},i={}){let o=(c,a,p)=>i.set?i.set(c,a,p):(R(t[f])&&_(c)?c.push(p):c[a]=p,!0);t=q(t);for(var s=r,f=0;f<t.length;f++)if(f<t.length-1){if(!s||!P(s)&&!b(s))return!1;var u=gt(s,t[f],i);if(!P(u)){if(i.buildTree===!1)return!1;u=b(i.buildTree)?i.buildTree(f):R(t[f+1])?[]:{};var l=o(s,t[f],u);if(!l)return!1}s=u}else return o(s,t[f],n)}var yt=class{constructor(t,n=!0){Object.defineProperty(this,"window",{value:t}),Object.defineProperty(this,"readCallbacks",{value:new Set}),Object.defineProperty(this,"writeCallbacks",{value:new Set}),this.async=n,this.window.requestAnimationFrame?this._run():this.async=!1}_run(){this.window.requestAnimationFrame(()=>{for(let t of this.readCallbacks)t(),this.readCallbacks.delete(t);for(let t of this.writeCallbacks)t(),this.writeCallbacks.delete(t);this._run()})}onread(t,n=!1){if(n)return new Promise(e=>{this.async===!1?e(t()):this.readCallbacks.add(()=>{e(t())})});this.async===!1?t():this.readCallbacks.add(t)}onwrite(t,n=!1){if(n)return new Promise(e=>{this.async===!1?e(t()):this.writeCallbacks.add(()=>{e(t())})});this.async===!1?t():this.writeCallbacks.add(t)}cycle(t,n,e){this.onread(()=>{let i=t(e),o=s=>{s!==void 0&&this.onwrite(()=>{let f=n(s,e),u=l=>{l!==void 0&&this.cycle(t,n,l)};f instanceof Promise?f.then(u):u(f)})};i instanceof Promise?i.then(o):o(i)})}};var tt=class{constructor(t,n,e){this.context=t,this.namespace=n,this.window=t.defaultView||t.ownerDocument?.defaultView||e,this.document=this.window.document,this.webqit=this.window.webqit,Object.defineProperty(this,"#",{value:{}})}resolveArgs(t){return b(t[0])?t=[[],...t]:v(t[0])&&t.length===1?t=[[],void 0,t[0]]:v(t[1])&&t.length===2?t=[q(t[0],!1),void 0,t[1]]:t[0]=q(t[0],!1),t}registry(...t){return it("realdom.realtime",this.window,this.namespace,...t)}createSignalGenerator(){return{generate(){return this.lastController?.abort(),this.lastController=new AbortController,{signal:this.lastController.signal}},disconnect(){this.lastController?.abort()}}}forEachMatchingContext(t,n,e){let{window:i}=this,o=Array.isArray(n)?n:[n],s=new Set;for(let[f,u]of this.registry(t))for(let[l,c]of u){let a=o.filter(p=>l.contains(p.target)?f==="subtree"||p.target===l:!1);if(!!a.length){Array.isArray(n)||(a=a[0]);for(let p of c)s.add([p,a,l])}}for(let[f,u,l]of s)e.call(this,f,u,l)}disconnectables(t,...n){let e={disconnect(){n.forEach(i=>i&&b(i.disconnect)&&i.disconnect()||b(i)&&i()||v(i)&&(i.disconnected=!0))}};return t&&t.addEventListener("abort",()=>e.disconnect()),e}};var W=class extends tt{constructor(t,...n){super(t,"attr",...n)}get(t,n=void 0,e={}){let i=typeof t=="string";[t=[],n=void 0,e={}]=this.resolveArgs(arguments);let{context:o}=this,s=Ee(o,t),f=i?s[0]:s;if(!n)return f;let u=n&&e.lifecycleSignals&&this.createSignalGenerator(),l=u?.generate()||{};if(n(f,l,o),e.live){u&&(e={...e,signalGenerator:u});let c=this.observe(i?t[0]:t,n,{newValue:!0,...e});return this.disconnectables(e.signal,c)}}observe(t,n,e={}){let i=typeof t=="string";if([t=[],n,e={}]=this.resolveArgs(arguments),["sync","intercept"].includes(e.timing))return this.observeSync(i?t[0]:t,n,e);if(e.timing&&e.timing!=="async")throw new Error(`Timing option "${e.timing}" invalid.`);let{context:o,window:s,webqit:f}=this;e.eventDetails&&!f.realdom.attrInterceptionHooks?.intercepting&&ve.call(s,"intercept",()=>{});let u=new s.MutationObserver(p=>{p=Oe(p).map(h=>Ae.call(s,h)),be.call(s,a,p,o)}),l={attributes:!0,attributeOldValue:e.oldValue,subtree:e.subtree};t.length&&(l.attributeFilter=t),u.observe(o,l);let c=e.signalGenerator||e.lifecycleSignals&&this.createSignalGenerator(),a={context:o,filter:t,callback:n,params:e,atomics:new Map,originalFilterIsString:i,signalGenerator:c,disconnectable:u};return this.disconnectables(e.signal,u,c)}observeSync(t,n,e={}){let i=typeof t=="string";[t,n,e={}]=this.resolveArgs(arguments);let{context:o,window:s}=this;if(e.timing&&!["sync","intercept"].includes(e.timing))throw new Error(`Timing option "${e.timing}" invalid.`);let f=e.timing==="intercept"?"intercept":"sync",u=e.subtree?"subtree":"children";this.registry(f).size||ve.call(s,f,x=>{this.forEachMatchingContext(f,x,be)});let l={disconnect(){h.delete(a),h.size||p.delete(o)}},c=e.signalGenerator||e.lifecycleSignals&&this.createSignalGenerator(),a={context:o,filter:t,callback:n,params:e,atomics:new Map,originalFilterIsString:i,signalGenerator:c,disconnectable:l},p=this.registry(f,u);p.has(o)||p.set(o,new Set);let h=p.get(o);return h.add(a),this.disconnectables(e.signal,l,c)}};function Oe(r){return r.reduce((t,n,e)=>t[e-1]?.attributeName===n.attributeName?t:t.concat(n),[])}function be(r,t){let{context:n,filter:e,callback:i,params:o,atomics:s,originalFilterIsString:f,signalGenerator:u}=r;o.atomic&&!s.size&&(t=Ee(n,e,t)),o.newValue===null&&o.oldValue===null&&o.eventDetails||(t=t.map(a=>{let p;return o.eventDetails||({event:p,...a}=a),!o.oldValue&&"oldValue"in a&&({oldValue:p,...a}=a),!o.newValue&&"value"in a?{value:p,...a}=a:o.newValue&&typeof a.value>"u"&&(a={...a,value:a.target.getAttribute(a.name)}),a})),o.atomic&&(t.forEach(a=>s.set(a.name,a)),t=Array.from(s.entries()).map(([,a])=>a));let l=f?t[0]:t,c=u?.generate()||{};i(l,c,n)}function Ee(r,t,n=[]){let e={event:null,type:"attribute"};return t.length?t.map(o=>n.find(s=>s.name===o)||{target:r,name:o,value:r.getAttribute(o),...e}):Array.from(r.attributes).map(o=>n.find(s=>s.name===o.nodeName)||{target:r,name:o.nodeName,value:o.nodeValue,...e})}function Ae({target:r,attributeName:t,value:n,oldValue:e}){let s=(this.webqit.realdom.attrInterceptionRecords?.get(r)||{})[t]||"mutation";return{target:r,name:t,value:n,oldValue:e,type:"observation",event:s}}function ve(r,t){let n=this,{webqit:e,document:i,Element:o}=n;e.realdom.attrInterceptionHooks||Object.defineProperty(e.realdom,"attrInterceptionHooks",{value:new Map}),e.realdom.attrInterceptionHooks.has(r)||e.realdom.attrInterceptionHooks.set(r,new Set),e.realdom.attrInterceptionHooks.get(r).add(t);let s=()=>e.realdom.attrInterceptionHooks.get(r).delete(t);if(e.realdom.attrInterceptionHooks?.intercepting)return s;console.warn("Attr mutation APIs are now being intercepted."),e.realdom.attrInterceptionHooks.intercepting=!0,Object.defineProperty(e.realdom,"attrInterceptionRecords",{value:new Map});let f=(c,a)=>{e.realdom.attrInterceptionRecords.has(c.target)||e.realdom.attrInterceptionRecords.set(c.target,{});let p=e.realdom.attrInterceptionRecords.get(c.target);clearTimeout(p[c.name]?.timeout),p[c.name]=c.event;let h=setTimeout(()=>{delete p[c.name]},0);Object.defineProperty(c.event,"timeout",{value:h,configurable:!0}),e.realdom.attrInterceptionHooks.get("intercept")?.forEach(m=>m([c]));let x=a();return e.realdom.attrInterceptionHooks.get("sync")?.forEach(m=>m([c])),x};new n.MutationObserver(c=>{c=Oe(c).map(a=>Ae.call(n,a)).filter((a,p)=>!Array.isArray(a.event)),c.length&&(e.realdom.attrInterceptionHooks.get("intercept")?.forEach(a=>a(c)),e.realdom.attrInterceptionHooks.get("sync")?.forEach(a=>a(c)))}).observe(i,{attributes:!0,subtree:!0,attributeOldValue:!0});let l=Object.create(null);return["setAttribute","removeAttribute","toggleAttribute"].forEach(c=>{l[c]=o.prototype[c],o.prototype[c]=function(...a){let p,h=this.getAttribute(a[0]);["setAttribute","toggleAttribute"].includes(c)&&(p=a[1]),c==="toggleAttribute"&&p===void 0&&(p=h===null);let x={target:this,name:a[0],value:p,oldValue:h,type:"interception",event:[this,c]};return f(x,()=>l[c].call(this,...a))}}),s}var xt=class extends tt{constructor(t,...n){super(t,"tree",...n)}attr(t,n=void 0,e={}){let{context:i,window:o}=this;return new W(i,o).get(...arguments)}query(t,n=void 0,e={}){[t,n=void 0,e={}]=this.resolveArgs(arguments);let{context:i}=this,o=new Map,s=l=>(o.has(l)||o.set(l,{target:l,entrants:[],exits:[],type:"query",event:null}),o.get(l));if((!e.generation||e.generation==="entrants")&&(t.length?t.every(l=>typeof l=="string")&&(t=t.join(","))&&(e.subtree?i.querySelectorAll(t):[...i.children].filter(c=>c.matches(t))).forEach(c=>s(c.parentNode||i).entrants.push(c)):[...i.children].forEach(l=>s(i).entrants.push(l))),!n)return o;let f={disconnected:!1},u=n&&e.lifecycleSignals&&this.createSignalGenerator();for(let[,l]of o){if(f.disconnected)break;let c=u?.generate()||{};n(l,c,i)}if(e.live){u&&(e={...e,signalGenerator:u});let l=this.observe(t,n,e);return this.disconnectables(e.signal,f,l)}return this.disconnectables(e.signal,f,u)}children(t,n=void 0,e={}){return[t,n=void 0,e={}]=this.resolveArgs(arguments),this.query(t,n,{...e,subtree:!1})}subtree(t,n=void 0,e={}){return[t,n=void 0,e={}]=this.resolveArgs(arguments),this.query(t,n,{...e,subtree:!0})}observe(t,n,e={}){if([t,n,e={}]=this.resolveArgs(arguments),["sync","intercept"].includes(e.timing))return this.observeSync(t,n,e);if(e.timing&&e.timing!=="async")throw new Error(`Timing option "${e.timing}" invalid.`);let{context:i,window:o,webqit:s,document:f}=this;e.eventDetails&&(s.realdom.domInterceptionRecordsAlwaysOn=!0),(f.readyState==="loading"||s.realdom.domInterceptionRecordsAlwaysOn)&&!s.realdom.domInterceptionHooks?.intercepting&&Pe.call(o,"sync",()=>{});let u=new o.MutationObserver(a=>a.forEach(p=>{ne.call(o,c,Ce.call(o,p),i)}));u.observe(i,{childList:!0,subtree:e.subtree});let l=e.signalGenerator||e.lifecycleSignals&&this.createSignalGenerator(),c={context:i,selectors:t,callback:n,params:e,signalGenerator:l,disconnectable:u};if(e.staticSensitivity){let a=Te.call(o,c);return this.disconnectables(e.signal,u,l,a)}return this.disconnectables(e.signal,u,l)}observeSync(t,n,e={}){[t,n,e={}]=this.resolveArgs(arguments);let{context:i,window:o}=this;if(e.timing&&!["sync","intercept"].includes(e.timing))throw new Error(`Timing option "${e.timing}" invalid.`);let s=e.timing==="intercept"?"intercept":"sync",f=e.subtree?"subtree":"children";this.registry(s).size||Pe.call(o,s,x=>{this.forEachMatchingContext(s,x,ne)});let u=new o.MutationObserver(x=>x.forEach(m=>{Array.isArray((m=Ce.call(o,m)).event)||ne.call(o,a,m,i)}));u.observe(i,{childList:!0,subtree:e.subtree});let l={disconnect(){u.disconnect(),h.delete(a),h.size||p.delete(i)}},c=e.signalGenerator||e.lifecycleSignals&&this.createSignalGenerator(),a={context:i,selectors:t,callback:n,params:e,signalGenerator:c,disconnectable:l},p=this.registry(s,f);p.has(i)||p.set(i,new Set);let h=p.get(i);if(h.add(a),e.staticSensitivity){let x=Te.call(o,a);return this.disconnectables(e.signal,l,c,x)}return this.disconnectables(e.signal,l,c)}};function Te(r){let t=this,{context:n,selectors:e,callback:i,params:o,signalGenerator:s}=r,f=p=>p.match(/\.([\w-]+)/g)?.length?["class"]:[],u=p=>p.match(/#([\w-]+)/g)?.length?["id"]:[],l=p=>[...p.matchAll(/\[([^\=\]]+)(\=[^\]]+)?\]/g)].map(h=>h[1]).concat(f(p)).concat(u(p));if(!(r.$attrs=Array.from(new Set(e.filter(p=>typeof p=="string"&&p.includes("[")).reduce((p,h)=>p.concat(l(h)),[])))).length)return;let c=new Set,a=new Set;return c.push=p=>(a.delete(p),c.add(p)),a.push=p=>(c.delete(p),a.add(p)),r.$deliveryCache={entrants:c,exits:a},new W(n,t).observe(r.$attrs,p=>{let h=new Map,x=d=>(h.has(d)||h.set(d,{target:d,entrants:[],exits:[],type:"static",event:null}),h.get(d)),m=new WeakMap,y=d=>(m.has(d)||m.set(d,e.some(g=>d.matches(g))),m.get(d));for(let d of p)["entrants","exits"].forEach(g=>{o.generation&&g!==o.generation||r.$deliveryCache[g].has(d.target)||(g==="entrants"?!y(d.target):y(d.target))||(r.$deliveryCache[g].push(d.target),x(d.target)[g].push(d.target),x(d.target).event=d.event)});for(let[,d]of h){let g=s?.generate()||{};i(d,g,n)}},{subtree:o.subtree,timing:o.timing,eventDetails:o.eventDetails})}function ne(r,t){let{context:n,selectors:e,callback:i,params:o,signalGenerator:s,$deliveryCache:f}=r,u={...t,entrants:[],exits:[]};if(o.eventDetails||delete u.event,["entrants","exits"].forEach(c=>{if(!(o.generation&&c!==o.generation)&&(e.length?u[c]=wr(e,t[c],t.event!=="parse"):u[c]=[...t[c]],!!f))for(let a of u[c])f[c].push(a)}),!u.entrants.length&&!u.exits.length)return;let l=s?.generate()||{};i(u,l,n)}function wr(r,t,n){t=Array.isArray(t)?t:[...t];let e=(i,o)=>{if(i=i.filter(s=>s.matches),typeof o=="string"){let s=i.filter(f=>f.matches(o));if(n&&(s=i.reduce((f,u)=>[...f,...u.querySelectorAll(o)],s)),s.length)return s}else if(i.includes(o)||n&&i.some(s=>s.contains(o)))return[o]};return t.$$searchCache||(t.$$searchCache=new Map),r.reduce((i,o)=>{let s;return t.$$searchCache.has(o)?s=t.$$searchCache.get(o):(s=e(t,o)||[],v(o)&&t.$$searchCache.set(o,s)),i.concat(s)},[])}function Ce({target:r,addedNodes:t,removedNodes:n}){let e=this,i;return i=q(t).reduce((o,s)=>o||e.webqit.realdom.domInterceptionRecords?.get(s),null),i=q(n).reduce((o,s)=>o||e.webqit.realdom.domInterceptionRecords?.get(s),i),i=i||e.document.readyState==="loading"&&"parse"||"mutation",{target:r,entrants:t,exits:n,type:"observation",event:i}}function Pe(r,t){let n=this,{webqit:e,document:i,Node:o,CharacterData:s,Element:f,HTMLElement:u,HTMLTemplateElement:l,DocumentFragment:c}=n;e.realdom.domInterceptionHooks||Object.defineProperty(e.realdom,"domInterceptionHooks",{value:new Map}),e.realdom.domInterceptionHooks.has(r)||e.realdom.domInterceptionHooks.set(r,new Set),e.realdom.domInterceptionHooks.get(r).add(t);let a=()=>e.realdom.domInterceptionHooks.get(r).delete(t);if(e.realdom.domInterceptionHooks?.intercepting)return a;console.warn("DOM mutation APIs are now being intercepted."),e.realdom.domInterceptionHooks.intercepting=!0,Object.defineProperty(e.realdom,"domInterceptionRecords",{value:new Map});let p=(m,y)=>{m.entrants.concat(m.exits).forEach(g=>{clearTimeout(e.realdom.domInterceptionRecords.get(g)?.timeout),e.realdom.domInterceptionRecords.set(g,m.event);let O=setTimeout(()=>{e.realdom.domInterceptionRecords.delete(g)},0);Object.defineProperty(m.event,"timeout",{value:O,configurable:!0})}),e.realdom.domInterceptionHooks.get("intercept")?.forEach(g=>g(m));let d=y();return e.realdom.domInterceptionHooks.get("sync")?.forEach(g=>g(m)),d},h={characterData:Object.create(null),other:Object.create(null)};["insertBefore","insertAdjacentElement","insertAdjacentHTML","setHTML","replaceChildren","replaceWith","remove","replaceChild","removeChild","before","after","append","prepend","appendChild"].forEach(m=>{function y(...d){let g=this instanceof s?h.characterData:h.other,O=()=>g[m].call(this,...d);if(!(this instanceof s||this instanceof f||this instanceof c))return O();let A=[],I=[],ut=this;["insertBefore"].includes(m)?I=[d[0]]:["insertAdjacentElement","insertAdjacentHTML"].includes(m)?(I=[d[1]],["beforebegin","afterend"].includes(d[0])&&(ut=this.parentNode)):["setHTML","replaceChildren"].includes(m)?(A=[...this.childNodes],I=m==="replaceChildren"?[...d]:[d[0]]):["replaceWith","remove"].includes(m)?(A=[this],I=m==="replaceWith"?[...d]:[],ut=this.parentNode):["replaceChild"].includes(m)?(A=[d[1]],I=[d[0]]):["removeChild"].includes(m)?A=[...d]:(I=[...d],["before","after"].includes(m)&&(ut=this.parentNode));let U=m;if(["insertAdjacentHTML","setHTML"].includes(m)){let fe=this.nodeName;if(m==="insertAdjacentHTML"&&["beforebegin","afterend"].includes(d[0])){if(!this.parentNode)return g[m].call(this,...d);fe=this.parentNode.nodeName}let _t=i.createElement(fe);g.setHTML.call(_t,I[0],m==="setHTML"?d[1]:{}),I=[..._t.childNodes],m==="insertAdjacentHTML"?(U="insertAdjacentElement",d[1]=new c,d[1].______isTemp=!0,d[1].append(..._t.childNodes)):(U="replaceChildren",d=[..._t.childNodes])}return p({target:ut,entrants:I,exits:A,type:"interception",event:[this,m]},()=>g[U].call(this,...d))}["insertBefore","replaceChild","removeChild","appendChild"].includes(m)?(h.other[m]=o.prototype[m],o.prototype[m]=y):(["after","before","remove","replaceWith"].includes(m)&&(h.characterData[m]=s.prototype[m],s.prototype[m]=y),f.prototype[m]&&(h.other[m]=f.prototype[m],f.prototype[m]=y))});let x=Object.create(null);return["outerHTML","outerText","innerHTML","innerText","textContent","nodeValue"].forEach(m=>{let y=["textContent","nodeValue"].includes(m)?o:["outerText","innerText"].includes(m)?u:f;x[m]=Object.getOwnPropertyDescriptor(y.prototype,m),Object.defineProperty(y.prototype,m,{...x[m],set:function(d){let g=()=>x[m].set.call(this,d);if(!(this instanceof f))return g();let O=[],A=[],I=this;if(["outerHTML","outerText"].includes(m)?(O=[this],I=this.parentNode):O=[...this.childNodes],["outerHTML","innerHTML"].includes(m)){let U=this.nodeName;if(m==="outerHTML"){if(!this.parentNode)return g();U=this.parentNode.nodeName}let et=i.createElement(U==="TEMPLATE"?"div":U);x[m].set.call(et,d),A=this instanceof l?[]:[...et.childNodes],m==="outerHTML"?(d=new c,d.______isTemp=!0,d.append(...et.childNodes),g=()=>x.replaceWith.call(this,d)):this instanceof l?g=()=>this.content.replaceChildren(...et.childNodes):g=()=>x.replaceChildren.call(this,...et.childNodes)}return p({target:I,entrants:A,exits:O,type:"interception",event:[this,m]},g)}})}),["append","prepend","replaceChildren"].forEach(m=>{[i,c.prototype].forEach(y=>{let d=y[m];y[m]=function(...g){if(this.______isTemp)return d.call(this,...g);let O=m==="replaceChildren"?[...this.childNodes]:[];return p({target:this,entrants:g,exits:O,type:"interception",event:[this,m]},()=>d.call(this,...g))}})}),a}function qe(){br.call(this),vr.call(this),Or.call(this)}function br(){let r=this;r.CSS||(r.CSS={}),r.CSS.escape||(r.CSS.escape=t=>t.replace(/([\:@\~\$\&])/g,"\\$1"))}function vr(){let r=this;"isConnected"in r.Node.prototype||Object.defineProperty(r.Node.prototype,"isConnected",{get:function(){return!this.ownerDocument||!(this.ownerDocument.compareDocumentPosition(this)&this.DOCUMENT_POSITION_DISCONNECTED)}})}function Or(){let r=this;r.Element.prototype.matches||(r.Element.prototype.matches=r.Element.prototype.matchesSelector||r.Element.prototype.mozMatchesSelector||r.Element.prototype.msMatchesSelector||r.Element.prototype.oMatchesSelector||r.Element.prototype.webkitMatchesSelector||function(t){for(var n=(this.document||this.ownerDocument).querySelectorAll(t),e=n.length;--e>=0&&n.item(e)!==this;);return e>-1})}function Se(){let r=this;if(r.webqit||(r.webqit={}),r.webqit.realdom)return r.webqit.realdom;r.webqit.realdom={},qe.call(r),r.webqit.realdom.meta=(...n)=>Er.call(r,...n),r.webqit.realdom.ready=(...n)=>ie.call(r,...n),r.webqit.realdom.realtime=(n,e="dom")=>{if(e==="dom")return new xt(n,r);if(e==="attr")return new W(n,r)};let t=new yt(r);return r.webqit.realdom.schedule=(n,...e)=>t[`on${n}`](...e),r.webqit.realdom}function ie(...r){let t="interactive",n;st(r[0])?(t=r[0],b(r[1])&&(n=r[1])):b(r[0])&&(n=r[0]);let e={interactive:["interactive","complete"],complete:["complete"]};if(!e[t])throw new Error(`Invalid ready-state timing: ${t}.`);let i=this;if(!n)return i.webqit.realdom.readyStatePromises||(i.webqit.realdom.readyStatePromises={interactive:new Promise(o=>ie.call(this,"interactive",o)),complete:new Promise(o=>ie.call(this,"complete",o))}),i.webqit.realdom.readyStatePromises[t];if(e[t].includes(i.document.readyState))return n(i);i.webqit.realdom.readyStateCallbacks||(i.webqit.realdom.readyStateCallbacks={interactive:[],complete:[]},i.document.addEventListener("readystatechange",()=>{let o=i.document.readyState;for(let s of i.webqit.realdom.readyStateCallbacks[o].splice(0))s(i)},!1)),i.webqit.realdom.readyStateCallbacks[t].push(n)}function Er(r){let t=this,n={},e;return(e=t.document.querySelector(`meta[name="${r}"]`))&&(n=(e.content||"").split(";").filter(i=>i).reduce((i,o)=>{let s=o.split("=").map(f=>f.trim());return ee(i,s[0].split("."),s[1]==="true"?!0:s[1]==="false"?!1:R(s[1])?parseInt(s[1]):s[1]),i},{})),{get name(){return r},get content(){return e.content},json(){return JSON.parse(JSON.stringify(n))}}}var w=(...r)=>it("oohtml",...r);function Ie(r,t,n){let e=r.toUpperCase().replace("-","_"),i=this,o=Se.call(i);return i.webqit||(i.webqit={}),i.webqit.oohtml||(i.webqit.oohtml={}),i.webqit.oohtml.configs||(i.webqit.oohtml.configs={}),i.webqit.oohtml.configs[e]||(i.webqit.oohtml.configs[e]={}),ht(2,i.webqit.oohtml.configs[e],n,t,o.meta(r).json()),{config:i.webqit.oohtml.configs[e],realdom:o,window:i}}function oe(r,t,n=1,e=!1){if(n&&typeof r=="object"&&r&&typeof t=="object"&&t&&(!e||Object.keys(r).length===Object.keys(t).length)){for(let i in r)if(!oe(r[i],t[i],n-1,e))return!1;return!0}return Array.isArray(r)&&Array.isArray(t)&&r.length===t.length?(t=t.slice(0).sort())&&r.slice(0).sort().every((i,o)=>i===t[o]):r===t}function Me(){let r=this;return class extends r.Event{constructor(n,e,{type:i="contextrequest",...o}={}){super(i,o),Object.defineProperty(this,"request",{get:()=>n}),Object.defineProperty(this,"callback",{get:()=>e})}respondWith(n,...e){if(this.request.diff){if("previousValue"in this&&this.previousValue===n)return;this.previousValue=n}return this.callback(n,...e)}}}var S=class{static instance(t){return w(t).get("context::instance")||new this(t)}constructor(t){w(t).get("context::instance")?.dispose(),w(t).set("context::instance",this);let n={host:t,contexts:new Set};Object.defineProperty(this,"#",{get:()=>n});let e=Me.call(t.ownerDocument?.defaultView||t.defaultView);Object.defineProperty(this,"ContextRequestEvent",{get:()=>e}),this[Symbol.iterator]=function*(){yield n.contexts[Symbol.iterator]().next().value}}get length(){this["#"].contexts.size}findProvider(t){return[...this["#"].contexts].find(t)}attachProvider(t){this["#"].contexts.add(t),t.initialize(this["#"].host)}detachProvider(t){t.dispose(this["#"].host),this["#"].contexts.delete(t)}request(t,n,e={}){return this["#"].host.dispatchEvent(new this.ContextRequestEvent(t,n,{bubbles:!0,...e}))}dispose(){}};var ft=class{static get config(){return{}}static attachTo(t,n,e=!1){let i,o=S.instance(t);return!e&&(i=o.findProvider(s=>this.matchRequest(s.id,n,!0)))?i:o.attachProvider(new this(n))}static detachFrom(t,n,e=!1){let i,o=S.instance(t);for(i of o["#"].contexts)if(!(!this.matchRequest(i.id,n,!0)||typeof e=="function"&&!e(i))&&(o.detachProvider(i),typeof e!="function"&&!e))return i}static createId(t,n={}){let e={...n};return e.contextName||(t.getAttribute&&!(e.contextName=(t.getAttribute(this.config.context.attr.contextname)||"").trim())?delete e.contextName:t.ownerDocument||(e.contextName="root")),e}static createRequest(t={}){return{...t}}static matchRequest(t,n,e=!1){return e?oe(t,n,1,!0):n.type===t.type&&!n.contextName||n.contextName===t.contextName}constructor(t){Object.defineProperty(this,"id",{get:()=>t}),Object.defineProperty(this,"subscriptions",{value:new Set})}get length(){this.subscriptions.size}handle(t){}subscribe(t){this.subscriptions.add(t),t.request.signal&&t.request.signal.addEventListener("abort",()=>{this.unsubscribe(t)})}unsubscribe(t){this.subscriptions.delete(t),t.request.controller?.abort()}handleEvent(t){if(!(this.disposed||t.target===this.host&&t.request?.superContextOnly||!t.request||typeof t.callback!="function"||!this.constructor.matchRequest(this.id,t.request)))if(t.stopPropagation(),t.type==="contextclaim"){let n=new Set;this.subscriptions.forEach(e=>{!t.target.contains(e.request.superContextOnly?e.target.parentNode:e.target)||!this.constructor.matchRequest(t.request,e.request)||(this.subscriptions.delete(e),n.add(e))}),t.respondWith(n)}else t.type==="contextrequest"&&(t.request.live&&this.subscribe(t),this.handle(t))}initialize(t){return this.host=t,this.disposed=!1,t.addEventListener("contextrequest",this),t.addEventListener("contextclaim",this),S.instance(t).request({...this.id,superContextOnly:!0},n=>n.forEach(e=>{this.subscribe(e),this.handle(e)}),{type:"contextclaim"}),this}dispose(t){return this.disposed=!0,t.removeEventListener("contextrequest",this),t.removeEventListener("contextclaim",this),this.subscriptions.forEach(n=>{this.unsubscribe(n);let{target:e,request:i,callback:o,options:s}=n;S.instance(e).request(i,o,s)}),this}};var D=class{static instance(t,n,e){return w(n).get("exportsmanager::instance")||new this(t,n,e)}constructor(t,n,e={},i=null,o=0){w(n).get("exportsmanager::instance")?.dispose(),w(n).set("exportsmanager::instance",this),this.host=n,this.window=t,this.config=e,this.parent=i,this.level=o,this.modules=V(this.host),this.exportId=(this.host.getAttribute(this.config.template?.attr.exportid)||"").trim(),this.validateExportId(this.exportId);let s=this.window.webqit.realdom;this.realtimeA=s.realtime(this.host.content).children(f=>{this.export(f.entrants,!0),this.export(f.exits,!1)},{live:!0,timing:"sync"}),this.realtimeB=s.realtime(this.host).attr(["src","loading"],(...f)=>this.evaluateLoading(...f),{live:!0,atomic:!0,timing:"sync",lifecycleSignals:!0}),this.realtimeC=this.evalInheritance()}validateExportId(t){if(["@","/","#"].some(n=>t.includes(n)))throw new Error(`The export ID "${t}" contains an invalid character.`)}export(t,n){t.forEach(e=>{if(e.nodeType!==1)return;let i=(e.getAttribute(this.config.export.attr.exportid)||"").trim();if(!i)return;let o=e.matches(this.config.templateSelector);n?(o&&new D(this.window,e,this.config,this.host,this.level+1),E.set(this.modules,(!o&&"#"||"")+i,e)):(o&&D.instance(this.window,e).dispose(),E.deleteProperty(this.modules,(!o&&"#"||"")+i))})}evaluateLoading([t,n],{signal:e}){let i=(t.value||"").trim();if(!i)return;let o,s=l=>{if(!l)return o;o=l.then(()=>u.remove())},f=(n.value||"").trim(),u=E.intercept(this.modules,"get",async(l,c,a)=>(f==="lazy"&&s(this.load(i,!0)),await s(),a()),{signal:e});f!=="lazy"&&s(this.load(i))}load(t){if(this.host.content.children.length)return Promise.resolve();if(this.fetchInFlight?.src===t)return this.fetchInFlight.request;this.fetchInFlight?.controller.abort();let n=new AbortController,e=(o,s)=>this.host.dispatchEvent(new this.window.CustomEvent(o,{detail:s})),i=this.window.fetch(t,{signal:n.signal,element:this.host}).then(o=>o.ok?o.text():Promise.reject(o.statusText)).then(o=>(this.host.innerHTML=o.trim(),e("load"),this.host)).catch(o=>(console.error(`Error fetching the bundle at "${t}": ${o.message}`),this.fetchInFlight=null,e("loaderror"),this.host));return this.fetchInFlight={src:t,request:i,controller:n},i}evalInheritance(){if(!this.parent)return[];let t=(this.host.getAttribute(this.config.template.attr.extends)||"").trim(),n=(this.host.getAttribute(this.config.template.attr.inherits)||"").trim(),e=s=>{s.forEach(f=>{E.get(this.modules,f.key)===f.oldValue&&(["get","set","defineProperty"].includes(f.type)?E[f.type.replace("get","set")](this.modules,f.key,f.value):f.type==="deleteProperty"&&E.deleteProperty(this.modules,f.key))})},i=[],o=V(this.parent);return t&&i.push(E.deep(o,[t,this.config.template.api.modules,1/0],E.get,e,{live:!0})),(n=n.split(" ").map(s=>s.trim()).filter(s=>s)).length&&i.push(E.get(o,n,e,{live:!0})),i}dispose(){this.realtimeA.disconnect(),this.realtimeB.disconnect(),this.realtimeC.forEach(t=>t.abort()),Object.entries(this.modules).forEach(([t,n])=>{t.startsWith("#")||D.instance(this.window,n).dispose()})}};var G=class extends ft{static createId(t,n={}){return"type"in n||(n={type:"htmlimports",...n}),super.createId(t,n)}static createRequest(t={}){let n={type:"htmlimports",...t};if(!n.contextName&&n.detail?.startsWith("/"))n.contextName="root";else if(n.detail?.startsWith("@")){let[e,...i]=n.detail.slice(1).split(/(?<=\w)(?=\/|#)/).map(o=>o.trim());n.contextName=e,n.detail=i.join("")}return n}get localModules(){return V(this.host)}handle(t){if(t.request.controller?.abort(),(t.request.detail||"").trim()==="/")return t.respondWith(this.localModules);let n=this.constructor.config,e=(t.request.detail||"").split(/\/|(?<=\w)(?=#)/g).map(o=>o.trim()).filter(o=>o);if(e.length&&(e=e.join(`/${n.template.api.modules}/`)?.split("/")||[]),!e.length)return t.respondWith();let i={live:t.request.live,descripted:!0,midwayResults:!0};t.request.controller=E.deep(this.localModules,e,E.get,(o,{signal:s}={})=>{if(!(!o.value&&this.host.isConnected===!1))return o.value||!this.contextModules?t.respondWith(o.value):E.deep(this.contextModules,e,E.get,f=>t.respondWith(f.value),{signal:s,...i})},i)}realtimeSources(t){this.host=t;let n=()=>{for(let o of this.subscriptions)this.handle(o)},e=this.constructor.config;if(!this.host.matches||!e.context.attr.importscontext)return;this.refdSourceController?.disconnect();let i=this.host.ownerDocument.defaultView.webqit.realdom;this.refdSourceController=i.realtime(this.host).attr(e.context.attr.importscontext,(o,{signal:s})=>{if(!o.value)return this.contextModules=void 0,n();let f=this.constructor.createRequest({detail:o.value.trim(),live:!0,signal:s,superContextOnly:!0});S.instance(this.host).request(f,u=>{this.contextModules=u&&Object.getPrototypeOf(u)?V(u):u,n()})},{live:!0,timing:"sync",lifecycleSignals:!0})}initialize(t){return this.realtimeSources(t),super.initialize(t)}dispose(t){return this.refdSourceController?.disconnect(),super.dispose(t)}};function je(r){let t=this,{realdom:n}=t.webqit,e=r.import.tagName.includes("-")?t.HTMLElement:class{};return class extends e{static instance(o){return r.import.tagName.includes("-")&&o instanceof this?o:w(o).get("import::instance")||new this(o)}constructor(...o){super();let s=o[0]||this;w(s).set("import::instance",this),Object.defineProperty(this,"el",{get:()=>s,configurable:!1});let f={};Object.defineProperty(this,"#",{get:()=>f,configurable:!1}),f.slottedElements=new Set,f.setAnchorNode=u=>{f.anchorNode=u,w(u).set("anchoredNode@imports",this.el)},f.importRequest=(u,l=null)=>{let c=G.createRequest({detail:f.moduleRef,live:l&&!0,signal:l});S.instance(this.el.isConnected?this.el.parentNode:f.anchorNode.parentNode).request(c,a=>{u((a instanceof t.HTMLTemplateElement?[...a.content.children]:a&&[a])||[])})},f.hydrate=(u,l)=>{f.moduleRef=(this.el.getAttribute(r.import.attr.moduleref)||"").trim(),f.setAnchorNode(u),f.autoRestore(()=>{l.forEach(c=>{f.slottedElements.add(c),w(c).set("slot@imports",this.el)})}),f.hydrationImportRequest=new AbortController,f.importRequest(c=>{if(f.originalsRemapped)return this.fill(c);let a=c.map(p=>({el:p,exportId:p.getAttribute(r.export.attr.exportid),tagName:p.tagName}));l.forEach(p=>{let h=p.tagName,x=p.getAttribute(r.export.attr.exportid),m=a.filter(y=>h===y.tagName&&x===y.exportId);m.length===1&&w(p).set("original@imports",m[0].el)}),f.originalsRemapped=!0},f.hydrationImportRequest.signal)},f.autoRestore=(u=null)=>{if(f.autoRestoreRealtime?.disconnect(),u&&u(),!f.slottedElements.size){f.anchorNode.replaceWith(this.el);return}let l=n.realtime(t.document).observe([...f.slottedElements],c=>{if(c.exits.forEach(a=>{w(a).delete("slot@imports"),f.slottedElements.delete(a)}),!f.slottedElements.size){if(l.disconnect(),!c.target.isConnected)return;f.anchorNode.replaceWith(this.el)}},{subtree:!0,timing:"sync",generation:"exits"});f.autoRestoreRealtime=l},f.connectedCallback=()=>{if(f.slottedElements.size)throw new Error("Illegal reinsertion into the DOM; import slot is not empty!");f.anchorNode||f.setAnchorNode(this.createAnchorNode()),!f.moduleRefRealtime&&(f.moduleRefRealtime=n.realtime(this.el).attr(r.import.attr.moduleref,(u,{signal:l})=>{f.moduleRef=u.value,f.importRequest(c=>!f.hydrationImportRequest&&this.fill(c),l)},{live:!0,timing:"sync",lifecycleSignals:!0}),f.hydrationImportRequest?.abort(),f.hydrationImportRequest=null)},f.disconnectedCallback=()=>{f.hydrationImportRequest?.abort(),f.hydrationImportRequest=null,!f.anchorNode.isConnected&&(f.moduleRefRealtime?.disconnect(),f.moduleRefRealtime=null)}}createAnchorNode(){return r.isomorphic?t.document.createComment(this.el.outerHTML):t.document.createTextNode("")}fill(o){Array.isArray(o)&&(o=new Set(o)),this["#"].autoRestore(()=>{this["#"].slottedElements.forEach(s=>{let f=w(s).get("original@imports");o.has(f)?o.delete(f):(this["#"].slottedElements.delete(s),s.remove())}),this.el.isConnected&&o.size&&this.el.replaceWith(this["#"].anchorNode),o.forEach(s=>{let f=s.cloneNode(!0);f.hasAttribute(r.export.attr.exportid)||f.toggleAttribute(r.export.attr.exportid,!0),w(f).set("original@imports",s),w(f).set("slot@imports",this.el),this["#"].slottedElements.add(f),this["#"].anchorNode.before(f)})})}empty(){this["#"].slottedElements.forEach(o=>o.remove())}get anchorNode(){return this["#"].anchorNode}get moduleRef(){return this["#"].moduleRef}get slottedElements(){return this["#"].slottedElements}}}function se(r={}){let{config:t,realdom:n,window:e}=Ie.call(this,"html-imports",r,{export:{attr:{exportid:"as"}},template:{attr:{exportid:"as",extends:"extends",inherits:"inherits"},api:{modules:"modules",exportid:"exportid"}},context:{attr:{importscontext:"importscontext",contextname:"contextname"},api:{modules:"modules"}},import:{tagName:"import",attr:{moduleref:"ref"}},staticsensitivity:!0,isomorphic:!0});t.templateSelector=`template[${e.CSS.escape(t.template.attr.exportid)}]`,t.ownerContextSelector=[t.context.attr.contextname,t.context.attr.importscontext].map(i=>`[${e.CSS.escape(i)}]`).join(","),t.slottedElementsSelector=`[${e.CSS.escape(t.export.attr.exportid)}]`,e.webqit.HTMLImportElement=je.call(e,t),e.webqit.HTMLImportsProvider=class extends G{static get config(){return t}},e.webqit.Observer=E,Ar.call(e,t),n.ready(()=>Cr.call(e,t)),Tr.call(e,t)}function V(r,t=!0){if(!w(r).has("modules")&&t){let n=Object.create(null);w(r).set("modules",n)}return w(r).get("modules")}function Ar(r){let t=this;if(r.template.api.modules in t.HTMLTemplateElement.prototype)throw new Error(`The "HTMLTemplateElement" class already has a "${r.template.api.modules}" property!`);if(r.template.api.exportid in t.HTMLTemplateElement.prototype)throw new Error(`The "HTMLTemplateElement" class already has a "${r.template.api.exportid}" property!`);if(r.context.api.import in t.document)throw new Error(`document already has a "${r.context.api.import}" property!`);if(r.context.api.import in t.HTMLElement.prototype)throw new Error(`The "HTMLElement" class already has a "${r.context.api.import}" property!`);Object.defineProperty(t.HTMLTemplateElement.prototype,r.template.api.modules,{get:function(){return V(this)}}),Object.defineProperty(t.HTMLTemplateElement.prototype,r.template.api.exportid,{get:function(){return this.getAttribute(r.template.attr.exportid)}}),Object.defineProperty(t.document,r.context.api.import,{value:function(e,i,o={}){return n(t.document,e,i,o)}}),Object.defineProperty(t.HTMLElement.prototype,r.context.api.import,{value:function(e,i,o={}){return n(this,e,i,o)}});function n(e,i,o,s){let f=G.createRequest({detail:i,...s});return S.instance(e).request(f,o)}}function Tr(r){let t=this,{realdom:n,HTMLImportElement:e,HTMLImportsProvider:i}=t.webqit,o=u=>{let l=i.createId(u);i.attachTo(u,l)},s=(u,l)=>{let c=i.createId(u);i.detachFrom(u,c,a=>l||u.matches&&!u.matches(r.ownerContextSelector)&&!Object.keys(a.localModules).length)};n.realtime(t.document).subtree([r.templateSelector,r.ownerContextSelector],u=>{u.entrants.forEach(l=>{if(l.matches(r.templateSelector)){Object.defineProperty(l,"scoped",{value:l.hasAttribute("scoped")});let c=new D(t,l,r);c.ownerContext=l.scoped?u.target:t.document;let a=V(c.ownerContext);c.exportId&&E.set(a,c.exportId,l),o(c.ownerContext)}else o(l)}),u.exits.forEach(l=>{if(l.matches(r.templateSelector)){let c=D.instance(t,l,r),a=V(c.ownerContext);c.exportId&&E.deleteProperty(a,c.exportId),s(c.ownerContext)}else s(l,!0)})},{live:!0,timing:"sync",staticSensitivity:r.staticsensitivity}),n.realtime(t.document).subtree(r.import.tagName,u=>{u.entrants.forEach(l=>f(l,!0,u)),u.exits.forEach(l=>f(l,!1,u))},{live:!0,timing:"sync"});function f(u,l,c){let a=e.instance(u);l?a["#"].connectedCallback():a["#"].disconnectedCallback()}}function Cr(r){let t=this,{HTMLImportElement:n}=t.webqit;function e(i){let o=new Set;i.childNodes.forEach(s=>{if(s.nodeType===1){if(!s.matches(r.slottedElementsSelector)||w(s).get("slot@imports"))return;o.add(s)}else if(s.nodeType===8){let f=s.nodeValue.trim();if(!f.startsWith("<"+r.import.tagName)||!f.endsWith("</"+r.import.tagName+">"))return;let u=t.document.createElement("div");u.innerHTML=f;let l=u.firstChild;if(!l.matches(r.import.tagName))return;n.instance(l)["#"].hydrate(s,o),o.clear()}})}Array.from(t.document.querySelectorAll(r.slottedElementsSelector)).forEach(i=>{w(i).get("slot@imports")||w(i.parentNode).get("alreadyscanned@imports")||(e(i.parentNode),w(i.parentNode).set("alreadyscanned@imports",!0))})}se.call(window);})();
|
|
1
|
+
(()=>{var Re=Object.defineProperty;var ue=(r,t)=>{for(var n in t)Re(r,n,{get:t[n],enumerable:!0})};var Jt={};ue(Jt,{apply:()=>Wt,batch:()=>rr,construct:()=>Bt,deep:()=>Ze,defineProperties:()=>nr,defineProperty:()=>Vt,deleteProperty:()=>zt,get:()=>Z,getOwnPropertyDescriptor:()=>Dt,getOwnPropertyDescriptors:()=>er,getPrototypeOf:()=>$t,has:()=>At,intercept:()=>tr,isExtensible:()=>kt,observe:()=>Ke,ownKeys:()=>Et,preventExtensions:()=>Ut,set:()=>nt,setPrototypeOf:()=>Gt});function C(r){return!Array.isArray(r)&&typeof r=="object"&&r}function rt(r){return typeof r}function M(r){return Array.isArray(r)}function St(r,t,n=null){return M(t)?r.filter(e=>n?t.filter(i=>n(e,i)).length:t.indexOf(e)!==-1):[]}function bt(r,...t){if(globalThis.webqit||(globalThis.webqit={}),globalThis.webqit.refs||Object.defineProperty(globalThis.webqit,"refs",{value:new lt}),!arguments.length)return globalThis.webqit.refs;let n=globalThis.webqit.refs.get(r);n||(n=new lt,globalThis.webqit.refs.set(r,n));let e,i;for(;e=t.shift();)(i=n)&&!(n=n.get(e))&&(n=new lt,i.set(e,n));return n}var lt=class extends Map{constructor(...t){super(...t),this.observers=new Set}set(t,n){let e=super.set(t,n);return this.fire("set",t,n,t),e}delete(t){let n=super.delete(t);return this.fire("delete",t),n}has(t){return this.fire("has",t),super.has(t)}get(t){return this.fire("get",t),super.get(t)}keyNames(){return Array.from(super.keys())}observe(t,n,e){let i={type:t,key:n,callback:e};return this.observers.add(i),()=>this.observers.delete(i)}unobserve(t,n,e){if(Array.isArray(t)||Array.isArray(n))throw new Error('The "type" and "key" arguments can only be strings.');for(let i of this.observers)!(wt([t,"*"],i.type)&&wt([n,"*"],i.key)&&i.callback===e)||this.observers.delete(i)}fire(t,n,...e){for(let i of this.observers)!(wt([t,"*"],i.type)&&wt([n,"*"],i.key))||i.callback(...e)}},wt=(r,t)=>Array.isArray(t)?St(r,t).length:r.includes(t);function J(r){return typeof r=="function"}function It(r){return J(r)&&/^class\s?/.test(Function.prototype.toString.call(r))}function Mt(r){return r===null||r===""}function Q(r){return arguments.length&&(r===void 0||typeof r>"u")}function j(r){return Array.isArray(r)||typeof r=="object"&&r||J(r)}function jt(r){return Mt(r)||Q(r)||r===!1||r===0||j(r)&&!Object.keys(r).length}function N(r){return J(r)||r&&{}.toString.call(r)==="[object function]"}function vt(r){return r instanceof String||typeof r=="string"&&r!==null}function Rt(r){return!vt(r)&&!Q(r.length)}function z(r,t=!0){return M(r)?r:!t&&C(r)?[r]:r!==!1&&r!==0&&jt(r)?[]:Rt(r)?Array.prototype.slice.call(r):C(r)?Object.values(r):[r]}var X=class{constructor(t,n){this.registry=t,Object.assign(this,{...n,target:t.target}),this.params.signal&&this.params.signal.addEventListener("abort",()=>this.remove())}remove(){return this.removed=!0,this.registry.removeRegistration(this)}};var ct=class extends X{constructor(){super(...arguments),Object.defineProperty(this,"abortController",{value:new AbortController}),Object.defineProperty(this,"signal",{value:this.abortController.signal})}remove(){this.abortController.abort(),super.remove()}fire(t){let n=t,e=this.filter;if(e!==1/0&&(e=z(e))&&(n=t.filter(i=>e.includes(i.key))),this.params.diff&&(n=n.filter(i=>i.type!=="set"||i.value!==i.oldValue)),n.length)return this.filter===1/0||Array.isArray(this.filter)?this.handler(n,this):this.handler(n[0],this)}};var T=(...r)=>bt("observer-api",...r);var Y=class{constructor(t){this.target=t,this.entries=[]}addRegistration(t){return this.entries.push(t),t}removeRegistration(t){this.entries=this.entries.filter(n=>n!==t)}static _getInstance(t,n,e=!0,i=this.__namespace){if(!j(n))throw new Error(`Subject must be of type object; "${rt(n)}" given!`);let o=this;return i&&T("namespaces").has(t+"-"+i)&&(o=T("namespaces").get(t+"-"+i),t+="-"+i),!T(n,"registry").has(t)&&e&&T(n,"registry").set(t,new o(n)),T(n,"registry").get(t)}static _namespace(t,n,e=null){if(t+="-"+n,arguments.length===2)return T("namespaces").get(t);if(!(e.prototype instanceof this))throw new Error(`The implementation of the namespace ${this.name}.${n} must be a subclass of ${this.name}.`);T("namespaces").set(t,e),e.__namespace=n}};var B=class extends Y{static getInstance(t,n=!0,e=null){return super._getInstance("listeners",...arguments)}static namespace(t,n=null){return super._namespace("listeners",...arguments)}constructor(t){super(t),this.batches=[]}addRegistration(t,n,e){return super.addRegistration(new ct(this,{filter:t,handler:n,params:e}))}emit(t){if(this.batches.length){this.batches[0].events.push(...t);return}this.entries.forEach(n=>n.fire(t))}batch(t){this.batches.unshift({entries:[...this.entries],events:[]});let n=t(),e=this.batches.shift();return e.events.length&&e.entries.forEach(i=>i.fire(e.events)),n}};var at=class extends X{exec(t,n,e){return this.running||!this.traps[t.type]?n(...Array.prototype.slice.call(arguments,2)):(this.running=!0,this.traps[t.type](t,e,(...i)=>(this.running=!1,n(...i))))}};var $=class extends Y{static getInstance(t,n=!0,e=null){return super._getInstance("traps",...arguments)}static namespace(t,n=null){return super._namespace("traps",...arguments)}addRegistration(t){return super.addRegistration(new at(this,t))}emit(t,n=null){let e=this;return function i(o,...s){let f=e.entries[o];return f?f.exec(t,(...u)=>i(o+1,...u),...s):n?n(t,...s):s[0]}(0)}};var L=class{constructor(t,n){if(this.target=t,!n.type)throw new Error("Descriptor type must be given in definition!");Object.assign(this,n)}};var Ft={};ue(Ft,{accessorize:()=>Qe,proxy:()=>Ye,unaccessorize:()=>Xe,unproxy:()=>Ot});function Qe(r,t,n={}){r=Ht(r);let e=T(r,"accessorizedProps");function i(u){let l,c=r;for(;!l&&(c=Object.getPrototypeOf(c));)l=Object.getOwnPropertyDescriptor(c,u);return l?{proto:c,descriptor:l}:{descriptor:{value:void 0}}}function o(u){if(e.has(u))return!0;let l=i(u);l.getValue=function(){return"get"in this.descriptor?this.descriptor.get():this.descriptor.value},l.setValue=function(h){return"set"in this.descriptor?this.descriptor.set(h):this.descriptor.value=h},l.intact=function(){let h=Object.getOwnPropertyDescriptor(r,u);return h.get===p.get&&h.set===p.set&&e.get(u)===this},l.restore=function(){return this.intact()?(this.proto!==r?delete r[u]:Object.defineProperty(r,u,this.descriptor),e.delete(u),!0):!1},e.set(u,l);let{enumerable:c=!0,configurable:a=!0}=l.descriptor,p={enumerable:c,configurable:a};["value","set"].some(h=>h in l.descriptor)&&(p.set=function(h){return nt(this,u,h,n)}),["value","get"].some(h=>h in l.descriptor)&&(p.get=function(){return Z(this,u,n)});try{return Object.defineProperty(r,u,p),!0}catch{return e.delete(u),!1}}let f=(Array.isArray(t)?t:t===void 0?Object.keys(r):[t]).map(o);return t===void 0||Array.isArray(t)?f:f[0]}function Xe(r,t,n={}){r=Ht(r);let e=T(r,"accessorizedProps");function i(f){return e.has(f)?e.get(f).restore():!0}let s=(Array.isArray(t)?t:t===void 0?Object.keys(r):[t]).map(i);return t===void 0||Array.isArray(t)?s:s[0]}function Ye(r,t={}){r=Ht(r);let n=new Proxy(r,{apply:(e,i,o)=>Wt(e,i,o,t),construct:(e,i,o=null)=>Bt(e,i,o,t),defineProperty:(e,i,o)=>Vt(e,i,o,t),deleteProperty:(e,i)=>zt(e,i,t),get:(e,i,o=null)=>{let s=Z(e,i,{...t,receiver:o});return t.proxyAutoBinding!==!1&&N(s)&&!It(s)?s.bind(n):s},getOwnPropertyDescriptor:(e,i)=>Dt(e,i,t),getPrototypeOf:e=>$t(e,t),has:(e,i)=>At(e,i,t),isExtensible:e=>kt(e,t),ownKeys:e=>Et(e,t),preventExtensions:e=>Ut(e,t),set:(e,i,o,s=null)=>nt(e,i,o,{...t,receiver:s}),setPrototypeOf:(e,i)=>Gt(e,i,t)});return T(n).set(n,r),n}function Ot(r){return T(r).get(r)||r}function Ht(r){if(!r||!j(r))throw new Error("Target must be of type object!");return Ot(r)}function Ze(r,t,n,e=o=>o,i={}){return function o(s,f,u){let l=f[u.level];return u.level<f.length-1?u={...u,preflight:!0}:u={...u,preflight:i.preflight},n(s,l,(c,...a)=>{let p=(m={})=>({...u,...m,level:u.level+1}),h=m=>{m instanceof L&&(m.path=[m.key],s instanceof L&&(m.path=s.path.concat(m.key),m.context=s))};if(Tt(l)&&Array.isArray(c))return c.forEach(h),u.level===f.length-1||!c.length&&u.midwayResults?e(c,...a):c.map(m=>o(m,f,p(...a)));h(c);let x=j(K(c,!1));return u.level===f.length-1||!x&&u.midwayResults?e(c,...a):x&&o(c,f,p(...a))},u)}(r,t.slice(0),{...i,level:0})}function Ke(r,t,n,e={}){if(r=K(r),N(arguments[1])&&([,n,e={}]=arguments,t=1/0),!N(n))throw new Error(`Handler must be a function; "${rt(n)}" given!`);let i=de(r,t,n,e);return e.preflight?(e={...e,descripted:!0},delete e.live,Z(r,t,i,e)):i()}function tr(r,t,n={}){return r=K(r),C(t)||([,,,n={}]=arguments,t={[arguments[1]]:arguments[2]}),$.getInstance(r,!0,n.namespace).addRegistration({traps:t,params:n})}function Dt(r,t,n=i=>i,e={}){return H(r,"getOwnPropertyDescriptor",{key:t},n,e)}function er(r,t,n=i=>i,e={}){return H(r,"getOwnPropertyDescriptors",{key:t},n,e)}function $t(r,t=e=>e,n={}){return H(r,"getPrototypeOf",{},t,n)}function kt(r,t=e=>e,n={}){return H(r,"isExtensible",{},t,n)}function Et(r,t=e=>e,n={}){return H(r,"ownKeys",{},t,n)}function At(r,t,n=i=>i,e={}){return H(r,"has",{key:t},n,e)}function Z(r,t,n=i=>i,e={}){let i;return r=K(r),C(n)?[e,n]=[n,o=>o]:e.live&&(i=!0),ir(r,t,o=>{let s=[...o];return function f(u,l,c){if(!l.length)return c(u);let a=l.shift();function p(m,y=void 0){let d=A=>(m.value=A,f(u.concat(e.live||e.descripted?m:A),l,c));if(arguments.length>1)return d(y);let g=T(r,"accessorizedProps",!1),O=g&&g.get(m.key);return O&&O.intact()?d(O.getValue()):d(Reflect.get(r,m.key,...e.receiver?[e.receiver]:[]))}let h=new L(r,{type:"get",key:a,value:void 0,related:s}),x=$.getInstance(r,!1,e.namespace);return x?x.emit(h,p):p(h)}([],o.slice(0),f=>{let u=Tt(t)?f:f[0];return i?de(r,t,n,e)(u):n(u)})})}function rr(r,t,n={}){return B.getInstance(r,!0,n.namespace).batch(t)}function nt(r,t,n,e=s=>s,i={},o=!1){r=K(r);let s=[[t,n]];C(t)&&([,,e=u=>u,i={},o=!1]=arguments,s=Object.entries(t)),C(e)&&([o,i,e]=[typeof i=="boolean"?i:!1,e,u=>u]);let f=s.map(([u])=>u);return function u(l,c,a){if(!c.length)return a(l);let[p,h]=c.shift();function x(y,d=void 0){let g=I=>(y.status=I,u(l.concat(y),c,a));if(arguments.length>1)return g(y,d);let O=T(r,"accessorizedProps",!1),A=O&&O.get(y.key);return y.type==="defineProperty"?(A&&!A.restore()&&g(!1),Object.defineProperty(r,y.key,y.value),g(!0)):A&&A.intact()?g(A.setValue(y.value)):g(Reflect.set(r,y.key,y.value))}function m(y,d){if(i.diff&&h===d)return u(l,c,a);let g=new L(r,{type:o?"defineProperty":"set",key:p,value:h,isUpdate:y,oldValue:d,related:[...f],detail:i.detail}),O=$.getInstance(r,!1,i.namespace);return O?O.emit(g,x):x(g)}return At(r,p,y=>y?Z(r,p,d=>m(y,d),i):m(y),i)}([],s.slice(0),u=>{let l=B.getInstance(r,!1,i.namespace);return l&&l.emit(u),e(Tt(t)?u.map(c=>c.status):u[0]?.status)})}function Vt(r,t,n,e=o=>o,i={}){return nt(r,t,n,e,i,!0)}function nr(r,t,n=i=>i,e={}){return nt(r,t,n,e,!0)}function zt(r,t,n=i=>i,e={}){r=K(r),C(n)&&([e,n]=[n,s=>s]);let i=z(t),o=[...i];return function s(f,u,l){if(!u.length)return l(f);let c=u.shift();function a(h,x=void 0){let m=g=>(h.status=g,s(f.concat(h),u,l));if(arguments.length>1)return m(h,x);let y=T(r,"accessorizedProps",!1),d=y&&y.get(h.key);return d&&!d.restore()&&m(!1),m(Reflect.deleteProperty(r,h.key))}function p(h){let x=new L(r,{type:"deleteProperty",key:c,oldValue:h,related:[...o],detail:e.detail}),m=$.getInstance(r,!1,e.namespace);return m?m.emit(x,a):a(x)}return Z(r,c,p,e)}([],i.slice(0),s=>{let f=B.getInstance(r,!1,e.namespace);return f&&f.emit(s),n(Tt(t)?s.map(u=>u.status):s[0].status)})}function Bt(r,t,n=null,e=o=>o,i={}){return H(r,"construct",arguments.length>2?{argumentsList:t,newTarget:n}:{argumentsList:t},e,i)}function Wt(r,t,n,e=o=>o,i={}){return H(r,"apply",{thisArgument:t,argumentsList:n},e,i)}function Gt(r,t,n=i=>i,e={}){return H(r,"setPrototypeOf",{proto:t},n,e)}function Ut(r,t=e=>e,n={}){return H(r,"preventExtensions",{},t,n)}function de(r,t,n,e={}){let i;e.signal||(i=new AbortController,e={...e,signal:i.signal});let o=B.getInstance(r,!0,e.namespace);return function s(f,u=null){u?.remove();let c={signal:o.addRegistration(t,s,e).signal};return arguments.length&&n(f,c),i}}function H(r,t,n={},e=o=>o,i={}){r=K(r),C(e)&&([i,e]=[e,u=>u]);function o(u,l){return arguments.length>1?e(l):e(Reflect[t](r,...Object.values(n)))}let s=new L(r,{type:t,...n}),f=$.getInstance(r,!1,i.namespace);return f?f.emit(s,o):o(s)}function Tt(r){return r===1/0||Array.isArray(r)}function K(r,t=!0){if((!r||!j(r))&&t)throw new Error(`Object must be of type object or array! "${rt(r)}" given.`);return r instanceof L&&(r=r.value),r&&Ot(r)}function ir(r,t,n){return t===1/0?Et(r,n):n(z(t))}var or={...Jt,...Ft},E=or;function v(r){return!Array.isArray(r)&&typeof r=="object"&&r}function _(r){return Array.isArray(r)}function Qt(r,t,n=null){return _(t)?r.filter(e=>n?t.filter(i=>n(e,i)).length:t.indexOf(e)!==-1):[]}function it(r,...t){if(globalThis.webqit||(globalThis.webqit={}),globalThis.webqit.refs||Object.defineProperty(globalThis.webqit,"refs",{value:new mt}),!arguments.length)return globalThis.webqit.refs;let n=globalThis.webqit.refs.get(r);n||(n=new mt,globalThis.webqit.refs.set(r,n));let e,i;for(;e=t.shift();)(i=n)&&!(n=n.get(e))&&(n=new mt,i.set(e,n));return n}var mt=class extends Map{constructor(...t){super(...t),this.observers=new Set}set(t,n){let e=super.set(t,n);return this.fire("set",t,n,t),e}delete(t){let n=super.delete(t);return this.fire("delete",t),n}has(t){return this.fire("has",t),super.has(t)}get(t){return this.fire("get",t),super.get(t)}keyNames(){return Array.from(super.keys())}observe(t,n,e){let i={type:t,key:n,callback:e};return this.observers.add(i),()=>this.observers.delete(i)}unobserve(t,n,e){if(Array.isArray(t)||Array.isArray(n))throw new Error('The "type" and "key" arguments can only be strings.');for(let i of this.observers)!(Ct([t,"*"],i.type)&&Ct([n,"*"],i.key)&&i.callback===e)||this.observers.delete(i)}fire(t,n,...e){for(let i of this.observers)!(Ct([t,"*"],i.type)&&Ct([n,"*"],i.key))||i.callback(...e)}},Ct=(r,t)=>Array.isArray(t)?Qt(r,t).length:r.includes(t);function ot(r){return typeof r=="function"}function pt(r){return r===null||r===""}function k(r){return arguments.length&&(r===void 0||typeof r>"u")}function P(r){return Array.isArray(r)||typeof r=="object"&&r||ot(r)}function Xt(r){return pt(r)||k(r)||r===!1||r===0||P(r)&&!Object.keys(r).length}function b(r){return ot(r)||r&&{}.toString.call(r)==="[object function]"}function dt(r){return r instanceof Number||typeof r=="number"}function R(r){return dt(r)||r!==!0&&r!==!1&&r!==null&&r!==""&&!isNaN(r*1)}function st(r){return r instanceof String||typeof r=="string"&&r!==null}function Yt(r){return!st(r)&&!k(r.length)}function Pt(r,...t){return t.forEach(n=>{r.indexOf(n)<0&&r.push(n)}),r}function Zt(e,t){t=t||Object.prototype,t=t&&!_(t)?[t]:t;for(var n=[],e=e;e&&(!t||t.indexOf(e)<0)&&e.name!=="default";)n.push(e),e=e?Object.getPrototypeOf(e):null;return n}function Kt(r,t){var n=[];return Zt(r,t).forEach(e=>{Pt(n,...Object.getOwnPropertyNames(e))}),n}function F(r,t,n=!1,e=!1,i=!1){var o=0,s=r.shift();if((R(s)||s===!0||s===!1)&&(o=s,s=r.shift()),!r.length)throw new Error("_merge() requires two or more array/objects.");return r.forEach((f,u)=>{!P(f)&&!b(f)||(n?Kt(f):Object.keys(f)).forEach(l=>{if(!!t(l,s,f,u)){var c=s[l],a=f[l];if((_(c)&&_(a)||v(c)&&v(a))&&(o===!0||o>0))s[l]=_(c)&&_(a)?[]:{},F([R(o)?o-1:o,s[l],c,a],t,n,e,i);else if(_(s)&&_(f))e?s[l]=a:s.push(a);else try{i?Object.defineProperty(s,l,Object.getOwnPropertyDescriptor(f,l)):s[l]=f[l]}catch{}}})}),s}function ht(...r){return F(r,(t,n,e)=>!0,!1,!1,!1)}function q(r,t=!0){return _(r)?r:!t&&v(r)?[r]:r!==!1&&r!==0&&Xt(r)?[]:Yt(r)?Array.prototype.slice.call(r):v(r)?Object.values(r):[r]}function gt(r,t,n={},e={}){t=q(t).slice();for(var i=r;!k(i)&&!pt(i)&&t.length;){var o=t.shift();if(!(n.get?n.get(i,o):P(i)?o in i:i[o])){e.exists=!1;return}i=n.get?n.get(i,o):i[o]}return e.exists=!0,i}function ee(r,t,n,e={},i={}){let o=(c,a,p)=>i.set?i.set(c,a,p):(R(t[f])&&_(c)?c.push(p):c[a]=p,!0);t=q(t);for(var s=r,f=0;f<t.length;f++)if(f<t.length-1){if(!s||!P(s)&&!b(s))return!1;var u=gt(s,t[f],i);if(!P(u)){if(i.buildTree===!1)return!1;u=b(i.buildTree)?i.buildTree(f):R(t[f+1])?[]:{};var l=o(s,t[f],u);if(!l)return!1}s=u}else return o(s,t[f],n)}var yt=class{constructor(t,n=!0){Object.defineProperty(this,"window",{value:t}),Object.defineProperty(this,"readCallbacks",{value:new Set}),Object.defineProperty(this,"writeCallbacks",{value:new Set}),this.async=n,this.window.requestAnimationFrame?this._run():this.async=!1}_run(){this.window.requestAnimationFrame(()=>{for(let t of this.readCallbacks)t(),this.readCallbacks.delete(t);for(let t of this.writeCallbacks)t(),this.writeCallbacks.delete(t);this._run()})}onread(t,n=!1){if(n)return new Promise(e=>{this.async===!1?e(t()):this.readCallbacks.add(()=>{e(t())})});this.async===!1?t():this.readCallbacks.add(t)}onwrite(t,n=!1){if(n)return new Promise(e=>{this.async===!1?e(t()):this.writeCallbacks.add(()=>{e(t())})});this.async===!1?t():this.writeCallbacks.add(t)}cycle(t,n,e){this.onread(()=>{let i=t(e),o=s=>{s!==void 0&&this.onwrite(()=>{let f=n(s,e),u=l=>{l!==void 0&&this.cycle(t,n,l)};f instanceof Promise?f.then(u):u(f)})};i instanceof Promise?i.then(o):o(i)})}};var tt=class{constructor(t,n,e){this.context=t,this.namespace=n,this.window=t.defaultView||t.ownerDocument?.defaultView||e,this.document=this.window.document,this.webqit=this.window.webqit,Object.defineProperty(this,"#",{value:{}})}resolveArgs(t){return b(t[0])?t=[[],...t]:v(t[0])&&t.length===1?t=[[],void 0,t[0]]:v(t[1])&&t.length===2?t=[q(t[0],!1),void 0,t[1]]:t[0]=q(t[0],!1),t}registry(...t){return it("realdom.realtime",this.window,this.namespace,...t)}createSignalGenerator(){return{generate(){return this.lastController?.abort(),this.lastController=new AbortController,{signal:this.lastController.signal}},disconnect(){this.lastController?.abort()}}}forEachMatchingContext(t,n,e){let{window:i}=this,o=Array.isArray(n)?n:[n],s=new Set;for(let[f,u]of this.registry(t))for(let[l,c]of u){let a=o.filter(p=>l.contains(p.target)?f==="subtree"||p.target===l:!1);if(!!a.length){Array.isArray(n)||(a=a[0]);for(let p of c)s.add([p,a,l])}}for(let[f,u,l]of s)e.call(this,f,u,l)}disconnectables(t,...n){let e={disconnect(){n.forEach(i=>i&&b(i.disconnect)&&i.disconnect()||b(i)&&i()||v(i)&&(i.disconnected=!0))}};return t&&t.addEventListener("abort",()=>e.disconnect()),e}};var W=class extends tt{constructor(t,...n){super(t,"attr",...n)}get(t,n=void 0,e={}){let i=typeof t=="string";[t=[],n=void 0,e={}]=this.resolveArgs(arguments);let{context:o}=this,s=Ee(o,t),f=i?s[0]:s;if(!n)return f;let u=n&&e.lifecycleSignals&&this.createSignalGenerator(),l=u?.generate()||{};if(n(f,l,o),e.live){u&&(e={...e,signalGenerator:u});let c=this.observe(i?t[0]:t,n,{newValue:!0,...e});return this.disconnectables(e.signal,c)}}observe(t,n,e={}){let i=typeof t=="string";if([t=[],n,e={}]=this.resolveArgs(arguments),["sync","intercept"].includes(e.timing))return this.observeSync(i?t[0]:t,n,e);if(e.timing&&e.timing!=="async")throw new Error(`Timing option "${e.timing}" invalid.`);let{context:o,window:s,webqit:f}=this;e.eventDetails&&!f.realdom.attrInterceptionHooks?.intercepting&&ve.call(s,"intercept",()=>{});let u=new s.MutationObserver(p=>{p=Oe(p).map(h=>Ae.call(s,h)),be.call(s,a,p,o)}),l={attributes:!0,attributeOldValue:e.oldValue,subtree:e.subtree};t.length&&(l.attributeFilter=t),u.observe(o,l);let c=e.signalGenerator||e.lifecycleSignals&&this.createSignalGenerator(),a={context:o,filter:t,callback:n,params:e,atomics:new Map,originalFilterIsString:i,signalGenerator:c,disconnectable:u};return this.disconnectables(e.signal,u,c)}observeSync(t,n,e={}){let i=typeof t=="string";[t,n,e={}]=this.resolveArgs(arguments);let{context:o,window:s}=this;if(e.timing&&!["sync","intercept"].includes(e.timing))throw new Error(`Timing option "${e.timing}" invalid.`);let f=e.timing==="intercept"?"intercept":"sync",u=e.subtree?"subtree":"children";this.registry(f).size||ve.call(s,f,x=>{this.forEachMatchingContext(f,x,be)});let l={disconnect(){h.delete(a),h.size||p.delete(o)}},c=e.signalGenerator||e.lifecycleSignals&&this.createSignalGenerator(),a={context:o,filter:t,callback:n,params:e,atomics:new Map,originalFilterIsString:i,signalGenerator:c,disconnectable:l},p=this.registry(f,u);p.has(o)||p.set(o,new Set);let h=p.get(o);return h.add(a),this.disconnectables(e.signal,l,c)}};function Oe(r){return r.reduce((t,n,e)=>t[e-1]?.attributeName===n.attributeName?t:t.concat(n),[])}function be(r,t){let{context:n,filter:e,callback:i,params:o,atomics:s,originalFilterIsString:f,signalGenerator:u}=r;o.atomic&&!s.size&&(t=Ee(n,e,t)),o.newValue===null&&o.oldValue===null&&o.eventDetails||(t=t.map(a=>{let p;return o.eventDetails||({event:p,...a}=a),!o.oldValue&&"oldValue"in a&&({oldValue:p,...a}=a),!o.newValue&&"value"in a?{value:p,...a}=a:o.newValue&&typeof a.value>"u"&&(a={...a,value:a.target.getAttribute(a.name)}),a})),o.atomic&&(t.forEach(a=>s.set(a.name,a)),t=Array.from(s.entries()).map(([,a])=>a));let l=f?t[0]:t,c=u?.generate()||{};i(l,c,n)}function Ee(r,t,n=[]){let e={event:null,type:"attribute"};return t.length?t.map(o=>n.find(s=>s.name===o)||{target:r,name:o,value:r.getAttribute(o),...e}):Array.from(r.attributes).map(o=>n.find(s=>s.name===o.nodeName)||{target:r,name:o.nodeName,value:o.nodeValue,...e})}function Ae({target:r,attributeName:t,value:n,oldValue:e}){let s=(this.webqit.realdom.attrInterceptionRecords?.get(r)||{})[t]||"mutation";return{target:r,name:t,value:n,oldValue:e,type:"observation",event:s}}function ve(r,t){let n=this,{webqit:e,document:i,Element:o}=n;e.realdom.attrInterceptionHooks||Object.defineProperty(e.realdom,"attrInterceptionHooks",{value:new Map}),e.realdom.attrInterceptionHooks.has(r)||e.realdom.attrInterceptionHooks.set(r,new Set),e.realdom.attrInterceptionHooks.get(r).add(t);let s=()=>e.realdom.attrInterceptionHooks.get(r).delete(t);if(e.realdom.attrInterceptionHooks?.intercepting)return s;console.warn("Attr mutation APIs are now being intercepted."),e.realdom.attrInterceptionHooks.intercepting=!0,Object.defineProperty(e.realdom,"attrInterceptionRecords",{value:new Map});let f=(c,a)=>{e.realdom.attrInterceptionRecords.has(c.target)||e.realdom.attrInterceptionRecords.set(c.target,{});let p=e.realdom.attrInterceptionRecords.get(c.target);clearTimeout(p[c.name]?.timeout),p[c.name]=c.event;let h=setTimeout(()=>{delete p[c.name]},0);Object.defineProperty(c.event,"timeout",{value:h,configurable:!0}),e.realdom.attrInterceptionHooks.get("intercept")?.forEach(m=>m([c]));let x=a();return e.realdom.attrInterceptionHooks.get("sync")?.forEach(m=>m([c])),x};new n.MutationObserver(c=>{c=Oe(c).map(a=>Ae.call(n,a)).filter((a,p)=>!Array.isArray(a.event)),c.length&&(e.realdom.attrInterceptionHooks.get("intercept")?.forEach(a=>a(c)),e.realdom.attrInterceptionHooks.get("sync")?.forEach(a=>a(c)))}).observe(i,{attributes:!0,subtree:!0,attributeOldValue:!0});let l=Object.create(null);return["setAttribute","removeAttribute","toggleAttribute"].forEach(c=>{l[c]=o.prototype[c],o.prototype[c]=function(...a){let p,h=this.getAttribute(a[0]);["setAttribute","toggleAttribute"].includes(c)&&(p=a[1]),c==="toggleAttribute"&&p===void 0&&(p=h===null);let x={target:this,name:a[0],value:p,oldValue:h,type:"interception",event:[this,c]};return f(x,()=>l[c].call(this,...a))}}),s}var xt=class extends tt{constructor(t,...n){super(t,"tree",...n)}attr(t,n=void 0,e={}){let{context:i,window:o}=this;return new W(i,o).get(...arguments)}query(t,n=void 0,e={}){[t,n=void 0,e={}]=this.resolveArgs(arguments);let{context:i}=this,o=new Map,s=l=>(o.has(l)||o.set(l,{target:l,entrants:[],exits:[],type:"query",event:null}),o.get(l));if((!e.generation||e.generation==="entrants")&&(t.length?t.every(l=>typeof l=="string")&&(t=t.join(","))&&(e.subtree?i.querySelectorAll(t):[...i.children].filter(c=>c.matches(t))).forEach(c=>s(c.parentNode||i).entrants.push(c)):[...i.children].forEach(l=>s(i).entrants.push(l))),!n)return o;let f={disconnected:!1},u=n&&e.lifecycleSignals&&this.createSignalGenerator();for(let[,l]of o){if(f.disconnected)break;let c=u?.generate()||{};n(l,c,i)}if(e.live){u&&(e={...e,signalGenerator:u});let l=this.observe(t,n,e);return this.disconnectables(e.signal,f,l)}return this.disconnectables(e.signal,f,u)}children(t,n=void 0,e={}){return[t,n=void 0,e={}]=this.resolveArgs(arguments),this.query(t,n,{...e,subtree:!1})}subtree(t,n=void 0,e={}){return[t,n=void 0,e={}]=this.resolveArgs(arguments),this.query(t,n,{...e,subtree:!0})}observe(t,n,e={}){if([t,n,e={}]=this.resolveArgs(arguments),["sync","intercept"].includes(e.timing))return this.observeSync(t,n,e);if(e.timing&&e.timing!=="async")throw new Error(`Timing option "${e.timing}" invalid.`);let{context:i,window:o,webqit:s,document:f}=this;e.eventDetails&&(s.realdom.domInterceptionRecordsAlwaysOn=!0),(f.readyState==="loading"||s.realdom.domInterceptionRecordsAlwaysOn)&&!s.realdom.domInterceptionHooks?.intercepting&&Pe.call(o,"sync",()=>{});let u=new o.MutationObserver(a=>a.forEach(p=>{ne.call(o,c,Ce.call(o,p),i)}));u.observe(i,{childList:!0,subtree:e.subtree});let l=e.signalGenerator||e.lifecycleSignals&&this.createSignalGenerator(),c={context:i,selectors:t,callback:n,params:e,signalGenerator:l,disconnectable:u};if(e.staticSensitivity){let a=Te.call(o,c);return this.disconnectables(e.signal,u,l,a)}return this.disconnectables(e.signal,u,l)}observeSync(t,n,e={}){[t,n,e={}]=this.resolveArgs(arguments);let{context:i,window:o}=this;if(e.timing&&!["sync","intercept"].includes(e.timing))throw new Error(`Timing option "${e.timing}" invalid.`);let s=e.timing==="intercept"?"intercept":"sync",f=e.subtree?"subtree":"children";this.registry(s).size||Pe.call(o,s,x=>{this.forEachMatchingContext(s,x,ne)});let u=new o.MutationObserver(x=>x.forEach(m=>{Array.isArray((m=Ce.call(o,m)).event)||ne.call(o,a,m,i)}));u.observe(i,{childList:!0,subtree:e.subtree});let l={disconnect(){u.disconnect(),h.delete(a),h.size||p.delete(i)}},c=e.signalGenerator||e.lifecycleSignals&&this.createSignalGenerator(),a={context:i,selectors:t,callback:n,params:e,signalGenerator:c,disconnectable:l},p=this.registry(s,f);p.has(i)||p.set(i,new Set);let h=p.get(i);if(h.add(a),e.staticSensitivity){let x=Te.call(o,a);return this.disconnectables(e.signal,l,c,x)}return this.disconnectables(e.signal,l,c)}};function Te(r){let t=this,{context:n,selectors:e,callback:i,params:o,signalGenerator:s}=r,f=p=>p.match(/\.([\w-]+)/g)?.length?["class"]:[],u=p=>p.match(/#([\w-]+)/g)?.length?["id"]:[],l=p=>[...p.matchAll(/\[([^\=\]]+)(\=[^\]]+)?\]/g)].map(h=>h[1]).concat(f(p)).concat(u(p));if(!(r.$attrs=Array.from(new Set(e.filter(p=>typeof p=="string"&&p.includes("[")).reduce((p,h)=>p.concat(l(h)),[])))).length)return;let c=new Set,a=new Set;return c.push=p=>(a.delete(p),c.add(p)),a.push=p=>(c.delete(p),a.add(p)),r.$deliveryCache={entrants:c,exits:a},new W(n,t).observe(r.$attrs,p=>{let h=new Map,x=d=>(h.has(d)||h.set(d,{target:d,entrants:[],exits:[],type:"static",event:null}),h.get(d)),m=new WeakMap,y=d=>(m.has(d)||m.set(d,e.some(g=>d.matches(g))),m.get(d));for(let d of p)["entrants","exits"].forEach(g=>{o.generation&&g!==o.generation||r.$deliveryCache[g].has(d.target)||(g==="entrants"?!y(d.target):y(d.target))||(r.$deliveryCache[g].push(d.target),x(d.target)[g].push(d.target),x(d.target).event=d.event)});for(let[,d]of h){let g=s?.generate()||{};i(d,g,n)}},{subtree:o.subtree,timing:o.timing,eventDetails:o.eventDetails})}function ne(r,t){let{context:n,selectors:e,callback:i,params:o,signalGenerator:s,$deliveryCache:f}=r,u={...t,entrants:[],exits:[]};if(o.eventDetails||delete u.event,["entrants","exits"].forEach(c=>{if(!(o.generation&&c!==o.generation)&&(e.length?u[c]=wr(e,t[c],t.event!=="parse"):u[c]=[...t[c]],!!f))for(let a of u[c])f[c].push(a)}),!u.entrants.length&&!u.exits.length)return;let l=s?.generate()||{};i(u,l,n)}function wr(r,t,n){t=Array.isArray(t)?t:[...t];let e=(i,o)=>{if(i=i.filter(s=>s.matches),typeof o=="string"){let s=i.filter(f=>f.matches(o));if(n&&(s=i.reduce((f,u)=>[...f,...u.querySelectorAll(o)],s)),s.length)return s}else if(i.includes(o)||n&&i.some(s=>s.contains(o)))return[o]};return t.$$searchCache||(t.$$searchCache=new Map),r.reduce((i,o)=>{let s;return t.$$searchCache.has(o)?s=t.$$searchCache.get(o):(s=e(t,o)||[],v(o)&&t.$$searchCache.set(o,s)),i.concat(s)},[])}function Ce({target:r,addedNodes:t,removedNodes:n}){let e=this,i;return i=q(t).reduce((o,s)=>o||e.webqit.realdom.domInterceptionRecords?.get(s),null),i=q(n).reduce((o,s)=>o||e.webqit.realdom.domInterceptionRecords?.get(s),i),i=i||e.document.readyState==="loading"&&"parse"||"mutation",{target:r,entrants:t,exits:n,type:"observation",event:i}}function Pe(r,t){let n=this,{webqit:e,document:i,Node:o,CharacterData:s,Element:f,HTMLElement:u,HTMLTemplateElement:l,DocumentFragment:c}=n;e.realdom.domInterceptionHooks||Object.defineProperty(e.realdom,"domInterceptionHooks",{value:new Map}),e.realdom.domInterceptionHooks.has(r)||e.realdom.domInterceptionHooks.set(r,new Set),e.realdom.domInterceptionHooks.get(r).add(t);let a=()=>e.realdom.domInterceptionHooks.get(r).delete(t);if(e.realdom.domInterceptionHooks?.intercepting)return a;console.warn("DOM mutation APIs are now being intercepted."),e.realdom.domInterceptionHooks.intercepting=!0,Object.defineProperty(e.realdom,"domInterceptionRecords",{value:new Map});let p=(m,y)=>{m.entrants.concat(m.exits).forEach(g=>{clearTimeout(e.realdom.domInterceptionRecords.get(g)?.timeout),e.realdom.domInterceptionRecords.set(g,m.event);let O=setTimeout(()=>{e.realdom.domInterceptionRecords.delete(g)},0);Object.defineProperty(m.event,"timeout",{value:O,configurable:!0})}),e.realdom.domInterceptionHooks.get("intercept")?.forEach(g=>g(m));let d=y();return e.realdom.domInterceptionHooks.get("sync")?.forEach(g=>g(m)),d},h={characterData:Object.create(null),other:Object.create(null)};["insertBefore","insertAdjacentElement","insertAdjacentHTML","setHTML","replaceChildren","replaceWith","remove","replaceChild","removeChild","before","after","append","prepend","appendChild"].forEach(m=>{function y(...d){let g=this instanceof s?h.characterData:h.other,O=()=>g[m].call(this,...d);if(!(this instanceof s||this instanceof f||this instanceof c))return O();let A=[],I=[],ut=this;["insertBefore"].includes(m)?I=[d[0]]:["insertAdjacentElement","insertAdjacentHTML"].includes(m)?(I=[d[1]],["beforebegin","afterend"].includes(d[0])&&(ut=this.parentNode)):["setHTML","replaceChildren"].includes(m)?(A=[...this.childNodes],I=m==="replaceChildren"?[...d]:[d[0]]):["replaceWith","remove"].includes(m)?(A=[this],I=m==="replaceWith"?[...d]:[],ut=this.parentNode):["replaceChild"].includes(m)?(A=[d[1]],I=[d[0]]):["removeChild"].includes(m)?A=[...d]:(I=[...d],["before","after"].includes(m)&&(ut=this.parentNode));let U=m;if(["insertAdjacentHTML","setHTML"].includes(m)){let fe=this.nodeName;if(m==="insertAdjacentHTML"&&["beforebegin","afterend"].includes(d[0])){if(!this.parentNode)return g[m].call(this,...d);fe=this.parentNode.nodeName}let _t=i.createElement(fe);g.setHTML.call(_t,I[0],m==="setHTML"?d[1]:{}),I=[..._t.childNodes],m==="insertAdjacentHTML"?(U="insertAdjacentElement",d[1]=new c,d[1].______isTemp=!0,d[1].append(..._t.childNodes)):(U="replaceChildren",d=[..._t.childNodes])}return p({target:ut,entrants:I,exits:A,type:"interception",event:[this,m]},()=>g[U].call(this,...d))}["insertBefore","replaceChild","removeChild","appendChild"].includes(m)?(h.other[m]=o.prototype[m],o.prototype[m]=y):(["after","before","remove","replaceWith"].includes(m)&&(h.characterData[m]=s.prototype[m],s.prototype[m]=y),f.prototype[m]&&(h.other[m]=f.prototype[m],f.prototype[m]=y))});let x=Object.create(null);return["outerHTML","outerText","innerHTML","innerText","textContent","nodeValue"].forEach(m=>{let y=["textContent","nodeValue"].includes(m)?o:["outerText","innerText"].includes(m)?u:f;x[m]=Object.getOwnPropertyDescriptor(y.prototype,m),Object.defineProperty(y.prototype,m,{...x[m],set:function(d){let g=()=>x[m].set.call(this,d);if(!(this instanceof f))return g();let O=[],A=[],I=this;if(["outerHTML","outerText"].includes(m)?(O=[this],I=this.parentNode):O=[...this.childNodes],["outerHTML","innerHTML"].includes(m)){let U=this.nodeName;if(m==="outerHTML"){if(!this.parentNode)return g();U=this.parentNode.nodeName}let et=i.createElement(U==="TEMPLATE"?"div":U);x[m].set.call(et,d),A=this instanceof l?[]:[...et.childNodes],m==="outerHTML"?(d=new c,d.______isTemp=!0,d.append(...et.childNodes),g=()=>x.replaceWith.call(this,d)):this instanceof l?g=()=>this.content.replaceChildren(...et.childNodes):g=()=>x.replaceChildren.call(this,...et.childNodes)}return p({target:I,entrants:A,exits:O,type:"interception",event:[this,m]},g)}})}),["append","prepend","replaceChildren"].forEach(m=>{[i,c.prototype].forEach(y=>{let d=y[m];y[m]=function(...g){if(this.______isTemp)return d.call(this,...g);let O=m==="replaceChildren"?[...this.childNodes]:[];return p({target:this,entrants:g,exits:O,type:"interception",event:[this,m]},()=>d.call(this,...g))}})}),a}function qe(){br.call(this),vr.call(this),Or.call(this)}function br(){let r=this;r.CSS||(r.CSS={}),r.CSS.escape||(r.CSS.escape=t=>t.replace(/([\:@\~\$\&])/g,"\\$1"))}function vr(){let r=this;"isConnected"in r.Node.prototype||Object.defineProperty(r.Node.prototype,"isConnected",{get:function(){return!this.ownerDocument||!(this.ownerDocument.compareDocumentPosition(this)&this.DOCUMENT_POSITION_DISCONNECTED)}})}function Or(){let r=this;r.Element.prototype.matches||(r.Element.prototype.matches=r.Element.prototype.matchesSelector||r.Element.prototype.mozMatchesSelector||r.Element.prototype.msMatchesSelector||r.Element.prototype.oMatchesSelector||r.Element.prototype.webkitMatchesSelector||function(t){for(var n=(this.document||this.ownerDocument).querySelectorAll(t),e=n.length;--e>=0&&n.item(e)!==this;);return e>-1})}function Se(){let r=this;if(r.webqit||(r.webqit={}),r.webqit.realdom)return r.webqit.realdom;r.webqit.realdom={},qe.call(r),r.webqit.realdom.meta=(...n)=>Er.call(r,...n),r.webqit.realdom.ready=(...n)=>ie.call(r,...n),r.webqit.realdom.realtime=(n,e="dom")=>{if(e==="dom")return new xt(n,r);if(e==="attr")return new W(n,r)};let t=new yt(r);return r.webqit.realdom.schedule=(n,...e)=>t[`on${n}`](...e),r.webqit.realdom}function ie(...r){let t="interactive",n;st(r[0])?(t=r[0],b(r[1])&&(n=r[1])):b(r[0])&&(n=r[0]);let e={interactive:["interactive","complete"],complete:["complete"]};if(!e[t])throw new Error(`Invalid ready-state timing: ${t}.`);let i=this;if(!n)return i.webqit.realdom.readyStatePromises||(i.webqit.realdom.readyStatePromises={interactive:new Promise(o=>ie.call(this,"interactive",o)),complete:new Promise(o=>ie.call(this,"complete",o))}),i.webqit.realdom.readyStatePromises[t];if(e[t].includes(i.document.readyState))return n(i);i.webqit.realdom.readyStateCallbacks||(i.webqit.realdom.readyStateCallbacks={interactive:[],complete:[]},i.document.addEventListener("readystatechange",()=>{let o=i.document.readyState;for(let s of i.webqit.realdom.readyStateCallbacks[o].splice(0))s(i)},!1)),i.webqit.realdom.readyStateCallbacks[t].push(n)}function Er(r){let t=this,n={},e;return(e=t.document.querySelector(`meta[name="${r}"]`))&&(n=(e.content||"").split(";").filter(i=>i).reduce((i,o)=>{let s=o.split("=").map(f=>f.trim());return ee(i,s[0].split("."),s[1]==="true"?!0:s[1]==="false"?!1:R(s[1])?parseInt(s[1]):s[1]),i},{})),{get name(){return r},get content(){return e.content},json(){return JSON.parse(JSON.stringify(n))}}}var w=(...r)=>it("oohtml",...r);function Ie(r,t,n){let e=r.toUpperCase().replace("-","_"),i=this,o=Se.call(i);return i.webqit||(i.webqit={}),i.webqit.oohtml||(i.webqit.oohtml={}),i.webqit.oohtml.configs||(i.webqit.oohtml.configs={}),i.webqit.oohtml.configs[e]||(i.webqit.oohtml.configs[e]={}),ht(2,i.webqit.oohtml.configs[e],n,t,o.meta(r).json()),{config:i.webqit.oohtml.configs[e],realdom:o,window:i}}function oe(r,t,n=1,e=!1){if(n&&typeof r=="object"&&r&&typeof t=="object"&&t&&(!e||Object.keys(r).length===Object.keys(t).length)){for(let i in r)if(!oe(r[i],t[i],n-1,e))return!1;return!0}return Array.isArray(r)&&Array.isArray(t)&&r.length===t.length?(t=t.slice(0).sort())&&r.slice(0).sort().every((i,o)=>i===t[o]):r===t}function Me(){let r=this;return class extends r.Event{constructor(n,e,{type:i="contextrequest",...o}={}){super(i,o),Object.defineProperty(this,"request",{get:()=>n}),Object.defineProperty(this,"callback",{get:()=>e})}respondWith(n,...e){if(this.request.diff){if("previousValue"in this&&this.previousValue===n)return;this.previousValue=n}return this.callback(n,...e)}}}var S=class{static instance(t){return w(t).get("context::instance")||new this(t)}constructor(t){w(t).get("context::instance")?.dispose(),w(t).set("context::instance",this);let n={host:t,contexts:new Set};Object.defineProperty(this,"#",{get:()=>n});let e=Me.call(t.ownerDocument?.defaultView||t.defaultView);Object.defineProperty(this,"ContextRequestEvent",{get:()=>e}),this[Symbol.iterator]=function*(){yield n.contexts[Symbol.iterator]().next().value}}get length(){this["#"].contexts.size}findProvider(t){return[...this["#"].contexts].find(t)}attachProvider(t){this["#"].contexts.add(t),t.initialize(this["#"].host)}detachProvider(t){t.dispose(this["#"].host),this["#"].contexts.delete(t)}request(t,n,e={}){return this["#"].host.dispatchEvent(new this.ContextRequestEvent(t,n,{bubbles:!0,...e}))}dispose(){}};var ft=class{static get config(){return{}}static attachTo(t,n,e=!1){let i,o=S.instance(t);return!e&&(i=o.findProvider(s=>this.matchRequest(s.id,n,!0)))?i:o.attachProvider(new this(n))}static detachFrom(t,n,e=!1){let i,o=S.instance(t);for(i of o["#"].contexts)if(!(!this.matchRequest(i.id,n,!0)||typeof e=="function"&&!e(i))&&(o.detachProvider(i),typeof e!="function"&&!e))return i}static createId(t,n={}){let e={...n};return e.contextName||(t.getAttribute&&!(e.contextName=(t.getAttribute(this.config.context.attr.contextname)||"").trim())?delete e.contextName:t.ownerDocument||(e.contextName="root")),e}static createRequest(t={}){return{...t}}static matchRequest(t,n,e=!1){return e?oe(t,n,1,!0):n.type===t.type&&!n.contextName||n.contextName===t.contextName}constructor(t){Object.defineProperty(this,"id",{get:()=>t}),Object.defineProperty(this,"subscriptions",{value:new Set})}get length(){this.subscriptions.size}handle(t){}subscribe(t){this.subscriptions.add(t),t.request.signal&&t.request.signal.addEventListener("abort",()=>{this.unsubscribe(t)})}unsubscribe(t){this.subscriptions.delete(t),t.request.controller?.abort()}handleEvent(t){if(!(this.disposed||t.target===this.host&&t.request?.superContextOnly||!t.request||typeof t.callback!="function"||!this.constructor.matchRequest(this.id,t.request)))if(t.stopPropagation(),t.type==="contextclaim"){let n=new Set;this.subscriptions.forEach(e=>{!t.target.contains(e.request.superContextOnly?e.target.parentNode:e.target)||!this.constructor.matchRequest(t.request,e.request)||(this.subscriptions.delete(e),n.add(e))}),t.respondWith(n)}else t.type==="contextrequest"&&(t.request.live&&this.subscribe(t),this.handle(t))}initialize(t){return this.host=t,this.disposed=!1,t.addEventListener("contextrequest",this),t.addEventListener("contextclaim",this),S.instance(t).request({...this.id,superContextOnly:!0},n=>n.forEach(e=>{this.subscribe(e),this.handle(e)}),{type:"contextclaim"}),this}dispose(t){return this.disposed=!0,t.removeEventListener("contextrequest",this),t.removeEventListener("contextclaim",this),this.subscriptions.forEach(n=>{this.unsubscribe(n);let{target:e,request:i,callback:o,options:s}=n;S.instance(e).request(i,o,s)}),this}};var D=class{static instance(t,n,e){return w(n).get("exportsmanager::instance")||new this(t,n,e)}constructor(t,n,e={},i=null,o=0){w(n).get("exportsmanager::instance")?.dispose(),w(n).set("exportsmanager::instance",this),this.host=n,this.window=t,this.config=e,this.parent=i,this.level=o,this.modules=V(this.host),this.exportId=(this.host.getAttribute(this.config.template?.attr.exportid)||"").trim(),this.validateExportId(this.exportId);let s=this.window.webqit.realdom;this.realtimeA=s.realtime(this.host.content).children(f=>{this.export(f.entrants,!0),this.export(f.exits,!1)},{live:!0,timing:"sync"}),this.realtimeB=s.realtime(this.host).attr(["src","loading"],(...f)=>this.evaluateLoading(...f),{live:!0,atomic:!0,timing:"sync",lifecycleSignals:!0}),this.realtimeC=this.evalInheritance()}validateExportId(t){if(["@","/","#"].some(n=>t.includes(n)))throw new Error(`The export ID "${t}" contains an invalid character.`)}export(t,n){t.forEach(e=>{if(e.nodeType!==1)return;let i=(e.getAttribute(this.config.export.attr.exportid)||"").trim();if(!i)return;let o=e.matches(this.config.templateSelector);n?(o&&new D(this.window,e,this.config,this.host,this.level+1),E.set(this.modules,(!o&&"#"||"")+i,e)):(o&&D.instance(this.window,e).dispose(),E.deleteProperty(this.modules,(!o&&"#"||"")+i))})}evaluateLoading([t,n],{signal:e}){let i=(t.value||"").trim();if(!i)return;let o,s=l=>{if(!l)return o;o=l.then(()=>u.remove())},f=(n.value||"").trim(),u=E.intercept(this.modules,"get",async(l,c,a)=>(f==="lazy"&&s(this.load(i,!0)),await s(),a()),{signal:e});f!=="lazy"&&s(this.load(i))}load(t){if(this.host.content.children.length)return Promise.resolve();if(this.fetchInFlight?.src===t)return this.fetchInFlight.request;this.fetchInFlight?.controller.abort();let n=new AbortController,e=(o,s)=>this.host.dispatchEvent(new this.window.CustomEvent(o,{detail:s})),i=this.window.fetch(t,{signal:n.signal,element:this.host}).then(o=>o.ok?o.text():Promise.reject(o.statusText)).then(o=>(this.host.innerHTML=o.trim(),e("load"),this.host)).catch(o=>(console.error(`Error fetching the bundle at "${t}": ${o.message}`),this.fetchInFlight=null,e("loaderror"),this.host));return this.fetchInFlight={src:t,request:i,controller:n},i}evalInheritance(){if(!this.parent)return[];let t=(this.host.getAttribute(this.config.template.attr.extends)||"").trim(),n=(this.host.getAttribute(this.config.template.attr.inherits)||"").trim(),e=s=>{s.forEach(f=>{E.get(this.modules,f.key)===f.oldValue&&(["get","set","defineProperty"].includes(f.type)?E[f.type.replace("get","set")](this.modules,f.key,f.value):f.type==="deleteProperty"&&E.deleteProperty(this.modules,f.key))})},i=[],o=V(this.parent);return t&&i.push(E.deep(o,[t,this.config.template.api.modules,1/0],E.get,e,{live:!0})),(n=n.split(" ").map(s=>s.trim()).filter(s=>s)).length&&i.push(E.get(o,n,e,{live:!0})),i}dispose(){this.realtimeA.disconnect(),this.realtimeB.disconnect(),this.realtimeC.forEach(t=>t.abort()),Object.entries(this.modules).forEach(([t,n])=>{t.startsWith("#")||D.instance(this.window,n).dispose()})}};var G=class extends ft{static createId(t,n={}){return"type"in n||(n={type:"htmlimports",...n}),super.createId(t,n)}static createRequest(t={}){let n={type:"htmlimports",...t};if(!n.contextName&&n.detail?.startsWith("/"))n.contextName="root";else if(n.detail?.startsWith("@")){let[e,...i]=n.detail.slice(1).split(/(?<=\w)(?=\/|#)/).map(o=>o.trim());n.contextName=e,n.detail=i.join("")}return n}get localModules(){return V(this.host)}handle(t){if(t.request.controller?.abort(),(t.request.detail||"").trim()==="/")return t.respondWith(this.localModules);let n=this.constructor.config,e=(t.request.detail||"").split(/\/|(?<=\w)(?=#)/g).map(o=>o.trim()).filter(o=>o);if(e.length&&(e=e.join(`/${n.template.api.modules}/`)?.split("/")||[]),!e.length)return t.respondWith();let i={live:t.request.live,descripted:!0,midwayResults:!0};t.request.controller=E.deep(this.localModules,e,E.get,(o,{signal:s}={})=>{if(!(!o.value&&this.host.isConnected===!1))return o.value||!this.contextModules?t.respondWith(o.value):E.deep(this.contextModules,e,E.get,f=>t.respondWith(f.value),{signal:s,...i})},i)}realtimeSources(t){this.host=t;let n=()=>{for(let o of this.subscriptions)this.handle(o)},e=this.constructor.config;if(!this.host.matches||!e.context.attr.importscontext)return;this.refdSourceController?.disconnect();let i=this.host.ownerDocument.defaultView.webqit.realdom;this.refdSourceController=i.realtime(this.host).attr(e.context.attr.importscontext,(o,{signal:s})=>{if(!o.value)return this.contextModules=void 0,n();let f=this.constructor.createRequest({detail:o.value.trim(),live:!0,signal:s,superContextOnly:!0});S.instance(this.host).request(f,u=>{this.contextModules=u&&Object.getPrototypeOf(u)?V(u):u,n()})},{live:!0,timing:"sync",lifecycleSignals:!0})}initialize(t){return this.realtimeSources(t),super.initialize(t)}dispose(t){return this.refdSourceController?.disconnect(),super.dispose(t)}};function je(r){let t=this,{realdom:n}=t.webqit,e=r.import.tagName.includes("-")?t.HTMLElement:class{};return class extends e{static instance(o){return r.import.tagName.includes("-")&&o instanceof this?o:w(o).get("import::instance")||new this(o)}constructor(...o){super();let s=o[0]||this;w(s).set("import::instance",this),Object.defineProperty(this,"el",{get:()=>s,configurable:!1});let f={};Object.defineProperty(this,"#",{get:()=>f,configurable:!1}),f.slottedElements=new Set,f.setAnchorNode=u=>{f.anchorNode=u,w(u).set("anchoredNode@imports",this.el)},f.importRequest=(u,l=null)=>{let c=G.createRequest({detail:f.moduleRef,live:l&&!0,signal:l});S.instance(this.el.isConnected?this.el.parentNode:f.anchorNode.parentNode).request(c,a=>{u((a instanceof t.HTMLTemplateElement?[...a.content.children]:a&&[a])||[])})},f.hydrate=(u,l)=>{f.moduleRef=(this.el.getAttribute(r.import.attr.moduleref)||"").trim(),f.setAnchorNode(u),f.autoRestore(()=>{l.forEach(c=>{f.slottedElements.add(c),w(c).set("slot@imports",this.el)})}),f.hydrationImportRequest=new AbortController,f.importRequest(c=>{if(f.originalsRemapped)return this.fill(c);let a=c.map(p=>({el:p,exportId:p.getAttribute(r.export.attr.exportid),tagName:p.tagName}));l.forEach(p=>{let h=p.tagName,x=p.getAttribute(r.export.attr.exportid),m=a.filter(y=>h===y.tagName&&x===y.exportId);m.length===1&&w(p).set("original@imports",m[0].el)}),f.originalsRemapped=!0},f.hydrationImportRequest.signal)},f.autoRestore=(u=null)=>{if(f.autoRestoreRealtime?.disconnect(),u&&u(),!f.slottedElements.size){f.anchorNode.replaceWith(this.el);return}let l=n.realtime(t.document).observe([...f.slottedElements],c=>{if(c.exits.forEach(a=>{w(a).delete("slot@imports"),f.slottedElements.delete(a)}),!f.slottedElements.size){if(l.disconnect(),!c.target.isConnected)return;f.anchorNode.replaceWith(this.el)}},{subtree:!0,timing:"sync",generation:"exits"});f.autoRestoreRealtime=l},f.connectedCallback=()=>{if(f.slottedElements.size)throw new Error("Illegal reinsertion into the DOM; import slot is not empty!");f.anchorNode||f.setAnchorNode(this.createAnchorNode()),!f.moduleRefRealtime&&(f.moduleRefRealtime=n.realtime(this.el).attr(r.import.attr.moduleref,(u,{signal:l})=>{f.moduleRef=u.value,f.importRequest(c=>!f.hydrationImportRequest&&this.fill(c),l)},{live:!0,timing:"sync",lifecycleSignals:!0}),f.hydrationImportRequest?.abort(),f.hydrationImportRequest=null)},f.disconnectedCallback=()=>{f.hydrationImportRequest?.abort(),f.hydrationImportRequest=null,!f.anchorNode.isConnected&&(f.moduleRefRealtime?.disconnect(),f.moduleRefRealtime=null)}}createAnchorNode(){return r.isomorphic?t.document.createComment(this.el.outerHTML):t.document.createTextNode("")}fill(o){Array.isArray(o)&&(o=new Set(o)),this["#"].autoRestore(()=>{this["#"].slottedElements.forEach(s=>{let f=w(s).get("original@imports");o.has(f)?o.delete(f):(this["#"].slottedElements.delete(s),s.remove())}),this.el.isConnected&&o.size&&this.el.replaceWith(this["#"].anchorNode),o.forEach(s=>{let f=s.cloneNode(!0);f.hasAttribute(r.export.attr.exportid)||f.toggleAttribute(r.export.attr.exportid,!0),w(f).set("original@imports",s),w(f).set("slot@imports",this.el),this["#"].slottedElements.add(f),this["#"].anchorNode.before(f)})})}empty(){this["#"].slottedElements.forEach(o=>o.remove())}get anchorNode(){return this["#"].anchorNode}get moduleRef(){return this["#"].moduleRef}get slottedElements(){return this["#"].slottedElements}}}function se(r={}){let{config:t,realdom:n,window:e}=Ie.call(this,"html-imports",r,{export:{attr:{exportid:"def"}},template:{attr:{exportid:"def",extends:"extends",inherits:"inherits"},api:{modules:"modules",exportid:"exportid"}},context:{attr:{importscontext:"importscontext",contextname:"contextname"},api:{modules:"modules"}},import:{tagName:"import",attr:{moduleref:"ref"}},staticsensitivity:!0,isomorphic:!0});t.templateSelector=`template[${e.CSS.escape(t.template.attr.exportid)}]`,t.ownerContextSelector=[t.context.attr.contextname,t.context.attr.importscontext].map(i=>`[${e.CSS.escape(i)}]`).join(","),t.slottedElementsSelector=`[${e.CSS.escape(t.export.attr.exportid)}]`,e.webqit.HTMLImportElement=je.call(e,t),e.webqit.HTMLImportsProvider=class extends G{static get config(){return t}},e.webqit.Observer=E,Ar.call(e,t),n.ready(()=>Cr.call(e,t)),Tr.call(e,t)}function V(r,t=!0){if(!w(r).has("modules")&&t){let n=Object.create(null);w(r).set("modules",n)}return w(r).get("modules")}function Ar(r){let t=this;if(r.template.api.modules in t.HTMLTemplateElement.prototype)throw new Error(`The "HTMLTemplateElement" class already has a "${r.template.api.modules}" property!`);if(r.template.api.exportid in t.HTMLTemplateElement.prototype)throw new Error(`The "HTMLTemplateElement" class already has a "${r.template.api.exportid}" property!`);if(r.context.api.import in t.document)throw new Error(`document already has a "${r.context.api.import}" property!`);if(r.context.api.import in t.HTMLElement.prototype)throw new Error(`The "HTMLElement" class already has a "${r.context.api.import}" property!`);Object.defineProperty(t.HTMLTemplateElement.prototype,r.template.api.modules,{get:function(){return V(this)}}),Object.defineProperty(t.HTMLTemplateElement.prototype,r.template.api.exportid,{get:function(){return this.getAttribute(r.template.attr.exportid)}}),Object.defineProperty(t.document,r.context.api.import,{value:function(e,i,o={}){return n(t.document,e,i,o)}}),Object.defineProperty(t.HTMLElement.prototype,r.context.api.import,{value:function(e,i,o={}){return n(this,e,i,o)}});function n(e,i,o,s){let f=G.createRequest({detail:i,...s});return S.instance(e).request(f,o)}}function Tr(r){let t=this,{realdom:n,HTMLImportElement:e,HTMLImportsProvider:i}=t.webqit,o=u=>{let l=i.createId(u);i.attachTo(u,l)},s=(u,l)=>{let c=i.createId(u);i.detachFrom(u,c,a=>l||u.matches&&!u.matches(r.ownerContextSelector)&&!Object.keys(a.localModules).length)};n.realtime(t.document).subtree([r.templateSelector,r.ownerContextSelector],u=>{u.entrants.forEach(l=>{if(l.matches(r.templateSelector)){Object.defineProperty(l,"scoped",{value:l.hasAttribute("scoped")});let c=new D(t,l,r);c.ownerContext=l.scoped?u.target:t.document;let a=V(c.ownerContext);c.exportId&&E.set(a,c.exportId,l),o(c.ownerContext)}else o(l)}),u.exits.forEach(l=>{if(l.matches(r.templateSelector)){let c=D.instance(t,l,r),a=V(c.ownerContext);c.exportId&&E.deleteProperty(a,c.exportId),s(c.ownerContext)}else s(l,!0)})},{live:!0,timing:"sync",staticSensitivity:r.staticsensitivity}),n.realtime(t.document).subtree(r.import.tagName,u=>{u.entrants.forEach(l=>f(l,!0,u)),u.exits.forEach(l=>f(l,!1,u))},{live:!0,timing:"sync"});function f(u,l,c){let a=e.instance(u);l?a["#"].connectedCallback():a["#"].disconnectedCallback()}}function Cr(r){let t=this,{HTMLImportElement:n}=t.webqit;function e(i){let o=new Set;i.childNodes.forEach(s=>{if(s.nodeType===1){if(!s.matches(r.slottedElementsSelector)||w(s).get("slot@imports"))return;o.add(s)}else if(s.nodeType===8){let f=s.nodeValue.trim();if(!f.startsWith("<"+r.import.tagName)||!f.endsWith("</"+r.import.tagName+">"))return;let u=t.document.createElement("div");u.innerHTML=f;let l=u.firstChild;if(!l.matches(r.import.tagName))return;n.instance(l)["#"].hydrate(s,o),o.clear()}})}Array.from(t.document.querySelectorAll(r.slottedElementsSelector)).forEach(i=>{w(i).get("slot@imports")||w(i.parentNode).get("alreadyscanned@imports")||(e(i.parentNode),w(i.parentNode).set("alreadyscanned@imports",!0))})}se.call(window);})();
|
|
2
2
|
//# sourceMappingURL=html-imports.js.map
|