@htmlbricks/hb-matrix-video 0.71.34 → 0.71.36

package/README.md

@@ -1,20 +1,140 @@
 # hb-matrix-video
 
-## Description
+**Category:** media · **Tags:** media, video, grid
 
-Responsive video wall: lays out `items` in a **Bulma** `columns` / `column` grid (gapless rows) sized from the viewport (16:9-friendly). Each cell can be an iframe, plain MP4 `<video>`, `hb-player-live` (WHEP), or `hb-player-live-camera-ptz`. Tracks hover selection and emits `hoverItem` and `clickItem` with the focused tile id.
+## Overview
 
-## Types
+`hb-matrix-video` is a responsive **video wall** custom element. It lays out a list of **tiles** (`items`) in a **gapless Bulma** `columns` / `column` grid, sizes the grid from the host viewport, and biases layouts toward a **16:9** cell aspect ratio. Each tile can embed a page (`iframe`), an MP4 stream (`video`), a **WHEP** live player (`hb-player-live` via `mediamtx-webrtc`), or a PTZ camera player (`hb-player-live-camera-ptz` via `mediamtx-webrtc-ptz`).
+
+The component tracks which tile is under the pointer and emits **`hoverItem`** and **`clickItem`** custom events (see [Events](#events)).
+
+## Custom element
+
+`hb-matrix-video`
+
+## Dependencies
+
+The bundle registers **`hb-player-live`** (`@htmlbricks/hb-player-live`, same version as this package). PTZ tiles render **`hb-player-live-camera-ptz`** with `media_type="whep"` and `live_uri="{uri}/whep"`. Plain WebRTC tiles use **`hb-player-live`** with `media_type="whep"` and `mediauri="{uri}/whep"`.
+
+## Attributes (snake_case; string values in HTML)
+
+Web component attributes are **strings**. Complex data must be **JSON** on a single attribute (see [HTML Bricks development conventions](https://htmlbricks.dev/) for your bundle version).
+
+| Attribute | Required | Description |
+|-----------|----------|-------------|
+| `items` | **Yes** | JSON string: array of tile objects (see [Tile `items`](#tile-items)). |
+| `id` | No | Optional element `id`. |
+| `style` | No | Optional; present in authoring types for host styling when supported by your integration. |
+
+### Tile `items`
+
+Each entry is an object with:
+
+| Field | Required | Description |
+|-------|----------|-------------|
+| `type` | Yes | `"iframe"` \| `"video"` \| `"mediamtx-webrtc"` \| `"mediamtx-webrtc-ptz"`. |
+| `id` | Yes | Stable string id for the tile (used in events and DOM `id="select_{id}"`). |
+| `uri` | Yes | **iframe:** `src` URL. **video:** MP4 source URL. **mediamtx-***: base URL; the component appends `/whep` for the player. |
+| `title` | No | **iframe:** `title` attribute. **video:** passed to `<source>` (may be ignored by browsers for `source`). |
+
+Example `items` value (escaped for HTML):
+
+```json
+[
+  {"type":"iframe","id":"cam-1","uri":"https://example.com/embed","title":"Camera 1"},
+  {"type":"mediamtx-webrtc","id":"live-1","uri":"https://mediamtx.example.com/mystream"}
+]
+```
+
+## Layout behavior
+
+- **Sizing:** On mount and on **window resize** (debounced), the inner `#matrix` container height is set from the window height minus its offset from the top; width uses the container client width. Rows and columns are recomputed from that box.
+- **One tile:** Single row and column.
+- **Narrow viewports:** If the container width is **below 450px**, tiles stack in **one column** (one tile per row).
+- **Two tiles:** If the container is wider than 16:9, tiles sit **side by side**; if taller, they stack **vertically**.
+- **Three or more:** The implementation searches row/column counts that keep the implied 16:9 grid within the container (different strategy for landscape vs portrait container aspect ratio).
+
+Empty or invalid `items` JSON is logged to the console; the grid renders when `items` is a valid array.
+
+## Events
+
+Listen with `addEventListener` or your framework’s DOM bindings.
+
+| Event | `detail` | When it fires |
+|-------|----------|----------------|
+| `hoverItem` | `{ id?: string; selected: boolean }` | Pointer **enters** a tile (`id` set, `selected: true`) or **leaves** the tile (`id` omitted, `selected: false`). |
+| `clickItem` | `{ id: string }` | When a **selected** tile id exists and an **`iframe`** tile’s **same-origin** document receives a `click` (the implementation attaches a listener on `iframe` load). Other tile types do not currently wire this path in the source. |
+
+## Styling (Bulma + host tokens)
+
+The shadow root includes Bulma **columns** / **column** and spacing utilities. You can theme the wall with CSS variables; see [Bulma CSS variables](https://bulma.io/documentation/features/css-variables/) and `extra/docs.ts` for defaults.
+
+| Variable | Purpose |
+|----------|---------|
+| `--bulma-column-gap` | Horizontal gap between column cells (default `0.75rem` in metadata). |
+| `--bulma-scheme-invert` | Default full-bleed background behind tiles when `--hb-matrix-video-bg` is unset. |
+| `--hb-matrix-video-bg` | Optional explicit host background behind the grid (falls back to `--bulma-scheme-invert`). |
+
+## CSS parts
+
+None.
+
+## Slots
+
+None.
+
+## TypeScript (authoring)
 
 ```typescript
 export type Component = {
-	id?: string;
-	style?: string;
-	items: { type: "video" | "iframe" | "mediamtx-webrtc" | "mediamtx-webrtc-ptz"; id: string; uri: string; title?: string }[];
+  id?: string;
+  style?: string;
+  items: {
+    type: "video" | "iframe" | "mediamtx-webrtc" | "mediamtx-webrtc-ptz";
+    id: string;
+    uri: string;
+    title?: string;
+  }[];
 };
 
 export type Events = {
-	hoverItem: { id?: string; selected: boolean };
-	clickItem: { id: string };
+  hoverItem: { id?: string; selected: boolean };
+  clickItem: { id: string };
 };
 ```
+
+## Minimal HTML example
+
+```html
+<hb-matrix-video
+  id="wall-1"
+  items='[{"type":"iframe","id":"1","uri":"https://example.com/embed","title":"Stream"}]'
+></hb-matrix-video>
+```
+
+## Vanilla JavaScript example
+
+```javascript
+const el = document.querySelector("hb-matrix-video");
+
+el.addEventListener("hoverItem", (e) => {
+  console.log("hover", e.detail.id, e.detail.selected);
+});
+
+el.addEventListener("clickItem", (e) => {
+  console.log("click", e.detail.id);
+});
+
+el.setAttribute(
+  "items",
+  JSON.stringify([
+    { type: "video", id: "a", uri: "https://example.com/file.mp4" },
+    { type: "iframe", id: "b", uri: "https://example.com/other" },
+  ])
+);
+```
+
+## Notes
+
+- **Cross-origin iframes:** Browsers block access to `contentWindow` for cross-origin documents; in that case the `iframe` click bridge may not run and **`clickItem` may not fire**—`hoverItem` still reflects pointer hover.
+- **Console:** The implementation may log layout debug information during development builds.

package/main.iife.js

@@ -1,6 +1,6 @@
 (function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`}),typeof window<`u`&&((window.__svelte??={}).v??=new Set).add(`5`);var t={},n=Symbol(),r=`http://www.w3.org/1999/xhtml`,i=Array.isArray,a=Array.prototype.indexOf,o=Array.prototype.includes,s=Array.from,c=Object.keys,l=Object.defineProperty,u=Object.getOwnPropertyDescriptor,d=Object.getOwnPropertyDescriptors,f=Object.prototype,p=Array.prototype,m=Object.getPrototypeOf,h=Object.isExtensible,g=()=>{};function _(e){for(var t=0;t<e.length;t++)e[t]()}function v(){var e,t;return{promise:new Promise((n,r)=>{e=n,t=r}),resolve:e,reject:t}}var y=1024,b=2048,x=4096,S=8192,ee=16384,C=32768,te=1<<25,ne=65536,re=1<<19,ie=1<<20,ae=1<<25,oe=65536,se=1<<21,ce=1<<22,le=1<<23,ue=Symbol(`$state`),de=Symbol(`legacy props`),fe=Symbol(``),w=new class extends Error{name=`StaleReactionError`;message="The reaction that called `getAbortSignal()` was re-run or destroyed"},pe=!!globalThis.document?.contentType&&globalThis.document.contentType.includes(`xml`);function me(e){throw Error(`https://svelte.dev/e/lifecycle_outside_component`)}function he(){throw Error(`https://svelte.dev/e/async_derived_orphan`)}function ge(e,t,n){throw Error(`https://svelte.dev/e/each_key_duplicate`)}function _e(e){throw Error(`https://svelte.dev/e/effect_in_teardown`)}function ve(){throw Error(`https://svelte.dev/e/effect_in_unowned_derived`)}function ye(e){throw Error(`https://svelte.dev/e/effect_orphan`)}function be(){throw Error(`https://svelte.dev/e/effect_update_depth_exceeded`)}function xe(){throw Error(`https://svelte.dev/e/hydration_failed`)}function Se(e){throw Error(`https://svelte.dev/e/props_invalid_value`)}function Ce(){throw Error(`https://svelte.dev/e/state_descriptors_fixed`)}function we(){throw Error(`https://svelte.dev/e/state_prototype_fixed`)}function Te(){throw Error(`https://svelte.dev/e/state_unsafe_mutation`)}function Ee(){throw Error(`https://svelte.dev/e/svelte_boundary_reset_onerror`)}function De(e){console.warn(`https://svelte.dev/e/hydration_mismatch`)}function Oe(){console.warn(`https://svelte.dev/e/svelte_boundary_reset_noop`)}var T=!1;function E(e){T=e}var D;function O(e){if(e===null)throw De(),t;return D=e}function ke(){return O(z(D))}function Ae(e){if(T){if(z(D)!==null)throw De(),t;D=e}}function je(e=1){if(T){for(var t=e,n=D;t--;)n=z(n);D=n}}function Me(e=!0){for(var t=0,n=D;;){if(n.nodeType===8){var r=n.data;if(r===`]`){if(t===0)return n;--t}else (r===`[`||r===`[!`||r[0]===`[`&&!isNaN(Number(r.slice(1))))&&(t+=1)}var i=z(n);e&&n.remove(),n=i}}function Ne(e){if(!e||e.nodeType!==8)throw De(),t;return e.data}function Pe(e){return e===this.v}function Fe(e,t){return e==e?e!==t||typeof e==`object`&&!!e||typeof e==`function`:t==t}function Ie(e){return!Fe(e,this.v)}var Le=!1,Re=!1,k=null;function ze(e){k=e}function Be(e,t=!1,n){k={p:k,i:!1,c:null,e:null,s:e,x:null,r:K,l:Re&&!t?{s:null,u:null,$:[]}:null}}function Ve(e){var t=k,n=t.e;if(n!==null){t.e=null;for(var r of n)un(r)}return e!==void 0&&(t.x=e),t.i=!0,k=t.p,e??{}}function He(){return!Re||k!==null&&k.l===null}var Ue=[];function We(){var e=Ue;Ue=[],_(e)}function A(e){if(Ue.length===0&&!nt){var t=Ue;queueMicrotask(()=>{t===Ue&&We()})}Ue.push(e)}function Ge(){for(;Ue.length>0;)We()}function Ke(e){var t=K;if(t===null)return U.f|=le,e;if(!(t.f&32768)&&!(t.f&4))throw e;qe(e,t)}function qe(e,t){for(;t!==null;){if(t.f&128){if(!(t.f&32768))throw e;try{t.b.error(e);return}catch(t){e=t}}t=t.parent}throw e}var Je=~(b|x|y);function j(e,t){e.f=e.f&Je|t}function Ye(e){e.f&512||e.deps===null?j(e,y):j(e,x)}function Xe(e){if(e!==null)for(let t of e)!(t.f&2)||!(t.f&65536)||(t.f^=oe,Xe(t.deps))}function Ze(e,t,n){e.f&2048?t.add(e):e.f&4096&&n.add(e),Xe(e.deps),j(e,y)}var Qe=!1,$e=!1;function et(e){var t=$e;try{return $e=!1,[e(),$e]}finally{$e=t}}var M=new Set,N=null,P=null,tt=null,nt=!1,rt=!1,it=null,at=null,ot=0,st=1,ct=class e{id=st++;current=new Map;previous=new Map;#e=new Set;#t=new Set;#n=new Map;#r=new Map;#i=null;#a=[];#o=new Set;#s=new Set;#c=new Map;is_fork=!1;#l=!1;#u=new Set;#d(){return this.is_fork||this.#r.size>0}#f(){for(let n of this.#u)for(let r of n.#r.keys()){for(var e=!1,t=r;t.parent!==null;){if(this.#c.has(t)){e=!0;break}t=t.parent}if(!e)return!0}return!1}skip_effect(e){this.#c.has(e)||this.#c.set(e,{d:[],m:[]})}unskip_effect(e){var t=this.#c.get(e);if(t){this.#c.delete(e);for(var n of t.d)j(n,b),this.schedule(n);for(n of t.m)j(n,x),this.schedule(n)}}#p(){if(ot++>1e3&&(M.delete(this),ut()),!this.#d()){for(let e of this.#o)this.#s.delete(e),j(e,b),this.schedule(e);for(let e of this.#s)j(e,x),this.schedule(e)}let t=this.#a;this.#a=[],this.apply();var n=it=[],r=[],i=at=[];for(let e of t)try{this.#m(e,n,r)}catch(t){throw gt(e),t}if(N=null,i.length>0){var a=e.ensure();for(let e of i)a.schedule(e)}if(it=null,at=null,this.#d()||this.#f()){this.#h(r),this.#h(n);for(let[e,t]of this.#c)ht(e,t)}else{this.#n.size===0&&M.delete(this),this.#o.clear(),this.#s.clear();for(let e of this.#e)e(this);this.#e.clear(),dt(r),dt(n),this.#i?.resolve()}var o=N;if(this.#a.length>0){let e=o??=this;e.#a.push(...this.#a.filter(t=>!e.#a.includes(t)))}o!==null&&(M.add(o),o.#p()),M.has(this)||this.#g()}#m(e,t,n){e.f^=y;for(var r=e.first;r!==null;){var i=r.f,a=(i&96)!=0;if(!(a&&i&1024||i&8192||this.#c.has(r))&&r.fn!==null){a?r.f^=y:i&4?t.push(r):Le&&i&16777224?n.push(r):zn(r)&&(i&16&&this.#s.add(r),Wn(r));var o=r.first;if(o!==null){r=o;continue}}for(;r!==null;){var s=r.next;if(s!==null){r=s;break}r=r.parent}}}#h(e){for(var t=0;t<e.length;t+=1)Ze(e[t],this.#o,this.#s)}capture(e,t,r=!1){t!==n&&!this.previous.has(e)&&this.previous.set(e,t),e.f&8388608||(this.current.set(e,[e.v,r]),P?.set(e,e.v))}activate(){N=this}deactivate(){N=null,P=null}flush(){try{rt=!0,N=this,this.#p()}finally{ot=0,tt=null,it=null,at=null,rt=!1,N=null,P=null,It.clear()}}discard(){for(let e of this.#t)e(this);this.#t.clear(),M.delete(this)}#g(){for(let c of M){var e=c.id<this.id,t=[];for(let[r,[i,a]]of this.current){if(c.current.has(r)){var n=c.current.get(r)[0];if(e&&i!==n)c.current.set(r,[i,a]);else continue}t.push(r)}var r=[...c.current.keys()].filter(e=>!this.current.has(e));if(r.length===0)e&&c.discard();else if(t.length>0){c.activate();var i=new Set,a=new Map;for(var o of t)ft(o,r,i,a);if(c.#a.length>0){c.apply();for(var s of c.#a)c.#m(s,[],[]);c.#a=[]}c.deactivate()}}for(let e of M)e.#u.has(this)&&(e.#u.delete(this),e.#u.size===0&&!e.#d()&&(e.activate(),e.#p()))}increment(e,t){let n=this.#n.get(t)??0;if(this.#n.set(t,n+1),e){let e=this.#r.get(t)??0;this.#r.set(t,e+1)}}decrement(e,t,n){let r=this.#n.get(t)??0;if(r===1?this.#n.delete(t):this.#n.set(t,r-1),e){let e=this.#r.get(t)??0;e===1?this.#r.delete(t):this.#r.set(t,e-1)}this.#l||n||(this.#l=!0,A(()=>{this.#l=!1,this.flush()}))}transfer_effects(e,t){for(let t of e)this.#o.add(t);for(let e of t)this.#s.add(e);e.clear(),t.clear()}oncommit(e){this.#e.add(e)}ondiscard(e){this.#t.add(e)}settled(){return(this.#i??=v()).promise}static ensure(){if(N===null){let t=N=new e;rt||(M.add(N),nt||A(()=>{N===t&&t.flush()}))}return N}apply(){if(!Le||!this.is_fork&&M.size===1){P=null;return}P=new Map;for(let[e,[t]]of this.current)P.set(e,t);for(let n of M)if(!(n===this||n.is_fork)){var e=!1,t=!1;if(n.id<this.id)for(let[r,[,i]]of n.current)i||(e||=this.current.has(r),t||=!this.current.has(r));if(e&&t)this.#u.add(n);else for(let[e,t]of n.previous)P.has(e)||P.set(e,t)}}schedule(e){if(tt=e,e.b?.is_pending&&e.f&16777228&&!(e.f&32768)){e.b.defer_effect(e);return}for(var t=e;t.parent!==null;){t=t.parent;var n=t.f;if(it!==null&&t===K&&(Le||(U===null||!(U.f&2))&&!Qe))return;if(n&96){if(!(n&1024))return;t.f^=y}}this.#a.push(t)}};function lt(e){var t=nt;nt=!0;try{var n;for(e&&(N!==null&&!N.is_fork&&N.flush(),n=e());;){if(Ge(),N===null)return n;N.flush()}}finally{nt=t}}function ut(){try{be()}catch(e){qe(e,tt)}}var F=null;function dt(e){var t=e.length;if(t!==0){for(var n=0;n<t;){var r=e[n++];if(!(r.f&24576)&&zn(r)&&(F=new Set,Wn(r),r.deps===null&&r.first===null&&r.nodes===null&&r.teardown===null&&r.ac===null&&Sn(r),F?.size>0)){It.clear();for(let e of F){if(e.f&24576)continue;let t=[e],n=e.parent;for(;n!==null;)F.has(n)&&(F.delete(n),t.push(n)),n=n.parent;for(let e=t.length-1;e>=0;e--){let n=t[e];n.f&24576||Wn(n)}}F.clear()}}F=null}}function ft(e,t,n,r){if(!n.has(e)&&(n.add(e),e.reactions!==null))for(let i of e.reactions){let e=i.f;e&2?ft(i,t,n,r):e&4194320&&!(e&2048)&&pt(i,t,r)&&(j(i,b),mt(i))}}function pt(e,t,n){let r=n.get(e);if(r!==void 0)return r;if(e.deps!==null)for(let r of e.deps){if(o.call(t,r))return!0;if(r.f&2&&pt(r,t,n))return n.set(r,!0),!0}return n.set(e,!1),!1}function mt(e){N.schedule(e)}function ht(e,t){if(!(e.f&32&&e.f&1024)){e.f&2048?t.d.push(e):e.f&4096&&t.m.push(e),j(e,y);for(var n=e.first;n!==null;)ht(n,t),n=n.next}}function gt(e){j(e,y);for(var t=e.first;t!==null;)gt(t),t=t.next}function _t(e){let t=0,n=Rt(0),r;return()=>{sn()&&(Q(n),hn(()=>(t===0&&(r=qn(()=>e(()=>Ht(n)))),t+=1,()=>{A(()=>{--t,t===0&&(r?.(),r=void 0,Ht(n))})})))}}var vt=ne|re;function yt(e,t,n,r){new bt(e,t,n,r)}var bt=class{parent;is_pending=!1;transform_error;#e;#t=T?D:null;#n;#r;#i;#a=null;#o=null;#s=null;#c=null;#l=0;#u=0;#d=!1;#f=new Set;#p=new Set;#m=null;#h=_t(()=>(this.#m=Rt(this.#l),()=>{this.#m=null}));constructor(e,t,n,r){this.#e=e,this.#n=t,this.#r=e=>{var t=K;t.b=this,t.f|=128,n(e)},this.parent=K.b,this.transform_error=r??this.parent?.transform_error??(e=>e),this.#i=_n(()=>{if(T){let e=this.#t;ke();let t=e.data===`[!`;if(e.data.startsWith(`[?`)){let t=JSON.parse(e.data.slice(2));this.#_(t)}else t?this.#v():this.#g()}else this.#y()},vt),T&&(this.#e=D)}#g(){try{this.#a=V(()=>this.#r(this.#e))}catch(e){this.error(e)}}#_(e){let t=this.#n.failed;t&&(this.#s=V(()=>{t(this.#e,()=>e,()=>()=>{})}))}#v(){let e=this.#n.pending;e&&(this.is_pending=!0,this.#o=V(()=>e(this.#e)),A(()=>{var e=this.#c=document.createDocumentFragment(),t=R();e.append(t),this.#a=this.#x(()=>V(()=>this.#r(t))),this.#u===0&&(this.#e.before(e),this.#c=null,Cn(this.#o,()=>{this.#o=null}),this.#b(N))}))}#y(){try{if(this.is_pending=this.has_pending_snippet(),this.#u=0,this.#l=0,this.#a=V(()=>{this.#r(this.#e)}),this.#u>0){var e=this.#c=document.createDocumentFragment();Dn(this.#a,e);let t=this.#n.pending;this.#o=V(()=>t(this.#e))}else this.#b(N)}catch(e){this.error(e)}}#b(e){this.is_pending=!1,e.transfer_effects(this.#f,this.#p)}defer_effect(e){Ze(e,this.#f,this.#p)}is_rendered(){return!this.is_pending&&(!this.parent||this.parent.is_rendered())}has_pending_snippet(){return!!this.#n.pending}#x(e){var t=K,n=U,r=k;q(this.#i),G(this.#i),ze(this.#i.ctx);try{return ct.ensure(),e()}catch(e){return Ke(e),null}finally{q(t),G(n),ze(r)}}#S(e,t){if(!this.has_pending_snippet()){this.parent&&this.parent.#S(e,t);return}this.#u+=e,this.#u===0&&(this.#b(t),this.#o&&Cn(this.#o,()=>{this.#o=null}),this.#c&&=(this.#e.before(this.#c),null))}update_pending_count(e,t){this.#S(e,t),this.#l+=e,!(!this.#m||this.#d)&&(this.#d=!0,A(()=>{this.#d=!1,this.#m&&Bt(this.#m,this.#l)}))}get_effect_pending(){return this.#h(),Q(this.#m)}error(e){var t=this.#n.onerror;let n=this.#n.failed;if(!t&&!n)throw e;this.#a&&=(H(this.#a),null),this.#o&&=(H(this.#o),null),this.#s&&=(H(this.#s),null),T&&(O(this.#t),je(),O(Me()));var r=!1,i=!1;let a=()=>{if(r){Oe();return}r=!0,i&&Ee(),this.#s!==null&&Cn(this.#s,()=>{this.#s=null}),this.#x(()=>{this.#y()})},o=e=>{try{i=!0,t?.(e,a),i=!1}catch(e){qe(e,this.#i&&this.#i.parent)}n&&(this.#s=this.#x(()=>{try{return V(()=>{var t=K;t.b=this,t.f|=128,n(this.#e,()=>e,()=>a)})}catch(e){return qe(e,this.#i.parent),null}}))};A(()=>{var t;try{t=this.transform_error(e)}catch(e){qe(e,this.#i&&this.#i.parent);return}typeof t==`object`&&t&&typeof t.then==`function`?t.then(o,e=>qe(e,this.#i&&this.#i.parent)):o(t)})}};function xt(e,t,n,r){let i=He()?Tt:Ot;var a=e.filter(e=>!e.settled);if(n.length===0&&a.length===0){r(t.map(i));return}var o=K,s=St(),c=a.length===1?a[0].promise:a.length>1?Promise.all(a.map(e=>e.promise)):null;function l(e){s();try{r(e)}catch(e){o.f&16384||qe(e,o)}Ct()}if(n.length===0){c.then(()=>l(t.map(i)));return}var u=wt();function d(){Promise.all(n.map(e=>Et(e))).then(e=>l([...t.map(i),...e])).catch(e=>qe(e,o)).finally(()=>u())}c?c.then(()=>{s(),d(),Ct()}):d()}function St(){var e=K,t=U,n=k,r=N;return function(i=!0){q(e),G(t),ze(n),i&&!(e.f&16384)&&(r?.activate(),r?.apply())}}function Ct(e=!0){q(null),G(null),ze(null),e&&N?.deactivate()}function wt(){var e=K,t=e.b,n=N,r=t.is_rendered();return t.update_pending_count(1,n),n.increment(r,e),(i=!1)=>{t.update_pending_count(-1,n),n.decrement(r,e,i)}}function Tt(e){var t=2|b,r=U!==null&&U.f&2?U:null;return K!==null&&(K.f|=re),{ctx:k,deps:null,effects:null,equals:Pe,f:t,fn:e,reactions:null,rv:0,v:n,wv:0,parent:r??K,ac:null}}function Et(e,t,r){let i=K;i===null&&he();var a=void 0,o=Rt(n),s=!U,c=new Map;return mn(()=>{var t=K,n=v();a=n.promise;try{Promise.resolve(e()).then(n.resolve,n.reject).finally(Ct)}catch(e){n.reject(e),Ct()}var r=N;if(s){if(t.f&32768)var l=wt();if(i.b.is_rendered())c.get(r)?.reject(w),c.delete(r);else{for(let e of c.values())e.reject(w);c.clear()}c.set(r,n)}let u=(e,n=void 0)=>{if(l&&l(n===w),!(n===w||t.f&16384)){if(r.activate(),n)o.f|=le,Bt(o,n);else{o.f&8388608&&(o.f^=le),Bt(o,e);for(let[e,t]of c){if(c.delete(e),e===r)break;t.reject(w)}}r.deactivate()}};n.promise.then(u,e=>u(null,e||`unknown`))}),cn(()=>{for(let e of c.values())e.reject(w)}),new Promise(e=>{function t(n){function r(){n===a?e(o):t(a)}n.then(r,r)}t(a)})}function Dt(e){let t=Tt(e);return Le||Mn(t),t}function Ot(e){let t=Tt(e);return t.equals=Ie,t}function kt(e){var t=e.effects;if(t!==null){e.effects=null;for(var n=0;n<t.length;n+=1)H(t[n])}}function At(e){for(var t=e.parent;t!==null;){if(!(t.f&2))return t.f&16384?null:t;t=t.parent}return null}function jt(e){var t,n=K;q(At(e));try{e.f&=~oe,kt(e),t=Vn(e)}finally{q(n)}return t}function Mt(e){var t=e.v,n=jt(e);if(!e.equals(n)&&(e.wv=Rn(),(!N?.is_fork||e.deps===null)&&(e.v=n,N?.capture(e,t,!0),e.deps===null))){j(e,y);return}An||(P===null?Ye(e):(sn()||N?.is_fork)&&P.set(e,n))}function Nt(e){if(e.effects!==null)for(let t of e.effects)(t.teardown||t.ac)&&(t.teardown?.(),t.ac?.abort(w),t.teardown=g,t.ac=null,Un(t,0),yn(t))}function Pt(e){if(e.effects!==null)for(let t of e.effects)t.teardown&&Wn(t)}var Ft=new Set,It=new Map,Lt=!1;function Rt(e,t){return{f:0,v:e,reactions:null,equals:Pe,rv:0,wv:0}}function I(e,t){let n=Rt(e,t);return Mn(n),n}function zt(e,t=!1,n=!0){let r=Rt(e);return t||(r.equals=Ie),Re&&n&&k!==null&&k.l!==null&&(k.l.s??=[]).push(r),r}function L(e,t,n=!1){return U!==null&&(!W||U.f&131072)&&He()&&U.f&4325394&&(J===null||!o.call(J,e))&&Te(),Bt(e,n?Wt(t):t,at)}function Bt(e,t,n=null){if(!e.equals(t)){var r=e.v;An?It.set(e,t):It.set(e,r),e.v=t;var i=ct.ensure();if(i.capture(e,r),e.f&2){let t=e;e.f&2048&&jt(t),P===null&&Ye(t)}e.wv=Rn(),Ut(e,b,n),He()&&K!==null&&K.f&1024&&!(K.f&96)&&(Z===null?Nn([e]):Z.push(e)),!i.is_fork&&Ft.size>0&&!Lt&&Vt()}return t}function Vt(){Lt=!1;for(let e of Ft)e.f&1024&&j(e,x),zn(e)&&Wn(e);Ft.clear()}function Ht(e){L(e,e.v+1)}function Ut(e,t,n){var r=e.reactions;if(r!==null)for(var i=He(),a=r.length,o=0;o<a;o++){var s=r[o],c=s.f;if(!(!i&&s===K)){var l=(c&b)===0;if(l&&j(s,t),c&2){var u=s;P?.delete(u),c&65536||(c&512&&(s.f|=oe),Ut(u,x,n))}else if(l){var d=s;c&16&&F!==null&&F.add(d),n===null?mt(d):n.push(d)}}}}function Wt(e){if(typeof e!=`object`||!e||ue in e)return e;let t=m(e);if(t!==f&&t!==p)return e;var r=new Map,a=i(e),o=I(0),s=null,c=In,l=e=>{if(In===c)return e();var t=U,n=In;G(null),Ln(c);var r=e();return G(t),Ln(n),r};return a&&r.set(`length`,I(e.length,s)),new Proxy(e,{defineProperty(e,t,n){(!(`value`in n)||n.configurable===!1||n.enumerable===!1||n.writable===!1)&&Ce();var i=r.get(t);return i===void 0?l(()=>{var e=I(n.value,s);return r.set(t,e),e}):L(i,n.value,!0),!0},deleteProperty(e,t){var i=r.get(t);if(i===void 0){if(t in e){let e=l(()=>I(n,s));r.set(t,e),Ht(o)}}else L(i,n),Ht(o);return!0},get(t,i,a){if(i===ue)return e;var o=r.get(i),c=i in t;if(o===void 0&&(!c||u(t,i)?.writable)&&(o=l(()=>I(Wt(c?t[i]:n),s)),r.set(i,o)),o!==void 0){var d=Q(o);return d===n?void 0:d}return Reflect.get(t,i,a)},getOwnPropertyDescriptor(e,t){var i=Reflect.getOwnPropertyDescriptor(e,t);if(i&&`value`in i){var a=r.get(t);a&&(i.value=Q(a))}else if(i===void 0){var o=r.get(t),s=o?.v;if(o!==void 0&&s!==n)return{enumerable:!0,configurable:!0,value:s,writable:!0}}return i},has(e,t){if(t===ue)return!0;var i=r.get(t),a=i!==void 0&&i.v!==n||Reflect.has(e,t);return(i!==void 0||K!==null&&(!a||u(e,t)?.writable))&&(i===void 0&&(i=l(()=>I(a?Wt(e[t]):n,s)),r.set(t,i)),Q(i)===n)?!1:a},set(e,t,i,c){var d=r.get(t),f=t in e;if(a&&t===`length`)for(var p=i;p<d.v;p+=1){var m=r.get(p+``);m===void 0?p in e&&(m=l(()=>I(n,s)),r.set(p+``,m)):L(m,n)}if(d===void 0)(!f||u(e,t)?.writable)&&(d=l(()=>I(void 0,s)),L(d,Wt(i)),r.set(t,d));else{f=d.v!==n;var h=l(()=>Wt(i));L(d,h)}var g=Reflect.getOwnPropertyDescriptor(e,t);if(g?.set&&g.set.call(c,i),!f){if(a&&typeof t==`string`){var _=r.get(`length`),v=Number(t);Number.isInteger(v)&&v>=_.v&&L(_,v+1)}Ht(o)}return!0},ownKeys(e){Q(o);var t=Reflect.ownKeys(e).filter(e=>{var t=r.get(e);return t===void 0||t.v!==n});for(var[i,a]of r)a.v!==n&&!(i in e)&&t.push(i);return t},setPrototypeOf(){we()}})}var Gt,Kt,qt,Jt;function Yt(){if(Gt===void 0){Gt=window,Kt=/Firefox/.test(navigator.userAgent);var e=Element.prototype,t=Node.prototype,n=Text.prototype;qt=u(t,`firstChild`).get,Jt=u(t,`nextSibling`).get,h(e)&&(e.__click=void 0,e.__className=void 0,e.__attributes=null,e.__style=void 0,e.__e=void 0),h(n)&&(n.__t=void 0)}}function R(e=``){return document.createTextNode(e)}function Xt(e){return qt.call(e)}function z(e){return Jt.call(e)}function Zt(e,t){if(!T)return Xt(e);var n=Xt(D);if(n===null)n=D.appendChild(R());else if(t&&n.nodeType!==3){var r=R();return n?.before(r),O(r),r}return t&&nn(n),O(n),n}function Qt(e,t=!1){if(!T){var n=Xt(e);return n instanceof Comment&&n.data===``?z(n):n}if(t){if(D?.nodeType!==3){var r=R();return D?.before(r),O(r),r}nn(D)}return D}function $t(e){e.textContent=``}function en(){return!Le||F!==null?!1:(K.f&C)!==0}function tn(e,t,n){let r=n?{is:n}:void 0;return document.createElementNS(t??`http://www.w3.org/1999/xhtml`,e,r)}function nn(e){if(e.nodeValue.length<65536)return;let t=e.nextSibling;for(;t!==null&&t.nodeType===3;)t.remove(),e.nodeValue+=t.nodeValue,t=e.nextSibling}function rn(e){var t=U,n=K;G(null),q(null);try{return e()}finally{G(t),q(n)}}function an(e){K===null&&(U===null&&ye(e),ve()),An&&_e(e)}function on(e,t){var n=t.last;n===null?t.last=t.first=e:(n.next=e,e.prev=n,t.last=e)}function B(e,t){var n=K;n!==null&&n.f&8192&&(e|=S);var r={ctx:k,deps:null,nodes:null,f:e|b|512,first:null,fn:t,last:null,next:null,parent:n,b:n&&n.b,prev:null,teardown:null,wv:0,ac:null},i=r;if(e&4)it===null?ct.ensure().schedule(r):it.push(r);else if(t!==null){try{Wn(r)}catch(e){throw H(r),e}i.deps===null&&i.teardown===null&&i.nodes===null&&i.first===i.last&&!(i.f&524288)&&(i=i.first,e&16&&e&65536&&i!==null&&(i.f|=ne))}if(i!==null&&(i.parent=n,n!==null&&on(i,n),U!==null&&U.f&2&&!(e&64))){var a=U;(a.effects??=[]).push(i)}return r}function sn(){return U!==null&&!W}function cn(e){let t=B(8,null);return j(t,y),t.teardown=e,t}function ln(e){an(`$effect`);var t=K.f;if(!U&&t&32&&!(t&32768)){var n=k;(n.e??=[]).push(e)}else return un(e)}function un(e){return B(4|ie,e)}function dn(e){ct.ensure();let t=B(64|re,e);return()=>{H(t)}}function fn(e){ct.ensure();let t=B(64|re,e);return(e={})=>new Promise(n=>{e.outro?Cn(t,()=>{H(t),n(void 0)}):(H(t),n(void 0))})}function pn(e){return B(4,e)}function mn(e){return B(ce|re,e)}function hn(e,t=0){return B(8|t,e)}function gn(e,t=[],n=[],r=[]){xt(r,t,n,t=>{B(8,()=>e(...t.map(Q)))})}function _n(e,t=0){return B(16|t,e)}function V(e){return B(32|re,e)}function vn(e){var t=e.teardown;if(t!==null){let e=An,n=U;jn(!0),G(null);try{t.call(null)}finally{jn(e),G(n)}}}function yn(e,t=!1){var n=e.first;for(e.first=e.last=null;n!==null;){let e=n.ac;e!==null&&rn(()=>{e.abort(w)});var r=n.next;n.f&64?n.parent=null:H(n,t),n=r}}function bn(e){for(var t=e.first;t!==null;){var n=t.next;t.f&32||H(t),t=n}}function H(e,t=!0){var n=!1;(t||e.f&262144)&&e.nodes!==null&&e.nodes.end!==null&&(xn(e.nodes.start,e.nodes.end),n=!0),j(e,te),yn(e,t&&!n),Un(e,0);var r=e.nodes&&e.nodes.t;if(r!==null)for(let e of r)e.stop();vn(e),e.f^=te,e.f|=ee;var i=e.parent;i!==null&&i.first!==null&&Sn(e),e.next=e.prev=e.teardown=e.ctx=e.deps=e.fn=e.nodes=e.ac=e.b=null}function xn(e,t){for(;e!==null;){var n=e===t?null:z(e);e.remove(),e=n}}function Sn(e){var t=e.parent,n=e.prev,r=e.next;n!==null&&(n.next=r),r!==null&&(r.prev=n),t!==null&&(t.first===e&&(t.first=r),t.last===e&&(t.last=n))}function Cn(e,t,n=!0){var r=[];wn(e,r,!0);var i=()=>{n&&H(e),t&&t()},a=r.length;if(a>0){var o=()=>--a||i();for(var s of r)s.out(o)}else i()}function wn(e,t,n){if(!(e.f&8192)){e.f^=S;var r=e.nodes&&e.nodes.t;if(r!==null)for(let e of r)(e.is_global||n)&&t.push(e);for(var i=e.first;i!==null;){var a=i.next,o=(i.f&65536)!=0||(i.f&32)!=0&&(e.f&16)!=0;wn(i,t,o?n:!1),i=a}}}function Tn(e){En(e,!0)}function En(e,t){if(e.f&8192){e.f^=S,e.f&1024||(j(e,b),ct.ensure().schedule(e));for(var n=e.first;n!==null;){var r=n.next,i=(n.f&65536)!=0||(n.f&32)!=0;En(n,i?t:!1),n=r}var a=e.nodes&&e.nodes.t;if(a!==null)for(let e of a)(e.is_global||t)&&e.in()}}function Dn(e,t){if(e.nodes)for(var n=e.nodes.start,r=e.nodes.end;n!==null;){var i=n===r?null:z(n);t.append(n),n=i}}var On=null,kn=!1,An=!1;function jn(e){An=e}var U=null,W=!1;function G(e){U=e}var K=null;function q(e){K=e}var J=null;function Mn(e){U!==null&&(!Le||U.f&2)&&(J===null?J=[e]:J.push(e))}var Y=null,X=0,Z=null;function Nn(e){Z=e}var Pn=1,Fn=0,In=Fn;function Ln(e){In=e}function Rn(){return++Pn}function zn(e){var t=e.f;if(t&2048)return!0;if(t&2&&(e.f&=~oe),t&4096){for(var n=e.deps,r=n.length,i=0;i<r;i++){var a=n[i];if(zn(a)&&Mt(a),a.wv>e.wv)return!0}t&512&&P===null&&j(e,y)}return!1}function Bn(e,t,n=!0){var r=e.reactions;if(r!==null&&!(!Le&&J!==null&&o.call(J,e)))for(var i=0;i<r.length;i++){var a=r[i];a.f&2?Bn(a,t,!1):t===a&&(n?j(a,b):a.f&1024&&j(a,x),mt(a))}}function Vn(e){var t=Y,n=X,r=Z,i=U,a=J,o=k,s=W,c=In,l=e.f;Y=null,X=0,Z=null,U=l&96?null:e,J=null,ze(e.ctx),W=!1,In=++Fn,e.ac!==null&&(rn(()=>{e.ac.abort(w)}),e.ac=null);try{e.f|=se;var u=e.fn,d=u();e.f|=C;var f=e.deps,p=N?.is_fork;if(Y!==null){var m;if(p||Un(e,X),f!==null&&X>0)for(f.length=X+Y.length,m=0;m<Y.length;m++)f[X+m]=Y[m];else e.deps=f=Y;if(sn()&&e.f&512)for(m=X;m<f.length;m++)(f[m].reactions??=[]).push(e)}else !p&&f!==null&&X<f.length&&(Un(e,X),f.length=X);if(He()&&Z!==null&&!W&&f!==null&&!(e.f&6146))for(m=0;m<Z.length;m++)Bn(Z[m],e);if(i!==null&&i!==e){if(Fn++,i.deps!==null)for(let e=0;e<n;e+=1)i.deps[e].rv=Fn;if(t!==null)for(let e of t)e.rv=Fn;Z!==null&&(r===null?r=Z:r.push(...Z))}return e.f&8388608&&(e.f^=le),d}catch(e){return Ke(e)}finally{e.f^=se,Y=t,X=n,Z=r,U=i,J=a,ze(o),W=s,In=c}}function Hn(e,t){let n=t.reactions;if(n!==null){var r=a.call(n,e);if(r!==-1){var i=n.length-1;i===0?n=t.reactions=null:(n[r]=n[i],n.pop())}}if(n===null&&t.f&2&&(Y===null||!o.call(Y,t))){var s=t;s.f&512&&(s.f^=512,s.f&=~oe),Ye(s),Nt(s),Un(s,0)}}function Un(e,t){var n=e.deps;if(n!==null)for(var r=t;r<n.length;r++)Hn(e,n[r])}function Wn(e){var t=e.f;if(!(t&16384)){j(e,y);var n=K,r=kn;K=e,kn=!0;try{t&16777232?bn(e):yn(e),vn(e);var i=Vn(e);e.teardown=typeof i==`function`?i:null,e.wv=Pn}finally{kn=r,K=n}}}function Q(e){var t=(e.f&2)!=0;if(On?.add(e),U!==null&&!W&&!(K!==null&&K.f&16384)&&(J===null||!o.call(J,e))){var n=U.deps;if(U.f&2097152)e.rv<Fn&&(e.rv=Fn,Y===null&&n!==null&&n[X]===e?X++:Y===null?Y=[e]:Y.push(e));else{(U.deps??=[]).push(e);var r=e.reactions;r===null?e.reactions=[U]:o.call(r,U)||r.push(U)}}if(An&&It.has(e))return It.get(e);if(t){var i=e;if(An){var a=i.v;return(!(i.f&1024)&&i.reactions!==null||Kn(i))&&(a=jt(i)),It.set(i,a),a}var s=(i.f&512)==0&&!W&&U!==null&&(kn||(U.f&512)!=0),c=(i.f&C)===0;zn(i)&&(s&&(i.f|=512),Mt(i)),s&&!c&&(Pt(i),Gn(i))}if(P?.has(e))return P.get(e);if(e.f&8388608)throw e.v;return e.v}function Gn(e){if(e.f|=512,e.deps!==null)for(let t of e.deps)(t.reactions??=[]).push(e),t.f&2&&!(t.f&512)&&(Pt(t),Gn(t))}function Kn(e){if(e.v===n)return!0;if(e.deps===null)return!1;for(let t of e.deps)if(It.has(t)||t.f&2&&Kn(t))return!0;return!1}function qn(e){var t=W;try{return W=!0,e()}finally{W=t}}var Jn=Symbol(`events`),Yn=new Set,Xn=new Set;function Zn(e){if(!T)return;e.removeAttribute(`onload`),e.removeAttribute(`onerror`);let t=e.__e;t!==void 0&&(e.__e=void 0,queueMicrotask(()=>{e.isConnected&&e.dispatchEvent(t)}))}function Qn(e,t,n,r={}){function i(e){if(r.capture||tr.call(t,e),!e.cancelBubble)return rn(()=>n?.call(this,e))}return e.startsWith(`pointer`)||e.startsWith(`touch`)||e===`wheel`?A(()=>{t.addEventListener(e,i,r)}):t.addEventListener(e,i,r),i}function $n(e,t,n,r,i){var a={capture:r,passive:i},o=Qn(e,t,n,a);(t===document.body||t===window||t===document||t instanceof HTMLMediaElement)&&cn(()=>{t.removeEventListener(e,o,a)})}var er=null;function tr(e){var t=this,n=t.ownerDocument,r=e.type,i=e.composedPath?.()||[],a=i[0]||e.target;er=e;var o=0,s=er===e&&e[Jn];if(s){var c=i.indexOf(s);if(c!==-1&&(t===document||t===window)){e[Jn]=t;return}var u=i.indexOf(t);if(u===-1)return;c<=u&&(o=c)}if(a=i[o]||e.target,a!==t){l(e,`currentTarget`,{configurable:!0,get(){return a||n}});var d=U,f=K;G(null),q(null);try{for(var p,m=[];a!==null;){var h=a.assignedSlot||a.parentNode||a.host||null;try{var g=a[Jn]?.[r];g!=null&&(!a.disabled||e.target===a)&&g.call(a,e)}catch(e){p?m.push(e):p=e}if(e.cancelBubble||h===t||h===null)break;a=h}if(p){for(let e of m)queueMicrotask(()=>{throw e});throw p}}finally{e[Jn]=t,delete e.currentTarget,G(d),q(f)}}}var nr=globalThis?.window?.trustedTypes&&globalThis.window.trustedTypes.createPolicy(`svelte-trusted-html`,{createHTML:e=>e});function rr(e){return nr?.createHTML(e)??e}function ir(e){var t=tn(`template`);return t.innerHTML=rr(e.replaceAll(`<!>`,`<!---->`)),t.content}function ar(e,t){var n=K;n.nodes===null&&(n.nodes={start:e,end:t,a:null,t:null})}function or(e,t){var n=(t&1)!=0,r=(t&2)!=0,i,a=!e.startsWith(`<!>`);return()=>{if(T)return ar(D,null),D;i===void 0&&(i=ir(a?e:`<!>`+e),n||(i=Xt(i)));var t=r||Kt?document.importNode(i,!0):i.cloneNode(!0);if(n){var o=Xt(t),s=t.lastChild;ar(o,s)}else ar(t,t);return t}}function sr(){if(T)return ar(D,null),D;var e=document.createDocumentFragment(),t=document.createComment(``),n=R();return e.append(t,n),ar(t,n),e}function $(e,t){if(T){var n=K;(!(n.f&32768)||n.nodes.end===null)&&(n.nodes.end=D),ke();return}e!==null&&e.before(t)}[...`allowfullscreen.async.autofocus.autoplay.checked.controls.default.disabled.formnovalidate.indeterminate.inert.ismap.loop.multiple.muted.nomodule.novalidate.open.playsinline.readonly.required.reversed.seamless.selected.webkitdirectory.defer.disablepictureinpicture.disableremoteplayback`.split(`.`)];var cr=[`touchstart`,`touchmove`];function lr(e){return cr.includes(e)}function ur(e,t){return pr(e,t)}function dr(e,n){Yt(),n.intro=n.intro??!1;let r=n.target,i=T,a=D;try{for(var o=Xt(r);o&&(o.nodeType!==8||o.data!==`[`);)o=z(o);if(!o)throw t;E(!0),O(o);let i=pr(e,{...n,anchor:o});return E(!1),i}catch(i){if(i instanceof Error&&i.message.split(`
 `).some(e=>e.startsWith(`https://svelte.dev/e/`)))throw i;return i!==t&&console.warn(`Failed to hydrate: `,i),n.recover===!1&&xe(),Yt(),$t(r),E(!1),ur(e,n)}finally{E(i),O(a)}}var fr=new Map;function pr(e,{target:n,anchor:r,props:i={},events:a,context:o,intro:c=!0,transformError:l}){Yt();var u=void 0,d=fn(()=>{var c=r??n.appendChild(R());yt(c,{pending:()=>{}},n=>{Be({});var r=k;if(o&&(r.c=o),a&&(i.$$events=a),T&&ar(n,null),u=e(n,i)||{},T&&(K.nodes.end=D,D===null||D.nodeType!==8||D.data!==`]`))throw De(),t;Ve()},l);var d=new Set,f=e=>{for(var t=0;t<e.length;t++){var r=e[t];if(!d.has(r)){d.add(r);var i=lr(r);for(let e of[n,document]){var a=fr.get(e);a===void 0&&(a=new Map,fr.set(e,a));var o=a.get(r);o===void 0?(e.addEventListener(r,tr,{passive:i}),a.set(r,1)):a.set(r,o+1)}}}};return f(s(Yn)),Xn.add(f),()=>{for(var e of d)for(let r of[n,document]){var t=fr.get(r),i=t.get(e);--i==0?(r.removeEventListener(e,tr),t.delete(e),t.size===0&&fr.delete(r)):t.set(e,i)}Xn.delete(f),c!==r&&c.parentNode?.removeChild(c)}});return mr.set(u,d),u}var mr=new WeakMap;function hr(e,t){let n=mr.get(e);return n?(mr.delete(e),n(t)):Promise.resolve()}var gr=class{anchor;#e=new Map;#t=new Map;#n=new Map;#r=new Set;#i=!0;constructor(e,t=!0){this.anchor=e,this.#i=t}#a=e=>{if(this.#e.has(e)){var t=this.#e.get(e),n=this.#t.get(t);if(n)Tn(n),this.#r.delete(t);else{var r=this.#n.get(t);r&&(this.#t.set(t,r.effect),this.#n.delete(t),r.fragment.lastChild.remove(),this.anchor.before(r.fragment),n=r.effect)}for(let[t,n]of this.#e){if(this.#e.delete(t),t===e)break;let r=this.#n.get(n);r&&(H(r.effect),this.#n.delete(n))}for(let[e,r]of this.#t){if(e===t||this.#r.has(e))continue;let i=()=>{if(Array.from(this.#e.values()).includes(e)){var t=document.createDocumentFragment();Dn(r,t),t.append(R()),this.#n.set(e,{effect:r,fragment:t})}else H(r);this.#r.delete(e),this.#t.delete(e)};this.#i||!n?(this.#r.add(e),Cn(r,i,!1)):i()}}};#o=e=>{this.#e.delete(e);let t=Array.from(this.#e.values());for(let[e,n]of this.#n)t.includes(e)||(H(n.effect),this.#n.delete(e))};ensure(e,t){var n=N,r=en();if(t&&!this.#t.has(e)&&!this.#n.has(e))if(r){var i=document.createDocumentFragment(),a=R();i.append(a),this.#n.set(e,{effect:V(()=>t(a)),fragment:i})}else this.#t.set(e,V(()=>t(this.anchor)));if(this.#e.set(n,e),r){for(let[t,r]of this.#t)t===e?n.unskip_effect(r):n.skip_effect(r);for(let[t,r]of this.#n)t===e?n.unskip_effect(r.effect):n.skip_effect(r.effect);n.oncommit(this.#a),n.ondiscard(this.#o)}else T&&(this.anchor=D),this.#a(n)}};function _r(e){k===null&&me(`onMount`),Re&&k.l!==null?vr(k).m.push(e):ln(()=>{let t=qn(e);if(typeof t==`function`)return t})}function vr(e){var t=e.l;return t.u??={a:[],b:[],m:[]}}function yr(e,t,n=!1){var r;T&&(r=D,ke());var i=new gr(e),a=n?ne:0;function o(e,t){if(T){var n=Ne(r);if(e!==parseInt(n.substring(1))){var a=Me();O(a),i.anchor=a,E(!1),i.ensure(e,t),E(!0);return}}i.ensure(e,t)}_n(()=>{var e=!1;t((t,n=0)=>{e=!0,o(n,t)}),e||o(-1,null)},a)}function br(e,t,n){for(var r=[],i=t.length,a,o=t.length,c=0;c<i;c++){let n=t[c];Cn(n,()=>{if(a){if(a.pending.delete(n),a.done.add(n),a.pending.size===0){var t=e.outrogroups;xr(e,s(a.done)),t.delete(a),t.size===0&&(e.outrogroups=null)}}else --o},!1)}if(o===0){var l=r.length===0&&n!==null;if(l){var u=n,d=u.parentNode;$t(d),d.append(u),e.items.clear()}xr(e,t,!l)}else a={pending:new Set(t),done:new Set},(e.outrogroups??=new Set).add(a)}function xr(e,t,n=!0){var r;if(e.pending.size>0){r=new Set;for(let t of e.pending.values())for(let n of t)r.add(e.items.get(n).e)}for(var i=0;i<t.length;i++){var a=t[i];r?.has(a)?(a.f|=ae,Dn(a,document.createDocumentFragment())):H(t[i],n)}}var Sr;function Cr(e,t,n,r,a,o=null){var c=e,l=new Map;if(t&4){var u=e;c=T?O(Xt(u)):u.appendChild(R())}T&&ke();var d=null,f=Ot(()=>{var e=n();return i(e)?e:e==null?[]:s(e)}),p,m=new Map,h=!0;function g(e){v.effect.f&16384||(v.pending.delete(e),v.fallback=d,Tr(v,p,c,t,r),d!==null&&(p.length===0?d.f&33554432?(d.f^=ae,Dr(d,null,c)):Tn(d):Cn(d,()=>{d=null})))}function _(e){v.pending.delete(e)}var v={effect:_n(()=>{p=Q(f);var e=p.length;let i=!1;T&&Ne(c)===`[!`!=(e===0)&&(c=Me(),O(c),E(!1),i=!0);for(var s=new Set,u=N,v=en(),y=0;y<e;y+=1){T&&D.nodeType===8&&D.data===`]`&&(c=D,i=!0,E(!1));var b=p[y],x=r(b,y),S=h?null:l.get(x);S?(S.v&&Bt(S.v,b),S.i&&Bt(S.i,y),v&&u.unskip_effect(S.e)):(S=Er(l,h?c:Sr??=R(),b,x,y,a,t,n),h||(S.e.f|=ae),l.set(x,S)),s.add(x)}if(e===0&&o&&!d&&(h?d=V(()=>o(c)):(d=V(()=>o(Sr??=R())),d.f|=ae)),e>s.size&&ge(``,``,``),T&&e>0&&O(Me()),!h)if(m.set(u,s),v){for(let[e,t]of l)s.has(e)||u.skip_effect(t.e);u.oncommit(g),u.ondiscard(_)}else g(u);i&&E(!0),Q(f)}),flags:t,items:l,pending:m,outrogroups:null,fallback:d};h=!1,T&&(c=D)}function wr(e){for(;e!==null&&!(e.f&32);)e=e.next;return e}function Tr(e,t,n,r,i){var a=(r&8)!=0,o=t.length,c=e.items,l=wr(e.effect.first),u,d=null,f,p=[],m=[],h,g,_,v;if(a)for(v=0;v<o;v+=1)h=t[v],g=i(h,v),_=c.get(g).e,_.f&33554432||(_.nodes?.a?.measure(),(f??=new Set).add(_));for(v=0;v<o;v+=1){if(h=t[v],g=i(h,v),_=c.get(g).e,e.outrogroups!==null)for(let t of e.outrogroups)t.pending.delete(_),t.done.delete(_);if(_.f&8192&&(Tn(_),a&&(_.nodes?.a?.unfix(),(f??=new Set).delete(_))),_.f&33554432)if(_.f^=ae,_===l)Dr(_,null,n);else{var y=d?d.next:l;_===e.effect.last&&(e.effect.last=_.prev),_.prev&&(_.prev.next=_.next),_.next&&(_.next.prev=_.prev),Or(e,d,_),Or(e,_,y),Dr(_,y,n),d=_,p=[],m=[],l=wr(d.next);continue}if(_!==l){if(u!==void 0&&u.has(_)){if(p.length<m.length){var b=m[0],x;d=b.prev;var S=p[0],ee=p[p.length-1];for(x=0;x<p.length;x+=1)Dr(p[x],b,n);for(x=0;x<m.length;x+=1)u.delete(m[x]);Or(e,S.prev,ee.next),Or(e,d,S),Or(e,ee,b),l=b,d=ee,--v,p=[],m=[]}else u.delete(_),Dr(_,l,n),Or(e,_.prev,_.next),Or(e,_,d===null?e.effect.first:d.next),Or(e,d,_),d=_;continue}for(p=[],m=[];l!==null&&l!==_;)(u??=new Set).add(l),m.push(l),l=wr(l.next);if(l===null)continue}_.f&33554432||p.push(_),d=_,l=wr(_.next)}if(e.outrogroups!==null){for(let t of e.outrogroups)t.pending.size===0&&(xr(e,s(t.done)),e.outrogroups?.delete(t));e.outrogroups.size===0&&(e.outrogroups=null)}if(l!==null||u!==void 0){var C=[];if(u!==void 0)for(_ of u)_.f&8192||C.push(_);for(;l!==null;)!(l.f&8192)&&l!==e.fallback&&C.push(l),l=wr(l.next);var te=C.length;if(te>0){var ne=r&4&&o===0?n:null;if(a){for(v=0;v<te;v+=1)C[v].nodes?.a?.measure();for(v=0;v<te;v+=1)C[v].nodes?.a?.fix()}br(e,C,ne)}}a&&A(()=>{if(f!==void 0)for(_ of f)_.nodes?.a?.apply()})}function Er(e,t,n,r,i,a,o,s){var c=o&1?o&16?Rt(n):zt(n,!1,!1):null,l=o&2?Rt(i):null;return{v:c,i:l,e:V(()=>(a(t,c??n,l??i,s),()=>{e.delete(r)}))}}function Dr(e,t,n){if(e.nodes)for(var r=e.nodes.start,i=e.nodes.end,a=t&&!(t.f&33554432)?t.nodes.start:n;r!==null;){var o=z(r);if(a.before(r),r===i)return;r=o}}function Or(e,t,n){t===null?e.effect.first=n:t.next=n,n===null?e.effect.last=t:n.prev=t}function kr(e,t){pn(()=>{var n=e.getRootNode(),r=n.host?n:n.head??n.ownerDocument.head;if(!r.querySelector(`#`+t.hash)){let e=tn(`style`);e.id=t.hash,e.textContent=t.code,r.appendChild(e)}})}var Ar=[...` 	
-\r\f\xA0\v`];function jr(e,t,n){var r=e==null?``:``+e;if(t&&(r=r?r+` `+t:t),n){for(var i of Object.keys(n))if(n[i])r=r?r+` `+i:i;else if(r.length)for(var a=i.length,o=0;(o=r.indexOf(i,o))>=0;){var s=o+a;(o===0||Ar.includes(r[o-1]))&&(s===r.length||Ar.includes(r[s]))?r=(o===0?``:r.substring(0,o))+r.substring(s+1):o=s}}return r===``?null:r}function Mr(e,t,n,r,i,a){var o=e.__className;if(T||o!==n||o===void 0){var s=jr(n,r,a);(!T||s!==e.getAttribute(`class`))&&(s==null?e.removeAttribute(`class`):t?e.className=s:e.setAttribute(`class`,s)),e.__className=n}else if(a&&i!==a)for(var c in a){var l=!!a[c];(i==null||l!==!!i[c])&&e.classList.toggle(c,l)}return a}var Nr=Symbol(`is custom element`),Pr=Symbol(`is html`),Fr=pe?`link`:`LINK`;function Ir(e,t,n,r){var i=Rr(e);T&&(i[t]=e.getAttribute(t),t===`src`||t===`srcset`||t===`href`&&e.nodeName===Fr)||i[t]!==(i[t]=n)&&(t===`loading`&&(e[fe]=n),n==null?e.removeAttribute(t):typeof n!=`string`&&Br(e).includes(t)?e[t]=n:e.setAttribute(t,n))}function Lr(e,t,n){var r=U,i=K;let a=T;T&&E(!1),G(null),q(null);try{t!==`style`&&(zr.has(e.getAttribute(`is`)||e.nodeName)||!customElements||customElements.get(e.getAttribute(`is`)||e.nodeName.toLowerCase())?Br(e).includes(t):n&&typeof n==`object`)?e[t]=n:Ir(e,t,n==null?n:String(n))}finally{G(r),q(i),a&&E(!0)}}function Rr(e){return e.__attributes??={[Nr]:e.nodeName.includes(`-`),[Pr]:e.namespaceURI===r}}var zr=new Map;function Br(e){var t=e.getAttribute(`is`)||e.nodeName,n=zr.get(t);if(n)return n;zr.set(t,n=[]);for(var r,i=e,a=Element.prototype;a!==i;){for(var o in r=d(i),r)r[o].set&&n.push(o);i=m(i)}return n}function Vr(e,t,n,r){var i=!Re||(n&2)!=0,a=(n&8)!=0,o=(n&16)!=0,s=r,c=!0,l=()=>(c&&(c=!1,s=o?qn(r):r),s);let d;if(a){var f=ue in e||de in e;d=u(e,t)?.set??(f&&t in e?n=>e[t]=n:void 0)}var p,m=!1;a?[p,m]=et(()=>e[t]):p=e[t],p===void 0&&r!==void 0&&(p=l(),d&&(i&&Se(t),d(p)));var h=i?()=>{var n=e[t];return n===void 0?l():(c=!0,n)}:()=>{var n=e[t];return n!==void 0&&(s=void 0),n===void 0?s:n};if(i&&!(n&4))return h;if(d){var g=e.$$legacy;return(function(e,t){return arguments.length>0?((!i||!t||g||m)&&d(t?h():e),e):h()})}var _=!1,v=(n&1?Tt:Ot)(()=>(_=!1,h()));a&&Q(v);var y=K;return(function(e,t){if(arguments.length>0){let n=t?Q(v):i&&a?Wt(e):e;return L(v,n),_=!0,s!==void 0&&(s=n),e}return An&&_||y.f&16384?v.v:Q(v)})}function Hr(e){return new Ur(e)}var Ur=class{#e;#t;constructor(e){var t=new Map,n=(e,n)=>{var r=zt(n,!1,!1);return t.set(e,r),r};let r=new Proxy({...e.props||{},$$events:{}},{get(e,r){return Q(t.get(r)??n(r,Reflect.get(e,r)))},has(e,r){return r===de?!0:(Q(t.get(r)??n(r,Reflect.get(e,r))),Reflect.has(e,r))},set(e,r,i){return L(t.get(r)??n(r,i),i),Reflect.set(e,r,i)}});this.#t=(e.hydrate?dr:ur)(e.component,{target:e.target,anchor:e.anchor,props:r,context:e.context,intro:e.intro??!1,recover:e.recover,transformError:e.transformError}),!Le&&(!e?.props?.$$host||e.sync===!1)&&lt(),this.#e=r.$$events;for(let e of Object.keys(this.#t))e===`$set`||e===`$destroy`||e===`$on`||l(this,e,{get(){return this.#t[e]},set(t){this.#t[e]=t},enumerable:!0});this.#t.$set=e=>{Object.assign(r,e)},this.#t.$destroy=()=>{hr(this.#t)}}$set(e){this.#t.$set(e)}$on(e,t){this.#e[e]=this.#e[e]||[];let n=(...e)=>t.call(this,...e);return this.#e[e].push(n),()=>{this.#e[e]=this.#e[e].filter(e=>e!==n)}}$destroy(){this.#t.$destroy()}},Wr;typeof HTMLElement==`function`&&(Wr=class extends HTMLElement{$$ctor;$$s;$$c;$$cn=!1;$$d={};$$r=!1;$$p_d={};$$l={};$$l_u=new Map;$$me;$$shadowRoot=null;constructor(e,t,n){super(),this.$$ctor=e,this.$$s=t,n&&(this.$$shadowRoot=this.attachShadow(n))}addEventListener(e,t,n){if(this.$$l[e]=this.$$l[e]||[],this.$$l[e].push(t),this.$$c){let n=this.$$c.$on(e,t);this.$$l_u.set(t,n)}super.addEventListener(e,t,n)}removeEventListener(e,t,n){if(super.removeEventListener(e,t,n),this.$$c){let e=this.$$l_u.get(t);e&&(e(),this.$$l_u.delete(t))}}async connectedCallback(){if(this.$$cn=!0,!this.$$c){if(await Promise.resolve(),!this.$$cn||this.$$c)return;function e(e){return t=>{let n=tn(`slot`);e!==`default`&&(n.name=e),$(t,n)}}let t={},n=Kr(this);for(let r of this.$$s)r in n&&(r===`default`&&!this.$$d.children?(this.$$d.children=e(r),t.default=!0):t[r]=e(r));for(let e of this.attributes){let t=this.$$g_p(e.name);t in this.$$d||(this.$$d[t]=Gr(t,e.value,this.$$p_d,`toProp`))}for(let e in this.$$p_d)!(e in this.$$d)&&this[e]!==void 0&&(this.$$d[e]=this[e],delete this[e]);this.$$c=Hr({component:this.$$ctor,target:this.$$shadowRoot||this,props:{...this.$$d,$$slots:t,$$host:this}}),this.$$me=dn(()=>{hn(()=>{this.$$r=!0;for(let e of c(this.$$c)){if(!this.$$p_d[e]?.reflect)continue;this.$$d[e]=this.$$c[e];let t=Gr(e,this.$$d[e],this.$$p_d,`toAttribute`);t==null?this.removeAttribute(this.$$p_d[e].attribute||e):this.setAttribute(this.$$p_d[e].attribute||e,t)}this.$$r=!1})});for(let e in this.$$l)for(let t of this.$$l[e]){let n=this.$$c.$on(e,t);this.$$l_u.set(t,n)}this.$$l={}}}attributeChangedCallback(e,t,n){this.$$r||(e=this.$$g_p(e),this.$$d[e]=Gr(e,n,this.$$p_d,`toProp`),this.$$c?.$set({[e]:this.$$d[e]}))}disconnectedCallback(){this.$$cn=!1,Promise.resolve().then(()=>{!this.$$cn&&this.$$c&&(this.$$c.$destroy(),this.$$me(),this.$$c=void 0)})}$$g_p(e){return c(this.$$p_d).find(t=>this.$$p_d[t].attribute===e||!this.$$p_d[t].attribute&&t.toLowerCase()===e)||e}});function Gr(e,t,n,r){let i=n[e]?.type;if(t=i===`Boolean`&&typeof t!=`boolean`?t!=null:t,!r||!n[e])return t;if(r===`toAttribute`)switch(i){case`Object`:case`Array`:return t==null?null:JSON.stringify(t);case`Boolean`:return t?``:null;case`Number`:return t??null;default:return t}else switch(i){case`Object`:case`Array`:return t&&JSON.parse(t);case`Boolean`:return t;case`Number`:return t==null?t:+t;default:return t}}function Kr(e){let t={};return e.childNodes.forEach(e=>{t[e.slot||`default`]=!0}),t}function qr(e,t,n,r,i,a){let o=class extends Wr{constructor(){super(e,n,i),this.$$p_d=t}static get observedAttributes(){return c(t).map(e=>(t[e].attribute||e).toLowerCase())}};return c(t).forEach(e=>{l(o.prototype,e,{get(){return this.$$c&&e in this.$$c?this.$$c[e]:this.$$d[e]},set(n){n=Gr(e,n,t),this.$$d[e]=n;var r=this.$$c;r&&(u(r,e)?.get?r[e]=n:r.$set({[e]:n}))}})}),r.forEach(e=>{l(o.prototype,e,{get(){return this.$$c?.[e]}})}),a&&(o=a(o)),e.element=o,o}var Jr={name:`@htmlbricks/svelte-webcomponent`,private:!0,version:`0.71.34`,type:`module`,scripts:{dev:`vite --open`,build:`vite build`,"publish:wc":`node publish.ts`,"build:wc":`node build.ts`,"watch:wc":`node watch.ts`,preview:`vite preview`,check:`svelte-check --tsconfig ./tsconfig.app.json && tsc -p tsconfig.node.json`,"release:patch":`npm version patch && git push && git push --tags && npm run build:wc && npm run publish:wc`,"release:minor":`npm version minor && git push && git push --tags && npm run build:wc && npm run publish:wc`,"release:major":`npm version major && git push && git push --tags && npm run build:wc && npm run publish:wc`},devDependencies:{"@google-pay/button-element":`^3.2.1`,"@paypal/paypal-js":`^9.5.0`,"@sveltejs/vite-plugin-svelte":`^7.0.0`,"@tsconfig/svelte":`^5.0.8`,"@types/debounce":`^1.2.4`,"@types/node":`^24.10.1`,"@types/rgb-hex":`^3.0.0`,"chart.js":`^4.5.1`,"date-holidays":`^3.26.12`,dayjs:`^1.11.20`,"hls.js":`^1.6.15`,"html5-joystick-new":`^0.0.6`,ol:`^10.8.0`,"perfect-freehand":`^1.2.3`,prettier:`^3.8.1`,"rollup-plugin-terser":`^7.0.2`,"sass-embedded":`^1.98.0`,"simple-serverless-auth-client":`^0.0.6`,"simple-webrtc-element":`^0.0.1`,"simple-webrtc-element-whep":`^0.2.3`,"style-to-object":`^1.0.14`,svelte:`^5.55.0`,"svelte-check":`^4.4.5`,terser:`^5.46.1`,"ts-json-schema-generator":`^2.9.0`,typescript:`^6.0.2`,vite:`^8.0.3`},dependencies:{"@floating-ui/dom":`^1.7.6`,"@popperjs/core":`^2.11.8`,debounce:`^3.0.0`,"html-colors":`^0.0.6`,marked:`^17.0.5`,raphael:`^2.3.0`,"rgb-hex":`^4.1.0`,"wc-js-utils":`^0.5.4`}};function Yr(e,t=100,n={}){if(typeof e!=`function`)throw TypeError(`Expected the first parameter to be a function, got \`${typeof e}\`.`);if(t<0)throw RangeError("`wait` must not be negative.");if(typeof n==`boolean`)throw TypeError("The `options` parameter must be an object, not a boolean. Use `{immediate: true}` instead.");let{immediate:r}=n,i,a,o,s,c;function l(){let t=i,n=a;return i=void 0,a=void 0,c=e.apply(t,n),c}function u(){let e=Date.now()-s;e<t&&e>=0?o=setTimeout(u,t-e):(o=void 0,r||(c=l()))}let d=function(...e){if(i&&this!==i&&Object.getPrototypeOf(this)===Object.getPrototypeOf(i))throw Error(`Debounced method called with different contexts of the same prototype.`);i=this,a=e,s=Date.now();let n=r&&!o;if(o||=setTimeout(u,t),n)return c=l(),c};return Object.defineProperty(d,`isPending`,{get(){return o!==void 0}}),d.clear=()=>{o&&(clearTimeout(o),o=void 0,i=void 0,a=void 0)},d.flush=()=>{o&&d.trigger()},d.trigger=()=>{c=l(),d.clear()},d}function Xr(e){let t=e?.repoName.split(`/`)?.[1]||e?.repoName;if(!t)throw Error(`wrong componentPath `+e?.repoName);if(!e?.version)throw Error(`wrong version `+e?.version);let n=e?.iifePath||`main.iife.js`;if(!document.getElementById(t+`-script`)&&!customElements?.get?.(t)&&!window?.customElements?.get?.(t))try{let r=document.createElement(`script`);if(r.id=t+`-script`,r.src=`https://cdn.jsdelivr.net/npm/${e.repoName}@${e.version}/${n}`,e?.local)r.src=`${e.local}`;else if(location.href.includes(`localhost:6006`)){let e=t.split(`-`)[0];r.src=`http://localhost:6006/webcomponents/${t.replace(e+`-`,``)}/${n}`}document.head.appendChild(r)}catch(e){console.warn(e)}}var Zr=or(`<iframe class="svelte-1f6x0x7"></iframe>`),Qr=or(`<hb-player-live></hb-player-live>`,2),$r=or(`<hb-player-live-camera-ptz></hb-player-live-camera-ptz>`,2),ei=or(`<video controls="" class="svelte-1f6x0x7"><source type="video/mp4" class="svelte-1f6x0x7"/> <track kind="captions" src="" srclang="en" label="English" class="svelte-1f6x0x7"/> Your browser does not support the video tag.</video>`,2),ti=or(`<div class="column p-0 hb-matrix-cell svelte-1f6x0x7"><!></div>`),ni=or(`<div class="columns is-mobile is-gapless hb-matrix-row svelte-1f6x0x7"></div>`),ri=or(`<div id="matrix" class="svelte-1f6x0x7"><!></div>`),ii={hash:`svelte-1f6x0x7`,code:`@charset "UTF-8";
+\r\f\xA0\v`];function jr(e,t,n){var r=e==null?``:``+e;if(t&&(r=r?r+` `+t:t),n){for(var i of Object.keys(n))if(n[i])r=r?r+` `+i:i;else if(r.length)for(var a=i.length,o=0;(o=r.indexOf(i,o))>=0;){var s=o+a;(o===0||Ar.includes(r[o-1]))&&(s===r.length||Ar.includes(r[s]))?r=(o===0?``:r.substring(0,o))+r.substring(s+1):o=s}}return r===``?null:r}function Mr(e,t,n,r,i,a){var o=e.__className;if(T||o!==n||o===void 0){var s=jr(n,r,a);(!T||s!==e.getAttribute(`class`))&&(s==null?e.removeAttribute(`class`):t?e.className=s:e.setAttribute(`class`,s)),e.__className=n}else if(a&&i!==a)for(var c in a){var l=!!a[c];(i==null||l!==!!i[c])&&e.classList.toggle(c,l)}return a}var Nr=Symbol(`is custom element`),Pr=Symbol(`is html`),Fr=pe?`link`:`LINK`;function Ir(e,t,n,r){var i=Rr(e);T&&(i[t]=e.getAttribute(t),t===`src`||t===`srcset`||t===`href`&&e.nodeName===Fr)||i[t]!==(i[t]=n)&&(t===`loading`&&(e[fe]=n),n==null?e.removeAttribute(t):typeof n!=`string`&&Br(e).includes(t)?e[t]=n:e.setAttribute(t,n))}function Lr(e,t,n){var r=U,i=K;let a=T;T&&E(!1),G(null),q(null);try{t!==`style`&&(zr.has(e.getAttribute(`is`)||e.nodeName)||!customElements||customElements.get(e.getAttribute(`is`)||e.nodeName.toLowerCase())?Br(e).includes(t):n&&typeof n==`object`)?e[t]=n:Ir(e,t,n==null?n:String(n))}finally{G(r),q(i),a&&E(!0)}}function Rr(e){return e.__attributes??={[Nr]:e.nodeName.includes(`-`),[Pr]:e.namespaceURI===r}}var zr=new Map;function Br(e){var t=e.getAttribute(`is`)||e.nodeName,n=zr.get(t);if(n)return n;zr.set(t,n=[]);for(var r,i=e,a=Element.prototype;a!==i;){for(var o in r=d(i),r)r[o].set&&n.push(o);i=m(i)}return n}function Vr(e,t,n,r){var i=!Re||(n&2)!=0,a=(n&8)!=0,o=(n&16)!=0,s=r,c=!0,l=()=>(c&&(c=!1,s=o?qn(r):r),s);let d;if(a){var f=ue in e||de in e;d=u(e,t)?.set??(f&&t in e?n=>e[t]=n:void 0)}var p,m=!1;a?[p,m]=et(()=>e[t]):p=e[t],p===void 0&&r!==void 0&&(p=l(),d&&(i&&Se(t),d(p)));var h=i?()=>{var n=e[t];return n===void 0?l():(c=!0,n)}:()=>{var n=e[t];return n!==void 0&&(s=void 0),n===void 0?s:n};if(i&&!(n&4))return h;if(d){var g=e.$$legacy;return(function(e,t){return arguments.length>0?((!i||!t||g||m)&&d(t?h():e),e):h()})}var _=!1,v=(n&1?Tt:Ot)(()=>(_=!1,h()));a&&Q(v);var y=K;return(function(e,t){if(arguments.length>0){let n=t?Q(v):i&&a?Wt(e):e;return L(v,n),_=!0,s!==void 0&&(s=n),e}return An&&_||y.f&16384?v.v:Q(v)})}function Hr(e){return new Ur(e)}var Ur=class{#e;#t;constructor(e){var t=new Map,n=(e,n)=>{var r=zt(n,!1,!1);return t.set(e,r),r};let r=new Proxy({...e.props||{},$$events:{}},{get(e,r){return Q(t.get(r)??n(r,Reflect.get(e,r)))},has(e,r){return r===de?!0:(Q(t.get(r)??n(r,Reflect.get(e,r))),Reflect.has(e,r))},set(e,r,i){return L(t.get(r)??n(r,i),i),Reflect.set(e,r,i)}});this.#t=(e.hydrate?dr:ur)(e.component,{target:e.target,anchor:e.anchor,props:r,context:e.context,intro:e.intro??!1,recover:e.recover,transformError:e.transformError}),!Le&&(!e?.props?.$$host||e.sync===!1)&&lt(),this.#e=r.$$events;for(let e of Object.keys(this.#t))e===`$set`||e===`$destroy`||e===`$on`||l(this,e,{get(){return this.#t[e]},set(t){this.#t[e]=t},enumerable:!0});this.#t.$set=e=>{Object.assign(r,e)},this.#t.$destroy=()=>{hr(this.#t)}}$set(e){this.#t.$set(e)}$on(e,t){this.#e[e]=this.#e[e]||[];let n=(...e)=>t.call(this,...e);return this.#e[e].push(n),()=>{this.#e[e]=this.#e[e].filter(e=>e!==n)}}$destroy(){this.#t.$destroy()}},Wr;typeof HTMLElement==`function`&&(Wr=class extends HTMLElement{$$ctor;$$s;$$c;$$cn=!1;$$d={};$$r=!1;$$p_d={};$$l={};$$l_u=new Map;$$me;$$shadowRoot=null;constructor(e,t,n){super(),this.$$ctor=e,this.$$s=t,n&&(this.$$shadowRoot=this.attachShadow(n))}addEventListener(e,t,n){if(this.$$l[e]=this.$$l[e]||[],this.$$l[e].push(t),this.$$c){let n=this.$$c.$on(e,t);this.$$l_u.set(t,n)}super.addEventListener(e,t,n)}removeEventListener(e,t,n){if(super.removeEventListener(e,t,n),this.$$c){let e=this.$$l_u.get(t);e&&(e(),this.$$l_u.delete(t))}}async connectedCallback(){if(this.$$cn=!0,!this.$$c){if(await Promise.resolve(),!this.$$cn||this.$$c)return;function e(e){return t=>{let n=tn(`slot`);e!==`default`&&(n.name=e),$(t,n)}}let t={},n=Kr(this);for(let r of this.$$s)r in n&&(r===`default`&&!this.$$d.children?(this.$$d.children=e(r),t.default=!0):t[r]=e(r));for(let e of this.attributes){let t=this.$$g_p(e.name);t in this.$$d||(this.$$d[t]=Gr(t,e.value,this.$$p_d,`toProp`))}for(let e in this.$$p_d)!(e in this.$$d)&&this[e]!==void 0&&(this.$$d[e]=this[e],delete this[e]);this.$$c=Hr({component:this.$$ctor,target:this.$$shadowRoot||this,props:{...this.$$d,$$slots:t,$$host:this}}),this.$$me=dn(()=>{hn(()=>{this.$$r=!0;for(let e of c(this.$$c)){if(!this.$$p_d[e]?.reflect)continue;this.$$d[e]=this.$$c[e];let t=Gr(e,this.$$d[e],this.$$p_d,`toAttribute`);t==null?this.removeAttribute(this.$$p_d[e].attribute||e):this.setAttribute(this.$$p_d[e].attribute||e,t)}this.$$r=!1})});for(let e in this.$$l)for(let t of this.$$l[e]){let n=this.$$c.$on(e,t);this.$$l_u.set(t,n)}this.$$l={}}}attributeChangedCallback(e,t,n){this.$$r||(e=this.$$g_p(e),this.$$d[e]=Gr(e,n,this.$$p_d,`toProp`),this.$$c?.$set({[e]:this.$$d[e]}))}disconnectedCallback(){this.$$cn=!1,Promise.resolve().then(()=>{!this.$$cn&&this.$$c&&(this.$$c.$destroy(),this.$$me(),this.$$c=void 0)})}$$g_p(e){return c(this.$$p_d).find(t=>this.$$p_d[t].attribute===e||!this.$$p_d[t].attribute&&t.toLowerCase()===e)||e}});function Gr(e,t,n,r){let i=n[e]?.type;if(t=i===`Boolean`&&typeof t!=`boolean`?t!=null:t,!r||!n[e])return t;if(r===`toAttribute`)switch(i){case`Object`:case`Array`:return t==null?null:JSON.stringify(t);case`Boolean`:return t?``:null;case`Number`:return t??null;default:return t}else switch(i){case`Object`:case`Array`:return t&&JSON.parse(t);case`Boolean`:return t;case`Number`:return t==null?t:+t;default:return t}}function Kr(e){let t={};return e.childNodes.forEach(e=>{t[e.slot||`default`]=!0}),t}function qr(e,t,n,r,i,a){let o=class extends Wr{constructor(){super(e,n,i),this.$$p_d=t}static get observedAttributes(){return c(t).map(e=>(t[e].attribute||e).toLowerCase())}};return c(t).forEach(e=>{l(o.prototype,e,{get(){return this.$$c&&e in this.$$c?this.$$c[e]:this.$$d[e]},set(n){n=Gr(e,n,t),this.$$d[e]=n;var r=this.$$c;r&&(u(r,e)?.get?r[e]=n:r.$set({[e]:n}))}})}),r.forEach(e=>{l(o.prototype,e,{get(){return this.$$c?.[e]}})}),a&&(o=a(o)),e.element=o,o}var Jr={name:`@htmlbricks/svelte-webcomponent`,private:!0,version:`0.71.36`,type:`module`,scripts:{dev:`vite --open`,build:`vite build`,"publish:wc":`node publish.ts`,"build:wc":`node build.ts`,"watch:wc":`node watch.ts`,preview:`vite preview`,check:`svelte-check --tsconfig ./tsconfig.app.json && tsc -p tsconfig.node.json`,"release:patch":`npm version patch && git push && git push --tags && npm run build:wc && npm run publish:wc`,"release:minor":`npm version minor && git push && git push --tags && npm run build:wc && npm run publish:wc`,"release:major":`npm version major && git push && git push --tags && npm run build:wc && npm run publish:wc`},devDependencies:{"@google-pay/button-element":`^3.2.1`,"@paypal/paypal-js":`^9.5.0`,"@sveltejs/vite-plugin-svelte":`^7.0.0`,"@tsconfig/svelte":`^5.0.8`,"@types/debounce":`^1.2.4`,"@types/node":`^24.10.1`,"@types/rgb-hex":`^3.0.0`,"chart.js":`^4.5.1`,"date-holidays":`^3.26.12`,dayjs:`^1.11.20`,"hls.js":`^1.6.15`,"html5-joystick-new":`^0.0.6`,ol:`^10.8.0`,"perfect-freehand":`^1.2.3`,prettier:`^3.8.1`,"rollup-plugin-terser":`^7.0.2`,"sass-embedded":`^1.98.0`,"simple-serverless-auth-client":`^0.0.6`,"simple-webrtc-element":`^0.0.1`,"simple-webrtc-element-whep":`^0.2.3`,"style-to-object":`^1.0.14`,svelte:`^5.55.0`,"svelte-check":`^4.4.5`,terser:`^5.46.1`,"ts-json-schema-generator":`^2.9.0`,typescript:`^6.0.2`,vite:`^8.0.3`},dependencies:{"@floating-ui/dom":`^1.7.6`,"@popperjs/core":`^2.11.8`,debounce:`^3.0.0`,"html-colors":`^0.0.6`,marked:`^17.0.5`,raphael:`^2.3.0`,"rgb-hex":`^4.1.0`,"wc-js-utils":`^0.5.4`}};function Yr(e,t=100,n={}){if(typeof e!=`function`)throw TypeError(`Expected the first parameter to be a function, got \`${typeof e}\`.`);if(t<0)throw RangeError("`wait` must not be negative.");if(typeof n==`boolean`)throw TypeError("The `options` parameter must be an object, not a boolean. Use `{immediate: true}` instead.");let{immediate:r}=n,i,a,o,s,c;function l(){let t=i,n=a;return i=void 0,a=void 0,c=e.apply(t,n),c}function u(){let e=Date.now()-s;e<t&&e>=0?o=setTimeout(u,t-e):(o=void 0,r||(c=l()))}let d=function(...e){if(i&&this!==i&&Object.getPrototypeOf(this)===Object.getPrototypeOf(i))throw Error(`Debounced method called with different contexts of the same prototype.`);i=this,a=e,s=Date.now();let n=r&&!o;if(o||=setTimeout(u,t),n)return c=l(),c};return Object.defineProperty(d,`isPending`,{get(){return o!==void 0}}),d.clear=()=>{o&&(clearTimeout(o),o=void 0,i=void 0,a=void 0)},d.flush=()=>{o&&d.trigger()},d.trigger=()=>{c=l(),d.clear()},d}function Xr(e){let t=e?.repoName.split(`/`)?.[1]||e?.repoName;if(!t)throw Error(`wrong componentPath `+e?.repoName);if(!e?.version)throw Error(`wrong version `+e?.version);let n=e?.iifePath||`main.iife.js`;if(!document.getElementById(t+`-script`)&&!customElements?.get?.(t)&&!window?.customElements?.get?.(t))try{let r=document.createElement(`script`);if(r.id=t+`-script`,r.src=`https://cdn.jsdelivr.net/npm/${e.repoName}@${e.version}/${n}`,e?.local)r.src=`${e.local}`;else if(location.href.includes(`localhost:6006`)){let e=t.split(`-`)[0];r.src=`http://localhost:6006/webcomponents/${t.replace(e+`-`,``)}/${n}`}document.head.appendChild(r)}catch(e){console.warn(e)}}var Zr=or(`<iframe class="svelte-1f6x0x7"></iframe>`),Qr=or(`<hb-player-live></hb-player-live>`,2),$r=or(`<hb-player-live-camera-ptz></hb-player-live-camera-ptz>`,2),ei=or(`<video controls="" class="svelte-1f6x0x7"><source type="video/mp4" class="svelte-1f6x0x7"/> <track kind="captions" src="" srclang="en" label="English" class="svelte-1f6x0x7"/> Your browser does not support the video tag.</video>`,2),ti=or(`<div class="column p-0 hb-matrix-cell svelte-1f6x0x7"><!></div>`),ni=or(`<div class="columns is-mobile is-gapless hb-matrix-row svelte-1f6x0x7"></div>`),ri=or(`<div id="matrix" class="svelte-1f6x0x7"><!></div>`),ii={hash:`svelte-1f6x0x7`,code:`@charset "UTF-8";
 /*!
  * Bulma 1.x (Sass) for hb-matrix-video — column grid + spacing for tiled players.
  */:host {--bulma-hb-def-control-radius: var(--bulma-radius, var(--bulma-hb-def-radius));--bulma-hb-def-control-radius-small: var(--bulma-radius-small, var(--bulma-hb-def-radius-small));--bulma-hb-def-control-border-width: 1px;--bulma-hb-def-control-height: 2.5em;--bulma-hb-def-control-line-height: 1.5;--bulma-hb-def-control-padding-vertical: calc(0.5em - 1px);--bulma-hb-def-control-padding-horizontal: calc(0.75em - 1px);--bulma-hb-def-control-size: var(--bulma-size-normal, var(--bulma-hb-def-size-normal));--bulma-hb-def-control-focus-shadow-l: 50%;}