@automattic/jetpack-image-guide 1.0.12 → 1.0.13

package/CHANGELOG.md

@@ -5,6 +5,17 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.0.13] - 2026-03-09
+### Changed
+- Set `.repository.url` in `package.json` to the mirror repo rather than the monorepo. Required for enabling provenance. [#47149]
+- Switch to Native TypeScript compiler based on Go. [#47375]
+- Update package dependencies. [#47002]
+- Update package dependencies. [#47099]
+- Update package dependencies. [#47173]
+- Update package dependencies. [#47229]
+- Update package dependencies. [#47337]
+- Update package dependencies. [#47498]
+
 ## [1.0.12] - 2026-01-26
 ### Changed
 - Update package dependencies. [#46552]
@@ -226,6 +237,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Removed
 - Minor package.json change - removing private entry.
 
+[1.0.13]: https://github.com/Automattic/jetpack-image-guide/compare/v1.0.12...v1.0.13
 [1.0.12]: https://github.com/Automattic/jetpack-image-guide/compare/v1.0.11...v1.0.12
 [1.0.11]: https://github.com/Automattic/jetpack-image-guide/compare/v1.0.10...v1.0.11
 [1.0.10]: https://github.com/Automattic/jetpack-image-guide/compare/v1.0.9...v1.0.10

package/build/guide.css

@@ -1 +1 @@
-div.svelte-f6jc8{align-items:center;display:flex;justify-content:center}.spinner.svelte-2eb8gc{animation:svelte-2eb8gc-pulse 1.25s ease-in-out infinite reverse}@keyframes svelte-2eb8gc-pulse{0%{transform:scale(1) rotate(0deg)}70%{transform:scale(1.4) rotate(30deg)}to{transform:scale(.9) rotate(-190deg)}}svg.svelte-jkeb2{transform:translateY(2px)}.interaction-area.svelte-1qopaii.svelte-1qopaii{margin-bottom:-15px;margin-left:-15px;margin-top:-15px;padding:15px}.bubble.svelte-1qopaii.svelte-1qopaii{background-color:#069e08;border:1px solid hsla(0,0%,100%,.05);border-radius:50%;color:#fff;cursor:default;font-family:sans-serif;font-size:.8em;font-weight:600;height:32px;position:relative;text-align:center;text-shadow:0 0 1px rgba(0,0,0,.15);transition:background-color .3s ease;width:32px}.high.svelte-1qopaii .bubble.svelte-1qopaii{background-color:#e52e00}.medium.svelte-1qopaii .bubble.svelte-1qopaii{background-color:#e98800}.bubble-inner.svelte-1qopaii.svelte-1qopaii{align-items:center;bottom:0;display:flex;height:100%;justify-content:center;left:0;margin:auto;position:absolute;right:0;top:0;width:100%}.guide.small .interaction-area.svelte-1qopaii.svelte-1qopaii{padding:15px}.guide.small .bubble.svelte-1qopaii.svelte-1qopaii{font-size:10px;height:28px;width:28px}.guide.micro .interaction-area.svelte-1qopaii.svelte-1qopaii{margin-left:-10px;margin-top:-10px;padding:10px}.guide.micro .bubble.svelte-1qopaii.svelte-1qopaii{border:1px solid hsla(0,0%,100%,.3);font-size:0;height:10px;width:10px}.guide.micro .bubble.svelte-1qopaii svg{display:none}svg.svelte-1336127{fill:currentcolor;height:1em;margin:0;vertical-align:middle;width:1em}a.svelte-52p8v6.svelte-52p8v6{color:#3c434a!important;font-weight:600!important}a.documentation.svelte-52p8v6.svelte-52p8v6{color:#3c434a!important;font-weight:500!important}.preview.svelte-52p8v6.svelte-52p8v6{align-items:flex-start;display:flex;gap:15px;margin-bottom:15px;max-width:360px;width:100%}.preview.svelte-52p8v6 img.svelte-52p8v6{border-radius:3px;box-shadow:0 0 2px 1px #f2f2f2}.info.svelte-52p8v6.svelte-52p8v6{font-size:.9em;margin-top:15px}.jetpack-boost-guide-popup.svelte-52p8v6.svelte-52p8v6{background-color:#fff;background:linear-gradient(159.87deg,#f6f6f4 7.24%,#f7f4ea 64.73%,#ddedd5 116.53%);border-radius:6px;color:#3c434a;font-family:sans-serif;margin-bottom:10px;min-width:320px;overflow:hidden;padding:25px;position:fixed;text-align:left;width:fit-content;z-index:90000}.title.svelte-52p8v6.svelte-52p8v6{font-weight:600;overflow-wrap:anywhere}.explanation.svelte-52p8v6.svelte-52p8v6{margin-top:5px}.description.svelte-52p8v6.svelte-52p8v6{font-size:.9em}.row.svelte-52p8v6.svelte-52p8v6{border-bottom:1px dotted #d9d9d9;display:flex;font-size:14px;gap:10px;justify-content:space-between;margin-bottom:5px}.row.svelte-52p8v6.svelte-52p8v6:last-child{border-bottom:none}.logo.svelte-52p8v6.svelte-52p8v6{bottom:-25px;opacity:.04;pointer-events:none;position:absolute;right:-50px;transform:rotate(15deg)}.guide.small .preview.svelte-52p8v6.svelte-52p8v6{gap:8px}.jetpack-boost-guide:not(.relative){left:0;position:absolute;top:0}.jetpack-boost-guide.relative{position:relative}.guide.svelte-1s5z1op{left:0;line-height:1.55;padding:20px;position:absolute;top:0;z-index:8000}.guide.small.svelte-1s5z1op{font-size:13px}.guide.micro.svelte-1s5z1op{font-size:13px;padding:10px}.guide.show.svelte-1s5z1op{z-index:9000}.guide.svelte-1s5z1op{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif!important;font-size:15px!important}.previews.svelte-1s5z1op{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px;width:100%}.jetpack-boost-guide__backdrop{filter:brightness(.3);transition:opacity .2s ease-in-out,filter .2s ease-in-out}#jetpack-boost-guide-bar.ab-item.svelte-itog5b{align-items:center;display:flex;gap:10px}#jetpack-boost-guide-bar.ab-item.paused.svelte-itog5b svg{filter:grayscale(100%) contrast(1.7)}
+div.svelte-1yjr9q3{align-items:center;display:flex;justify-content:center}.spinner.svelte-q7ue1b{animation:svelte-q7ue1b-pulse 1.25s ease-in-out infinite reverse}@keyframes svelte-q7ue1b-pulse{0%{transform:scale(1) rotate(0deg)}70%{transform:scale(1.4) rotate(30deg)}to{transform:scale(.9) rotate(-190deg)}}svg.svelte-qy5udj{transform:translateY(2px)}.interaction-area.svelte-1vido64{margin-bottom:-15px;margin-left:-15px;margin-top:-15px;padding:15px}.bubble.svelte-1vido64{background-color:#069e08;border:1px solid hsla(0,0%,100%,.05);border-radius:50%;color:#fff;cursor:default;font-family:sans-serif;font-size:.8em;font-weight:600;height:32px;position:relative;text-align:center;text-shadow:0 0 1px rgba(0,0,0,.15);transition:background-color .3s ease;width:32px}.high.svelte-1vido64 .bubble:where(.svelte-1vido64){background-color:#e52e00}.medium.svelte-1vido64 .bubble:where(.svelte-1vido64){background-color:#e98800}.bubble-inner.svelte-1vido64{align-items:center;bottom:0;display:flex;height:100%;justify-content:center;left:0;margin:auto;position:absolute;right:0;top:0;width:100%}.guide.small .interaction-area.svelte-1vido64{padding:15px}.guide.small .bubble.svelte-1vido64{font-size:10px;height:28px;width:28px}.guide.micro .interaction-area.svelte-1vido64{margin-left:-10px;margin-top:-10px;padding:10px}.guide.micro .bubble.svelte-1vido64{border:1px solid hsla(0,0%,100%,.3);font-size:0;height:10px;width:10px}.guide.micro .bubble.svelte-1vido64 svg{display:none}svg.svelte-1b220d7{fill:currentcolor;height:1em;margin:0;vertical-align:middle;width:1em}a.svelte-1okxgd8{color:#3c434a!important;font-weight:600!important}a.documentation.svelte-1okxgd8{color:#3c434a!important;font-weight:500!important}.preview.svelte-1okxgd8{align-items:flex-start;display:flex;gap:15px;margin-bottom:15px;max-width:360px;width:100%}.preview.svelte-1okxgd8 img:where(.svelte-1okxgd8){border-radius:3px;box-shadow:0 0 2px 1px #f2f2f2}.info.svelte-1okxgd8{font-size:.9em;margin-top:15px}.jetpack-boost-guide-popup.svelte-1okxgd8{background-color:#fff;background:linear-gradient(159.87deg,#f6f6f4 7.24%,#f7f4ea 64.73%,#ddedd5 116.53%);border-radius:6px;color:#3c434a;font-family:sans-serif;margin-bottom:10px;min-width:320px;overflow:hidden;padding:25px;position:fixed;text-align:left;width:fit-content;z-index:90000}.title.svelte-1okxgd8{font-weight:600;overflow-wrap:anywhere}.explanation.svelte-1okxgd8{margin-top:5px}.description.svelte-1okxgd8{font-size:.9em}.row.svelte-1okxgd8{border-bottom:1px dotted #d9d9d9;display:flex;font-size:14px;gap:10px;justify-content:space-between;margin-bottom:5px}.row.svelte-1okxgd8:last-child{border-bottom:none}.logo.svelte-1okxgd8{bottom:-25px;opacity:.04;pointer-events:none;position:absolute;right:-50px;transform:rotate(15deg)}.guide.small .preview.svelte-1okxgd8{gap:8px}.jetpack-boost-guide:not(.relative){left:0;position:absolute;top:0}.jetpack-boost-guide.relative{position:relative}.guide.svelte-6tsow1{left:0;line-height:1.55;padding:20px;position:absolute;top:0;z-index:8000}.guide.small.svelte-6tsow1{font-size:13px}.guide.micro.svelte-6tsow1{font-size:13px;padding:10px}.guide.show.svelte-6tsow1{z-index:9000}.guide.svelte-6tsow1{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif!important;font-size:15px!important}.previews.svelte-6tsow1{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px;width:100%}.jetpack-boost-guide__backdrop{filter:brightness(.3);transition:opacity .2s ease-in-out,filter .2s ease-in-out}#jetpack-boost-guide-bar.ab-item.svelte-1km5e3e{align-items:center;display:flex;gap:10px}#jetpack-boost-guide-bar.ab-item.paused.svelte-1km5e3e svg{filter:grayscale(100%) contrast(1.7)}

package/build/index.d.ts

@@ -1,7 +1,6 @@
 import { MeasurableImage, type Dimensions, type FetchFn, type Weight } from './MeasurableImage.ts';
 import { type TracksCallback } from './analytics.ts';
 import { getMeasurableImages } from './find-image-elements.ts';
-import AdminBarToggle from './ui/AdminBarToggle.svelte';
 export { MeasurableImage, getMeasurableImages };
 export type { Weight, Dimensions };
 type ImageGuideUIOptions = {
@@ -19,7 +18,7 @@ type ImageGuideUIOptions = {
  * @param {Function} args.fetchFunction  - The function to use to fetch the image weight.
  * @return {object} The Svelte component instance.
  */
-export declare function setupImageGuideUI(target: HTMLElement, { href, tracksCallback, fetchFunction }: ImageGuideUIOptions): AdminBarToggle<{
-    href: string;
-    tracksCallback: TracksCallback;
-}, any, any>;
+export declare function setupImageGuideUI(target: HTMLElement, { href, tracksCallback, fetchFunction }: ImageGuideUIOptions): {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<Record<string, any>>): void;
+} & Record<string, any>;

package/build/index.js

@@ -1 +1 @@
-class t{constructor(t,e,n=null){this.node=t,this.getURLCallback=e,this.fetch=null!=n?n:window.fetch.bind(window)}getURL(){return this.getURLCallback(this.node)}getSizeOnPage(){const{width:t,height:e}=this.node.getBoundingClientRect();return{width:Math.round(t),height:Math.round(e)}}async getFileSize(t){const{width:e,height:n}=await this.fetchFileDimensions(t);return{width:e,height:n}}async getWeight(t){return await this.fetchFileWeight(t)}getPotentialSavings(t,e,n){const i=this.getOversizedRatio(t,n);return i<=1?null:Math.round(e.weight-e.weight/i)}getExpectedSize(t){const e=window.devicePixelRatio||1;return{width:Math.round(t.width*e),height:Math.round(t.height*e)}}getOversizedRatio(t,e){if(0===t.width||0===t.height)return 1;const{width:n,height:i}=this.getExpectedSize(e);return 0===n||0===i?1:t.width*t.height/(n*i)}async fetchFileWeight(t){const e=await this.fetch(t);return e.ok?parseInt(e.headers.get("content-length"),10)/1024:(console.log(`Can't get image size for ${t} likely due to a CORS error.`),-1)}async fetchFileDimensions(t){const e=new Image;return e.src=t,new Promise((t,n)=>{e.onload=()=>{t({width:Math.round(e.width),height:Math.round(e.height)})},e.onerror=()=>{n("Unable to load image.")}})}async isImageTiny(){try{const t=65,e=await this.fetchFileDimensions(this.getURL());return e.width<t||e.height<t}catch{return!0}}}function e(){}const n=t=>t;function i(t){return t()}function o(){return Object.create(null)}function r(t){t.forEach(i)}function s(t){return"function"==typeof t}function c(t,e){return t!=t?e==e:t!==e||t&&"object"==typeof t||"function"==typeof t}let a;function l(t,e){return t===e||(a||(a=document.createElement("a")),a.href=e,t===a.href)}function u(t,...n){if(null==t){for(const t of n)t(void 0);return e}const i=t.subscribe(...n);return i.unsubscribe?()=>i.unsubscribe():i}function d(t){let e;return u(t,t=>e=t)(),e}function h(t,e,n){t.$$.on_destroy.push(u(e,n))}function f(t,e,n,i){return t[1]&&i?function(t,e){for(const n in e)t[n]=e[n];return t}(n.ctx.slice(),t[1](i(e))):n.ctx}function p(t){const e="string"==typeof t&&t.match(/^\s*(-?[\d.]+)([^\s]*)\s*$/);return e?[parseFloat(e[1]),e[2]||"px"]:[t,"px"]}const g="undefined"!=typeof window;let m=g?()=>window.performance.now():()=>Date.now(),$=g?t=>requestAnimationFrame(t):e;const v=new Set;function w(t){v.forEach(e=>{e.c(t)||(v.delete(e),e.f())}),0!==v.size&&$(w)}function y(t){let e;return 0===v.size&&$(w),{promise:new Promise(n=>{v.add(e={c:t,f:n})}),abort(){v.delete(e)}}}function b(t,e){t.appendChild(e)}function x(t){if(!t)return document;const e=t.getRootNode?t.getRootNode():t.ownerDocument;return e&&e.host?e:t.ownerDocument}function k(t){const e=S("style");return e.textContent="/* empty */",function(t,e){b(t.head||t,e),e.sheet}(x(t),e),e.sheet}function _(t,e,n){t.insertBefore(e,n||null)}function z(t){t.parentNode&&t.parentNode.removeChild(t)}function S(t){return document.createElement(t)}function C(t){return document.createElementNS("http://www.w3.org/2000/svg",t)}function E(t){return document.createTextNode(t)}function L(){return E(" ")}function M(){return E("")}function P(t,e,n,i){return t.addEventListener(e,n,i),()=>t.removeEventListener(e,n,i)}function O(t,e,n){null==n?t.removeAttribute(e):t.getAttribute(e)!==n&&t.setAttribute(e,n)}function T(t,e){e=""+e,t.data!==e&&(t.data=e)}function j(t,e,n,i){null==n?t.style.removeProperty(e):t.style.setProperty(e,n,i?"important":"")}function I(t,e,n){t.classList.toggle(e,!!n)}function R(t,e,{bubbles:n=!1,cancelable:i=!1}={}){return new CustomEvent(t,{detail:e,bubbles:n,cancelable:i})}const F=new Map;let W,U=0;function A(t,e,n,i,o,r,s,c=0){const a=16.666/i;let l="{\n";for(let t=0;t<=1;t+=a){const i=e+(n-e)*r(t);l+=100*t+`%{${s(i,1-i)}}\n`}const u=l+`100% {${s(n,1-n)}}\n}`,d=`__svelte_${function(t){let e=5381,n=t.length;for(;n--;)e=(e<<5)-e^t.charCodeAt(n);return e>>>0}(u)}_${c}`,h=x(t),{stylesheet:f,rules:p}=F.get(h)||function(t,e){const n={stylesheet:k(e),rules:{}};return F.set(t,n),n}(h,t);p[d]||(p[d]=!0,f.insertRule(`@keyframes ${d} ${u}`,f.cssRules.length));const g=t.style.animation||"";return t.style.animation=`${g?`${g}, `:""}${d} ${i}ms linear ${o}ms 1 both`,U+=1,d}function B(t,e){const n=(t.style.animation||"").split(", "),i=n.filter(e?t=>t.indexOf(e)<0:t=>-1===t.indexOf("__svelte")),o=n.length-i.length;o&&(t.style.animation=i.join(", "),U-=o,U||$(()=>{U||(F.forEach(t=>{const{ownerNode:e}=t.stylesheet;e&&z(e)}),F.clear())}))}function D(t){W=t}function H(){if(!W)throw new Error("Function called outside component initialization");return W}function N(t){H().$$.on_mount.push(t)}function q(t,e){const n=t.$$.callbacks[e.type];n&&n.slice().forEach(t=>t.call(this,e))}const V=[],G=[];let Z=[];const K=[],X=Promise.resolve();let Y=!1;function J(t){Z.push(t)}const Q=new Set;let tt,et=0;function nt(){if(0!==et)return;const t=W;do{try{for(;et<V.length;){const t=V[et];et++,D(t),it(t.$$)}}catch(t){throw V.length=0,et=0,t}for(D(null),V.length=0,et=0;G.length;)G.pop()();for(let t=0;t<Z.length;t+=1){const e=Z[t];Q.has(e)||(Q.add(e),e())}Z.length=0}while(V.length);for(;K.length;)K.pop()();Y=!1,Q.clear(),D(t)}function it(t){if(null!==t.fragment){t.update(),r(t.before_update);const e=t.dirty;t.dirty=[-1],t.fragment&&t.fragment.p(t.ctx,e),t.after_update.forEach(J)}}function ot(){return tt||(tt=Promise.resolve(),tt.then(()=>{tt=null})),tt}function rt(t,e,n){t.dispatchEvent(R(`${e?"intro":"outro"}${n}`))}const st=new Set;let ct;function at(){ct={r:0,c:[],p:ct}}function lt(){ct.r||r(ct.c),ct=ct.p}function ut(t,e){t&&t.i&&(st.delete(t),t.i(e))}function dt(t,e,n,i){if(t&&t.o){if(st.has(t))return;st.add(t),ct.c.push(()=>{st.delete(t),i&&(n&&t.d(1),i())}),t.o(e)}else i&&i()}const ht={duration:0};function ft(t,i,o){const r={direction:"in"};let c,a,l=i(t,o,r),u=!1,d=0;function h(){c&&B(t,c)}function f(){const{delay:i=0,duration:o=300,easing:r=n,tick:s=e,css:f}=l||ht;f&&(c=A(t,0,1,o,i,r,f,d++)),s(0,1);const p=m()+i,g=p+o;a&&a.abort(),u=!0,J(()=>rt(t,!0,"start")),a=y(e=>{if(u){if(e>=g)return s(1,0),rt(t,!0,"end"),h(),u=!1;if(e>=p){const t=r((e-p)/o);s(t,1-t)}}return u})}let p=!1;return{start(){p||(p=!0,B(t),s(l)?(l=l(r),ot().then(f)):f())},invalidate(){p=!1},end(){u&&(h(),u=!1)}}}function pt(t,i,o,c){let a,l=i(t,o,{direction:"both"}),u=c?0:1,d=null,h=null,f=null;function p(){f&&B(t,f)}function g(t,e){const n=t.b-u;return e*=Math.abs(n),{a:u,b:t.b,d:n,duration:e,start:t.start,end:t.start+e,group:t.group}}function $(i){const{delay:o=0,duration:s=300,easing:c=n,tick:$=e,css:v}=l||ht,w={start:m()+o,b:i};i||(w.group=ct,ct.r+=1),"inert"in t&&(i?void 0!==a&&(t.inert=a):(a=t.inert,t.inert=!0)),d||h?h=w:(v&&(p(),f=A(t,u,i,s,o,c,v)),i&&$(0,1),d=g(w,s),J(()=>rt(t,i,"start")),y(e=>{if(h&&e>h.start&&(d=g(h,s),h=null,rt(t,d.b,"start"),v&&(p(),f=A(t,u,d.b,d.duration,0,c,l.css))),d)if(e>=d.end)$(u=d.b,1-u),rt(t,d.b,"end"),h||(d.b?p():--d.group.r||r(d.group.c)),d=null;else if(e>=d.start){const t=e-d.start;u=d.a+d.d*c(t/d.duration),$(u,1-u)}return!(!d&&!h)}))}return{run(t){s(l)?ot().then(()=>{l=l({direction:t?"in":"out"}),$(t)}):$(t)},end(){p(),d=h=null}}}function gt(t){return void 0!==t?.length?t:Array.from(t)}function mt(t){t&&t.c()}function $t(t,e,n){const{fragment:o,after_update:c}=t.$$;o&&o.m(e,n),J(()=>{const e=t.$$.on_mount.map(i).filter(s);t.$$.on_destroy?t.$$.on_destroy.push(...e):r(e),t.$$.on_mount=[]}),c.forEach(J)}function vt(t,e){const n=t.$$;null!==n.fragment&&(!function(t){const e=[],n=[];Z.forEach(i=>-1===t.indexOf(i)?e.push(i):n.push(i)),n.forEach(t=>t()),Z=e}(n.after_update),r(n.on_destroy),n.fragment&&n.fragment.d(e),n.on_destroy=n.fragment=null,n.ctx=[])}function wt(t,e){-1===t.$$.dirty[0]&&(V.push(t),Y||(Y=!0,X.then(nt)),t.$$.dirty.fill(0)),t.$$.dirty[e/31|0]|=1<<e%31}function yt(t,n,i,s,c,a,l=null,u=[-1]){const d=W;D(t);const h=t.$$={fragment:null,ctx:[],props:a,update:e,not_equal:c,bound:o(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(n.context||(d?d.$$.context:[])),callbacks:o(),dirty:u,skip_bound:!1,root:n.target||d.$$.root};l&&l(h.root);let f=!1;if(h.ctx=i?i(t,n.props||{},(e,n,...i)=>{const o=i.length?i[0]:n;return h.ctx&&c(h.ctx[e],h.ctx[e]=o)&&(!h.skip_bound&&h.bound[e]&&h.bound[e](o),f&&wt(t,e)),n}):[],h.update(),f=!0,r(h.before_update),h.fragment=!!s&&s(h.ctx),n.target){if(n.hydrate){const t=function(t){return Array.from(t.childNodes)}(n.target);h.fragment&&h.fragment.l(t),t.forEach(z)}else h.fragment&&h.fragment.c();n.intro&&ut(t.$$.fragment),$t(t,n.target,n.anchor),nt()}D(d)}class bt{$$=void 0;$$set=void 0;$destroy(){vt(this,1),this.$destroy=e}$on(t,n){if(!s(n))return e;const i=this.$$.callbacks[t]||(this.$$.callbacks[t]=[]);return i.push(n),()=>{const t=i.indexOf(n);-1!==t&&i.splice(t,1)}}$set(t){var e;this.$$set&&(e=t,0!==Object.keys(e).length)&&(this.$$.skip_bound=!0,this.$$set(t),this.$$.skip_bound=!1)}}const xt=[];function kt(t,n=e){let i;const o=new Set;function r(e){if(c(t,e)&&(t=e,i)){const e=!xt.length;for(const e of o)e[1](),xt.push(e,t);if(e){for(let t=0;t<xt.length;t+=2)xt[t][0](xt[t+1]);xt.length=0}}}function s(e){r(e(t))}return{set:r,update:s,subscribe:function(c,a=e){const l=[c,a];return o.add(l),1===o.size&&(i=n(r,s)||e),c(t),()=>{o.delete(l),0===o.size&&i&&(i(),i=null)}}}}function _t(t,n,i){const o=!Array.isArray(t),c=o?[t]:t;if(!c.every(Boolean))throw new Error("derived() expects stores as input, got a falsy value");const a=n.length<2;return l=(t,i)=>{let l=!1;const d=[];let h=0,f=e;const p=()=>{if(h)return;f();const r=n(o?d[0]:d,t,i);a?t(r):f=s(r)?r:e},g=c.map((t,e)=>u(t,t=>{d[e]=t,h&=~(1<<e),l&&p()},()=>{h|=1<<e}));return l=!0,p(),function(){r(g),f(),l=!1}},{subscribe:kt(i,l).subscribe};var l}const zt="jetpack-boost-guide",St={active:"Active",paused:"Paused"};let Ct=localStorage.getItem(zt);Ct&&St[Ct]||(localStorage.setItem(zt,"Active"),Ct="active");const{set:Et,update:Lt,subscribe:Mt}=kt(Ct);Mt(t=>{localStorage.setItem(zt,t)});const Pt={subscribe:Mt,set:Et,update:Lt,cycle:()=>{Lt(t=>{const e=Object.keys(St),n=e.indexOf(t);return e[(n+1)%e.length]})}},Ot=_t(Pt,t=>St[t]);class Tt{constructor(t){this.loading=kt(!0),this.weightMap={},this.currentSrc="",this.image=t,this.node=t.node;this.url=kt(t.getURL()),this.fileSize=kt({width:0,height:0}),this.fileWeight=kt({weight:-1},()=>{this.maybeUpdateWeight()}),this.sizeOnPage=kt({width:0,height:0}),this.potentialSavings=this.derivePotentialSavings(),this.oversizedRatio=this.deriveOversizedRatio(),this.expectedSize=this.deriveExpectedSize()}deriveOversizedRatio(){return _t([this.fileSize,this.sizeOnPage],([t,e])=>this.image.getOversizedRatio(t,e))}deriveExpectedSize(){return _t(this.sizeOnPage,t=>this.image.getExpectedSize(t))}derivePotentialSavings(){return _t([this.fileSize,this.fileWeight,this.sizeOnPage],([t,e,n])=>this.image.getPotentialSavings(t,e,n))}async updateDimensions(){const t=this.image.getSizeOnPage();this.sizeOnPage.set(t),await this.updateFileDimensions()}async updateFileDimensions(){if(this.image.getURL()===this.currentSrc)return;let t;this.currentSrc=this.image.getURL();try{t=await this.image.getFileSize(this.currentSrc)}catch{t={height:-1,width:-1}}this.url.set(this.currentSrc),this.fileSize.set(t)}async maybeUpdateWeight(){const t=this.currentSrc;if(void 0===this.weightMap[t]){this.loading.set(!0);try{const e=await this.image.getWeight(t);this.weightMap[t]=e,this.fileWeight.set({weight:e})}catch{this.fileWeight.set({weight:-1})}this.loading.set(!1)}else this.fileWeight.set({weight:this.weightMap[t]})}}class jt{static setTracksCallback(t){jt.tracksCallback=t}static async trackImageOutcome(t){return new Promise(e=>{t.loading.subscribe(n=>{if(!n){const n=d(t.oversizedRatio),i=function(t){return t>4?"red":t>2.5?"yellow":"green"}(n),o=d(t.fileSize),r=d(t.sizeOnPage),s=d(t.expectedSize),c=d(t.potentialSavings),a=d(t.url),l={severity:i,oversized_ratio:n,file_width:o.width,file_height:o.height,size_on_page_width:r.width,size_on_page_height:r.height,expected_width:s.width,expected_height:s.height,potential_savings:c,image_url:a};jt.tracksCallback("image_guide_image_outcome",{...l,window_width:window.innerWidth,window_height:window.innerHeight,device_pixel_ratio:window.devicePixelRatio}),e(l)}})})}static async trackPage(t){if(!t.length||jt.trackingComplete)return;jt.trackingComplete=!0;const e=t.map(jt.trackImageOutcome),n=await Promise.all(e),i=n.reduce((t,e)=>t+(e.potential_savings||0),0);jt.tracksCallback("image_guide_page_outcome",{total_potential_savings:i,red_severity_count:n.filter(t=>"red"===t.severity).length,yellow_severity_count:n.filter(t=>"yellow"===t.severity).length,green_severity_count:n.filter(t=>"green"===t.severity).length,window_width:window.innerWidth,window_height:window.innerHeight,device_pixel_ratio:window.devicePixelRatio})}static trackInitialState(){jt.tracksCallback("image_guide_initial_ui_state",{image_guide_state:d(Pt)})}static trackUIStateChange(){jt.tracksCallback("image_guide_ui_state_change",{image_guide_state:d(Pt)})}}function It(t){return t.filter(t=>{if(t instanceof HTMLImageElement){if(!t.src.trim())return!1;try{if(e=t.src,new URL(e).pathname.toLowerCase().endsWith(".svg"))return!1}catch{return!1}return!0}var e;if(t instanceof HTMLElement){return"none"!==getComputedStyle(t).backgroundImage}return!1})}function Rt(t){return Ut(t.currentSrc)?t.currentSrc:Ut(t.src)?t.src:null}function Ft(t){const e=getComputedStyle(t).backgroundImage.match(/url\(\s*(['"])(.*?)\1\s*\)/i),n=window.location.href.split("#")[0];return e&&e[2]&&e[2]!==n&&Ut(e[2])?e[2]:null}async function Wt(e,n=null){return It(e).map(e=>e instanceof HTMLImageElement?new t(e,Rt,n):e instanceof HTMLElement&&Ft(e)?new t(e,Ft):null).filter(t=>null!==t)}function Ut(t){if(t.startsWith("/")){return!t.split("?")[0].endsWith(".svg")}try{const e=new URL(t);return"http:"===e.protocol||"https:"===e.protocol}catch{return!1}}function At(t){const e=1.70158;return--t*t*((e+1)*t+e)+1}function Bt(t){const e=t-1;return e*e*e+1}function Dt(t,{delay:e=0,duration:i=400,easing:o=n}={}){const r=+getComputedStyle(t).opacity;return{delay:e,duration:i,easing:o,css:t=>"opacity: "+t*r}}function Ht(t,{delay:e=0,duration:n=400,easing:i=Bt,x:o=0,y:r=0,opacity:s=0}={}){const c=getComputedStyle(t),a=+c.opacity,l="none"===c.transform?"":c.transform,u=a*(1-s),[d,h]=p(o),[f,g]=p(r);return{delay:e,duration:n,easing:i,css:(t,e)=>`\n\t\t\ttransform: ${l} translate(${(1-t)*d}${h}, ${(1-t)*f}${g});\n\t\t\topacity: ${a-u*e}`}}function Nt(t){let n,i,o,r,s;return{c(){n=S("div"),i=C("svg"),o=C("path"),r=C("path"),s=C("path"),O(o,"d","M55.4 107.8C84.3397 107.8 107.8 84.3397 107.8 55.4C107.8 26.4603 84.3397 3 55.4 3C26.4603 3 3 26.4603 3 55.4C3 84.3397 26.4603 107.8 55.4 107.8Z"),O(o,"fill",t[1]),O(r,"d","M58 46.6V97.4L84.2 46.6H58Z"),O(r,"fill","white"),O(s,"d","M52.7 64.1V13.4L26.6 64.1H52.7Z"),O(s,"fill","white"),O(i,"viewBox","0 0 110 110"),O(i,"fill","none"),O(i,"xmlns","http://www.w3.org/2000/svg"),j(n,"width",t[0]+"px"),j(n,"height",t[0]+"px"),O(n,"class","svelte-f6jc8")},m(t,e){_(t,n,e),b(n,i),b(i,o),b(i,r),b(i,s)},p(t,[e]){2&e&&O(o,"fill",t[1]),1&e&&j(n,"width",t[0]+"px"),1&e&&j(n,"height",t[0]+"px")},i:e,o:e,d(t){t&&z(n)}}}function qt(t,e,n){let{size:i=16}=e,{bg:o="#069E08"}=e;return t.$$set=t=>{"size"in t&&n(0,i=t.size),"bg"in t&&n(1,o=t.bg)},[i,o]}jt.trackingComplete=!1,"undefined"!=typeof window&&(window.__svelte||(window.__svelte={v:new Set})).v.add("4");class Vt extends bt{constructor(t){super(),yt(this,t,qt,Nt,c,{size:0,bg:1})}}function Gt(t){let i,o,c,a;return o=new Vt({props:{size:12,bg:"transparent"}}),{c(){i=S("div"),mt(o.$$.fragment),O(i,"class","spinner svelte-2eb8gc")},m(t,e){_(t,i,e),$t(o,i,null),a=!0},p:e,i(t){a||(ut(o.$$.fragment,t),c&&c.end(1),a=!0)},o(t){dt(o.$$.fragment,t),t&&(c=function(t,i,o){const c={direction:"out"};let a,l=i(t,o,c),u=!0;const d=ct;let h;function f(){const{delay:i=0,duration:o=300,easing:s=n,tick:c=e,css:f}=l||ht;f&&(a=A(t,1,0,o,i,s,f));const p=m()+i,g=p+o;J(()=>rt(t,!1,"start")),"inert"in t&&(h=t.inert,t.inert=!0),y(e=>{if(u){if(e>=g)return c(0,1),rt(t,!1,"end"),--d.r||r(d.c),!1;if(e>=p){const t=s((e-p)/o);c(1-t,t)}}return u})}return d.r+=1,s(l)?ot().then(()=>{l=l(c),f()}):f(),{end(e){e&&"inert"in t&&(t.inert=h),e&&l.tick&&l.tick(1,0),u&&(a&&B(t,a),u=!1)}}}(i,Dt,{duration:300})),a=!1},d(t){t&&z(i),vt(o),t&&c&&c.end()}}}class Zt extends bt{constructor(t){super(),yt(this,t,null,Gt,c,{})}}function Kt(t){let n,i;return{c(){n=C("svg"),i=C("path"),O(i,"stroke-linecap","round"),O(i,"stroke-linejoin","round"),O(i,"stroke-width","2"),O(i,"d","M5 13l4 4L19 7"),O(n,"class","w-6 h-6 svelte-jkeb2"),O(n,"fill","none"),O(n,"stroke","white"),O(n,"width","18"),O(n,"height","18"),O(n,"viewBox","0 0 24 24"),O(n,"xmlns","http://www.w3.org/2000/svg")},m(t,e){_(t,n,e),b(n,i)},p:e,i:e,o:e,d(t){t&&z(n)}}}class Xt extends bt{constructor(t){super(),yt(this,t,null,Kt,c,{})}}function Yt(t){let n,i,o;return i=new Zt({}),{c(){n=S("div"),mt(i.$$.fragment),O(n,"class","bubble-inner svelte-1qopaii")},m(t,e){_(t,n,e),$t(i,n,null),o=!0},p:e,i(t){o||(ut(i.$$.fragment,t),o=!0)},o(t){dt(i.$$.fragment,t),o=!1},d(t){t&&z(n),vt(i)}}}function Jt(t){let e,n,i,o,r,s;const c=[ee,te,Qt],a=[];function l(t,e){return t[0]>9?0:t[0]>.99?1:2}return i=l(t),o=a[i]=c[i](t),{c(){e=S("div"),n=S("div"),o.c(),O(n,"class","label"),O(e,"class","bubble-inner svelte-1qopaii")},m(t,o){_(t,e,o),b(e,n),a[i].m(n,null),s=!0},p(t,e){let r=i;i=l(t),i===r?a[i].p(t,e):(at(),dt(a[r],1,1,()=>{a[r]=null}),lt(),o=a[i],o?o.p(t,e):(o=a[i]=c[i](t),o.c()),ut(o,1),o.m(n,null))},i(t){s||(ut(o),t&&(r||J(()=>{r=ft(n,Dt,{delay:200,duration:300}),r.start()})),s=!0)},o(t){dt(o),s=!1},d(t){t&&z(e),a[i].d()}}}function Qt(t){let n,i;return{c(){n=S("span"),n.textContent="<",i=E(" 1x"),j(n,"font-size","0.75em")},m(t,e){_(t,n,e),_(t,i,e)},p:e,i:e,o:e,d(t){t&&(z(n),z(i))}}}function te(t){let e,n,i,o;const r=[ie,ne],s=[];function c(t,e){return"normal"===t[1]?0:1}return e=c(t),n=s[e]=r[e](t),{c(){n.c(),i=M()},m(t,n){s[e].m(t,n),_(t,i,n),o=!0},p(t,o){let a=e;e=c(t),e===a?s[e].p(t,o):(at(),dt(s[a],1,1,()=>{s[a]=null}),lt(),n=s[e],n?n.p(t,o):(n=s[e]=r[e](t),n.c()),ut(n,1),n.m(i.parentNode,i))},i(t){o||(ut(n),o=!0)},o(t){dt(n),o=!1},d(t){t&&z(i),s[e].d(t)}}}function ee(t){let n,i,o=Math.floor(t[0])+"";return{c(){n=E(o),i=E("x")},m(t,e){_(t,n,e),_(t,i,e)},p(t,e){1&e&&o!==(o=Math.floor(t[0])+"")&&T(n,o)},i:e,o:e,d(t){t&&(z(n),z(i))}}}function ne(t){let n,i,o=t[0].toFixed(1)+"";return{c(){n=E(o),i=E("x")},m(t,e){_(t,n,e),_(t,i,e)},p(t,e){1&e&&o!==(o=t[0].toFixed(1)+"")&&T(n,o)},i:e,o:e,d(t){t&&(z(n),z(i))}}}function ie(t){let n,i;return n=new Xt({}),{c(){mt(n.$$.fragment)},m(t,e){$t(n,t,e),i=!0},p:e,i(t){i||(ut(n.$$.fragment,t),i=!0)},o(t){dt(n.$$.fragment,t),i=!1},d(t){vt(n,t)}}}function oe(t){let e,n,i,o,r,s,c,a,l;const u=[Jt,Yt],d=[];function h(t,e){return!1===t[3]?0:1}return i=h(t),o=d[i]=u[i](t),{c(){e=S("div"),n=S("div"),o.c(),O(n,"class","bubble svelte-1qopaii"),O(e,"class",r="interaction-area "+t[1]+" svelte-1qopaii")},m(o,r){_(o,e,r),b(e,n),d[i].m(n,null),t[10](e),c=!0,a||(l=P(e,"mouseenter",t[7]),a=!0)},p(s,[a]){let l=i;i=h(t=s),i===l?d[i].p(t,a):(at(),dt(d[l],1,1,()=>{d[l]=null}),lt(),o=d[i],o?o.p(t,a):(o=d[i]=u[i](t),o.c()),ut(o,1),o.m(n,null)),(!c||2&a&&r!==(r="interaction-area "+t[1]+" svelte-1qopaii"))&&O(e,"class",r)},i(n){c||(ut(o),n&&J(()=>{c&&(s||(s=pt(e,Ht,t[6],!0)),s.run(1))}),c=!0)},o(n){dt(o),n&&(s||(s=pt(e,Ht,t[6],!1)),s.run(0)),c=!1},d(n){n&&z(e),d[i].d(),t[10](null),n&&s&&s.end(),a=!1,l()}}}function re(t,e,n){let i,o,r,{index:s}=e,{store:c}=e;const a=c.oversizedRatio;h(t,a,t=>n(0,i=t));const l=c.loading;h(t,l,t=>n(3,o=t));const u={delay:150+50*s,duration:250,y:2,easing:At};let d;const f=function(){const t=H();return(e,n,{cancelable:i=!1}={})=>{const o=t.$$.callbacks[e];if(o){const r=R(e,n,{cancelable:i});return o.slice().forEach(e=>{e.call(t,r)}),!r.defaultPrevented}return!0}}();return t.$$set=t=>{"index"in t&&n(8,s=t.index),"store"in t&&n(9,c=t.store)},t.$$.update=()=>{1&t.$$.dirty&&n(1,r=i>4?"high":i>2.5?"medium":"normal")},[i,r,d,o,a,l,u,function(){const t=d.getBoundingClientRect();f("hover",{index:s,position:{top:t.top+t.height+10,left:t.left}})},s,c,function(t){G[t?"unshift":"push"](()=>{d=t,n(2,d)})}]}class se extends bt{constructor(t){super(),yt(this,t,re,oe,c,{index:8,store:9})}}function ce(t){let e,n;const i=t[2].default,o=function(t,e,n,i){if(t){const o=f(t,e,n,i);return t[0](o)}}(i,t,t[1],null);return{c(){e=S("div"),o&&o.c(),O(e,"class","jetpack-boost-guide-portal")},m(i,r){_(i,e,r),o&&o.m(e,null),t[3](e),n=!0},p(t,[e]){o&&o.p&&(!n||2&e)&&function(t,e,n,i,o,r){if(o){const s=f(e,n,i,r);t.p(s,o)}}(o,i,t,t[1],n?function(t,e,n,i){if(t[2]&&i){const o=t[2](i(n));if(void 0===e.dirty)return o;if("object"==typeof o){const t=[],n=Math.max(e.dirty.length,o.length);for(let i=0;i<n;i+=1)t[i]=e.dirty[i]|o[i];return t}return e.dirty|o}return e.dirty}(i,t[1],e,null):function(t){if(t.ctx.length>32){const e=[],n=t.ctx.length/32;for(let t=0;t<n;t++)e[t]=-1;return e}return-1}(t[1]),null)},i(t){n||(ut(o,t),n=!0)},o(t){dt(o,t),n=!1},d(n){n&&z(e),o&&o.d(n),t[3](null)}}}function ae(t,e,n){let i,{$$slots:o={},$$scope:r}=e;var s;return N(()=>{document.body.appendChild(i)}),s=()=>{document.body.removeChild(i)},H().$$.on_destroy.push(s),t.$$set=t=>{"$$scope"in t&&n(1,r=t.$$scope)},[i,r,o,function(t){G[t?"unshift":"push"](()=>{i=t,n(0,i)})}]}class le extends bt{constructor(t){super(),yt(this,t,ae,ce,c,{})}}function ue(t){let n,i;return{c(){n=C("svg"),i=C("path"),O(i,"d","M18.2 17c0 .7-.6 1.2-1.2 1.2H7c-.7 0-1.2-.6-1.2-1.2V7c0-.7.6-1.2 1.2-1.2h3.2V4.2H7C5.5 4.2 4.2 5.5 4.2 7v10c0 1.5 1.2 2.8 2.8 2.8h10c1.5 0 2.8-1.2 2.8-2.8v-3.6h-1.5V17zM14.9 3v1.5h3.7l-6.4 6.4 1.1 1.1 6.4-6.4v3.7h1.5V3h-6.3z"),O(n,"xmlns","http://www.w3.org/2000/svg"),O(n,"viewBox","0 0 24 24"),O(n,"class","svelte-1336127")},m(t,e){_(t,n,e),b(n,i)},p:e,i:e,o:e,d(t){t&&z(n)}}}class de extends bt{constructor(t){super(),yt(this,t,null,ue,c,{})}}function he(t){let e,n,i,o,r=t[29]+"";return{c(){e=S("div"),n=E("The image file is "),i=E(r),o=E("x smaller than expected on this screen. This might be\n\t\t\t\t\t\tfine, but you may want to check if the image appears blurry."),O(e,"class","explanation svelte-52p8v6")},m(t,r){_(t,e,r),b(e,n),b(e,i),b(e,o)},p(t,e){8&e&&r!==(r=t[29]+"")&&T(i,r)},d(t){t&&z(e)}}}function fe(t){let e,n,i=t[6]>1&&me(t);return{c(){e=S("div"),n=E("The image size is very close to the size it appears in the browser.\n\t\t\t\t\t\t"),i&&i.c(),O(e,"class","explanation svelte-52p8v6")},m(t,o){_(t,e,o),b(e,n),i&&i.m(e,null)},p(t,n){t[6]>1?i?i.p(t,n):(i=me(t),i.c(),i.m(e,null)):i&&(i.d(1),i=null)},d(t){t&&z(e),i&&i.d()}}}function pe(t){let n;return{c(){n=S("div"),n.textContent="The image is exactly the correct size for this screen.",O(n,"class","explanation svelte-52p8v6")},m(t,e){_(t,n,e)},p:e,d(t){t&&z(n)}}}function ge(t){let e,n,i,o,r,s,c=t[4].weight>450&&$e();return{c(){e=S("div"),n=E("The image loaded is "),i=S("strong"),o=E(t[6]),r=E("x"),s=E(" larger than it appears in the browser.\n\t\t\t\t\t\t"),c&&c.c(),O(e,"class","explanation svelte-52p8v6")},m(t,a){_(t,e,a),b(e,n),b(e,i),b(i,o),b(i,r),b(e,s),c&&c.m(e,null)},p(t,n){64&n&&T(o,t[6]),t[4].weight>450?c||(c=$e(),c.c(),c.m(e,null)):c&&(c.d(1),c=null)},d(t){t&&z(e),c&&c.d()}}}function me(t){let e,n,i,o,r;return{c(){e=E("Because there are various screen sizes, it's okay for the image to be\n\t\t\t\t\t\t\t"),n=S("strong"),i=E(t[6]),o=E("x"),r=E(" than it appears on the page.")},m(t,s){_(t,e,s),_(t,n,s),b(n,i),b(n,o),_(t,r,s)},p(t,e){64&e&&T(i,t[6])},d(t){t&&(z(e),z(n),z(r))}}}function $e(t){let e;return{c(){e=E("Try using a smaller image or reduce the file size by compressing it.")},m(t,n){_(t,e,n)},d(t){t&&z(e)}}}function ve(t){let e,n;return{c(){e=S("img"),l(e.src,n=t[5])||O(e,"src",n),O(e,"alt",t[8]),j(e,"width",t[2]+"px"),j(e,"height",t[7]+"px"),O(e,"width",t[2]),O(e,"height",t[7]),O(e,"class","svelte-52p8v6")},m(t,n){_(t,e,n)},p(t,i){32&i&&!l(e.src,n=t[5])&&O(e,"src",n),256&i&&O(e,"alt",t[8]),4&i&&j(e,"width",t[2]+"px"),128&i&&j(e,"height",t[7]+"px"),4&i&&O(e,"width",t[2]),128&i&&O(e,"height",t[7])},d(t){t&&z(e)}}}function we(t){let e;function n(t,e){return t[17]?xe:be}let i=n(t),o=i(t);return{c(){e=S("div"),o.c(),O(e,"class","value")},m(t,n){_(t,e,n),o.m(e,null)},p(t,r){i!==(i=n(t))&&(o.d(1),o=i(t),o&&(o.c(),o.m(e,null)))},d(t){t&&z(e),o.d()}}}function ye(t){let e,n,i,o,r=t[4].width+"",s=t[4].height+"";return{c(){e=S("div"),n=E(r),i=E(" x "),o=E(s),O(e,"class","value")},m(t,r){_(t,e,r),b(e,n),b(e,i),b(e,o)},p(t,e){16&e&&r!==(r=t[4].width+"")&&T(n,r),16&e&&s!==(s=t[4].height+"")&&T(o,s)},d(t){t&&z(e)}}}function be(t){let e;return{c(){e=S("em"),e.textContent="Unknown"},m(t,n){_(t,e,n)},d(t){t&&z(e)}}}function xe(t){let e;return{c(){e=E("Loading...")},m(t,n){_(t,e,n)},d(t){t&&z(e)}}}function ke(t){let n;return{c(){n=S("em"),n.textContent="Unknown"},m(t,e){_(t,n,e)},p:e,d(t){t&&z(n)}}}function _e(t){let n;return{c(){n=E("Loading...")},m(t,e){_(t,n,e)},p:e,d(t){t&&z(n)}}}function ze(t){let e,n,i=Math.round(t[20].weight)+"";return{c(){e=E(i),n=E(" KB")},m(t,i){_(t,e,i),_(t,n,i)},p(t,n){1048576&n&&i!==(i=Math.round(t[20].weight)+"")&&T(e,i)},d(t){t&&(z(e),z(n))}}}function Se(t){let n;return{c(){n=S("em"),n.textContent="N/A"},m(t,e){_(t,n,e)},p:e,d(t){t&&z(n)}}}function Ce(t){let n;return{c(){n=E("Loading...")},m(t,e){_(t,n,e)},p:e,d(t){t&&z(n)}}}function Ee(t){let e,n,i;return{c(){e=S("strong"),n=E(t[21]),i=E(" KB")},m(t,o){_(t,e,o),b(e,n),b(e,i)},p(t,e){2097152&e&&T(n,t[21])},d(t){t&&z(e)}}}function Le(t){let e,n,i,o,r,s,c,a,l,u,d,h,f,p,g,m,$,v,w,y,x,k,C,M,I,R,F,W,U,A,B,D,H,N,q,V,G,Z,K,X,Y,Q,tt,et,nt,it,ot,rt,st,ct,at,lt=t[18].width+"",ht=t[18].height+"",pt=t[19].width+"",gt=t[19].height+"",wt=`${t[0].top}px`,yt=`${t[0].left}px`;function bt(t,e){return t[6]>=1.3?ge:1===t[6]?pe:t[6]>=.99&&t[6]<1.3?fe:he}function xt(t,e){return e===he?function(t){const e=t.slice(),n=Oe(1/e[3]);return e[29]=n,e}(t):t}i=new Vt({props:{size:250}});let kt=bt(t),_t=kt(xt(t,kt)),zt=t[5]&&ve(t);function St(t,e){return t[4].width>0&&t[4].height>0?ye:we}let Ct=St(t),Et=Ct(t);function Lt(t,e){return t[20].weight>0?ze:t[17]?_e:ke}let Mt=Lt(t),Pt=Mt(t);function Ot(t,e){return t[21]>0?Ee:t[17]?Ce:Se}let Tt=Ot(t),jt=Tt(t);return ot=new de({}),{c(){e=S("div"),n=S("div"),mt(i.$$.fragment),o=L(),r=S("div"),s=S("div"),c=S("div"),a=S("a"),l=E(t[8]),u=L(),_t.c(),d=L(),zt&&zt.c(),h=L(),f=S("div"),p=S("div"),g=S("div"),g.textContent="Image File Dimensions",m=L(),Et.c(),$=L(),v=S("div"),w=S("div"),w.textContent="Expected Dimensions",y=L(),x=S("div"),k=E(lt),C=E(" x "),M=E(ht),I=L(),R=S("div"),F=S("div"),F.textContent="Size on screen",W=L(),U=S("div"),A=E(pt),B=E(" x "),D=E(gt),H=L(),N=S("div"),q=S("div"),q.textContent="Image Size",V=L(),G=S("div"),Pt.c(),Z=L(),K=S("div"),X=S("div"),X.textContent="Potential savings",Y=L(),Q=S("div"),jt.c(),tt=L(),et=S("div"),nt=S("a"),it=E("Learn how to improve site speed by optimizing images "),mt(ot.$$.fragment),O(n,"class","logo svelte-52p8v6"),O(a,"href",t[5]),O(a,"target","_blank noreferrer"),O(a,"class","svelte-52p8v6"),O(c,"class","title svelte-52p8v6"),O(s,"class","description svelte-52p8v6"),O(r,"class","preview svelte-52p8v6"),O(g,"class","label"),O(p,"class","row svelte-52p8v6"),O(w,"class","label"),O(x,"class","value"),O(v,"class","row svelte-52p8v6"),O(F,"class","label"),O(U,"class","value"),O(R,"class","row svelte-52p8v6"),O(q,"class","label"),O(G,"class","value"),O(N,"class","row svelte-52p8v6"),O(X,"class","label"),O(Q,"class","value"),O(K,"class","row svelte-52p8v6"),O(nt,"class","documentation svelte-52p8v6"),O(nt,"href",Pe),O(nt,"target","_blank noreferrer"),O(et,"class","info svelte-52p8v6"),O(f,"class","meta"),O(e,"class","jetpack-boost-guide-popup keep-guide-open svelte-52p8v6"),j(e,"top",wt),j(e,"left",yt)},m(z,S){_(z,e,S),b(e,n),$t(i,n,null),b(e,o),b(e,r),b(r,s),b(s,c),b(c,a),b(a,l),b(s,u),_t.m(s,null),b(r,d),zt&&zt.m(r,null),b(e,h),b(e,f),b(f,p),b(p,g),b(p,m),Et.m(p,null),b(f,$),b(f,v),b(v,w),b(v,y),b(v,x),b(x,k),b(x,C),b(x,M),b(f,I),b(f,R),b(R,F),b(R,W),b(R,U),b(U,A),b(U,B),b(U,D),b(f,H),b(f,N),b(N,q),b(N,V),b(N,G),Pt.m(G,null),b(f,Z),b(f,K),b(K,X),b(K,Y),b(K,Q),jt.m(Q,null),b(f,tt),b(f,et),b(et,nt),b(nt,it),$t(ot,nt,null),st=!0,ct||(at=P(e,"mouseleave",t[24]),ct=!0)},p(t,n){(!st||256&n)&&T(l,t[8]),(!st||32&n)&&O(a,"href",t[5]),kt===(kt=bt(t))&&_t?_t.p(xt(t,kt),n):(_t.d(1),_t=kt(xt(t,kt)),_t&&(_t.c(),_t.m(s,null))),t[5]?zt?zt.p(t,n):(zt=ve(t),zt.c(),zt.m(r,null)):zt&&(zt.d(1),zt=null),Ct===(Ct=St(t))&&Et?Et.p(t,n):(Et.d(1),Et=Ct(t),Et&&(Et.c(),Et.m(p,null))),(!st||262144&n)&&lt!==(lt=t[18].width+"")&&T(k,lt),(!st||262144&n)&&ht!==(ht=t[18].height+"")&&T(M,ht),(!st||524288&n)&&pt!==(pt=t[19].width+"")&&T(A,pt),(!st||524288&n)&&gt!==(gt=t[19].height+"")&&T(D,gt),Mt===(Mt=Lt(t))&&Pt?Pt.p(t,n):(Pt.d(1),Pt=Mt(t),Pt&&(Pt.c(),Pt.m(G,null))),Tt===(Tt=Ot(t))&&jt?jt.p(t,n):(jt.d(1),jt=Tt(t),jt&&(jt.c(),jt.m(Q,null))),1&n&&wt!==(wt=`${t[0].top}px`)&&j(e,"top",wt),1&n&&yt!==(yt=`${t[0].left}px`)&&j(e,"left",yt)},i(t){st||(ut(i.$$.fragment,t),ut(ot.$$.fragment,t),t&&(rt||J(()=>{rt=ft(e,Ht,{duration:150,y:4,easing:At}),rt.start()})),st=!0)},o(t){dt(i.$$.fragment,t),dt(ot.$$.fragment,t),st=!1},d(t){t&&z(e),vt(i),_t.d(),zt&&zt.d(),Et.d(),Pt.d(),jt.d(),vt(ot),ct=!1,at()}}}function Me(t){let e,n,i,o,r,s=!1,c=()=>{s=!1};return J(t[25]),n=new le({props:{$$slots:{default:[Le]},$$scope:{ctx:t}}}),{c(){mt(n.$$.fragment)},m(a,l){$t(n,a,l),i=!0,o||(r=P(window,"scroll",()=>{s=!0,clearTimeout(e),e=setTimeout(c,100),t[25]()}),o=!0)},p(t,[i]){2&i&&!s&&(s=!0,clearTimeout(e),scrollTo(window.pageXOffset,t[1]),e=setTimeout(c,100));const o={};1077805565&i&&(o.$$scope={dirty:i,ctx:t}),n.$set(o)},i(t){i||(ut(n.$$.fragment,t),i=!0)},o(t){dt(n.$$.fragment,t),i=!1},d(t){vt(n,t),o=!1,r()}}}const Pe="https://jetpack.com/support/jetpack-boost/image-performance-guide/";function Oe(t){return t%1==0?t:parseFloat(t.toFixed(2))}function Te(t,n,i){let o,r,s,c,a,l,d,h,f,p,g,m,$,v,w,y,b,x,k,_,z=e,S=e,C=e,E=e,L=e,M=e,P=e,O=e;t.$$.on_destroy.push(()=>z()),t.$$.on_destroy.push(()=>S()),t.$$.on_destroy.push(()=>C()),t.$$.on_destroy.push(()=>E()),t.$$.on_destroy.push(()=>L()),t.$$.on_destroy.push(()=>M()),t.$$.on_destroy.push(()=>P()),t.$$.on_destroy.push(()=>O());let{store:T}=n,{size:j}=n,{position:I}=n,R=0,F=0,W=0;return N(()=>{F=R,W=I.top}),t.$$set=t=>{"store"in t&&i(22,T=t.store),"size"in t&&i(23,j=t.size),"position"in t&&i(0,I=t.position)},t.$$.update=()=>{var e;4194304&t.$$.dirty&&(i(16,o=T.loading),E(),E=u(o,t=>i(17,y=t))),4194304&t.$$.dirty&&(i(15,r=T.oversizedRatio),z(),z=u(r,t=>i(3,$=t))),4194304&t.$$.dirty&&(i(14,s=T.fileSize),S(),S=u(s,t=>i(4,v=t))),4194304&t.$$.dirty&&(i(13,c=T.fileWeight),P(),P=u(c,t=>i(20,k=t))),4194304&t.$$.dirty&&(i(12,a=T.sizeOnPage),M(),M=u(a,t=>i(19,x=t))),4194304&t.$$.dirty&&(i(11,l=T.potentialSavings),O(),O=u(l,t=>i(21,_=t))),4194304&t.$$.dirty&&(i(10,d=T.expectedSize),L(),L=u(d,t=>i(18,b=t))),4194304&t.$$.dirty&&(i(9,h=T.url),C(),C=u(h,t=>i(5,w=t))),32&t.$$.dirty&&i(8,f=w.split("/").pop()),8388608&t.$$.dirty&&i(2,p="normal"===j?100:50),20&t.$$.dirty&&i(7,g=Math.floor(p/(v.width/v.height))),8&t.$$.dirty&&i(6,m=Oe($)),2&t.$$.dirty&&0!==(e=R)&&F!==e&&i(0,I.top=W+(F-e),I)},[I,R,p,$,v,w,m,g,f,h,d,l,a,c,s,r,o,y,b,x,k,_,T,j,function(e){q.call(this,t,e)},function(){i(1,R=window.pageYOffset)}]}class je extends bt{constructor(t){super(),yt(this,t,Te,Me,c,{store:22,size:23,position:0})}}function Ie(t,e,n){const i=t.slice();return i[12]=e[n],i[14]=n,i}function Re(t){let e,n,i,o,r,s,c,a=gt(t[0]),l=[];for(let e=0;e<a.length;e+=1)l[e]=Fe(Ie(t,a,e));const u=t=>dt(l[t],1,1,()=>{l[t]=null});let d=!1!==t[1]&&We(t);return{c(){e=S("div"),n=S("div");for(let t=0;t<l.length;t+=1)l[t].c();i=L(),d&&d.c(),O(n,"class","previews svelte-1s5z1op"),O(e,"class",o="guide "+t[3]+" svelte-1s5z1op"),I(e,"show",!1!==t[1]),I(e,"keep-guide-open",!1!==t[1])},m(o,a){_(o,e,a),b(e,n);for(let t=0;t<l.length;t+=1)l[t]&&l[t].m(n,null);b(e,i),d&&d.m(e,null),r=!0,s||(c=P(e,"mouseleave",t[6]),s=!0)},p(t,i){if(257&i){let e;for(a=gt(t[0]),e=0;e<a.length;e+=1){const o=Ie(t,a,e);l[e]?(l[e].p(o,i),ut(l[e],1)):(l[e]=Fe(o),l[e].c(),ut(l[e],1),l[e].m(n,null))}for(at(),e=a.length;e<l.length;e+=1)u(e);lt()}!1!==t[1]?d?(d.p(t,i),2&i&&ut(d,1)):(d=We(t),d.c(),ut(d,1),d.m(e,null)):d&&(at(),dt(d,1,1,()=>{d=null}),lt()),(!r||8&i&&o!==(o="guide "+t[3]+" svelte-1s5z1op"))&&O(e,"class",o),(!r||10&i)&&I(e,"show",!1!==t[1]),(!r||10&i)&&I(e,"keep-guide-open",!1!==t[1])},i(t){if(!r){for(let t=0;t<a.length;t+=1)ut(l[t]);ut(d),r=!0}},o(t){l=l.filter(Boolean);for(let t=0;t<l.length;t+=1)dt(l[t]);dt(d),r=!1},d(t){t&&z(e),function(t,e){for(let n=0;n<t.length;n+=1)t[n]&&t[n].d(e)}(l,t),d&&d.d(),s=!1,c()}}}function Fe(t){let e,n;return e=new se({props:{index:t[14],store:t[12]}}),e.$on("hover",t[8]),{c(){mt(e.$$.fragment)},m(t,i){$t(e,t,i),n=!0},p(t,n){const i={};1&n&&(i.store=t[12]),e.$set(i)},i(t){n||(ut(e.$$.fragment,t),n=!0)},o(t){dt(e.$$.fragment,t),n=!1},d(t){vt(e,t)}}}function We(t){let e,n;return e=new je({props:{store:t[0][t[1]],size:t[3],position:t[2]}}),e.$on("mouseleave",t[6]),{c(){mt(e.$$.fragment)},m(t,i){$t(e,t,i),n=!0},p(t,n){const i={};3&n&&(i.store=t[0][t[1]]),8&n&&(i.size=t[3]),4&n&&(i.position=t[2]),e.$set(i)},i(t){n||(ut(e.$$.fragment,t),n=!0)},o(t){dt(e.$$.fragment,t),n=!1},d(t){vt(e,t)}}}function Ue(t){let e,n,i="active"===t[4]&&t[5]&&Re(t);return{c(){i&&i.c(),e=M()},m(t,o){i&&i.m(t,o),_(t,e,o),n=!0},p(t,[n]){"active"===t[4]&&t[5]?i?(i.p(t,n),48&n&&ut(i,1)):(i=Re(t),i.c(),ut(i,1),i.m(e.parentNode,e)):i&&(at(),dt(i,1,1,()=>{i=null}),lt())},i(t){n||(ut(i),n=!0)},o(t){dt(i),n=!1},d(t){t&&z(e),i&&i.d(t)}}}function Ae(t,e,n){let i,o,r,s;h(t,Pt,t=>n(4,r=t));let{stores:c}=e,a=!1;N(()=>{c.forEach(t=>t.updateDimensions())});const l=c[0].sizeOnPage;h(t,l,t=>n(10,o=t));let u={top:0,left:0};const d=_t(c.map(t=>t.fileSize),t=>t.some(t=>-1!==t.width&&-1!==t.height));return h(t,d,t=>n(5,s=t)),t.$$set=t=>{"stores"in t&&n(0,c=t.stores)},t.$$.update=()=>{1024&t.$$.dirty&&n(3,i=function(t=-1,e=-1){return t<200||e<200?"micro":t<400||e<400?"small":"normal"}(o.width,o.height)),2&t.$$.dirty&&function(t=!1){t?c.forEach(t=>t.node.classList.add("jetpack-boost-guide__backdrop")):c.forEach(t=>t.node.classList.remove("jetpack-boost-guide__backdrop"))}(!1!==a)},[c,a,u,i,r,s,function(t){t.relatedTarget&&t.relatedTarget.classList.contains("keep-guide-open")||n(1,a=!1)},l,function(t){const e=t.detail,i=e.index;n(2,u=e.position),n(1,a=i)},d,o]}class Be extends bt{constructor(t){super(),yt(this,t,Ae,Ue,c,{stores:0})}}const De=[];let He;function Ne(t){window.frameElement||(He=t,window.addEventListener("load",qe))}function qe(){window.addEventListener("resize",function(){let t;return()=>{t&&clearTimeout(t),t=setTimeout(()=>{De.forEach(t=>{t.updateDimensions()})},500)}}()),jt.trackInitialState(),Pt.subscribe(async t=>{if("paused"===t)return;const e=await Wt(Array.from(document.querySelectorAll("body *:not(.jetpack-boost-guide > *):not(.jetpack-boost-guide):not(#wpadminbar *)")),He),n=await Promise.all(e.map(t=>t.isImageTiny()));De.push(...function(t){const e=t.reduce((t,e)=>{var n;if(!e.node.parentNode)return console.error("Image has no parent",e.node),t;const i=function(t){const e=t.node;if(!(t.node instanceof HTMLImageElement)&&["static","relative"].includes(getComputedStyle(e).position))return e.classList.contains("jetpack-boost-guide")||(e.classList.add("jetpack-boost-guide","relative"),e.dataset.jetpackBoostGuideId=(++Ve).toString()),e;if(!e.parentNode||!e.parentElement)return;const n=function(t){let e,n=t.parentElement;for(;n&&n instanceof HTMLElement&&n!==document.body;){const t=getComputedStyle(n),i="inline"!==t.display,o="static"===t.position,r="relative"===t.position,s="auto"!==t.zIndex;i&&(!e&&(o||r)||r&&s)&&(e=n),n=n.parentElement}return e}(e);if(null==n?void 0:n.classList.contains("jetpack-boost-guide"))return n;if(n){const e=getComputedStyle(n);if("relative"===e.position){const t=Array.from(n.children).find(t=>t.classList.contains("jetpack-boost-guide"));if(t&&t instanceof HTMLElement)return t}const i=document.createElement("div");return i.classList.add("jetpack-boost-guide"),i.dataset.jetpackBoostGuideId=(++Ve).toString(),"static"===e.position&&(n.style.position="relative"),t.node instanceof HTMLImageElement&&(i.style.top=`${t.node.offsetTop}px`),n.prepend(i),i}return e.parentElement}(e);if(!i)return console.error("Could not find a parent for image",e),t;const o=parseInt(i.dataset.jetpackBoostGuideId||""),r=(null===(n=t[o])||void 0===n?void 0:n.props.stores)||[],s=new Tt(e);return r.push(s),1===r.length&&(t[o]={target:i,intro:!0,props:{stores:r}}),t},{});return Object.values(e).map(t=>(new Be(t),t.props.stores)).flat()}(e.filter((t,e)=>!n[e]))),jt.trackPage(De)})}let Ve=0;function Ge(t){let e,n,i,o,r,s,c,a,l,u;return n=new Vt({}),{c(){e=S("a"),mt(n.$$.fragment),i=L(),o=S("span"),r=E("Image Guide: "),s=E(t[2]),O(e,"id","jetpack-boost-guide-bar"),O(e,"href",t[0]),O(e,"class",c="ab-item "+t[1]+" svelte-itog5b")},m(c,d){var h;_(c,e,d),$t(n,e,null),b(e,i),b(e,o),b(o,r),b(o,s),a=!0,l||(u=P(e,"click",(h=t[3],function(t){return t.preventDefault(),h.call(this,t)})),l=!0)},p(t,[n]){(!a||4&n)&&T(s,t[2]),(!a||1&n)&&O(e,"href",t[0]),(!a||2&n&&c!==(c="ab-item "+t[1]+" svelte-itog5b"))&&O(e,"class",c)},i(t){a||(ut(n.$$.fragment,t),a=!0)},o(t){dt(n.$$.fragment,t),a=!1},d(t){t&&z(e),vt(n),l=!1,u()}}}function Ze(t,e,n){let i,o;h(t,Pt,t=>n(1,i=t)),h(t,Ot,t=>n(2,o=t));let{href:r}=e,{tracksCallback:s}=e;return t.$$set=t=>{"href"in t&&n(0,r=t.href),"tracksCallback"in t&&n(4,s=t.tracksCallback)},t.$$.update=()=>{16&t.$$.dirty&&jt.setTracksCallback(s)},[r,i,o,function(){Pt.cycle(),jt.trackUIStateChange()},s]}class Ke extends bt{constructor(t){super(),yt(this,t,Ze,Ge,c,{href:0,tracksCallback:4})}}function Xe(t,{href:e,tracksCallback:n,fetchFunction:i}){return Ne(i),new Ke({target:t,props:{href:e,tracksCallback:n}})}export{t as MeasurableImage,Wt as getMeasurableImages,Xe as setupImageGuideUI};
+const e=globalThis.process?.env?.NODE_ENV;var t=e&&!e.toLowerCase().startsWith("prod"),n=Array.isArray,r=Array.prototype.indexOf,i=Array.prototype.includes,s=Array.from,o=Object.defineProperty,a=Object.getOwnPropertyDescriptor,l=Object.getOwnPropertyDescriptors,c=Object.prototype,f=Array.prototype,u=Object.getPrototypeOf,d=Object.isExtensible;const h=()=>{};function v(e){return e()}function p(e){for(var t=0;t<e.length;t++)e[t]()}function g(){var e,t;return{promise:new Promise((n,r)=>{e=n,t=r}),resolve:e,reject:t}}const m=16,_=32,w=64,y=512,b=1024,k=2048,x=4096,S=8192,$=16384,E=32768,z=65536,M=1<<17,L=1<<18,O=1<<19,T=1<<25,j=65536,C=1<<21,P=1<<22,A=1<<23,R=Symbol("$state"),I=Symbol("legacy props"),W=Symbol(""),D=Symbol("proxy path"),q=new class extends Error{name="StaleReactionError";message="The reaction that called `getAbortSignal()` was re-run or destroyed"};function F(e){if(t){const t=new Error(`lifecycle_outside_component\n\`${e}(...)\` can only be used during component initialisation\nhttps://svelte.dev/e/lifecycle_outside_component`);throw t.name="Svelte error",t}throw new Error("https://svelte.dev/e/lifecycle_outside_component")}function N(e,n,r){if(t){const t=new Error(`each_key_duplicate\n${r?`Keyed each block has duplicate key \`${r}\` at indexes ${e} and ${n}`:`Keyed each block has duplicate key at indexes ${e} and ${n}`}\nhttps://svelte.dev/e/each_key_duplicate`);throw t.name="Svelte error",t}throw new Error("https://svelte.dev/e/each_key_duplicate")}function U(e,n,r){if(t){const t=new Error(`each_key_volatile\nKeyed each block has key that is not idempotent — the key for item at index ${e} was \`${n}\` but is now \`${r}\`. Keys must be the same each time for a given item\nhttps://svelte.dev/e/each_key_volatile`);throw t.name="Svelte error",t}throw new Error("https://svelte.dev/e/each_key_volatile")}const H=Symbol(),B=Symbol("filename"),V="http://www.w3.org/1999/xhtml";var K="font-weight: bold",Z="font-weight: normal";function G(e){t?console.warn(`%c[svelte] state_proxy_equality_mismatch\n%cReactive \`$state(...)\` proxies and the values they proxy have different identities. Because of this, comparisons with \`${e}\` will produce unexpected results\nhttps://svelte.dev/e/state_proxy_equality_mismatch`,K,Z):console.warn("https://svelte.dev/e/state_proxy_equality_mismatch")}function X(e){return e===this.v}function Y(e,t){return e!=e?t==t:e!==t||null!==e&&"object"==typeof e||"function"==typeof e}function J(e){return!Y(e,this.v)}let Q=!1;function ee(e,t){return e.label=t,te(e.v,t),e}function te(e,t){return e?.[D]?.(t),e}function ne(e){const t=new Error,n=function(){const e=Error.stackTraceLimit;Error.stackTraceLimit=1/0;const t=(new Error).stack;if(Error.stackTraceLimit=e,!t)return[];const n=t.split("\n"),r=[];for(let e=0;e<n.length;e++){const t=n[e],i=t.replaceAll("\\","/");if("Error"!==t.trim()){if(t.includes("validate_each_keys"))return[];i.includes("svelte/src/internal")||i.includes("node_modules/.vite")||r.push(t)}}return r}();return 0===n.length?null:(n.unshift("\n"),o(t,"stack",{value:n.join("\n")}),o(t,"name",{value:e}),t)}let re=null;function ie(e){re=e}let se=null;function oe(e){se=e}let ae=null;function le(e){ae=e}function ce(e,n=!1,r){re={p:re,i:!1,c:null,e:null,s:e,x:null,l:Q&&!n?{s:null,u:null,$:[]}:null},t&&(re.function=r,ae=r)}function fe(e){var n=re,r=n.e;if(null!==r)for(var i of(n.e=null,r))Lt(i);return void 0!==e&&(n.x=e),n.i=!0,re=n.p,t&&(ae=re?.function??null),e??{}}function ue(){return!Q||null!==re&&null===re.l}let de=[];function he(e){if(0===de.length&&!Le){var t=de;queueMicrotask(()=>{t===de&&function(){var e=de;de=[],p(e)}()})}de.push(e)}const ve=new WeakMap;function pe(e){var n=Jt;if(null===n)return Gt.f|=A,e;if(t&&e instanceof Error&&!ve.has(e)&&ve.set(e,function(e,t){const n=a(e,"message");if(n&&!n.configurable)return;var r=ht?"  ":"\t",i=`\n${r}in ${t.fn?.name||"<unknown>"}`,s=t.ctx;for(;null!==s;)i+=`\n${r}in ${s.function?.[B].split("/").pop()}`,s=s.p;return{message:e.message+`\n${i}\n`,stack:e.stack?.split("\n").filter(e=>!e.includes("svelte/src/internal")).join("\n")}}(e,n)),0===(n.f&E)&&!(4&n.f))throw t&&!n.parent&&e instanceof Error&&me(e),e;ge(e,n)}function ge(e,n){for(;null!==n;){if(128&n.f){if(0===(n.f&E))throw e;try{return void n.b.error(e)}catch(t){e=t}}n=n.parent}throw t&&e instanceof Error&&me(e),e}function me(e){const t=ve.get(e);t&&(o(e,"message",{value:t.message}),o(e,"stack",{value:t.stack}))}const _e=-7169;function we(e,t){e.f=e.f&_e|t}function ye(e){0!==(e.f&y)||null===e.deps?we(e,b):we(e,x)}function be(e){if(null!==e)for(const t of e)2&t.f&&0!==(t.f&j)&&(t.f^=j,be(t.deps))}function ke(e,t,n){0!==(e.f&k)?t.add(e):0!==(e.f&x)&&n.add(e),be(e.deps),we(e,b)}const xe=new Set;let Se=null,$e=null,Ee=[],ze=null,Me=!1,Le=!1;class Oe{current=new Map;previous=new Map;#e=new Set;#t=new Set;#n=0;#r=0;#i=null;#s=new Set;#o=new Set;#a=new Map;is_fork=!1;#l=!1;#c(){return this.is_fork||this.#r>0}skip_effect(e){this.#a.has(e)||this.#a.set(e,{d:[],m:[]})}unskip_effect(e){var t=this.#a.get(e);if(t){for(var n of(this.#a.delete(e),t.d))we(n,k),Re(n);for(n of t.m)we(n,x),Re(n)}}process(e){Ee=[],this.apply();var t=[],n=[];for(const r of e)this.#f(r,t,n);if(this.#c()){this.#u(n),this.#u(t);for(const[e,t]of this.#a)Ie(e,t)}else{for(const e of this.#e)e();this.#e.clear(),0===this.#n&&this.#d(),Se=null,Ce(n),Ce(t),this.#s.clear(),this.#o.clear(),this.#i?.resolve()}$e=null}#f(e,t,n){e.f^=b;for(var r=e.first;null!==r;){var i=r.f,s=!!(96&i);if(!(s&&0!==(i&b)||0!==(i&S)||this.#a.has(r))&&null!==r.fn){s?r.f^=b:4&i?t.push(r):fn(r)&&(0!==(i&m)&&this.#o.add(r),pn(r));var o=r.first;if(null!==o){r=o;continue}}for(;null!==r;){var a=r.next;if(null!==a){r=a;break}r=r.parent}}}#u(e){for(var t=0;t<e.length;t+=1)ke(e[t],this.#s,this.#o)}capture(e,t){t===H||this.previous.has(e)||this.previous.set(e,t),0===(e.f&A)&&(this.current.set(e,e.v),$e?.set(e,e.v))}activate(){Se=this,this.apply()}deactivate(){Se===this&&(Se=null,$e=null)}flush(){if(this.activate(),Ee.length>0){if(function(){Me=!0;var e=t?new Set:null;try{for(var n=0;Ee.length>0;){var r=Oe.ensure();if(n++>1e3){if(t){var i=new Map;for(const e of r.current.keys())for(const[t,n]of e.updated??[]){var s=i.get(t);s||(s={error:n.error,count:0},i.set(t,s)),s.count+=n.count}for(const e of i.values())e.error&&console.error(e.error)}Te()}if(r.process(Ee),Xe.clear(),t)for(const t of r.current.keys())e.add(t)}}finally{if(Ee=[],Me=!1,ze=null,t)for(const t of e)t.updated=null}}(),null!==Se&&Se!==this)return}else 0===this.#n&&this.process([]);this.deactivate()}discard(){for(const e of this.#t)e(this);this.#t.clear()}#d(){if(xe.size>1){this.previous.clear();var e=$e,t=!0;for(const e of xe){if(e===this){t=!1;continue}const r=[];for(const[n,i]of this.current){if(e.current.has(n)){if(!t||i===e.current.get(n))continue;e.current.set(n,i)}r.push(n)}if(0===r.length)continue;const i=[...e.current.keys()].filter(e=>!this.current.has(e));if(i.length>0){var n=Ee;Ee=[];const t=new Set,s=new Map;for(const e of r)Pe(e,i,t,s);if(Ee.length>0){Se=e,e.apply();for(const t of Ee)e.#f(t,[],[]);e.deactivate()}Ee=n}}Se=null,$e=e}this.#a.clear(),xe.delete(this)}increment(e){this.#n+=1,e&&(this.#r+=1)}decrement(e){this.#n-=1,e&&(this.#r-=1),this.#l||(this.#l=!0,he(()=>{this.#l=!1,this.#c()?Ee.length>0&&this.flush():this.revive()}))}revive(){for(const e of this.#s)this.#o.delete(e),we(e,k),Re(e);for(const e of this.#o)we(e,x),Re(e);this.flush()}oncommit(e){this.#e.add(e)}ondiscard(e){this.#t.add(e)}settled(){return(this.#i??=g()).promise}static ensure(){if(null===Se){const e=Se=new Oe;xe.add(Se),he(()=>{Se===e&&e.flush()})}return Se}apply(){}}function Te(){try{!function(){if(t){const e=new Error("effect_update_depth_exceeded\nMaximum update depth exceeded. This typically indicates that an effect reads and writes the same piece of state\nhttps://svelte.dev/e/effect_update_depth_exceeded");throw e.name="Svelte error",e}throw new Error("https://svelte.dev/e/effect_update_depth_exceeded")}()}catch(e){t&&o(e,"stack",{value:""}),ge(e,ze)}}let je=null;function Ce(e){var t=e.length;if(0!==t){for(var n=0;n<t;){var r=e[n++];if(!(24576&r.f)&&fn(r)&&(je=new Set,pn(r),null===r.deps&&null===r.first&&null===r.nodes&&null===r.teardown&&null===r.ac&&qt(r),je?.size>0)){Xe.clear();for(const e of je){if(24576&e.f)continue;const t=[e];let n=e.parent;for(;null!==n;)je.has(n)&&(je.delete(n),t.push(n)),n=n.parent;for(let e=t.length-1;e>=0;e--){const n=t[e];24576&n.f||pn(n)}}je.clear()}}je=null}}function Pe(e,t,n,r){if(!n.has(e)&&(n.add(e),null!==e.reactions))for(const i of e.reactions){const e=i.f;2&e?Pe(i,t,n,r):4194320&e&&0===(e&k)&&Ae(i,t,r)&&(we(i,k),Re(i))}}function Ae(e,t,n){const r=n.get(e);if(void 0!==r)return r;if(null!==e.deps)for(const r of e.deps){if(i.call(t,r))return!0;if(2&r.f&&Ae(r,t,n))return n.set(r,!0),!0}return n.set(e,!1),!1}function Re(e){var t=ze=e,n=t.b;if(n?.is_pending&&16777228&e.f&&0===(e.f&E))n.defer_effect(e);else{for(;null!==t.parent;){var r=(t=t.parent).f;if(Me&&t===Jt&&0!==(r&m)&&0===(r&L)&&0!==(r&E))return;if(96&r){if(0===(r&b))return;t.f^=b}}Ee.push(t)}}function Ie(e,t){if(0===(e.f&_)||0===(e.f&b)){0!==(e.f&k)?t.d.push(e):0!==(e.f&x)&&t.m.push(e),we(e,b);for(var n=e.first;null!==n;)Ie(n,t),n=n.next}}class We{parent;is_pending=!1;transform_error;#h;#v=null;#p;#g;#m;#_=null;#w=null;#y=null;#b=null;#k=0;#x=0;#S=!1;#s=new Set;#o=new Set;#$=null;#E=function(e){let n,r=0,i=Qe(0);return t&&ee(i,"createSubscriber version"),()=>{Et()&&(gn(i),Ct(()=>(0===r&&(n=yn(()=>e(()=>st(i)))),r+=1,()=>{he(()=>{r-=1,0===r&&(n?.(),n=void 0,st(i))})})))}}(()=>(this.#$=Qe(this.#k),t&&ee(this.#$,"$effect.pending()"),()=>{this.#$=null}));constructor(e,t,n,r){this.#h=e,this.#p=t,this.#g=e=>{var t=Jt;t.b=this,t.f|=128,n(e)},this.parent=Jt.b,this.transform_error=r??this.parent?.transform_error??(e=>e),this.#m=At(()=>{this.#z()},589824)}#M(){try{this.#_=Rt(()=>this.#g(this.#h))}catch(e){this.error(e)}}#L(e){const t=this.#p.failed;t&&(this.#y=Rt(()=>{t(this.#h,()=>e,()=>()=>{})}))}#O(){const e=this.#p.pending;e&&(this.is_pending=!0,this.#w=Rt(()=>e(this.#h)),he(()=>{var e=this.#b=document.createDocumentFragment(),t=mt();e.append(t),this.#_=this.#T(()=>(Oe.ensure(),Rt(()=>this.#g(t)))),0===this.#x&&(this.#h.before(e),this.#b=null,Ft(this.#w,()=>{this.#w=null}),this.#j())}))}#z(){try{if(this.is_pending=this.has_pending_snippet(),this.#x=0,this.#k=0,this.#_=Rt(()=>{this.#g(this.#h)}),this.#x>0){var e=this.#b=document.createDocumentFragment();Bt(this.#_,e);const t=this.#p.pending;this.#w=Rt(()=>t(this.#h))}else this.#j()}catch(e){this.error(e)}}#j(){this.is_pending=!1;for(const e of this.#s)we(e,k),Re(e);for(const e of this.#o)we(e,x),Re(e);this.#s.clear(),this.#o.clear()}defer_effect(e){ke(e,this.#s,this.#o)}is_rendered(){return!this.is_pending&&(!this.parent||this.parent.is_rendered())}has_pending_snippet(){return!!this.#p.pending}#T(e){var t=Jt,n=Gt,r=re;Qt(this.#m),Yt(this.#m),ie(this.#m.ctx);try{return e()}catch(e){return pe(e),null}finally{Qt(t),Yt(n),ie(r)}}#C(e){this.has_pending_snippet()?(this.#x+=e,0===this.#x&&(this.#j(),this.#w&&Ft(this.#w,()=>{this.#w=null}),this.#b&&(this.#h.before(this.#b),this.#b=null))):this.parent&&this.parent.#C(e)}update_pending_count(e){this.#C(e),this.#k+=e,this.#$&&!this.#S&&(this.#S=!0,he(()=>{this.#S=!1,this.#$&&rt(this.#$,this.#k)}))}get_effect_pending(){return this.#E(),gn(this.#$)}error(e){var n=this.#p.onerror;let r=this.#p.failed;if(!n&&!r)throw e;this.#_&&(Dt(this.#_),this.#_=null),this.#w&&(Dt(this.#w),this.#w=null),this.#y&&(Dt(this.#y),this.#y=null);var i=!1,s=!1;const o=()=>{i?t?console.warn("%c[svelte] svelte_boundary_reset_noop\n%cA `<svelte:boundary>` `reset` function only resets the boundary the first time it is called\nhttps://svelte.dev/e/svelte_boundary_reset_noop",K,Z):console.warn("https://svelte.dev/e/svelte_boundary_reset_noop"):(i=!0,s&&function(){if(t){const e=new Error("svelte_boundary_reset_onerror\nA `<svelte:boundary>` `reset` function cannot be called while an error is still being handled\nhttps://svelte.dev/e/svelte_boundary_reset_onerror");throw e.name="Svelte error",e}throw new Error("https://svelte.dev/e/svelte_boundary_reset_onerror")}(),null!==this.#y&&Ft(this.#y,()=>{this.#y=null}),this.#T(()=>{Oe.ensure(),this.#z()}))},a=e=>{try{s=!0,n?.(e,o),s=!1}catch(e){ge(e,this.#m&&this.#m.parent)}r&&(this.#y=this.#T(()=>{Oe.ensure();try{return Rt(()=>{var t=Jt;t.b=this,t.f|=128,r(this.#h,()=>e,()=>o)})}catch(e){return ge(e,this.#m.parent),null}}))};he(()=>{var t;try{t=this.transform_error(e)}catch(e){return void ge(e,this.#m&&this.#m.parent)}null!==t&&"object"==typeof t&&"function"==typeof t.then?t.then(a,e=>ge(e,this.#m&&this.#m.parent)):a(t)})}}function De(e,n,r,i){const s=ue()?Ne:Ue;var o=e.filter(e=>!e.settled);if(0!==r.length||0!==o.length){var a=Jt,l=function(){var e=Jt,n=Gt,r=re,i=Se;if(t)var s=se;return function(o=!0){Qt(e),Yt(n),ie(r),o&&i?.activate(),t&&oe(s)}}(),c=1===o.length?o[0].promise:o.length>1?Promise.all(o.map(e=>e.promise)):null;0!==r.length?c?c.then(u):u():c.then(()=>f(n.map(s)))}else i(n.map(s));function f(e){l();try{i(e)}catch(e){0===(a.f&$)&&ge(e,a)}qe()}function u(){l(),Promise.all(r.map(e=>function(e,n,r){let i=Jt;null===i&&function(){if(t){const e=new Error("async_derived_orphan\nCannot create a `$derived(...)` with an `await` expression outside of an effect tree\nhttps://svelte.dev/e/async_derived_orphan");throw e.name="Svelte error",e}throw new Error("https://svelte.dev/e/async_derived_orphan")}();var s=void 0,o=Qe(H);t&&(o.label=n);var a=!Gt,l=new Map;(function(e){$t(4718592,e,!0)})(()=>{var n=g();s=n.promise;try{Promise.resolve(e()).then(n.resolve,n.reject).finally(qe)}catch(e){n.reject(e),qe()}var i=Se;if(a){var c=function(){var e=Jt.b,t=Se,n=e.is_rendered();return e.update_pending_count(1),t.increment(n),()=>{e.update_pending_count(-1),t.decrement(n)}}();l.get(i)?.reject(q),l.delete(i),l.set(i,n)}const f=(e,n=void 0)=>{if(i.activate(),n)n!==q&&(o.f|=A,rt(o,n));else{0!==(o.f&A)&&(o.f^=A),rt(o,e);for(const[e,t]of l){if(l.delete(e),e===i)break;t.reject(q)}t&&void 0!==r&&(Fe.add(o),setTimeout(()=>{Fe.has(o)&&(!function(e,n){t?console.warn(`%c[svelte] await_waterfall\n%cAn async derived, \`${e}\` (${n}) was not read immediately after it resolved. This often indicates an unnecessary waterfall, which can slow down your app\nhttps://svelte.dev/e/await_waterfall`,K,Z):console.warn("https://svelte.dev/e/await_waterfall")}(o.label,r),Fe.delete(o))}))}c&&c()};n.promise.then(f,e=>f(null,e||"unknown"))}),zt(()=>{for(const e of l.values())e.reject(q)}),t&&(o.f|=P);return new Promise(e=>{function t(n){function r(){n===s?e(o):t(s)}n.then(r,r)}t(s)})}(e))).then(e=>f([...n.map(s),...e])).catch(e=>ge(e,a))}}function qe(e=!0){Qt(null),Yt(null),ie(null),e&&Se?.deactivate(),t&&oe(null)}const Fe=new Set;function Ne(e){var t=null!==Gt&&2&Gt.f?Gt:null;null!==Jt&&(Jt.f|=O);const n={ctx:re,deps:null,effects:null,equals:X,f:2050,fn:e,reactions:null,rv:0,v:H,wv:0,parent:t??Jt,ac:null};return n}function Ue(e){const t=Ne(e);return t.equals=J,t}function He(e){var t=e.effects;if(null!==t){e.effects=null;for(var n=0;n<t.length;n+=1)Dt(t[n])}}let Be=[];function Ve(e){var n,r=Jt;if(Qt(function(e){for(var t=e.parent;null!==t;){if(!(2&t.f))return 0===(t.f&$)?t:null;t=t.parent}return null}(e)),t){let s=Ge;Ye(new Set);try{i.call(Be,e)&&function(){if(t){const e=new Error("derived_references_self\nA derived value cannot reference itself recursively\nhttps://svelte.dev/e/derived_references_self");throw e.name="Svelte error",e}throw new Error("https://svelte.dev/e/derived_references_self")}(),Be.push(e),e.f&=-65537,He(e),n=dn(e)}finally{Qt(r),Ye(s),Be.pop()}}else try{e.f&=-65537,He(e),n=dn(e)}finally{Qt(r)}return n}function Ke(e){var t=Ve(e);e.equals(t)||(e.wv=cn(),Se?.is_fork&&null!==e.deps||(e.v=t,null!==e.deps))?Kt||(null!==$e?(Et()||Se?.is_fork)&&$e.set(e,t):ye(e)):we(e,b)}function Ze(e){if(null!==e.effects)for(const t of e.effects)t.teardown&&pn(t)}let Ge=new Set;const Xe=new Map;function Ye(e){Ge=e}let Je=!1;function Qe(e,t){var n={f:0,v:e,reactions:null,equals:X,rv:0,wv:0};return n}function et(e,t){const n=Qe(e);var r;return r=n,null!==Gt&&(null===en?en=[r]:en.push(r)),n}function tt(e,t=!1,n=!0){const r=Qe(e);return t||(r.equals=J),Q&&n&&null!==re&&null!==re.l&&(re.l.s??=[]).push(r),r}function nt(e,n,r=!1){null===Gt||Xt&&0===(Gt.f&M)||!ue()||!(4325394&Gt.f)||null!==en&&i.call(en,e)||function(){if(t){const e=new Error("state_unsafe_mutation\nUpdating state inside `$derived(...)`, `$inspect(...)` or a template expression is forbidden. If the value should not be reactive, declare it without `$state`\nhttps://svelte.dev/e/state_unsafe_mutation");throw e.name="Svelte error",e}throw new Error("https://svelte.dev/e/state_unsafe_mutation")}();let s=r?lt(n):n;return t&&te(s,e.label),rt(e,s)}function rt(e,n){if(!e.equals(n)){var r=e.v;Kt?Xe.set(e,n):Xe.set(e,r),e.v=n;var i=Oe.ensure();if(i.capture(e,r),t){if(null!==Jt){e.updated??=new Map;const t=(e.updated.get("")?.count??0)+1;if(e.updated.set("",{error:null,count:t}),t>5){const t=ne("updated at");if(null!==t){let n=e.updated.get(t.stack);n||(n={error:t,count:0},e.updated.set(t.stack,n)),n.count++}}}null!==Jt&&(e.set_during_effect=!0)}if(2&e.f){const t=e;0!==(e.f&k)&&Ve(t),ye(t)}e.wv=cn(),ot(e,k),!ue()||null===Jt||0===(Jt.f&b)||96&Jt.f||(null===rn?function(e){rn=e}([e]):rn.push(e)),!i.is_fork&&Ge.size>0&&!Je&&it()}return n}function it(){Je=!1;for(const e of Ge)0!==(e.f&b)&&we(e,x),fn(e)&&pn(e);Ge.clear()}function st(e){nt(e,e.v+1)}function ot(e,n){var r=e.reactions;if(null!==r)for(var i=ue(),s=r.length,o=0;o<s;o++){var a=r[o],l=a.f;if(i||a!==Jt)if(t&&0!==(l&M))Ge.add(a);else{var c=0===(l&k);if(c&&we(a,n),2&l){var f=a;$e?.delete(f),0===(l&j)&&(l&y&&(a.f|=j),ot(f,x))}else c&&(0!==(l&m)&&null!==je&&je.add(a),Re(a))}}}const at=/^[a-zA-Z_$][a-zA-Z_$0-9]*$/;function lt(e){if("object"!=typeof e||null===e||R in e)return e;const r=u(e);if(r!==c&&r!==f)return e;var i=new Map,s=n(e),o=et(0),l=an,d=e=>{if(an===l)return e();var t=Gt,n=an;Yt(null),ln(l);var r=e();return Yt(t),ln(n),r};s&&(i.set("length",et(e.length)),t&&(e=new Proxy(e,{get(e,t,n){var r=Reflect.get(e,t,n);return ut.has(t)?function(...e){Je=!0;var t=r.apply(this,e);return it(),t}:r}})));var h="";let v=!1;function p(e){if(!v){v=!0,ee(o,`${h=e} version`);for(const[e,t]of i)ee(t,ct(h,e));v=!1}}return new Proxy(e,{defineProperty(e,n,r){"value"in r&&!1!==r.configurable&&!1!==r.enumerable&&!1!==r.writable||function(){if(t){const e=new Error("state_descriptors_fixed\nProperty descriptors defined on `$state` objects must contain `value` and always be `enumerable`, `configurable` and `writable`.\nhttps://svelte.dev/e/state_descriptors_fixed");throw e.name="Svelte error",e}throw new Error("https://svelte.dev/e/state_descriptors_fixed")}();var s=i.get(n);return void 0===s?d(()=>{var e=et(r.value);return i.set(n,e),t&&"string"==typeof n&&ee(e,ct(h,n)),e}):nt(s,r.value,!0),!0},deleteProperty(e,n){var r=i.get(n);if(void 0===r){if(n in e){const e=d(()=>et(H));i.set(n,e),st(o),t&&ee(e,ct(h,n))}}else nt(r,H),st(o);return!0},get(n,r,s){if(r===R)return e;if(t&&r===D)return p;var o=i.get(r),l=r in n;if(void 0!==o||l&&!a(n,r)?.writable||(o=d(()=>{var e=et(lt(l?n[r]:H));return t&&ee(e,ct(h,r)),e}),i.set(r,o)),void 0!==o){var c=gn(o);return c===H?void 0:c}return Reflect.get(n,r,s)},getOwnPropertyDescriptor(e,t){var n=Reflect.getOwnPropertyDescriptor(e,t);if(n&&"value"in n){var r=i.get(t);r&&(n.value=gn(r))}else if(void 0===n){var s=i.get(t),o=s?.v;if(void 0!==s&&o!==H)return{enumerable:!0,configurable:!0,value:o,writable:!0}}return n},has(e,n){if(n===R)return!0;var r=i.get(n),s=void 0!==r&&r.v!==H||Reflect.has(e,n);if((void 0!==r||null!==Jt&&(!s||a(e,n)?.writable))&&(void 0===r&&(r=d(()=>{var r=et(s?lt(e[n]):H);return t&&ee(r,ct(h,n)),r}),i.set(n,r)),gn(r)===H))return!1;return s},set(e,n,r,l){var c=i.get(n),f=n in e;if(s&&"length"===n)for(var u=r;u<c.v;u+=1){var v=i.get(u+"");void 0!==v?nt(v,H):u in e&&(v=d(()=>et(H)),i.set(u+"",v),t&&ee(v,ct(h,u)))}void 0===c?f&&!a(e,n)?.writable||(c=d(()=>et(void 0)),t&&ee(c,ct(h,n)),nt(c,lt(r)),i.set(n,c)):(f=c.v!==H,nt(c,d(()=>lt(r))));var p=Reflect.getOwnPropertyDescriptor(e,n);if(p?.set&&p.set.call(l,r),!f){if(s&&"string"==typeof n){var g=i.get("length"),m=Number(n);Number.isInteger(m)&&m>=g.v&&nt(g,m+1)}st(o)}return!0},ownKeys(e){gn(o);var t=Reflect.ownKeys(e).filter(e=>{var t=i.get(e);return void 0===t||t.v!==H});for(var[n,r]of i)r.v===H||n in e||t.push(n);return t},setPrototypeOf(){!function(){if(t){const e=new Error("state_prototype_fixed\nCannot set prototype of `$state` object\nhttps://svelte.dev/e/state_prototype_fixed");throw e.name="Svelte error",e}throw new Error("https://svelte.dev/e/state_prototype_fixed")}()}})}function ct(e,t){return"symbol"==typeof t?`${e}[Symbol(${t.description??""})]`:at.test(t)?`${e}.${t}`:/^\d+$/.test(t)?`${e}[${t}]`:`${e}['${t}']`}function ft(e){try{if(null!==e&&"object"==typeof e&&R in e)return e[R]}catch{}return e}const ut=new Set(["copyWithin","fill","pop","push","reverse","shift","sort","splice","unshift"]);var dt,ht,vt,pt;function gt(){if(void 0===dt){dt=window,ht=/Firefox/.test(navigator.userAgent);var e=Element.prototype,n=Node.prototype,r=Text.prototype;vt=a(n,"firstChild").get,pt=a(n,"nextSibling").get,d(e)&&(e.__click=void 0,e.__className=void 0,e.__attributes=null,e.__style=void 0,e.__e=void 0),d(r)&&(r.__t=void 0),t&&(e.__svelte_meta=null,function(){const e=Array.prototype,t=Array.__svelte_cleanup;t&&t();const{indexOf:n,lastIndexOf:r,includes:i}=e;e.indexOf=function(e,t){const r=n.call(this,e,t);if(-1===r)for(let n=t??0;n<this.length;n+=1)if(ft(this[n])===e){G("array.indexOf(...)");break}return r},e.lastIndexOf=function(e,t){const n=r.call(this,e,t??this.length-1);if(-1===n)for(let n=0;n<=(t??this.length-1);n+=1)if(ft(this[n])===e){G("array.lastIndexOf(...)");break}return n},e.includes=function(e,t){const n=i.call(this,e,t);if(!n)for(let t=0;t<this.length;t+=1)if(ft(this[t])===e){G("array.includes(...)");break}return n},Array.__svelte_cleanup=()=>{e.indexOf=n,e.lastIndexOf=r,e.includes=i}}())}}function mt(e=""){return document.createTextNode(e)}function _t(e){return vt.call(e)}function wt(e){return pt.call(e)}function yt(e,t){return _t(e)}function bt(e,t=!1){var n=_t(e);return n instanceof Comment&&""===n.data?wt(n):n}function kt(e,t=1,n=!1){let r=e;for(;t--;)r=wt(r);return r}function xt(e){var t=Gt,n=Jt;Yt(null),Qt(null);try{return e()}finally{Yt(t),Qt(n)}}function St(e){null===Jt&&(null===Gt&&function(e){if(t){const t=new Error(`effect_orphan\n\`${e}\` can only be used inside an effect (e.g. during component initialisation)\nhttps://svelte.dev/e/effect_orphan`);throw t.name="Svelte error",t}throw new Error("https://svelte.dev/e/effect_orphan")}(e),function(){if(t){const e=new Error("effect_in_unowned_derived\nEffect cannot be created inside a `$derived` value that was not itself created inside an effect\nhttps://svelte.dev/e/effect_in_unowned_derived");throw e.name="Svelte error",e}throw new Error("https://svelte.dev/e/effect_in_unowned_derived")}()),Kt&&function(e){if(t){const t=new Error(`effect_in_teardown\n\`${e}\` cannot be used inside an effect cleanup function\nhttps://svelte.dev/e/effect_in_teardown`);throw t.name="Svelte error",t}throw new Error("https://svelte.dev/e/effect_in_teardown")}(e)}function $t(e,n,r){var i=Jt;if(t)for(;null!==i&&0!==(i.f&M);)i=i.parent;null!==i&&0!==(i.f&S)&&(e|=S);var s={ctx:re,deps:null,nodes:null,f:e|k|y,first:null,fn:n,last:null,next:null,parent:i,b:i&&i.b,prev:null,teardown:null,wv:0,ac:null};if(t&&(s.component_function=ae),r)try{pn(s)}catch(o){throw Dt(s),o}else null!==n&&Re(s);var o=s;if(r&&null===o.deps&&null===o.teardown&&null===o.nodes&&o.first===o.last&&0===(o.f&O)&&(o=o.first,0!==(e&m)&&0!==(e&z)&&null!==o&&(o.f|=z)),null!==o&&(o.parent=i,null!==i&&function(e,t){var n=t.last;null===n?t.last=t.first=e:(n.next=e,e.prev=n,t.last=e)}(o,i),null!==Gt&&2&Gt.f&&0===(e&w))){var a=Gt;(a.effects??=[]).push(o)}return s}function Et(){return null!==Gt&&!Xt}function zt(e){const t=$t(8,null,!1);return we(t,b),t.teardown=e,t}function Mt(e){St("$effect"),t&&o(e,"name",{value:"$effect"});var n=Jt.f;if(!(!Gt&&0!==(n&_)&&0===(n&E)))return Lt(e);var r=re;(r.e??=[]).push(e)}function Lt(e){return $t(1048580,e,!1)}function Ot(e){return $t(4,e,!1)}function Tt(e,t){var n={effect:null,ran:!1,deps:e};re.l.$.push(n),n.effect=Ct(()=>{e(),n.ran||(n.ran=!0,yn(t))})}function jt(){var e=re;Ct(()=>{for(var t of e.l.$){t.deps();var n=t.effect;0!==(n.f&b)&&null!==n.deps&&we(n,x),fn(n)&&pn(n),t.ran=!1}})}function Ct(e,t=0){return $t(8|t,e,!0)}function Pt(e,t=[],n=[],r=[]){De(r,t,n,t=>{$t(8,()=>e(...t.map(gn)),!0)})}function At(e,n=0){var r=$t(m|n,e,!0);return t&&(r.dev_stack=se),r}function Rt(e){return $t(524320,e,!0)}function It(e){var t=e.teardown;if(null!==t){const e=Kt,n=Gt;Zt(!0),Yt(null);try{t.call(null)}finally{Zt(e),Yt(n)}}}function Wt(e,t=!1){var n=e.first;for(e.first=e.last=null;null!==n;){const e=n.ac;null!==e&&xt(()=>{e.abort(q)});var r=n.next;0!==(n.f&w)?n.parent=null:Dt(n,t),n=r}}function Dt(e,n=!0){var r=!1;!n&&0===(e.f&L)||null===e.nodes||null===e.nodes.end||(!function(e,t){for(;null!==e;){var n=e===t?null:wt(e);e.remove(),e=n}}(e.nodes.start,e.nodes.end),r=!0),Wt(e,n&&!r),vn(e,0),we(e,$);var i=e.nodes&&e.nodes.t;if(null!==i)for(const e of i)e.stop();It(e);var s=e.parent;null!==s&&null!==s.first&&qt(e),t&&(e.component_function=null),e.next=e.prev=e.teardown=e.ctx=e.deps=e.fn=e.nodes=e.ac=null}function qt(e){var t=e.parent,n=e.prev,r=e.next;null!==n&&(n.next=r),null!==r&&(r.prev=n),null!==t&&(t.first===e&&(t.first=r),t.last===e&&(t.last=n))}function Ft(e,t,n=!0){var r=[];Nt(e,r,!0);var i=()=>{n&&Dt(e),t&&t()},s=r.length;if(s>0){var o=()=>--s||i();for(var a of r)a.out(o)}else i()}function Nt(e,t,n){if(0===(e.f&S)){e.f^=S;var r=e.nodes&&e.nodes.t;if(null!==r)for(const e of r)(e.is_global||n)&&t.push(e);for(var i=e.first;null!==i;){var s=i.next;Nt(i,t,!!(0!==(i.f&z)||0!==(i.f&_)&&0!==(e.f&m))&&n),i=s}}}function Ut(e){Ht(e,!0)}function Ht(e,t){if(0!==(e.f&S)){e.f^=S,0===(e.f&b)&&(we(e,k),Re(e));for(var n=e.first;null!==n;){var r=n.next;Ht(n,!!(0!==(n.f&z)||0!==(n.f&_))&&t),n=r}var i=e.nodes&&e.nodes.t;if(null!==i)for(const e of i)(e.is_global||t)&&e.in()}}function Bt(e,t){if(e.nodes)for(var n=e.nodes.start,r=e.nodes.end;null!==n;){var i=n===r?null:wt(n);t.append(n),n=i}}let Vt=!1,Kt=!1;function Zt(e){Kt=e}let Gt=null,Xt=!1;function Yt(e){Gt=e}let Jt=null;function Qt(e){Jt=e}let en=null;let tn=null,nn=0,rn=null;let sn=1,on=0,an=on;function ln(e){an=e}function cn(){return++sn}function fn(e){var t=e.f;if(0!==(t&k))return!0;if(2&t&&(e.f&=-65537),0!==(t&x)){for(var n=e.deps,r=n.length,i=0;i<r;i++){var s=n[i];if(fn(s)&&Ke(s),s.wv>e.wv)return!0}0!==(t&y)&&null===$e&&we(e,b)}return!1}function un(e,t,n=!0){var r=e.reactions;if(null!==r&&(null===en||!i.call(en,e)))for(var s=0;s<r.length;s++){var o=r[s];2&o.f?un(o,t,!1):t===o&&(n?we(o,k):0!==(o.f&b)&&we(o,x),Re(o))}}function dn(e){var t=tn,n=nn,r=rn,i=Gt,s=en,o=re,a=Xt,l=an,c=e.f;tn=null,nn=0,rn=null,Gt=96&c?null:e,en=null,ie(e.ctx),Xt=!1,an=++on,null!==e.ac&&(xt(()=>{e.ac.abort(q)}),e.ac=null);try{e.f|=C;var f=(0,e.fn)();e.f|=E;var u=e.deps,d=Se?.is_fork;if(null!==tn){var h;if(d||vn(e,nn),null!==u&&nn>0)for(u.length=nn+tn.length,h=0;h<tn.length;h++)u[nn+h]=tn[h];else e.deps=u=tn;if(Et()&&0!==(e.f&y))for(h=nn;h<u.length;h++)(u[h].reactions??=[]).push(e)}else!d&&null!==u&&nn<u.length&&(vn(e,nn),u.length=nn);if(ue()&&null!==rn&&!Xt&&null!==u&&!(6146&e.f))for(h=0;h<rn.length;h++)un(rn[h],e);if(null!==i&&i!==e){if(on++,null!==i.deps)for(let e=0;e<n;e+=1)i.deps[e].rv=on;if(null!==t)for(const e of t)e.rv=on;null!==rn&&(null===r?r=rn:r.push(...rn))}return 0!==(e.f&A)&&(e.f^=A),f}catch(e){return pe(e)}finally{e.f^=C,tn=t,nn=n,rn=r,Gt=i,en=s,ie(o),Xt=a,an=l}}function hn(e,t){let n=t.reactions;if(null!==n){var s=r.call(n,e);if(-1!==s){var o=n.length-1;0===o?n=t.reactions=null:(n[s]=n[o],n.pop())}}if(null===n&&2&t.f&&(null===tn||!i.call(tn,t))){var a=t;0!==(a.f&y)&&(a.f^=y,a.f&=-65537),ye(a),function(e){if(null!==e.effects)for(const t of e.effects)(t.teardown||t.ac)&&(t.teardown?.(),t.ac?.abort(q),t.teardown=h,t.ac=null,vn(t,0),Wt(t))}(a),vn(a,0)}}function vn(e,t){var n=e.deps;if(null!==n)for(var r=t;r<n.length;r++)hn(e,n[r])}function pn(e){var n=e.f;if(0===(n&$)){we(e,b);var r=Jt,i=Vt;if(Jt=e,Vt=!0,t){var s=ae;le(e.component_function);var o=se;oe(e.dev_stack??se)}try{16777232&n?function(e){for(var t=e.first;null!==t;){var n=t.next;0===(t.f&_)&&Dt(t),t=n}}(e):Wt(e),It(e);var a=dn(e);e.teardown="function"==typeof a?a:null,e.wv=sn}finally{Vt=i,Jt=r,t&&(le(s),oe(o))}}}function gn(e){var n=!!(2&e.f);if(null!==Gt&&!Xt&&!(null!==Jt&&0!==(Jt.f&$)||null!==en&&i.call(en,e))){var r=Gt.deps;if(0!==(Gt.f&C))e.rv<on&&(e.rv=on,null===tn&&null!==r&&r[nn]===e?nn++:null===tn?tn=[e]:tn.push(e));else{(Gt.deps??=[]).push(e);var s=e.reactions;null===s?e.reactions=[Gt]:i.call(s,Gt)||s.push(Gt)}}if(t&&Fe.delete(e),Kt&&Xe.has(e))return Xe.get(e);if(n){var o=e;if(Kt){var a=o.v;return(0===(o.f&b)&&null!==o.reactions||wn(o))&&(a=Ve(o)),Xe.set(o,a),a}var l=0===(o.f&y)&&!Xt&&null!==Gt&&(Vt||0!==(Gt.f&y)),c=0===(o.f&E);fn(o)&&(l&&(o.f|=y),Ke(o)),l&&!c&&(Ze(o),mn(o))}if($e?.has(e))return $e.get(e);if(0!==(e.f&A))throw e.v;return e.v}function mn(e){if(e.f|=y,null!==e.deps)for(const t of e.deps)(t.reactions??=[]).push(e),2&t.f&&0===(t.f&y)&&(Ze(t),mn(t))}function wn(e){if(e.v===H)return!0;if(null===e.deps)return!1;for(const t of e.deps){if(Xe.has(t))return!0;if(2&t.f&&wn(t))return!0}return!1}function yn(e){var t=Xt;try{return Xt=!0,e()}finally{Xt=t}}function bn(e){if("object"==typeof e&&e&&!(e instanceof EventTarget))if(R in e)kn(e);else if(!Array.isArray(e))for(let t in e){const n=e[t];"object"==typeof n&&n&&R in n&&kn(n)}}function kn(e,t=new Set){if(!("object"!=typeof e||null===e||e instanceof EventTarget||t.has(e))){t.add(e),e instanceof Date&&e.getTime();for(let n in e)try{kn(e[n],t)}catch(e){}const n=u(e);if(n!==Object.prototype&&n!==Array.prototype&&n!==Map.prototype&&n!==Set.prototype&&n!==Date.prototype){const t=l(n);for(let n in t){const r=t[n].get;if(r)try{r.call(e)}catch(e){}}}}}const xn=["touchstart","touchmove"];function Sn(e){return xn.includes(e)}const $n=Symbol("events"),En=new Set,zn=new Set;function Mn(e,t,n,r,i){var s={capture:r,passive:i},o=function(e,t,n,r={}){function i(e){if(r.capture||On.call(t,e),!e.cancelBubble)return xt(()=>n?.call(this,e))}return e.startsWith("pointer")||e.startsWith("touch")||"wheel"===e?he(()=>{t.addEventListener(e,i,r)}):t.addEventListener(e,i,r),i}(e,t,n,s);(t===document.body||t===window||t===document||t instanceof HTMLMediaElement)&&zt(()=>{t.removeEventListener(e,o,s)})}let Ln=null;function On(e){var t=this,n=t.ownerDocument,r=e.type,i=e.composedPath?.()||[],s=i[0]||e.target;Ln=e;var a=0,l=Ln===e&&e[$n];if(l){var c=i.indexOf(l);if(-1!==c&&(t===document||t===window))return void(e[$n]=t);var f=i.indexOf(t);if(-1===f)return;c<=f&&(a=c)}if((s=i[a]||e.target)!==t){o(e,"currentTarget",{configurable:!0,get:()=>s||n});var u=Gt,d=Jt;Yt(null),Qt(null);try{for(var h,v=[];null!==s;){var p=s.assignedSlot||s.parentNode||s.host||null;try{var g=s[$n]?.[r];null==g||s.disabled&&e.target!==s||g.call(s,e)}catch(e){h?v.push(e):h=e}if(e.cancelBubble||p===t||null===p)break;s=p}if(h){for(let e of v)queueMicrotask(()=>{throw e});throw h}}finally{e[$n]=t,delete e.currentTarget,Yt(u),Qt(d)}}}const Tn=globalThis?.window?.trustedTypes&&globalThis.window.trustedTypes.createPolicy("svelte-trusted-html",{createHTML:e=>e});function jn(e){var t=function(e,t,n){let r=n?{is:n}:void 0;return document.createElementNS(t??V,e,r)}("template");return t.innerHTML=function(e){return Tn?.createHTML(e)??e}(e.replaceAll("<!>","\x3c!----\x3e")),t.content}function Cn(e,t){var n=Jt;null===n.nodes&&(n.nodes={start:e,end:t,a:null,t:null})}function Pn(e,t){var n,r=!!(1&t),i=!!(2&t),s=!e.startsWith("<!>");return()=>{void 0===n&&(n=jn(s?e:"<!>"+e),r||(n=_t(n)));var t=i||ht?document.importNode(n,!0):n.cloneNode(!0);r?Cn(_t(t),t.lastChild):Cn(t,t);return t}}function An(e,t){return function(e,t,n="svg"){var r,i=!e.startsWith("<!>"),s=!!(1&t),o=`<${n}>${i?e:"<!>"+e}</${n}>`;return()=>{if(!r){var e=_t(jn(o));if(s)for(r=document.createDocumentFragment();_t(e);)r.appendChild(_t(e));else r=_t(e)}var t=r.cloneNode(!0);return s?Cn(_t(t),t.lastChild):Cn(t,t),t}}(e,t,"svg")}function Rn(e=""){var t=mt(e+"");return Cn(t,t),t}function In(){var e=document.createDocumentFragment(),t=document.createComment(""),n=mt();return e.append(t,n),Cn(t,n),e}function Wn(e,t){null!==e&&e.before(t)}let Dn=!0;function qn(e,t){var n=null==t?"":"object"==typeof t?`${t}`:t;n!==(e.__t??=e.nodeValue)&&(e.__t=n,e.nodeValue=`${n}`)}function Fn(e,t){return function(e,{target:t,anchor:n,props:r={},events:i,context:o,intro:a=!0,transformError:l}){gt();var c=void 0,f=function(e){Oe.ensure();const t=$t(524352,e,!0);return(e={})=>new Promise(n=>{e.outro?Ft(t,()=>{Dt(t),n(void 0)}):(Dt(t),n(void 0))})}(()=>{var f=n??t.appendChild(mt());!function(e,t,n,r){new We(e,t,n,r)}(f,{pending:()=>{}},t=>{ce({}),o&&(re.c=o),i&&(r.$$events=i),Dn=a,c=e(t,r)||{},Dn=!0,fe()},l);var u=new Set,d=e=>{for(var n=0;n<e.length;n++){var r=e[n];if(!u.has(r)){u.add(r);var i=Sn(r);for(const e of[t,document]){var s=Nn.get(e);void 0===s&&(s=new Map,Nn.set(e,s));var o=s.get(r);void 0===o?(e.addEventListener(r,On,{passive:i}),s.set(r,1)):s.set(r,o+1)}}}};return d(s(En)),zn.add(d),()=>{for(var e of u)for(const n of[t,document]){var r=Nn.get(n),i=r.get(e);0==--i?(n.removeEventListener(e,On),r.delete(e),0===r.size&&Nn.delete(n)):r.set(e,i)}zn.delete(d),f!==n&&f.parentNode?.removeChild(f)}});return Un.set(c,f),c}(e,t)}const Nn=new Map;let Un=new WeakMap;class Hn{anchor;#P=new Map;#A=new Map;#R=new Map;#I=new Set;#W=!0;constructor(e,t=!0){this.anchor=e,this.#W=t}#d=()=>{var e=Se;if(this.#P.has(e)){var t=this.#P.get(e),n=this.#A.get(t);if(n)Ut(n),this.#I.delete(t);else{var r=this.#R.get(t);r&&(this.#A.set(t,r.effect),this.#R.delete(t),r.fragment.lastChild.remove(),this.anchor.before(r.fragment),n=r.effect)}for(const[t,n]of this.#P){if(this.#P.delete(t),t===e)break;const r=this.#R.get(n);r&&(Dt(r.effect),this.#R.delete(n))}for(const[e,r]of this.#A){if(e===t||this.#I.has(e))continue;const i=()=>{if(Array.from(this.#P.values()).includes(e)){var t=document.createDocumentFragment();Bt(r,t),t.append(mt()),this.#R.set(e,{effect:r,fragment:t})}else Dt(r);this.#I.delete(e),this.#A.delete(e)};this.#W||!n?(this.#I.add(e),Ft(r,i,!1)):i()}}};#D=e=>{this.#P.delete(e);const t=Array.from(this.#P.values());for(const[e,n]of this.#R)t.includes(e)||(Dt(n.effect),this.#R.delete(e))};ensure(e,t){var n=Se;!t||this.#A.has(e)||this.#R.has(e)||this.#A.set(e,Rt(()=>t(this.anchor)));this.#P.set(n,e),this.#d()}}function Bn(e,t,n=!1){var r=new Hn(e);function i(e,t){r.ensure(e,t)}At(()=>{var e=!1;t((t,n=0)=>{e=!0,i(n,t)}),e||i(!1,null)},n?z:0)}function Vn(e,t){return t}function Kn(e,t=!0){for(var n=0;n<e.length;n++)Dt(e[n],t)}var Zn;function Gn(e,r,i,o,a,l=null){var c=e,f=new Map;!(4&r)||(c=e.appendChild(mt()));var u,d=null,h=Ue(()=>{var e=i();return n(e)?e:null==e?[]:s(e)}),v=!0;function p(){m.fallback=d,function(e,t,n,r,i){var o,a,l,c,f,u=!!(8&r),d=t.length,h=e.items,v=Xn(e.effect.first),p=null,g=[],m=[];if(u)for(f=0;f<d;f+=1)l=i(t[f],f),0===((c=h.get(l).e).f&T)&&(c.nodes?.a?.measure(),(a??=new Set).add(c));for(f=0;f<d;f+=1){if(l=i(t[f],f),c=h.get(l).e,null!==e.outrogroups)for(const t of e.outrogroups)t.pending.delete(c),t.done.delete(c);if(0!==(c.f&T)){if(c.f^=T,c!==v){var _=p?p.next:v;c===e.effect.last&&(e.effect.last=c.prev),c.prev&&(c.prev.next=c.next),c.next&&(c.next.prev=c.prev),Qn(e,p,c),Qn(e,c,_),Jn(c,_,n),g=[],m=[],v=Xn((p=c).next);continue}Jn(c,null,n)}if(0!==(c.f&S)&&(Ut(c),u&&(c.nodes?.a?.unfix(),(a??=new Set).delete(c))),c!==v){if(void 0!==o&&o.has(c)){if(g.length<m.length){var w,y=m[0];p=y.prev;var b=g[0],k=g[g.length-1];for(w=0;w<g.length;w+=1)Jn(g[w],y,n);for(w=0;w<m.length;w+=1)o.delete(m[w]);Qn(e,b.prev,k.next),Qn(e,p,b),Qn(e,k,y),v=y,p=k,f-=1,g=[],m=[]}else o.delete(c),Jn(c,v,n),Qn(e,c.prev,c.next),Qn(e,c,null===p?e.effect.first:p.next),Qn(e,p,c),p=c;continue}for(g=[],m=[];null!==v&&v!==c;)(o??=new Set).add(v),m.push(v),v=Xn(v.next);if(null===v)continue}0===(c.f&T)&&g.push(c),p=c,v=Xn(c.next)}if(null!==e.outrogroups){for(const t of e.outrogroups)0===t.pending.size&&(Kn(s(t.done)),e.outrogroups?.delete(t));0===e.outrogroups.size&&(e.outrogroups=null)}if(null!==v||void 0!==o){var x=[];if(void 0!==o)for(c of o)0===(c.f&S)&&x.push(c);for(;null!==v;)0===(v.f&S)&&v!==e.fallback&&x.push(v),v=Xn(v.next);var $=x.length;if($>0){var E=4&r&&0===d?n:null;if(u){for(f=0;f<$;f+=1)x[f].nodes?.a?.measure();for(f=0;f<$;f+=1)x[f].nodes?.a?.fix()}!function(e,t,n){for(var r,i=t.length,o=t.length,a=0;a<i;a++){let n=t[a];Ft(n,()=>{if(r){if(r.pending.delete(n),r.done.add(n),0===r.pending.size){var t=e.outrogroups;Kn(s(r.done)),t.delete(r),0===t.size&&(e.outrogroups=null)}}else o-=1},!1)}if(0===o){var l=null!==n;if(l){var c=n,f=c.parentNode;f.textContent="",f.append(c),e.items.clear()}Kn(t,!l)}else r={pending:new Set(t),done:new Set},(e.outrogroups??=new Set).add(r)}(e,x,E)}}u&&he(()=>{if(void 0!==a)for(c of a)c.nodes?.a?.apply()})}(m,u,c,r,o),null!==d&&(0===u.length?0===(d.f&T)?Ut(d):(d.f^=T,Jn(d,null,c)):Ft(d,()=>{d=null}))}var g=At(()=>{for(var e=(u=gn(h)).length,n=new Set,s=0;s<e;s+=1){var g=u[s],m=o(g,s);if(t){var _=o(g,s);m!==_&&U(String(s),String(m),String(_))}var w=v?null:f.get(m);w?(w.v&&rt(w.v,g),w.i&&rt(w.i,s)):(w=Yn(f,v?c:Zn??=mt(),g,m,s,a,r,i),v||(w.e.f|=T),f.set(m,w)),n.add(m)}0===e&&l&&!d&&(v?d=Rt(()=>l(c)):(d=Rt(()=>l(Zn??=mt()))).f|=T),e>n.size&&(t?function(e,t){const n=new Map,r=e.length;for(let i=0;i<r;i++){const r=t(e[i],i);if(n.has(r)){const e=String(n.get(r)),t=String(i);let s=String(r);s.startsWith("[object ")&&(s=null),N(e,t,s)}n.set(r,i)}}(u,o):N("","","")),v||p(),gn(h)}),m={effect:g,flags:r,items:f,outrogroups:null,fallback:d};v=!1}function Xn(e){for(;null!==e&&0===(e.f&_);)e=e.next;return e}function Yn(e,n,r,i,s,o,a,l){var c=1&a?16&a?Qe(r):tt(r,!1,!1):null,f=2&a?Qe(s):null;return t&&c&&(c.trace=()=>{l()[f?.v??s]}),{v:c,i:f,e:Rt(()=>(o(n,c??r,f??s,l),()=>{e.delete(i)}))}}function Jn(e,t,n){if(e.nodes)for(var r=e.nodes.start,i=e.nodes.end,s=t&&0===(t.f&T)?t.nodes.start:n;null!==r;){var o=wt(r);if(s.before(r),r===i)return;r=o}}function Qn(e,t,n){null===t?e.effect.first=n:t.next=n,null===n?e.effect.last=t:n.prev=t}const er={tick:e=>requestAnimationFrame(e),now:()=>performance.now(),tasks:new Set};function tr(){const e=er.now();er.tasks.forEach(t=>{t.c(e)||(er.tasks.delete(t),t.f())}),0!==er.tasks.size&&er.tick(tr)}function nr(e,t){xt(()=>{e.dispatchEvent(new CustomEvent(t))})}function rr(e){if("float"===e)return"cssFloat";if("offset"===e)return"cssOffset";if(e.startsWith("--"))return e;const t=e.split("-");return 1===t.length?t[0]:t[0]+t.slice(1).map(e=>e[0].toUpperCase()+e.slice(1)).join("")}function ir(e){const t={},n=e.split(";");for(const e of n){const[n,r]=e.split(":");if(!n||void 0===r)break;t[rr(n.trim())]=r.trim()}return t}const sr=e=>e;function or(e,t,n,r){var i,s,o,a=!!(1&e),l=!!(2&e),c=!!(4&e),f=a&&l?"both":a?"in":"out",u=t.inert,d=t.style.overflow;function h(){return xt(()=>i??=n()(t,r?.()??{},{direction:f}))}var v={is_global:c,in(){if(t.inert=u,!a)return o?.abort(),void o?.reset?.();l||s?.abort(),s=ar(t,h(),o,1,()=>{nr(t,"introend"),s?.abort(),s=i=void 0,t.style.overflow=d})},out(e){if(!l)return e?.(),void(i=void 0);t.inert=!0,o=ar(t,h(),s,0,()=>{nr(t,"outroend"),e?.()})},stop:()=>{s?.abort(),o?.abort()}},p=Jt;if((p.nodes.t??=[]).push(v),a&&Dn){var g=c;if(!g){for(var _=p.parent;_&&0!==(_.f&z);)for(;(_=_.parent)&&0===(_.f&m););g=!_||0!==(_.f&E)}g&&Ot(()=>{yn(()=>v.in())})}}function ar(e,t,n,r,i){var s=1===r;if("function"==typeof t){var o,a=!1;return he(()=>{if(!a){var l=t({direction:s?"in":"out"});o=ar(e,l,n,r,i)}}),{abort:()=>{a=!0,o?.abort()},deactivate:()=>o.deactivate(),reset:()=>o.reset(),t:()=>o.t()}}if(n?.deactivate(),!t?.duration&&!t?.delay)return nr(e,s?"introstart":"outrostart"),i(),{abort:h,deactivate:h,reset:h,t:()=>r};const{delay:l=0,css:c,tick:f,easing:u=sr}=t;var d=[];if(s&&void 0===n&&(f&&f(0,1),c)){var v=ir(c(0,1));d.push(v,v)}var p=()=>1-r,g=e.animate(d,{duration:l,fill:"forwards"});return g.onfinish=()=>{g.cancel(),nr(e,s?"introstart":"outrostart");var o=n?.t()??1-r;n?.abort();var a=r-o,l=t.duration*Math.abs(a),d=[];if(l>0){var h=!1;if(c)for(var v=Math.ceil(l/(1e3/60)),m=0;m<=v;m+=1){var _=o+a*u(m/v),w=ir(c(_,1-_));d.push(w),h||="hidden"===w.overflow}h&&(e.style.overflow="hidden"),p=()=>{var e=g.currentTime;return o+a*u(e/l)},f&&function(e){let t;0===er.tasks.size&&er.tick(tr),new Promise(n=>{er.tasks.add(t={c:e,f:n})})}(()=>{if("running"!==g.playState)return!1;var e=p();return f(e,1-e),!0})}(g=e.animate(d,{duration:l,fill:"forwards"})).onfinish=()=>{p=()=>r,f?.(r,1-r),i()}},{abort:()=>{g&&(g.cancel(),g.effect=null,g.onfinish=h)},deactivate:()=>{i=h},reset:()=>{0===r&&f?.(1,0)},t:()=>p()}}const lr=[..." \t\n\r\f \v\ufeff"];function cr(e,t=!1){var n=t?" !important;":";",r="";for(var i of Object.keys(e)){var s=e[i];null!=s&&""!==s&&(r+=" "+i+": "+s+n)}return r}function fr(e){return"-"!==e[0]||"-"!==e[1]?e.toLowerCase():e}function ur(e,t,n,r,i,s){var o=e.__className;if(o!==n||void 0===o){var a=function(e,t,n){var r=null==e?"":""+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 s=i.length,o=0;(o=r.indexOf(i,o))>=0;){var a=o+s;0!==o&&!lr.includes(r[o-1])||a!==r.length&&!lr.includes(r[a])?o=a:r=(0===o?"":r.substring(0,o))+r.substring(a+1)}return""===r?null:r}(n,r,s);null==a?e.removeAttribute("class"):t?e.className=a:e.setAttribute("class",a),e.__className=n}else if(s&&i!==s)for(var l in s){var c=!!s[l];null!=i&&c===!!i[l]||e.classList.toggle(l,c)}return s}function dr(e,t={},n,r){for(var i in n){var s=n[i];t[i]!==s&&(null==n[i]?e.style.removeProperty(i):e.style.setProperty(i,s,r))}}function hr(e,t,n,r){if(e.__style!==t){var i=function(e,t){if(t){var n,r,i="";if(Array.isArray(t)?(n=t[0],r=t[1]):n=t,e){e=String(e).replaceAll(/\s*\/\*.*?\*\/\s*/g,"").trim();var s=!1,o=0,a=!1,l=[];n&&l.push(...Object.keys(n).map(fr)),r&&l.push(...Object.keys(r).map(fr));var c=0,f=-1;const t=e.length;for(var u=0;u<t;u++){var d=e[u];if(a?"/"===d&&"*"===e[u-1]&&(a=!1):s?s===d&&(s=!1):"/"===d&&"*"===e[u+1]?a=!0:'"'===d||"'"===d?s=d:"("===d?o++:")"===d&&o--,!a&&!1===s&&0===o)if(":"===d&&-1===f)f=u;else if(";"===d||u===t-1){if(-1!==f){var h=fr(e.substring(c,f).trim());l.includes(h)||(";"!==d&&u++,i+=" "+e.substring(c,u).trim()+";")}c=u+1,f=-1}}}return n&&(i+=cr(n)),r&&(i+=cr(r,!0)),""===(i=i.trim())?null:i}return null==e?null:String(e)}(t,r);null==i?e.removeAttribute("style"):e.style.cssText=i,e.__style=t}else r&&(Array.isArray(r)?(dr(e,n?.[0],r[0]),dr(e,n?.[1],r[1],"important")):dr(e,n,r));return r}const vr=Symbol("is custom element"),pr=Symbol("is html");function gr(e,t,n,r){var i=function(e){return e.__attributes??={[vr]:e.nodeName.includes("-"),[pr]:e.namespaceURI===V}}(e);i[t]!==(i[t]=n)&&("loading"===t&&(e[W]=n),null==n?e.removeAttribute(t):"string"!=typeof n&&function(e){var t,n=e.getAttribute("is")||e.nodeName,r=mr.get(n);if(r)return r;mr.set(n,r=[]);var i=e,s=Element.prototype;for(;s!==i;){for(var o in t=l(i))t[o].set&&r.push(o);i=u(i)}return r}(e).includes(t)?e[t]=n:e.setAttribute(t,n))}var mr=new Map;function _r(e,t){return e===t||e?.[R]===t}function wr(e=!1){const n=re,r=n.l.u;if(!r)return;let i=()=>bn(n.s);if(e){let e=0,t={};const r=Ne(()=>{let r=!1;const i=n.s;for(const e in i)i[e]!==t[e]&&(t[e]=i[e],r=!0);return r&&e++,e});i=()=>gn(r)}var s;r.b.length&&(s=()=>{yr(n,i),p(r.b)},St("$effect.pre"),t&&o(s,"name",{value:"$effect.pre"}),$t(1048584,s,!0)),Mt(()=>{const e=yn(()=>r.m.map(v));return()=>{for(const t of e)"function"==typeof t&&t()}}),r.a.length&&Mt(()=>{yr(n,i),p(r.a)})}function yr(e,t){if(e.l.s)for(const t of e.l.s)gn(t);t()}function br(e,t){var r=e.$$events?.[t.type],i=n(r)?r.slice():null==r?[]:[r];for(var s of i)s.call(this,t)}function kr(e,t,n){if(null==e)return t(void 0),n&&n(void 0),h;const r=yn(()=>e.subscribe(t,n));return r.unsubscribe?()=>r.unsubscribe():r}const xr=[];function Sr(e,t=h){let n=null;const r=new Set;function i(t){if(Y(e,t)&&(e=t,n)){const t=!xr.length;for(const t of r)t[1](),xr.push(t,e);if(t){for(let e=0;e<xr.length;e+=2)xr[e][0](xr[e+1]);xr.length=0}}}function s(t){i(t(e))}return{set:i,update:s,subscribe:function(o,a=h){const l=[o,a];return r.add(l),1===r.size&&(n=t(i,s)||h),o(e),()=>{r.delete(l),0===r.size&&n&&(n(),n=null)}}}}function $r(e,t,n){const r=!Array.isArray(e),i=r?[e]:e;if(!i.every(Boolean))throw new Error("derived() expects stores as input, got a falsy value");const s=t.length<2;return o=(e,n)=>{let o=!1;const a=[];let l=0,c=h;const f=()=>{if(l)return;c();const i=t(r?a[0]:a,e,n);s?e(i):c="function"==typeof i?i:h},u=i.map((e,t)=>kr(e,e=>{a[t]=e,l&=~(1<<t),o&&f()},()=>{l|=1<<t}));return o=!0,f(),function(){p(u),c(),o=!1}},{subscribe:Sr(n,o).subscribe};var o}function Er(e){let t;return kr(e,e=>t=e)(),t}let zr=!1,Mr=Symbol();function Lr(e,n,r){const i=r[n]??={store:null,source:tt(void 0),unsubscribe:h};if(t&&(i.source.label=n),i.store!==e&&!(Mr in r))if(i.unsubscribe(),i.store=e??null,null==e)i.source.v=void 0,i.unsubscribe=h;else{var s=!0;i.unsubscribe=kr(e,e=>{s?i.source.v=e:nt(i.source,e)}),s=!1}return e&&Mr in r?Er(e):gn(i.source)}function Or(e,t,n){let r=n[t];return r&&r.store!==e&&(r.unsubscribe(),r.unsubscribe=h),e}function Tr(){const e={};return[e,function(){zt(()=>{for(var t in e){e[t].unsubscribe()}o(e,Mr,{enumerable:!1,value:!0})})}]}function jr(e,n,r,i){var s,o,l=!Q||!!(2&r),c=!!(8&r),f=!!(16&r),u=i,d=!0,h=()=>(d&&(d=!1,u=f?yn(i):i),u);if(c){var v=R in e||I in e;s=a(e,n)?.set??(v&&n in e?t=>e[n]=t:void 0)}var p,g=!1;if(c?[o,g]=function(e){var t=zr;try{return zr=!1,[e(),zr]}finally{zr=t}}(()=>e[n]):o=e[n],void 0===o&&void 0!==i&&(o=h(),s&&(l&&function(e){if(t){const t=new Error(`props_invalid_value\nCannot do \`bind:${e}={undefined}\` when \`${e}\` has a fallback value\nhttps://svelte.dev/e/props_invalid_value`);throw t.name="Svelte error",t}throw new Error("https://svelte.dev/e/props_invalid_value")}(n),s(o))),p=l?()=>{var t=e[n];return void 0===t?h():(d=!0,t)}:()=>{var t=e[n];return void 0!==t&&(u=void 0),void 0===t?u:t},l&&!(4&r))return p;if(s){var m=e.$$legacy;return function(e,t){return arguments.length>0?(l&&t&&!m&&!g||s(t?p():e),e):p()}}var _=!1,w=(1&r?Ne:Ue)(()=>(_=!1,p()));t&&(w.label=n),c&&gn(w);var y=Jt;return function(e,t){if(arguments.length>0){const n=t?gn(w):l&&c?lt(e):e;return nt(w,n),_=!0,void 0!==u&&(u=n),e}return Kt&&_||0!==(y.f&$)?w.v:gn(w)}}if(t){function Ii(e){if(!(e in globalThis)){let n;Object.defineProperty(globalThis,e,{configurable:!0,get:()=>{if(void 0!==n)return n;!function(e){if(t){const t=new Error(`rune_outside_svelte\nThe \`${e}\` rune is only available inside \`.svelte\` and \`.svelte.js/ts\` files\nhttps://svelte.dev/e/rune_outside_svelte`);throw t.name="Svelte error",t}throw new Error("https://svelte.dev/e/rune_outside_svelte")}(e)},set:e=>{n=e}})}}Ii("$state"),Ii("$effect"),Ii("$derived"),Ii("$inspect"),Ii("$props"),Ii("$bindable")}function Cr(e){var t,n;null===re&&F("onMount"),Q&&null!==re.l?(t=re,n=t.l,n.u??={a:[],b:[],m:[]}).m.push(e):Mt(()=>{const t=yn(e);if("function"==typeof t)return t})}function Pr(){const e=re;return null===e&&F("createEventDispatcher"),(t,r,i)=>{const s=e.s.$$events?.[t];if(s){const o=n(s)?s.slice():[s],a=function(e,t,{bubbles:n=!1,cancelable:r=!1}={}){return new CustomEvent(e,{detail:t,bubbles:n,cancelable:r})}(t,r,i);for(const t of o)t.call(e.x,a);return!a.defaultPrevented}return!0}}class Ar{constructor(e,t,n=null){this.node=e,this.getURLCallback=t,this.fetch=null!=n?n:window.fetch.bind(window)}getURL(){return this.getURLCallback(this.node)}getSizeOnPage(){const{width:e,height:t}=this.node.getBoundingClientRect();return{width:Math.round(e),height:Math.round(t)}}async getFileSize(e){const{width:t,height:n}=await this.fetchFileDimensions(e);return{width:t,height:n}}async getWeight(e){return await this.fetchFileWeight(e)}getPotentialSavings(e,t,n){const r=this.getOversizedRatio(e,n);return r<=1?null:Math.round(t.weight-t.weight/r)}getExpectedSize(e){const t=window.devicePixelRatio||1;return{width:Math.round(e.width*t),height:Math.round(e.height*t)}}getOversizedRatio(e,t){if(0===e.width||0===e.height)return 1;const{width:n,height:r}=this.getExpectedSize(t);return 0===n||0===r?1:e.width*e.height/(n*r)}async fetchFileWeight(e){const t=await this.fetch(e);return t.ok?parseInt(t.headers.get("content-length"),10)/1024:(console.log(`Can't get image size for ${e} likely due to a CORS error.`),-1)}async fetchFileDimensions(e){const t=new Image;return t.src=e,new Promise((e,n)=>{t.onload=()=>{e({width:Math.round(t.width),height:Math.round(t.height)})},t.onerror=()=>{n("Unable to load image.")}})}async isImageTiny(){try{const e=65,t=await this.fetchFileDimensions(this.getURL());return t.width<e||t.height<e}catch{return!0}}}const Rr="jetpack-boost-guide",Ir={active:"Active",paused:"Paused"};let Wr=localStorage.getItem(Rr);Wr&&Ir[Wr]||(localStorage.setItem(Rr,"Active"),Wr="active");const{set:Dr,update:qr,subscribe:Fr}=Sr(Wr);Fr(e=>{localStorage.setItem(Rr,e)});const Nr={subscribe:Fr,set:Dr,update:qr,cycle:()=>{qr(e=>{const t=Object.keys(Ir),n=t.indexOf(e);return t[(n+1)%t.length]})}},Ur=$r(Nr,e=>Ir[e]);class Hr{constructor(e){this.loading=Sr(!0),this.weightMap={},this.currentSrc="",this.image=e,this.node=e.node;this.url=Sr(e.getURL()),this.fileSize=Sr({width:0,height:0}),this.fileWeight=Sr({weight:-1},()=>{this.maybeUpdateWeight()}),this.sizeOnPage=Sr({width:0,height:0}),this.potentialSavings=this.derivePotentialSavings(),this.oversizedRatio=this.deriveOversizedRatio(),this.expectedSize=this.deriveExpectedSize()}deriveOversizedRatio(){return $r([this.fileSize,this.sizeOnPage],([e,t])=>this.image.getOversizedRatio(e,t))}deriveExpectedSize(){return $r(this.sizeOnPage,e=>this.image.getExpectedSize(e))}derivePotentialSavings(){return $r([this.fileSize,this.fileWeight,this.sizeOnPage],([e,t,n])=>this.image.getPotentialSavings(e,t,n))}async updateDimensions(){const e=this.image.getSizeOnPage();this.sizeOnPage.set(e),await this.updateFileDimensions()}async updateFileDimensions(){if(this.image.getURL()===this.currentSrc)return;let e;this.currentSrc=this.image.getURL();try{e=await this.image.getFileSize(this.currentSrc)}catch{e={height:-1,width:-1}}this.url.set(this.currentSrc),this.fileSize.set(e)}async maybeUpdateWeight(){const e=this.currentSrc;if(void 0===this.weightMap[e]){this.loading.set(!0);try{const t=await this.image.getWeight(e);this.weightMap[e]=t,this.fileWeight.set({weight:t})}catch{this.fileWeight.set({weight:-1})}this.loading.set(!1)}else this.fileWeight.set({weight:this.weightMap[e]})}}class Br{static setTracksCallback(e){Br.tracksCallback=e}static async trackImageOutcome(e){return new Promise(t=>{e.loading.subscribe(n=>{if(!n){const n=Er(e.oversizedRatio),r=function(e){return e>4?"red":e>2.5?"yellow":"green"}(n),i=Er(e.fileSize),s=Er(e.sizeOnPage),o=Er(e.expectedSize),a=Er(e.potentialSavings),l=Er(e.url),c={severity:r,oversized_ratio:n,file_width:i.width,file_height:i.height,size_on_page_width:s.width,size_on_page_height:s.height,expected_width:o.width,expected_height:o.height,potential_savings:a,image_url:l};Br.tracksCallback("image_guide_image_outcome",{...c,window_width:window.innerWidth,window_height:window.innerHeight,device_pixel_ratio:window.devicePixelRatio}),t(c)}})})}static async trackPage(e){if(!e.length||Br.trackingComplete)return;Br.trackingComplete=!0;const t=e.map(Br.trackImageOutcome),n=await Promise.all(t),r=n.reduce((e,t)=>e+(t.potential_savings||0),0);Br.tracksCallback("image_guide_page_outcome",{total_potential_savings:r,red_severity_count:n.filter(e=>"red"===e.severity).length,yellow_severity_count:n.filter(e=>"yellow"===e.severity).length,green_severity_count:n.filter(e=>"green"===e.severity).length,window_width:window.innerWidth,window_height:window.innerHeight,device_pixel_ratio:window.devicePixelRatio})}static trackInitialState(){Br.tracksCallback("image_guide_initial_ui_state",{image_guide_state:Er(Nr)})}static trackUIStateChange(){Br.tracksCallback("image_guide_ui_state_change",{image_guide_state:Er(Nr)})}}function Vr(e){return e.filter(e=>{if(e instanceof HTMLImageElement){if(!e.src.trim())return!1;try{if(t=e.src,new URL(t).pathname.toLowerCase().endsWith(".svg"))return!1}catch{return!1}return!0}var t;if(e instanceof HTMLElement){return"none"!==getComputedStyle(e).backgroundImage}return!1})}function Kr(e){return Xr(e.currentSrc)?e.currentSrc:Xr(e.src)?e.src:null}function Zr(e){const t=getComputedStyle(e).backgroundImage.match(/url\(\s*(['"])(.*?)\1\s*\)/i),n=window.location.href.split("#")[0];return t&&t[2]&&t[2]!==n&&Xr(t[2])?t[2]:null}async function Gr(e,t=null){return Vr(e).map(e=>e instanceof HTMLImageElement?new Ar(e,Kr,t):e instanceof HTMLElement&&Zr(e)?new Ar(e,Zr):null).filter(e=>null!==e)}function Xr(e){if(e.startsWith("/")){return!e.split("?")[0].endsWith(".svg")}try{const t=new URL(e);return"http:"===t.protocol||"https:"===t.protocol}catch{return!1}}Br.trackingComplete=!1;function Yr(e){const t=1.70158;return--e*e*((t+1)*e+t)+1}"undefined"!=typeof window&&((window.__svelte??={}).v??=new Set).add("5"),Q=!0;const Jr=e=>e;function Qr(e){const t=e-1;return t*t*t+1}function ei(e){const t="string"==typeof e&&e.match(/^\s*(-?[\d.]+)([^\s]*)\s*$/);return t?[parseFloat(t[1]),t[2]||"px"]:[e,"px"]}function ti(e,{delay:t=0,duration:n=400,easing:r=Jr}={}){const i=+getComputedStyle(e).opacity;return{delay:t,duration:n,easing:r,css:e=>"opacity: "+e*i}}function ni(e,{delay:t=0,duration:n=400,easing:r=Qr,x:i=0,y:s=0,opacity:o=0}={}){const a=getComputedStyle(e),l=+a.opacity,c="none"===a.transform?"":a.transform,f=l*(1-o),[u,d]=ei(i),[h,v]=ei(s);return{delay:t,duration:n,easing:r,css:(e,t)=>`\n\t\t\ttransform: ${c} translate(${(1-e)*u}${d}, ${(1-e)*h}${v});\n\t\t\topacity: ${l-f*t}`}}var ri=Pn('<div class="svelte-1yjr9q3"><svg viewBox="0 0 110 110" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M55.4 107.8C84.3397 107.8 107.8 84.3397 107.8 55.4C107.8 26.4603 84.3397 3 55.4 3C26.4603 3 3 26.4603 3 55.4C3 84.3397 26.4603 107.8 55.4 107.8Z"></path><path d="M58 46.6V97.4L84.2 46.6H58Z" fill="white"></path><path d="M52.7 64.1V13.4L26.6 64.1H52.7Z" fill="white"></path></svg></div>');function ii(e,t){let n=jr(t,"size",8,16),r=jr(t,"bg",8,"#069E08");var i=ri(),s=yt(i),o=yt(s);Pt(()=>{hr(i,`width: ${n()??""}px; height: ${n()??""}px;`),gr(o,"fill",r())}),Wn(e,i)}var si=Pn('<div class="spinner svelte-q7ue1b"><!></div>');var oi=An('<svg class="w-6 h-6 svelte-qy5udj" fill="none" stroke="white" width="18" height="18" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>');var ai=Pn('<span style="font-size: 0.75em;">&lt;</span> 1x',1),li=Pn('<div class="bubble-inner svelte-1vido64"><div class="label"><!></div></div>'),ci=Pn('<div class="bubble-inner svelte-1vido64"><!></div>'),fi=Pn('<div><div class="bubble svelte-1vido64"><!></div></div>');function ui(e,t){ce(t,!1);const n=()=>Lr(l,"$oversizedRatio",r),[r,i]=Tr();let s=jr(t,"index",8),o=jr(t,"store",8),a=tt();const l=o().oversizedRatio,c=o().loading,f={delay:150+50*s(),duration:250,y:2,easing:Yr};let u=tt();const d=Pr();Tt(()=>n(),()=>{nt(a,n()>4?"high":n()>2.5?"medium":"normal")}),jt(),wr();var h=fi(),v=yt(h),p=yt(v),g=e=>{var t=li(),r=yt(t),i=yt(r),s=e=>{var t=Rn();Pt(e=>qn(t,`${e??""}x`),[()=>(n(),yn(()=>Math.floor(n())))]),Wn(e,t)},o=e=>{var t=In(),r=bt(t),i=e=>{!function(e){Wn(e,oi())}(e)},s=e=>{var t=Rn();Pt(e=>qn(t,`${e??""}x`),[()=>(n(),yn(()=>n().toFixed(1)))]),Wn(e,t)};Bn(r,e=>{"normal"===gn(a)?e(i):e(s,!1)}),Wn(e,t)},l=e=>{Wn(e,ai())};Bn(i,e=>{n()>9?e(s):n()>.99?e(o,1):e(l,!1)}),or(1,r,()=>ti,()=>({delay:200,duration:300})),Wn(e,t)},m=e=>{var t=ci();!function(e){var t=si();ii(yt(t),{size:12,bg:"transparent"}),or(2,t,()=>ti,()=>({duration:300})),Wn(e,t)}(yt(t)),Wn(e,t)};Bn(p,e=>{!1===Lr(c,"$isLoading",r)?e(g):e(m,!1)}),function(e={},t,n,r){Ot(()=>{var i,s;return Ct(()=>{i=s,s=r?.()||[],yn(()=>{e!==n(...s)&&(t(e,...s),i&&_r(n(...i),e)&&t(null,...i))})}),()=>{he(()=>{s&&_r(n(...s),e)&&t(null,...s)})}})}(h,e=>nt(u,e),()=>gn(u)),Pt(()=>ur(h,1,`interaction-area ${gn(a)??""}`,"svelte-1vido64")),Mn("mouseenter",h,function(){const e=gn(u).getBoundingClientRect();d("hover",{index:s(),position:{top:e.top+e.height+10,left:e.left}})}),or(3,h,()=>ni,()=>f),Wn(e,h),fe(),i()}var di=An('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="svelte-1b220d7"><path d="M18.2 17c0 .7-.6 1.2-1.2 1.2H7c-.7 0-1.2-.6-1.2-1.2V7c0-.7.6-1.2 1.2-1.2h3.2V4.2H7C5.5 4.2 4.2 5.5 4.2 7v10c0 1.5 1.2 2.8 2.8 2.8h10c1.5 0 2.8-1.2 2.8-2.8v-3.6h-1.5V17zM14.9 3v1.5h3.7l-6.4 6.4 1.1 1.1 6.4-6.4v3.7h1.5V3h-6.3z"></path></svg>');var hi=Pn('<div class="explanation svelte-1okxgd8">The image loaded is <strong> </strong> larger than it appears in the browser. <!></div>'),vi=Pn('<div class="explanation svelte-1okxgd8">The image is exactly the correct size for this screen.</div>'),pi=Pn("Because there are various screen sizes, it's okay for the image to be <strong> </strong> than it appears on the page.",1),gi=Pn('<div class="explanation svelte-1okxgd8">The image size is very close to the size it appears in the browser. <!></div>'),mi=Pn('<div class="explanation svelte-1okxgd8"> </div>'),_i=Pn('<img class="svelte-1okxgd8"/>'),wi=Pn('<div class="value"> </div>'),yi=Pn("<em>Unknown</em>"),bi=Pn('<div class="value"><!></div>'),ki=Pn("<em>Unknown</em>"),xi=Pn("<strong> </strong>"),Si=Pn("<em>N/A</em>"),$i=Pn('<div class="jetpack-boost-guide-popup keep-guide-open svelte-1okxgd8"><div class="logo svelte-1okxgd8"><!></div> <div class="preview svelte-1okxgd8"><div class="description svelte-1okxgd8"><div class="title svelte-1okxgd8"><a target="_blank noreferrer" class="svelte-1okxgd8"> </a></div> <!></div> <!></div> <div class="meta"><div class="row svelte-1okxgd8"><div class="label">Image File Dimensions</div> <!></div> <div class="row svelte-1okxgd8"><div class="label">Expected Dimensions</div> <div class="value"> </div></div> <div class="row svelte-1okxgd8"><div class="label">Size on screen</div> <div class="value"> </div></div> <div class="row svelte-1okxgd8"><div class="label">Image Size</div> <div class="value"><!></div></div> <div class="row svelte-1okxgd8"><div class="label">Potential savings</div> <div class="value"><!></div></div> <div class="info svelte-1okxgd8"><a class="documentation svelte-1okxgd8" target="_blank noreferrer">Learn how to improve site speed by optimizing images <!></a></div></div></div>');function Ei(e,t){ce(t,!1);const n=()=>Lr(gn(w),"$imageURL",f),r=()=>Lr(gn(v),"$fileSize",f),i=()=>Lr(gn(h),"$oversizedRatio",f),s=()=>Lr(gn(d),"$isLoading",f),o=()=>Lr(gn(_),"$expectedSize",f),a=()=>Lr(gn(g),"$sizeOnPage",f),l=()=>Lr(gn(p),"$fileWeight",f),c=()=>Lr(gn(m),"$potentialSavings",f),[f,u]=Tr(),d=tt(),h=tt(),v=tt(),p=tt(),g=tt(),m=tt(),_=tt(),w=tt(),y=tt(),b=tt(),k=tt(),x=tt();let S=jr(t,"store",8),$=jr(t,"size",8),E=jr(t,"position",8);function z(e){return e%1==0?e:parseFloat(e.toFixed(2))}let M=tt(0),L=0,O=0,T=tt(E().top);Cr(()=>{L=gn(M),O=E().top,nt(T,E().top)});Tt(()=>bn(S()),()=>{Or(nt(d,S().loading),"$isLoading",f)}),Tt(()=>bn(S()),()=>{Or(nt(h,S().oversizedRatio),"$oversizedRatio",f)}),Tt(()=>bn(S()),()=>{Or(nt(v,S().fileSize),"$fileSize",f)}),Tt(()=>bn(S()),()=>{Or(nt(p,S().fileWeight),"$fileWeight",f)}),Tt(()=>bn(S()),()=>{Or(nt(g,S().sizeOnPage),"$sizeOnPage",f)}),Tt(()=>bn(S()),()=>{Or(nt(m,S().potentialSavings),"$potentialSavings",f)}),Tt(()=>bn(S()),()=>{Or(nt(_,S().expectedSize),"$expectedSize",f)}),Tt(()=>bn(S()),()=>{Or(nt(w,S().url),"$imageURL",f)}),Tt(()=>n(),()=>{nt(y,n().split("/").pop())}),Tt(()=>bn($()),()=>{nt(b,"normal"===$()?100:50)}),Tt(()=>(gn(b),r()),()=>{nt(k,Math.floor(gn(b)/(r().width/r().height)))}),Tt(()=>i(),()=>{nt(x,z(i()))}),Tt(()=>gn(M),()=>{var e;0!==(e=gn(M))&&L!==e&&nt(T,O+(L-e))}),jt(),wr();var j=$i();let C;var P=yt(j);ii(yt(P),{size:250});var A=kt(P,2),R=yt(A),I=yt(R),W=yt(I),D=yt(W),q=kt(I,2),F=e=>{var t=hi(),n=kt(yt(t)),i=yt(n),s=kt(n,2),o=e=>{Wn(e,Rn("Try using a smaller image or reduce the file size by compressing it."))};Bn(s,e=>{r(),yn(()=>r().weight>450)&&e(o)}),Pt(()=>qn(i,`${gn(x)??""}x`)),Wn(e,t)},N=e=>{Wn(e,vi())},U=e=>{var t=gi(),n=kt(yt(t)),r=e=>{var t=pi(),n=yt(kt(bt(t)));Pt(()=>qn(n,`${gn(x)??""}x`)),Wn(e,t)};Bn(n,e=>{gn(x)>1&&e(r)}),Wn(e,t)},H=e=>{const t=Ue(()=>(i(),yn(()=>z(1/i()))));var n=mi(),r=yt(n);Pt(()=>qn(r,`The image file is ${gn(t)??""}x smaller than expected on this screen. This might be fine,\n\t\t\t\t\tbut you may want to check if the image appears blurry.`)),Wn(e,n)};Bn(q,e=>{gn(x)>=1.3?e(F):1===gn(x)?e(N,1):gn(x)>=.99&&gn(x)<1.3?e(U,2):e(H,!1)});var B=kt(R,2),V=e=>{var t=_i();Pt(()=>{gr(t,"src",n()),gr(t,"alt",gn(y)),hr(t,`width: ${gn(b)??""}px; height: ${gn(k)??""}px;`),gr(t,"width",gn(b)),gr(t,"height",gn(k))}),Wn(e,t)};Bn(B,e=>{n()&&e(V)});var K=yt(kt(A,2)),Z=kt(yt(K),2),G=e=>{var t=wi(),n=yt(t);Pt(()=>qn(n,`${r(),yn(()=>r().width)??""} x ${r(),yn(()=>r().height)??""}`)),Wn(e,t)},X=e=>{var t=bi(),n=yt(t),r=e=>{Wn(e,Rn("Loading..."))},i=e=>{Wn(e,yi())};Bn(n,e=>{s()?e(r):e(i,!1)}),Wn(e,t)};Bn(Z,e=>{r(),yn(()=>r().width>0&&r().height>0)?e(G):e(X,!1)});var Y=kt(K,2),J=kt(yt(Y),2),Q=yt(J),ee=kt(Y,2),te=kt(yt(ee),2),ne=yt(te),re=kt(ee,2),ie=kt(yt(re),2),se=yt(ie),oe=e=>{var t=Rn();Pt(e=>qn(t,`${e??""} KB`),[()=>(l(),yn(()=>Math.round(l().weight)))]),Wn(e,t)},ae=e=>{Wn(e,Rn("Loading..."))},le=e=>{Wn(e,ki())};Bn(se,e=>{l(),yn(()=>l().weight>0)?e(oe):s()?e(ae,1):e(le,!1)});var ue=kt(re,2),de=kt(yt(ue),2),he=yt(de),ve=e=>{var t=xi(),n=yt(t);Pt(()=>qn(n,`${c()??""} KB`)),Wn(e,t)},pe=e=>{Wn(e,Rn("Loading..."))},ge=e=>{Wn(e,Si())};Bn(he,e=>{c()>0?e(ve):s()?e(pe,1):e(ge,!1)});var me=yt(kt(ue,2));gr(me,"href","https://jetpack.com/support/jetpack-boost/image-performance-guide/"),function(e){Wn(e,di())}(kt(yt(me))),Pt(()=>{C=hr(j,"",C,{top:`${gn(T)??""}px`,left:`${bn(E()),yn(()=>E().left)??""}px`}),gr(W,"href",n()),qn(D,gn(y)),qn(Q,`${o(),yn(()=>o().width)??""} x ${o(),yn(()=>o().height)??""}`),qn(ne,`${a(),yn(()=>a().width)??""} x ${a(),yn(()=>a().height)??""}`)}),function(e,t,n=t){var r="x"===e,i=()=>xt(()=>{o=!0,clearTimeout(s),s=setTimeout(a,100),n(window[r?"scrollX":"scrollY"])});addEventListener("scroll",i,{passive:!0});var s,o=!1,a=()=>{o=!1},l=!0;Ct(()=>{var e=t();l?l=!1:o||null==e||(o=!0,clearTimeout(s),r?scrollTo(e,window.scrollY):scrollTo(window.scrollX,e),s=setTimeout(a,100))}),Ot(i),zt(()=>{removeEventListener("scroll",i)})}("y",()=>gn(M),e=>nt(M,e)),or(1,j,()=>ni,()=>({duration:150,y:4,easing:Yr})),Mn("mouseleave",j,function(e){br.call(this,t,e)}),Wn(e,j),fe(),u()}var zi=Pn('<div><div class="previews svelte-6tsow1"></div> <!></div>');function Mi(e,t){ce(t,!1);const n=()=>Lr(c,"$sizeOnPage",r),[r,i]=Tr(),s=tt();let o=jr(t,"stores",8),a=tt(!1);function l(e){e.relatedTarget&&e.relatedTarget.classList.contains("keep-guide-open")||nt(a,!1)}Cr(()=>{o().forEach(e=>e.updateDimensions())});const c=o()[0].sizeOnPage;let f=tt({top:0,left:0});function u(e){const t=e.detail,n=t.index;nt(f,t.position),nt(a,n)}const d=$r(o().map(e=>e.fileSize),e=>e.some(e=>-1!==e.width&&-1!==e.height));Tt(()=>n(),()=>{nt(s,function(e=-1,t=-1){return e<200||t<200?"micro":e<400||t<400?"small":"normal"}(n().width,n().height))}),Tt(()=>gn(a),()=>{!function(e=!1){e?o().forEach(e=>e.node.classList.add("jetpack-boost-guide__backdrop")):o().forEach(e=>e.node.classList.remove("jetpack-boost-guide__backdrop"))}(!1!==gn(a))}),jt(),wr();var h=In(),v=bt(h),p=e=>{var t=zi();let n;var r=yt(t);Gn(r,5,o,Vn,(e,t,n)=>{ui(e,{index:n,get store(){return gn(t)},$$events:{hover:u}})});var i=kt(r,2),c=e=>{Ei(e,{get store(){return bn(o()),gn(a),yn(()=>o()[gn(a)])},get size(){return gn(s)},get position(){return gn(f)},$$events:{mouseleave:l}})};Bn(i,e=>{!1!==gn(a)&&e(c)}),Pt(()=>n=ur(t,1,`guide ${gn(s)??""}`,"svelte-6tsow1",n,{show:!1!==gn(a),"keep-guide-open":!1!==gn(a)})),Mn("mouseleave",t,l),Wn(e,t)};Bn(v,e=>{"active"===Lr(Nr,"$guideState",r)&&Lr(d,"$hasItemsWithFileSize",r)&&e(p)}),Wn(e,h),fe(),i()}const Li=[];let Oi;function Ti(e){window.frameElement||(Oi=e,window.addEventListener("load",ji))}function ji(){window.addEventListener("resize",function(){let e;return()=>{e&&clearTimeout(e),e=setTimeout(()=>{Li.forEach(e=>{e.updateDimensions()})},500)}}()),Br.trackInitialState(),Nr.subscribe(async e=>{if("paused"===e)return;const t=await Gr(Array.from(document.querySelectorAll("body *:not(.jetpack-boost-guide > *):not(.jetpack-boost-guide):not(#wpadminbar *)")),Oi),n=await Promise.all(t.map(e=>e.isImageTiny()));Li.push(...function(e){const t=e.reduce((e,t)=>{var n;if(!t.node.parentNode)return console.error("Image has no parent",t.node),e;const r=function(e){const t=e.node;if(!(e.node instanceof HTMLImageElement)&&["static","relative"].includes(getComputedStyle(t).position))return t.classList.contains("jetpack-boost-guide")||(t.classList.add("jetpack-boost-guide","relative"),t.dataset.jetpackBoostGuideId=(++Ci).toString()),t;if(!t.parentNode||!t.parentElement)return;const n=function(e){let t,n=e.parentElement;for(;n&&n instanceof HTMLElement&&n!==document.body;){const e=getComputedStyle(n),r="inline"!==e.display,i="static"===e.position,s="relative"===e.position,o="auto"!==e.zIndex;r&&(!t&&(i||s)||s&&o)&&(t=n),n=n.parentElement}return t}(t);if(null==n?void 0:n.classList.contains("jetpack-boost-guide"))return n;if(n){const t=getComputedStyle(n);if("relative"===t.position){const e=Array.from(n.children).find(e=>e.classList.contains("jetpack-boost-guide"));if(e&&e instanceof HTMLElement)return e}const r=document.createElement("div");return r.classList.add("jetpack-boost-guide"),r.dataset.jetpackBoostGuideId=(++Ci).toString(),"static"===t.position&&(n.style.position="relative"),e.node instanceof HTMLImageElement&&(r.style.top=`${e.node.offsetTop}px`),n.prepend(r),r}return t.parentElement}(t);if(!r)return console.error("Could not find a parent for image",t),e;const i=parseInt(r.dataset.jetpackBoostGuideId||""),s=(null===(n=e[i])||void 0===n?void 0:n.props.stores)||[],o=new Hr(t);return s.push(o),1===s.length&&(e[i]={target:r,intro:!0,props:{stores:s}}),e},{});return Object.values(t).map(e=>(Fn(Mi,e),e.props.stores)).flat()}(t.filter((e,t)=>!n[t]))),Br.trackPage(Li)})}let Ci=0;var Pi=Pn('<a id="jetpack-boost-guide-bar"><!> <span> </span></a>');function Ai(e,t){ce(t,!1);const[n,r]=Tr();let i=jr(t,"href",8),s=jr(t,"tracksCallback",8);Tt(()=>bn(s()),()=>{Br.setTracksCallback(s())}),jt(),wr();var o=Pi(),a=yt(o);ii(a,{});var l,c=yt(kt(a,2));Pt(()=>{gr(o,"href",i()),ur(o,1,`ab-item ${Lr(Nr,"$guideState",n)??""}`,"svelte-1km5e3e"),qn(c,`Image Guide: ${Lr(Ur,"$guideLabel",n)??""}`)}),Mn("click",o,(l=function(){Nr.cycle(),Br.trackUIStateChange()},function(...e){return e[0].preventDefault(),l?.apply(this,e)})),Wn(e,o),fe(),r()}function Ri(e,{href:t,tracksCallback:n,fetchFunction:r}){return Ti(r),Fn(Ai,{target:e,props:{href:t,tracksCallback:n}})}export{Ar as MeasurableImage,Gr as getMeasurableImages,Ri as setupImageGuideUI};

package/build/src/MeasurableImage.d.ts

@@ -0,0 +1,59 @@
+export type SourceCallbackFn = (node: HTMLElement) => string | null;
+export type Dimensions = {
+    width: number;
+    height: number;
+};
+export type Weight = {
+    weight: number;
+};
+export type FetchFn = (url: string) => Promise<Response>;
+/**
+ * A class that represents a DOM Element that
+ * has an image that should be measured and
+ * provides measurement utilities.
+ */
+export declare class MeasurableImage {
+    readonly node: HTMLElement | HTMLImageElement;
+    private getURLCallback;
+    fetch: FetchFn;
+    /**
+     * Constructor.
+     *
+     * @param {HTMLElement | HTMLImageElement} node    - The DOM Element that contains the image.
+     * @param {SourceCallbackFn}               getURL  - A function that takes in the node and returns the URL of the image.
+     * @param {FetchFn}                        fetchFn - A function that fetches a URL and returns a Promise.
+     */
+    constructor(node: HTMLElement | HTMLImageElement, getURL: SourceCallbackFn, fetchFn?: FetchFn | null);
+    getURL(): string;
+    getSizeOnPage(): {
+        width: number;
+        height: number;
+    };
+    getFileSize(url: string): Promise<{
+        width: number;
+        height: number;
+    }>;
+    getWeight(url: string): Promise<number>;
+    getPotentialSavings(fileSize: Dimensions, fileWeight: Weight, sizeOnPage: Dimensions): number;
+    /**
+     * To get the expected size of the image,
+     * the image size on page has to be multiplied by the device pixel ratio.
+     *
+     * @param {Dimensions} sizeOnPage - The size of the image on the page.
+     * @return {object} - The expected size of the image.
+     */
+    getExpectedSize(sizeOnPage: Dimensions): {
+        width: number;
+        height: number;
+    };
+    getOversizedRatio(fileSize: Dimensions, sizeOnPage: Dimensions): number;
+    private fetchFileWeight;
+    private fetchFileDimensions;
+    /**
+     * Checks if the image is too small and should be ignored. Will return true on images
+     * that don't load at all - we can't establish they're tiny!
+     *
+     * @return {boolean} - if the image is smaller than 65 pixels width and height return true
+     */
+    isImageTiny(): Promise<boolean>;
+}

package/build/src/_unused-image-observer.d.ts

@@ -0,0 +1,15 @@
+/**
+ *
+ *
+ * ! MutationObserver is currently not used.
+ * ! This needs significant improvement before we can use it.
+ *
+ *
+ */
+type ImageCallback = (images: HTMLElement[]) => void;
+/**
+ *
+ * @param callback
+ */
+export declare function createImageObserver(callback: ImageCallback): Promise<MutationObserver>;
+export {};

package/build/src/analytics.d.ts

@@ -0,0 +1,46 @@
+import { MeasurableImageStore } from './stores/MeasurableImageStore.ts';
+/**
+ * Image properties sent to tracks.
+ */
+type ImageProperties = {
+    severity: 'red' | 'yellow' | 'green';
+    oversized_ratio: number;
+    file_width: number;
+    file_height: number;
+    size_on_page_width: number;
+    size_on_page_height: number;
+    expected_width: number;
+    expected_height: number;
+    potential_savings: number | null;
+    image_url: string;
+};
+export type TracksCallback = (event: string, props: {
+    [key: string]: string | number;
+}) => void;
+export default class ImageGuideAnalytics {
+    static trackingComplete: boolean;
+    static tracksCallback: TracksCallback;
+    static setTracksCallback(callback: any): void;
+    /**
+     * Track the image guide analytics for a single image.
+     *
+     * @param { MeasurableImageStore } imageStore - The image store to track.
+     * @return { Promise< ImageProperties > } Promise that resolves with the properties of the image.
+     */
+    static trackImageOutcome(imageStore: MeasurableImageStore): Promise<ImageProperties>;
+    /**
+     * Track events to record the outcome of the image guide for the current page.
+     *
+     * @param {MeasurableImageStore[]} imageStores - The image stores to track.
+     */
+    static trackPage(imageStores: MeasurableImageStore[]): Promise<void>;
+    /**
+     * Track the state of the UI when the user loads a page.
+     */
+    static trackInitialState(): void;
+    /**
+     * Track the state of the UI when the user changes it.
+     */
+    static trackUIStateChange(): void;
+}
+export {};

package/build/src/find-image-elements.d.ts

@@ -0,0 +1,31 @@
+import { MeasurableImage, type FetchFn } from './MeasurableImage.ts';
+/**
+ * Get elements that either are image tags or have a background image.
+ *
+ * @param {Element[]} nodes - A list of nodes to filter
+ * @return {HTMLElement[] | HTMLImageElement[]} - A list of nodes that are either image tags or have a background image.
+ */
+export declare function findMeasurableElements(nodes: Element[]): HTMLElement[] | HTMLImageElement[];
+/**
+ * Get the current image source from a node.
+ *
+ * @param {HTMLImageElement} node - HTMLImageElement
+ * @return {string | null} - The URL of the image or null if it can't be determined.
+ */
+export declare function imageTagSource(node: HTMLImageElement): string;
+/**
+ * Get the background image URL from a node.
+ *
+ * @param {HTMLImageElement} node - HTMLElement
+ * @return {string | null} - The URL of the image or null if it can't be determined.
+ */
+export declare function backgroundImageSource(node: HTMLElement): string;
+/**
+ * Create MeasurableImage objects from a list of nodes
+ * and remove any nodes that can't be measured.
+ *
+ * @param {Element[]}                                          domNodes - A list of nodes to measure
+ * @param {(input: string, init?: Array) => Promise<Response>} fetchFn  - A function that fetches a URL and returns a Promise.
+ * @return {MeasurableImage[]} - A list of MeasurableImage objects.
+ */
+export declare function getMeasurableImages(domNodes: Element[], fetchFn?: FetchFn | null): Promise<MeasurableImage[]>;

package/build/src/index.d.ts

@@ -0,0 +1,24 @@
+import { MeasurableImage, type Dimensions, type FetchFn, type Weight } from './MeasurableImage.ts';
+import { type TracksCallback } from './analytics.ts';
+import { getMeasurableImages } from './find-image-elements.ts';
+export { MeasurableImage, getMeasurableImages };
+export type { Weight, Dimensions };
+type ImageGuideUIOptions = {
+    href: string;
+    tracksCallback: TracksCallback;
+    fetchFunction: FetchFn;
+};
+/**
+ * Set up the Image Guide UI in the given target parent.
+ *
+ * @param {string}   target              - The parent element to mount the UI in.
+ * @param {object}   args                - The arguments to pass to the UI.
+ * @param {string}   args.href           - The URL to the image guide.
+ * @param {Function} args.tracksCallback - The callback to call when tracking an event.
+ * @param {Function} args.fetchFunction  - The function to use to fetch the image weight.
+ * @return {object} The Svelte component instance.
+ */
+export declare function setupImageGuideUI(target: HTMLElement, { href, tracksCallback, fetchFunction }: ImageGuideUIOptions): {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<Record<string, any>>): void;
+} & Record<string, any>;

package/build/src/initialize.d.ts

@@ -0,0 +1,22 @@
+import { MeasurableImageStore } from './stores/MeasurableImageStore.ts';
+import type { FetchFn, MeasurableImage } from './MeasurableImage.ts';
+/**
+ * Set up a listener to initialize stuff on window load.
+ *
+ * @param {Function} fetchFn - An optional custom function to use when fetching the URL weights.
+ */
+export declare function setupLoadListener(fetchFn?: FetchFn): void;
+/**
+ * This gets a little tricky because of the various layout positions
+ * the images can be in.
+ *
+ * For example, images can be positioned with static, absolute, fixed, etc.
+ * But on top of that, they can be a part of a parent that has that positioning.
+ * And to make things even more complex, they can change dynamically, for example in a slider.
+ *
+ * This function attempts to attach the Svelte Components to the DOM in a non-destructive way.
+ *
+ * @param {MeasurableImage[]} measuredImages - The images to attach the guides to.
+ * @return {MeasurableImageStore[]} The stores for the attached images.
+ */
+export declare function attachGuides(measuredImages: MeasurableImage[]): MeasurableImageStore[];

package/build/src/stores/GuideState.d.ts

@@ -0,0 +1,12 @@
+import { type Writable } from 'svelte/store';
+declare const store: {
+    readonly active: "Active";
+    readonly paused: "Paused";
+};
+type State = keyof typeof store;
+type CyclableStore = Writable<State> & {
+    cycle: () => void;
+};
+export declare const guideState: CyclableStore;
+export declare const guideLabel: import("svelte/store").Readable<"Active" | "Paused">;
+export {};

package/build/src/stores/MeasurableImageStore.d.ts

@@ -0,0 +1,32 @@
+import { type Writable, type Readable } from 'svelte/store';
+import { MeasurableImage } from '../MeasurableImage.ts';
+import type { Dimensions, Weight } from '../MeasurableImage.ts';
+/**
+ * Each measurable image has its own set of Svelte stores.
+ *
+ * This class relies on MeasurableImage to calculate the values
+ * and stores them in multiple Svelte stores,
+ * so that the dimensions are easily
+ * accessible in the components.
+ */
+export declare class MeasurableImageStore {
+    readonly fileSize: Writable<Dimensions>;
+    readonly fileWeight: Writable<Weight>;
+    readonly sizeOnPage: Writable<Dimensions>;
+    readonly potentialSavings: Readable<number | null>;
+    readonly expectedSize: Readable<Dimensions>;
+    readonly oversizedRatio: Readable<number>;
+    readonly url: Writable<string>;
+    readonly loading: Writable<boolean>;
+    readonly image: MeasurableImage;
+    readonly node: MeasurableImage['node'];
+    private weightMap;
+    private currentSrc;
+    constructor(measurableImage: MeasurableImage);
+    private deriveOversizedRatio;
+    private deriveExpectedSize;
+    private derivePotentialSavings;
+    updateDimensions(): Promise<void>;
+    private updateFileDimensions;
+    private maybeUpdateWeight;
+}

package/build/src/types.d.ts

@@ -0,0 +1,9 @@
+import type { MeasurableImageStore } from './stores/MeasurableImageStore.ts';
+export type GuideSize = 'normal' | 'small' | 'micro';
+export interface ImageGuideConfig {
+    target: HTMLElement;
+    intro?: boolean;
+    props: {
+        stores: MeasurableImageStore[];
+    };
+}

package/build/types.d.ts

@@ -1,8 +1,8 @@
 import type { MeasurableImageStore } from './stores/MeasurableImageStore.ts';
-import type { ComponentConstructorOptions } from 'svelte';
 export type GuideSize = 'normal' | 'small' | 'micro';
-export interface ImageGuideConfig extends ComponentConstructorOptions {
+export interface ImageGuideConfig {
     target: HTMLElement;
+    intro?: boolean;
     props: {
         stores: MeasurableImageStore[];
     };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@automattic/jetpack-image-guide",
-	"version": "1.0.12",
+	"version": "1.0.13",
 	"description": "Go through the dom to analyze image size on screen vs actual file size.",
 	"homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/js-packages/image-guide/#readme",
 	"bugs": {
@@ -8,8 +8,7 @@
 	},
 	"repository": {
 		"type": "git",
-		"url": "https://github.com/Automattic/jetpack.git",
-		"directory": "projects/js-packages/image-guide"
+		"url": "git+https://github.com/Automattic/jetpack-image-guide.git"
 	},
 	"license": "GPL-2.0-or-later",
 	"author": "Automattic",
@@ -25,44 +24,45 @@
 		"@automattic/jetpack-image-guide": false
 	},
 	"scripts": {
-		"build": "rollup -c && tsc --emitDeclarationOnly",
+		"build": "rollup -c && tsgo --emitDeclarationOnly",
 		"build-concurrently": "pnpm run clear-dist && concurrently 'pnpm:validate-ts' 'rollup -c'",
 		"build-development": "pnpm run build-concurrently",
 		"build-production": "NODE_ENV=production BABEL_ENV=production pnpm run build-concurrently",
 		"clear-dist": "rm -rf app/assets/dist/*",
 		"dev": "concurrently 'pnpm:dev-validate-ts' 'pnpm:dev-compile'",
 		"dev-compile": "pnpm run clear-dist && rollup -c -w",
-		"dev-validate-ts": "tsc --watch --pretty --strict false # Note: Disable Strict mode to avoid noisy development, while keeping strict errors visible in IDEs.",
+		"dev-validate-ts": "tsgo --watch --pretty --strict false # Note: Disable Strict mode to avoid noisy development, while keeping strict errors visible in IDEs.",
 		"test": "NODE_OPTIONS=--experimental-vm-modules jest --config=tests/jest.config.cjs",
 		"test-coverage": "pnpm run test --coverage",
-		"typecheck": "tsc --noEmit",
-		"validate-ts": "tsc --pretty --strict false",
+		"typecheck": "tsgo --noEmit",
+		"validate-ts": "tsgo --pretty --strict false",
 		"watch": "pnpm run dev"
 	},
 	"devDependencies": {
 		"@babel/core": "^7.0.0",
-		"@babel/preset-env": "7.28.3",
-		"@babel/preset-react": "7.27.1",
-		"@babel/preset-typescript": "7.27.1",
+		"@babel/preset-env": "7.29.0",
+		"@babel/preset-react": "7.28.5",
+		"@babel/preset-typescript": "7.28.5",
 		"@rollup/plugin-babel": "6.0.4",
 		"@rollup/plugin-commonjs": "26.0.1",
 		"@rollup/plugin-json": "6.1.0",
 		"@rollup/plugin-node-resolve": "15.3.0",
 		"@rollup/plugin-replace": "5.0.2",
-		"@rollup/plugin-terser": "0.4.3",
+		"@rollup/plugin-terser": "1.0.0",
 		"@rollup/plugin-typescript": "12.1.0",
+		"@typescript/native-preview": "7.0.0-dev.20260225.1",
 		"concurrently": "9.2.1",
 		"jest": "30.2.0",
 		"postcss": "8.5.6",
-		"rollup": "3.29.5",
+		"rollup": "3.30.0",
 		"rollup-plugin-postcss": "4.0.2",
 		"rollup-plugin-svelte": "7.2.2",
 		"sass": "npm:sass-embedded@^1.97.2",
-		"svelte": "4.2.19",
+		"svelte": "5.53.5",
 		"svelte-preprocess": "6.0.2",
 		"tslib": "2.8.1",
 		"typescript": "5.9.3",
-		"webpack": "5.101.3",
+		"webpack": "5.105.2",
 		"webpack-cli": "6.0.1"
 	}
 }

package/rollup.config.js

@@ -92,7 +92,13 @@ export default {
 
 		// If we're building for production (npm run build
 		// instead of npm run dev), minify
-		production && terser(),
+		production &&
+			terser( {
+				mangle: {
+					// Preserve WP i18n methods.
+					reserved: [ '__', '_n', '_nx', '_x' ],
+				},
+			} ),
 	],
 
 	watch: {