@automattic/jetpack-image-guide 0.5.5 → 0.5.6

package/CHANGELOG.md

@@ -5,6 +5,14 @@ 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).
 
+## [0.5.6] - 2024-02-22
+### Changed
+- Make build usable in projects using tsc with `moduleResolution` set to 'nodenext'. [#35453]
+- Updated targets in build configuration to better match supported browsers. [#35764]
+
+### Fixed
+- Fix image name causing image to go outside details panel. [#35309]
+
 ## [0.5.5] - 2024-01-22
 ### Changed
 - Updated package dependencies. [#34427]
@@ -88,6 +96,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Removed
 - Minor package.json change - removing private entry.
 
+[0.5.6]: https://github.com/Automattic/jetpack-image-guide/compare/v0.5.5...v0.5.6
 [0.5.5]: https://github.com/Automattic/jetpack-image-guide/compare/v0.5.4...v0.5.5
 [0.5.4]: https://github.com/Automattic/jetpack-image-guide/compare/v0.5.3...v0.5.4
 [0.5.3]: https://github.com/Automattic/jetpack-image-guide/compare/v0.5.2...v0.5.3

package/build/analytics.d.ts

@@ -1,4 +1,4 @@
-import { MeasurableImageStore } from './stores/MeasurableImageStore';
+import { MeasurableImageStore } from './stores/MeasurableImageStore.js';
 /**
  * Image properties sent to tracks.
  */

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

@@ -1,4 +1,4 @@
-import { FetchFn, MeasurableImage } from './MeasurableImage';
+import { FetchFn, MeasurableImage } from './MeasurableImage.js';
 /**
  * Get elements that either are image tags or have a background image.
  *

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-18vhu7m.svelte-18vhu7m{margin-bottom:-15px;margin-left:-15px;margin-top:-15px;padding:15px}.bubble.svelte-18vhu7m.svelte-18vhu7m{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-18vhu7m .bubble.svelte-18vhu7m{background-color:#e52e00}.medium.svelte-18vhu7m .bubble.svelte-18vhu7m{background-color:#e98800}.bubble-inner.svelte-18vhu7m.svelte-18vhu7m{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-18vhu7m.svelte-18vhu7m{padding:15px}.guide.small .bubble.svelte-18vhu7m.svelte-18vhu7m{font-size:10px;height:28px;width:28px}.guide.micro .interaction-area.svelte-18vhu7m.svelte-18vhu7m{margin-left:-10px;margin-top:-10px;padding:10px}.guide.micro .bubble.svelte-18vhu7m.svelte-18vhu7m{border:1px solid hsla(0,0%,100%,.3);font-size:0;height:10px;width:10px}.guide.micro .bubble.svelte-18vhu7m svg{display:none}svg.svelte-1g2gjwn{height:1em;margin:0;vertical-align:middle;width:1em;fill:currentcolor}a.svelte-12bm513.svelte-12bm513{color:#3c434a!important;font-weight:600!important}a.documentation.svelte-12bm513.svelte-12bm513{color:#3c434a!important;font-weight:500!important}.preview.svelte-12bm513.svelte-12bm513{align-items:flex-start;display:flex;gap:15px;margin-bottom:15px;max-width:360px;width:100%}.preview.svelte-12bm513 img.svelte-12bm513{border-radius:3px;box-shadow:0 0 2px 1px #f2f2f2}.info.svelte-12bm513.svelte-12bm513{font-size:.9em;margin-top:15px}.jetpack-boost-guide-popup.svelte-12bm513.svelte-12bm513{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-12bm513.svelte-12bm513{font-weight:600}.explanation.svelte-12bm513.svelte-12bm513{margin-top:5px}.description.svelte-12bm513.svelte-12bm513{font-size:.9em}.row.svelte-12bm513.svelte-12bm513{border-bottom:1px dotted #d9d9d9;display:flex;font-size:14px;gap:10px;justify-content:space-between;margin-bottom:5px}.row.svelte-12bm513.svelte-12bm513:last-child{border-bottom:none}.logo.svelte-12bm513.svelte-12bm513{bottom:-25px;opacity:.04;pointer-events:none;position:absolute;right:-50px;transform:rotate(15deg)}.guide.small .preview.svelte-12bm513.svelte-12bm513{gap:8px}.jetpack-boost-guide:not(.relative){left:0;position:absolute;top:0}.jetpack-boost-guide.relative{position:relative}.guide.svelte-1828btn{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif!important;font-size:15px!important;left:0;line-height:1.55;padding:20px;position:absolute;top:0;z-index:8000}.guide.small.svelte-1828btn{font-size:13px}.guide.micro.svelte-1828btn{font-size:13px;padding:10px}.guide.show.svelte-1828btn{z-index:9000}.previews.svelte-1828btn{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-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-18vhu7m.svelte-18vhu7m{margin-bottom:-15px;margin-left:-15px;margin-top:-15px;padding:15px}.bubble.svelte-18vhu7m.svelte-18vhu7m{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-18vhu7m .bubble.svelte-18vhu7m{background-color:#e52e00}.medium.svelte-18vhu7m .bubble.svelte-18vhu7m{background-color:#e98800}.bubble-inner.svelte-18vhu7m.svelte-18vhu7m{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-18vhu7m.svelte-18vhu7m{padding:15px}.guide.small .bubble.svelte-18vhu7m.svelte-18vhu7m{font-size:10px;height:28px;width:28px}.guide.micro .interaction-area.svelte-18vhu7m.svelte-18vhu7m{margin-left:-10px;margin-top:-10px;padding:10px}.guide.micro .bubble.svelte-18vhu7m.svelte-18vhu7m{border:1px solid hsla(0,0%,100%,.3);font-size:0;height:10px;width:10px}.guide.micro .bubble.svelte-18vhu7m svg{display:none}svg.svelte-1g2gjwn{height:1em;margin:0;vertical-align:middle;width:1em;fill:currentcolor}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-1828btn{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif!important;font-size:15px!important;left:0;line-height:1.55;padding:20px;position:absolute;top:0;z-index:8000}.guide.small.svelte-1828btn{font-size:13px}.guide.micro.svelte-1828btn{font-size:13px;padding:10px}.guide.show.svelte-1828btn{z-index:9000}.previews.svelte-1828btn{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)}

package/build/index.d.ts

@@ -1,6 +1,6 @@
-import { Dimensions, FetchFn, MeasurableImage, Weight } from './MeasurableImage';
-import { TracksCallback } from './analytics';
-import { getMeasurableImages } from './find-image-elements';
+import { Dimensions, FetchFn, MeasurableImage, Weight } from './MeasurableImage.js';
+import { TracksCallback } from './analytics.js';
+import { getMeasurableImages } from './find-image-elements.js';
 import AdminBarToggle from './ui/AdminBarToggle.svelte';
 export { MeasurableImage, getMeasurableImages };
 export type { Weight, Dimensions };

package/build/index.js

@@ -1 +1 @@
-function t(t,e,n,i){return new(n||(n=Promise))((function(o,r){function s(t){try{l(i.next(t))}catch(t){r(t)}}function c(t){try{l(i.throw(t))}catch(t){r(t)}}function l(t){var e;t.done?o(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(s,c)}l((i=i.apply(t,e||[])).next())}))}class e{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)}}getFileSize(e){return t(this,void 0,void 0,(function*(){const[t,{width:n,height:i}]=yield Promise.all([this.fetchFileWeight(e),this.fetchFileDimensions(e)]);return{width:n,height:i,weight:t}}))}getPotentialSavings(t,e){const n=this.getOversizedRatio(t,e);return n<=1?null:Math.round(t.weight-t.weight/n)}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)}fetchFileWeight(e){return t(this,void 0,void 0,(function*(){const t=yield 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)}))}fetchFileDimensions(e){return t(this,void 0,void 0,(function*(){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.")}}))}))}isImageTiny(){return t(this,void 0,void 0,(function*(){try{const t=65,e=yield this.fetchFileDimensions(this.getURL());return e.width<t||e.height<t}catch(t){return!0}}))}}function n(t){return r(t.currentSrc)?t.currentSrc:r(t.src)?t.src:null}function i(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&&r(e[2])?e[2]:null}function o(o,r=null){return t(this,void 0,void 0,(function*(){return function(t){return t.filter((t=>t instanceof HTMLImageElement||t instanceof HTMLElement&&"none"!==getComputedStyle(t).backgroundImage))}(o).map((t=>t instanceof HTMLImageElement?new e(t,n,r):t instanceof HTMLElement&&i(t)?new e(t,i):null)).filter((t=>null!==t))}))}function r(t){if(t.startsWith("/")){return!t.split("?")[0].endsWith(".svg")}try{const e=new URL(t);return"http:"===e.protocol||"https:"===e.protocol}catch(t){return!1}}function s(){}const c=t=>t;function l(t){return t()}function a(){return Object.create(null)}function u(t){t.forEach(l)}function d(t){return"function"==typeof t}function h(t,e){return t!=t?e==e:t!==e||t&&"object"==typeof t||"function"==typeof t}let f;function g(t,e){return f||(f=document.createElement("a")),f.href=e,t===f.href}function p(t,...e){if(null==t)return s;const n=t.subscribe(...e);return n.unsubscribe?()=>n.unsubscribe():n}function m(t){let e;return p(t,(t=>e=t))(),e}function $(t,e,n){t.$$.on_destroy.push(p(e,n))}function v(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 w(t){const e="string"==typeof t&&t.match(/^\s*(-?[\d.]+)([^\s]*)\s*$/);return e?[parseFloat(e[1]),e[2]||"px"]:[t,"px"]}const b="undefined"!=typeof window;let y=b?()=>window.performance.now():()=>Date.now(),x=b?t=>requestAnimationFrame(t):s;const k=new Set;function _(t){k.forEach((e=>{e.c(t)||(k.delete(e),e.f())})),0!==k.size&&x(_)}function z(t){let e;return 0===k.size&&x(_),{promise:new Promise((n=>{k.add(e={c:t,f:n})})),abort(){k.delete(e)}}}function S(t,e){t.appendChild(e)}function C(t){if(!t)return document;const e=t.getRootNode?t.getRootNode():t.ownerDocument;return e&&e.host?e:t.ownerDocument}function E(t){const e=j("style");return function(t,e){S(t.head||t,e),e.sheet}(C(t),e),e.sheet}function L(t,e,n){t.insertBefore(e,n||null)}function P(t){t.parentNode&&t.parentNode.removeChild(t)}function j(t){return document.createElement(t)}function O(t){return document.createElementNS("http://www.w3.org/2000/svg",t)}function T(t){return document.createTextNode(t)}function M(){return T(" ")}function R(){return T("")}function I(t,e,n,i){return t.addEventListener(e,n,i),()=>t.removeEventListener(e,n,i)}function U(t,e,n){null==n?t.removeAttribute(e):t.getAttribute(e)!==n&&t.setAttribute(e,n)}function F(t,e){e=""+e,t.data!==e&&(t.data=e)}function A(t,e,n,i){null===n?t.style.removeProperty(e):t.style.setProperty(e,n,i?"important":"")}function H(t,e,n){t.classList[n?"add":"remove"](e)}function B(t,e,{bubbles:n=!1,cancelable:i=!1}={}){const o=document.createEvent("CustomEvent");return o.initCustomEvent(t,n,i,e),o}const N=new Map;let D,W=0;function V(t,e,n,i,o,r,s,c=0){const l=16.666/i;let a="{\n";for(let t=0;t<=1;t+=l){const i=e+(n-e)*r(t);a+=100*t+`%{${s(i,1-i)}}\n`}const u=a+`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=C(t),{stylesheet:f,rules:g}=N.get(h)||function(t,e){const n={stylesheet:E(e),rules:{}};return N.set(t,n),n}(h,t);g[d]||(g[d]=!0,f.insertRule(`@keyframes ${d} ${u}`,f.cssRules.length));const p=t.style.animation||"";return t.style.animation=`${p?`${p}, `:""}${d} ${i}ms linear ${o}ms 1 both`,W+=1,d}function G(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(", "),W-=o,W||x((()=>{W||(N.forEach((t=>{const{ownerNode:e}=t.stylesheet;e&&P(e)})),N.clear())})))}function q(t){D=t}function Z(){if(!D)throw new Error("Function called outside component initialization");return D}function K(t){Z().$$.on_mount.push(t)}function X(t,e){const n=t.$$.callbacks[e.type];n&&n.slice().forEach((t=>t.call(this,e)))}const Y=[],J=[];let Q=[];const tt=[],et=Promise.resolve();let nt=!1;function it(t){Q.push(t)}const ot=new Set;let rt,st=0;function ct(){if(0!==st)return;const t=D;do{try{for(;st<Y.length;){const t=Y[st];st++,q(t),lt(t.$$)}}catch(t){throw Y.length=0,st=0,t}for(q(null),Y.length=0,st=0;J.length;)J.pop()();for(let t=0;t<Q.length;t+=1){const e=Q[t];ot.has(e)||(ot.add(e),e())}Q.length=0}while(Y.length);for(;tt.length;)tt.pop()();nt=!1,ot.clear(),q(t)}function lt(t){if(null!==t.fragment){t.update(),u(t.before_update);const e=t.dirty;t.dirty=[-1],t.fragment&&t.fragment.p(t.ctx,e),t.after_update.forEach(it)}}function at(){return rt||(rt=Promise.resolve(),rt.then((()=>{rt=null}))),rt}function ut(t,e,n){t.dispatchEvent(B(`${e?"intro":"outro"}${n}`))}const dt=new Set;let ht;function ft(){ht={r:0,c:[],p:ht}}function gt(){ht.r||u(ht.c),ht=ht.p}function pt(t,e){t&&t.i&&(dt.delete(t),t.i(e))}function mt(t,e,n,i){if(t&&t.o){if(dt.has(t))return;dt.add(t),ht.c.push((()=>{dt.delete(t),i&&(n&&t.d(1),i())})),t.o(e)}else i&&i()}const $t={duration:0};function vt(t,e,n){const i={direction:"in"};let o,r,l=e(t,n,i),a=!1,u=0;function h(){o&&G(t,o)}function f(){const{delay:e=0,duration:n=300,easing:i=c,tick:d=s,css:f}=l||$t;f&&(o=V(t,0,1,n,e,i,f,u++)),d(0,1);const g=y()+e,p=g+n;r&&r.abort(),a=!0,it((()=>ut(t,!0,"start"))),r=z((e=>{if(a){if(e>=p)return d(1,0),ut(t,!0,"end"),h(),a=!1;if(e>=g){const t=i((e-g)/n);d(t,1-t)}}return a}))}let g=!1;return{start(){g||(g=!0,G(t),d(l)?(l=l(i),at().then(f)):f())},invalidate(){g=!1},end(){a&&(h(),a=!1)}}}function wt(t,e,n,i){const o={direction:"both"};let r=e(t,n,o),l=i?0:1,a=null,h=null,f=null;function g(){f&&G(t,f)}function p(t,e){const n=t.b-l;return e*=Math.abs(n),{a:l,b:t.b,d:n,duration:e,start:t.start,end:t.start+e,group:t.group}}function m(e){const{delay:n=0,duration:i=300,easing:o=c,tick:d=s,css:m}=r||$t,$={start:y()+n,b:e};e||($.group=ht,ht.r+=1),a||h?h=$:(m&&(g(),f=V(t,l,e,i,n,o,m)),e&&d(0,1),a=p($,i),it((()=>ut(t,e,"start"))),z((e=>{if(h&&e>h.start&&(a=p(h,i),h=null,ut(t,a.b,"start"),m&&(g(),f=V(t,l,a.b,a.duration,0,o,r.css))),a)if(e>=a.end)d(l=a.b,1-l),ut(t,a.b,"end"),h||(a.b?g():--a.group.r||u(a.group.c)),a=null;else if(e>=a.start){const t=e-a.start;l=a.a+a.d*o(t/a.duration),d(l,1-l)}return!(!a&&!h)})))}return{run(t){d(r)?at().then((()=>{r=r(o),m(t)})):m(t)},end(){g(),a=h=null}}}const bt="undefined"!=typeof window?window:"undefined"!=typeof globalThis?globalThis:global;function yt(t){t&&t.c()}function xt(t,e,n,i){const{fragment:o,after_update:r}=t.$$;o&&o.m(e,n),i||it((()=>{const e=t.$$.on_mount.map(l).filter(d);t.$$.on_destroy?t.$$.on_destroy.push(...e):u(e),t.$$.on_mount=[]})),r.forEach(it)}function kt(t,e){const n=t.$$;null!==n.fragment&&(!function(t){const e=[],n=[];Q.forEach((i=>-1===t.indexOf(i)?e.push(i):n.push(i))),n.forEach((t=>t())),Q=e}(n.after_update),u(n.on_destroy),n.fragment&&n.fragment.d(e),n.on_destroy=n.fragment=null,n.ctx=[])}function _t(t,e){-1===t.$$.dirty[0]&&(Y.push(t),nt||(nt=!0,et.then(ct)),t.$$.dirty.fill(0)),t.$$.dirty[e/31|0]|=1<<e%31}function zt(t,e,n,i,o,r,c,l=[-1]){const d=D;q(t);const h=t.$$={fragment:null,ctx:[],props:r,update:s,not_equal:o,bound:a(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(e.context||(d?d.$$.context:[])),callbacks:a(),dirty:l,skip_bound:!1,root:e.target||d.$$.root};c&&c(h.root);let f=!1;if(h.ctx=n?n(t,e.props||{},((e,n,...i)=>{const r=i.length?i[0]:n;return h.ctx&&o(h.ctx[e],h.ctx[e]=r)&&(!h.skip_bound&&h.bound[e]&&h.bound[e](r),f&&_t(t,e)),n})):[],h.update(),f=!0,u(h.before_update),h.fragment=!!i&&i(h.ctx),e.target){if(e.hydrate){const t=function(t){return Array.from(t.childNodes)}(e.target);h.fragment&&h.fragment.l(t),t.forEach(P)}else h.fragment&&h.fragment.c();e.intro&&pt(t.$$.fragment),xt(t,e.target,e.anchor,e.customElement),ct()}q(d)}class St{$destroy(){kt(this,1),this.$destroy=s}$on(t,e){if(!d(e))return s;const n=this.$$.callbacks[t]||(this.$$.callbacks[t]=[]);return n.push(e),()=>{const t=n.indexOf(e);-1!==t&&n.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 Ct=[];function Et(t,e=s){let n;const i=new Set;function o(e){if(h(t,e)&&(t=e,n)){const e=!Ct.length;for(const e of i)e[1](),Ct.push(e,t);if(e){for(let t=0;t<Ct.length;t+=2)Ct[t][0](Ct[t+1]);Ct.length=0}}}return{set:o,update:function(e){o(e(t))},subscribe:function(r,c=s){const l=[r,c];return i.add(l),1===i.size&&(n=e(o)||s),r(t),()=>{i.delete(l),0===i.size&&n&&(n(),n=null)}}}}function Lt(t,e,n){const i=!Array.isArray(t),o=i?[t]:t,r=e.length<2;return c=t=>{let n=!1;const c=[];let l=0,a=s;const h=()=>{if(l)return;a();const n=e(i?c[0]:c,t);r?t(n):a=d(n)?n:s},f=o.map(((t,e)=>p(t,(t=>{c[e]=t,l&=~(1<<e),n&&h()}),(()=>{l|=1<<e}))));return n=!0,h(),function(){u(f),a(),n=!1}},{subscribe:Et(n,c).subscribe};var c}const Pt="jetpack-boost-guide",jt={active:"Active",paused:"Paused"};let Ot=localStorage.getItem(Pt);Ot&&jt[Ot]||(localStorage.setItem(Pt,"Active"),Ot="active");const{set:Tt,update:Mt,subscribe:Rt}=Et(Ot);Rt((t=>{localStorage.setItem(Pt,t)}));const It={subscribe:Rt,set:Tt,update:Mt,cycle:()=>{Mt((t=>{const e=Object.keys(jt),n=e.indexOf(t);return e[(n+1)%e.length]}))}},Ut=Lt(It,(t=>jt[t]));class Ft{static setTracksCallback(t){Ft.tracksCallback=t}static trackImageOutcome(e){return t(this,void 0,void 0,(function*(){return new Promise((t=>{e.loading.subscribe((n=>{if(!n){const n=m(e.oversizedRatio),i=function(t){return t>4?"red":t>2.5?"yellow":"green"}(n),o=m(e.fileSize),r=m(e.sizeOnPage),s=m(e.expectedSize),c=m(e.potentialSavings),l=m(e.url),a={severity:i,oversized_ratio:n,file_weight:o.weight,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:l};Ft.tracksCallback("image_guide_image_outcome",Object.assign(Object.assign({},a),{window_width:window.innerWidth,window_height:window.innerHeight,device_pixel_ratio:window.devicePixelRatio})),t(a)}}))}))}))}static trackPage(e){return t(this,void 0,void 0,(function*(){if(!e.length||Ft.trackingComplete)return;Ft.trackingComplete=!0;const t=e.map(Ft.trackImageOutcome),n=yield Promise.all(t),i=n.reduce(((t,e)=>t+(e.potential_savings||0)),0);Ft.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(){Ft.tracksCallback("image_guide_initial_ui_state",{image_guide_state:m(It)})}static trackUIStateChange(){Ft.tracksCallback("image_guide_ui_state_change",{image_guide_state:m(It)})}}Ft.trackingComplete=!1;class At{constructor(t){this.loading=Et(!0),this.currentSrc="",this.image=t,this.node=t.node;this.url=Et(t.getURL()),this.fileSize=Et({width:0,height:0,weight:0}),this.sizeOnPage=Et({width:0,height:0}),this.potentialSavings=this.derivePotentialSavings(),this.oversizedRatio=this.deriveOversizedRatio(),this.expectedSize=this.deriveExpectedSize()}deriveOversizedRatio(){return Lt([this.fileSize,this.sizeOnPage],(([t,e])=>this.image.getOversizedRatio(t,e)))}deriveExpectedSize(){return Lt(this.sizeOnPage,(t=>this.image.getExpectedSize(t)))}derivePotentialSavings(){return Lt([this.fileSize,this.sizeOnPage],(([t,e])=>this.image.getPotentialSavings(t,e)))}updateDimensions(){return t(this,void 0,void 0,(function*(){const t=this.image.getSizeOnPage();this.sizeOnPage.set(t),yield this.maybeUpdateWeight()}))}maybeUpdateWeight(){return t(this,void 0,void 0,(function*(){if(this.image.getURL()===this.currentSrc)return;let t;this.loading.set(!0),this.currentSrc=this.image.getURL();try{t=yield this.image.getFileSize(this.currentSrc)}catch(e){t={weight:-1,height:-1,width:-1}}this.url.set(this.currentSrc),this.fileSize.set(t),this.loading.set(!1)}))}}function Ht(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 Nt(t,{delay:e=0,duration:n=400,easing:i=c}={}){const o=+getComputedStyle(t).opacity;return{delay:e,duration:n,easing:i,css:t=>"opacity: "+t*o}}function Dt(t,{delay:e=0,duration:n=400,easing:i=Bt,x:o=0,y:r=0,opacity:s=0}={}){const c=getComputedStyle(t),l=+c.opacity,a="none"===c.transform?"":c.transform,u=l*(1-s),[d,h]=w(o),[f,g]=w(r);return{delay:e,duration:n,easing:i,css:(t,e)=>`\n\t\t\ttransform: ${a} translate(${(1-t)*d}${h}, ${(1-t)*f}${g});\n\t\t\topacity: ${l-u*e}`}}function Wt(t){let e,n,i,o,r;return{c(){e=j("div"),n=O("svg"),i=O("path"),o=O("path"),r=O("path"),U(i,"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"),U(i,"fill",t[1]),U(o,"d","M58 46.6V97.4L84.2 46.6H58Z"),U(o,"fill","white"),U(r,"d","M52.7 64.1V13.4L26.6 64.1H52.7Z"),U(r,"fill","white"),U(n,"viewBox","0 0 110 110"),U(n,"fill","none"),U(n,"xmlns","http://www.w3.org/2000/svg"),A(e,"width",t[0]+"px"),A(e,"height",t[0]+"px"),U(e,"class","svelte-f6jc8")},m(t,s){L(t,e,s),S(e,n),S(n,i),S(n,o),S(n,r)},p(t,[n]){2&n&&U(i,"fill",t[1]),1&n&&A(e,"width",t[0]+"px"),1&n&&A(e,"height",t[0]+"px")},i:s,o:s,d(t){t&&P(e)}}}function Vt(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]}class Gt extends St{constructor(t){super(),zt(this,t,Vt,Wt,h,{size:0,bg:1})}}function qt(t){let e,n,i,o;return n=new Gt({props:{size:12,bg:"transparent"}}),{c(){e=j("div"),yt(n.$$.fragment),U(e,"class","spinner svelte-2eb8gc")},m(t,i){L(t,e,i),xt(n,e,null),o=!0},p:s,i(t){o||(pt(n.$$.fragment,t),i&&i.end(1),o=!0)},o(t){mt(n.$$.fragment,t),i=function(t,e,n){const i={direction:"out"};let o,r=e(t,n,i),l=!0;const a=ht;function h(){const{delay:e=0,duration:n=300,easing:i=c,tick:d=s,css:h}=r||$t;h&&(o=V(t,1,0,n,e,i,h));const f=y()+e,g=f+n;it((()=>ut(t,!1,"start"))),z((e=>{if(l){if(e>=g)return d(0,1),ut(t,!1,"end"),--a.r||u(a.c),!1;if(e>=f){const t=i((e-f)/n);d(1-t,t)}}return l}))}return a.r+=1,d(r)?at().then((()=>{r=r(i),h()})):h(),{end(e){e&&r.tick&&r.tick(1,0),l&&(o&&G(t,o),l=!1)}}}(e,Nt,{duration:300}),o=!1},d(t){t&&P(e),kt(n),t&&i&&i.end()}}}class Zt extends St{constructor(t){super(),zt(this,t,null,qt,h,{})}}function Kt(t){let e,n;return{c(){e=O("svg"),n=O("path"),U(n,"stroke-linecap","round"),U(n,"stroke-linejoin","round"),U(n,"stroke-width","2"),U(n,"d","M5 13l4 4L19 7"),U(e,"class","w-6 h-6 svelte-jkeb2"),U(e,"fill","none"),U(e,"stroke","white"),U(e,"width","18"),U(e,"height","18"),U(e,"viewBox","0 0 24 24"),U(e,"xmlns","http://www.w3.org/2000/svg")},m(t,i){L(t,e,i),S(e,n)},p:s,i:s,o:s,d(t){t&&P(e)}}}class Xt extends St{constructor(t){super(),zt(this,t,null,Kt,h,{})}}function Yt(t){let e,n,i;return n=new Zt({}),{c(){e=j("div"),yt(n.$$.fragment),U(e,"class","bubble-inner svelte-18vhu7m")},m(t,o){L(t,e,o),xt(n,e,null),i=!0},p:s,i(t){i||(pt(n.$$.fragment,t),i=!0)},o(t){mt(n.$$.fragment,t),i=!1},d(t){t&&P(e),kt(n)}}}function Jt(t){let e,n,i,o,r,s;const c=[ee,te,Qt],l=[];function a(t,e){return t[0]>9?0:t[0]>.99?1:2}return i=a(t),o=l[i]=c[i](t),{c(){e=j("div"),n=j("div"),o.c(),U(n,"class","label"),U(e,"class","bubble-inner svelte-18vhu7m")},m(t,o){L(t,e,o),S(e,n),l[i].m(n,null),s=!0},p(t,e){let r=i;i=a(t),i===r?l[i].p(t,e):(ft(),mt(l[r],1,1,(()=>{l[r]=null})),gt(),o=l[i],o?o.p(t,e):(o=l[i]=c[i](t),o.c()),pt(o,1),o.m(n,null))},i(t){s||(pt(o),r||it((()=>{r=vt(n,Nt,{delay:200,duration:300}),r.start()})),s=!0)},o(t){mt(o),s=!1},d(t){t&&P(e),l[i].d()}}}function Qt(t){let e,n;return{c(){e=j("span"),e.textContent="<",n=T(" 1x"),A(e,"font-size","0.75em")},m(t,i){L(t,e,i),L(t,n,i)},p:s,i:s,o:s,d(t){t&&P(e),t&&P(n)}}}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=R()},m(t,n){s[e].m(t,n),L(t,i,n),o=!0},p(t,o){let l=e;e=c(t),e===l?s[e].p(t,o):(ft(),mt(s[l],1,1,(()=>{s[l]=null})),gt(),n=s[e],n?n.p(t,o):(n=s[e]=r[e](t),n.c()),pt(n,1),n.m(i.parentNode,i))},i(t){o||(pt(n),o=!0)},o(t){mt(n),o=!1},d(t){s[e].d(t),t&&P(i)}}}function ee(t){let e,n,i=Math.floor(t[0])+"";return{c(){e=T(i),n=T("x")},m(t,i){L(t,e,i),L(t,n,i)},p(t,n){1&n&&i!==(i=Math.floor(t[0])+"")&&F(e,i)},i:s,o:s,d(t){t&&P(e),t&&P(n)}}}function ne(t){let e,n,i=t[0].toFixed(1)+"";return{c(){e=T(i),n=T("x")},m(t,i){L(t,e,i),L(t,n,i)},p(t,n){1&n&&i!==(i=t[0].toFixed(1)+"")&&F(e,i)},i:s,o:s,d(t){t&&P(e),t&&P(n)}}}function ie(t){let e,n;return e=new Xt({}),{c(){yt(e.$$.fragment)},m(t,i){xt(e,t,i),n=!0},p:s,i(t){n||(pt(e.$$.fragment,t),n=!0)},o(t){mt(e.$$.fragment,t),n=!1},d(t){kt(e,t)}}}function oe(t){let e,n,i,o,r,s,c,l,a;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=j("div"),n=j("div"),o.c(),U(n,"class","bubble svelte-18vhu7m"),U(e,"class",r="interaction-area "+t[1]+" svelte-18vhu7m")},m(o,r){L(o,e,r),S(e,n),d[i].m(n,null),t[10](e),c=!0,l||(a=I(e,"mouseenter",t[7]),l=!0)},p(s,[l]){let a=i;i=h(t=s),i===a?d[i].p(t,l):(ft(),mt(d[a],1,1,(()=>{d[a]=null})),gt(),o=d[i],o?o.p(t,l):(o=d[i]=u[i](t),o.c()),pt(o,1),o.m(n,null)),(!c||2&l&&r!==(r="interaction-area "+t[1]+" svelte-18vhu7m"))&&U(e,"class",r)},i(n){c||(pt(o),it((()=>{c&&(s||(s=wt(e,Dt,t[6],!0)),s.run(1))})),c=!0)},o(n){mt(o),s||(s=wt(e,Dt,t[6],!1)),s.run(0),c=!1},d(n){n&&P(e),d[i].d(),t[10](null),n&&s&&s.end(),l=!1,a()}}}function re(t,e,n){let i,o,r,{index:s}=e,{store:c}=e;const l=c.oversizedRatio;$(t,l,(t=>n(0,i=t)));const a=c.loading;$(t,a,(t=>n(3,o=t)));const u={delay:150+50*s,duration:250,y:2,easing:Ht};let d;const h=function(){const t=Z();return(e,n,{cancelable:i=!1}={})=>{const o=t.$$.callbacks[e];if(o){const r=B(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,l,a,u,function(){const t=d.getBoundingClientRect();h("hover",{index:s,position:{top:t.top+t.height+10,left:t.left}})},s,c,function(t){J[t?"unshift":"push"]((()=>{d=t,n(2,d)}))}]}class se extends St{constructor(t){super(),zt(this,t,re,oe,h,{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=v(t,e,n,i);return t[0](o)}}(i,t,t[1],null);return{c(){e=j("div"),o&&o.c(),U(e,"class","jetpack-boost-guide-portal")},m(i,r){L(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=v(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||(pt(o,t),n=!0)},o(t){mt(o,t),n=!1},d(n){n&&P(e),o&&o.d(n),t[3](null)}}}function le(t,e,n){let i,{$$slots:o={},$$scope:r}=e;var s;return K((()=>{document.body.appendChild(i)})),s=()=>{document.body.removeChild(i)},Z().$$.on_destroy.push(s),t.$$set=t=>{"$$scope"in t&&n(1,r=t.$$scope)},[i,r,o,function(t){J[t?"unshift":"push"]((()=>{i=t,n(0,i)}))}]}class ae extends St{constructor(t){super(),zt(this,t,le,ce,h,{})}}function ue(t){let e,n;return{c(){e=O("svg"),n=O("path"),U(n,"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"),U(e,"xmlns","http://www.w3.org/2000/svg"),U(e,"viewBox","0 0 24 24"),U(e,"class","svelte-1g2gjwn")},m(t,i){L(t,e,i),S(e,n)},p:s,i:s,o:s,d(t){t&&P(e)}}}class de extends St{constructor(t){super(),zt(this,t,null,ue,h,{})}}const{window:he}=bt;function fe(t){let e,n,i,o,r=t[29]+"";return{c(){e=j("div"),n=T("The image file is "),i=T(r),o=T("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."),U(e,"class","explanation svelte-12bm513")},m(t,r){L(t,e,r),S(e,n),S(e,i),S(e,o)},p(t,e){8&e&&r!==(r=t[29]+"")&&F(i,r)},d(t){t&&P(e)}}}function ge(t){let e,n,i=t[6]>1&&$e(t);return{c(){e=j("div"),n=T("The image size is very close to the size it appears in the browser.\n\t\t\t\t\t\t"),i&&i.c(),U(e,"class","explanation svelte-12bm513")},m(t,o){L(t,e,o),S(e,n),i&&i.m(e,null)},p(t,n){t[6]>1?i?i.p(t,n):(i=$e(t),i.c(),i.m(e,null)):i&&(i.d(1),i=null)},d(t){t&&P(e),i&&i.d()}}}function pe(t){let e;return{c(){e=j("div"),e.textContent="The image is exactly the correct size for this screen.",U(e,"class","explanation svelte-12bm513")},m(t,n){L(t,e,n)},p:s,d(t){t&&P(e)}}}function me(t){let e,n,i,o,r,s,c=t[4].weight>450&&ve();return{c(){e=j("div"),n=T("The image loaded is "),i=j("strong"),o=T(t[6]),r=T("x"),s=T(" larger than it appears in the browser.\n\t\t\t\t\t\t"),c&&c.c(),U(e,"class","explanation svelte-12bm513")},m(t,l){L(t,e,l),S(e,n),S(e,i),S(i,o),S(i,r),S(e,s),c&&c.m(e,null)},p(t,n){64&n&&F(o,t[6]),t[4].weight>450?c||(c=ve(),c.c(),c.m(e,null)):c&&(c.d(1),c=null)},d(t){t&&P(e),c&&c.d()}}}function $e(t){let e,n,i,o,r;return{c(){e=T("Because there are various screen sizes, it's okay for the image to be\n\t\t\t\t\t\t\t"),n=j("strong"),i=T(t[6]),o=T("x"),r=T(" than it appears on the page.")},m(t,s){L(t,e,s),L(t,n,s),S(n,i),S(n,o),L(t,r,s)},p(t,e){64&e&&F(i,t[6])},d(t){t&&P(e),t&&P(n),t&&P(r)}}}function ve(t){let e;return{c(){e=T("Try using a smaller image or reduce the file size by compressing it.")},m(t,n){L(t,e,n)},d(t){t&&P(e)}}}function we(t){let e,n;return{c(){e=j("img"),g(e.src,n=t[5])||U(e,"src",n),U(e,"alt",t[8]),A(e,"width",t[2]+"px"),A(e,"height",t[7]+"px"),U(e,"width",t[2]),U(e,"height",t[7]),U(e,"class","svelte-12bm513")},m(t,n){L(t,e,n)},p(t,i){32&i&&!g(e.src,n=t[5])&&U(e,"src",n),256&i&&U(e,"alt",t[8]),4&i&&A(e,"width",t[2]+"px"),128&i&&A(e,"height",t[7]+"px"),4&i&&U(e,"width",t[2]),128&i&&U(e,"height",t[7])},d(t){t&&P(e)}}}function be(t){let e;function n(t,e){return t[16]?ke:xe}let i=n(t),o=i(t);return{c(){e=j("div"),o.c(),U(e,"class","value")},m(t,n){L(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&&P(e),o.d()}}}function ye(t){let e,n,i,o,r=t[4].width+"",s=t[4].height+"";return{c(){e=j("div"),n=T(r),i=T(" x "),o=T(s),U(e,"class","value")},m(t,r){L(t,e,r),S(e,n),S(e,i),S(e,o)},p(t,e){16&e&&r!==(r=t[4].width+"")&&F(n,r),16&e&&s!==(s=t[4].height+"")&&F(o,s)},d(t){t&&P(e)}}}function xe(t){let e;return{c(){e=j("em"),e.textContent="Unknown"},m(t,n){L(t,e,n)},d(t){t&&P(e)}}}function ke(t){let e;return{c(){e=T("Loading...")},m(t,n){L(t,e,n)},d(t){t&&P(e)}}}function _e(t){let e;return{c(){e=j("em"),e.textContent="Unknown"},m(t,n){L(t,e,n)},p:s,d(t){t&&P(e)}}}function ze(t){let e;return{c(){e=T("Loading...")},m(t,n){L(t,e,n)},p:s,d(t){t&&P(e)}}}function Se(t){let e,n,i=Math.round(t[4].weight)+"";return{c(){e=T(i),n=T(" KB")},m(t,i){L(t,e,i),L(t,n,i)},p(t,n){16&n&&i!==(i=Math.round(t[4].weight)+"")&&F(e,i)},d(t){t&&P(e),t&&P(n)}}}function Ce(t){let e;return{c(){e=j("em"),e.textContent="N/A"},m(t,n){L(t,e,n)},p:s,d(t){t&&P(e)}}}function Ee(t){let e;return{c(){e=T("Loading...")},m(t,n){L(t,e,n)},p:s,d(t){t&&P(e)}}}function Le(t){let e,n,i;return{c(){e=j("strong"),n=T(t[19]),i=T(" KB")},m(t,o){L(t,e,o),S(e,n),S(e,i)},p(t,e){524288&e&&F(n,t[19])},d(t){t&&P(e)}}}function Pe(t){let e,n,i,o,r,s,c,l,a,u,d,h,f,g,p,m,$,v,w,b,y,x,k,_,z,C,E,O,R,H,B,N,D,W,V,G,q,Z,K,X,Y,J,Q,tt,et,nt,ot,rt,st,ct,lt,at=t[17].width+"",ut=t[17].height+"",dt=t[18].width+"",ht=t[18].height+"",ft=`${t[0].top}px`,gt=`${t[0].left}px`;function $t(t,e){return t[6]>=1.3?me:1===t[6]?pe:t[6]>=.99&&t[6]<1.3?ge:fe}function wt(t,e){return e===fe?function(t){const e=t.slice(),n=Te(1/e[3]);return e[29]=n,e}(t):t}i=new Gt({props:{size:250}});let bt=$t(t),_t=bt(wt(t,bt)),zt=t[5]&&we(t);function St(t,e){return t[4].width>0&&t[4].height>0?ye:be}let Ct=St(t),Et=Ct(t);function Lt(t,e){return t[4].weight>0?Se:t[16]?ze:_e}let Pt=Lt(t),jt=Pt(t);function Ot(t,e){return t[19]>0?Le:t[16]?Ee:Ce}let Tt=Ot(t),Mt=Tt(t);return ot=new de({}),{c(){e=j("div"),n=j("div"),yt(i.$$.fragment),o=M(),r=j("div"),s=j("div"),c=j("div"),l=j("a"),a=T(t[8]),u=M(),_t.c(),d=M(),zt&&zt.c(),h=M(),f=j("div"),g=j("div"),p=j("div"),p.textContent="Image File Dimensions",m=M(),Et.c(),$=M(),v=j("div"),w=j("div"),w.textContent="Expected Dimensions",b=M(),y=j("div"),x=T(at),k=T(" x "),_=T(ut),z=M(),C=j("div"),E=j("div"),E.textContent="Size on screen",O=M(),R=j("div"),H=T(dt),B=T(" x "),N=T(ht),D=M(),W=j("div"),V=j("div"),V.textContent="Image Size",G=M(),q=j("div"),jt.c(),Z=M(),K=j("div"),X=j("div"),X.textContent="Potential savings",Y=M(),J=j("div"),Mt.c(),Q=M(),tt=j("div"),et=j("a"),nt=T("Learn how to improve site speed by optimizing images "),yt(ot.$$.fragment),U(n,"class","logo svelte-12bm513"),U(l,"href",t[5]),U(l,"target","_blank noreferrer"),U(l,"class","svelte-12bm513"),U(c,"class","title svelte-12bm513"),U(s,"class","description svelte-12bm513"),U(r,"class","preview svelte-12bm513"),U(p,"class","label"),U(g,"class","row svelte-12bm513"),U(w,"class","label"),U(y,"class","value"),U(v,"class","row svelte-12bm513"),U(E,"class","label"),U(R,"class","value"),U(C,"class","row svelte-12bm513"),U(V,"class","label"),U(q,"class","value"),U(W,"class","row svelte-12bm513"),U(X,"class","label"),U(J,"class","value"),U(K,"class","row svelte-12bm513"),U(et,"class","documentation svelte-12bm513"),U(et,"href",Oe),U(et,"target","_blank noreferrer"),U(tt,"class","info svelte-12bm513"),U(f,"class","meta"),U(e,"class","jetpack-boost-guide-popup keep-guide-open svelte-12bm513"),A(e,"top",ft),A(e,"left",gt)},m(P,j){L(P,e,j),S(e,n),xt(i,n,null),S(e,o),S(e,r),S(r,s),S(s,c),S(c,l),S(l,a),S(s,u),_t.m(s,null),S(r,d),zt&&zt.m(r,null),S(e,h),S(e,f),S(f,g),S(g,p),S(g,m),Et.m(g,null),S(f,$),S(f,v),S(v,w),S(v,b),S(v,y),S(y,x),S(y,k),S(y,_),S(f,z),S(f,C),S(C,E),S(C,O),S(C,R),S(R,H),S(R,B),S(R,N),S(f,D),S(f,W),S(W,V),S(W,G),S(W,q),jt.m(q,null),S(f,Z),S(f,K),S(K,X),S(K,Y),S(K,J),Mt.m(J,null),S(f,Q),S(f,tt),S(tt,et),S(et,nt),xt(ot,et,null),st=!0,ct||(lt=I(e,"mouseleave",t[22]),ct=!0)},p(n,i){t=n,(!st||256&i)&&F(a,t[8]),(!st||32&i)&&U(l,"href",t[5]),bt===(bt=$t(t))&&_t?_t.p(wt(t,bt),i):(_t.d(1),_t=bt(wt(t,bt)),_t&&(_t.c(),_t.m(s,null))),t[5]?zt?zt.p(t,i):(zt=we(t),zt.c(),zt.m(r,null)):zt&&(zt.d(1),zt=null),Ct===(Ct=St(t))&&Et?Et.p(t,i):(Et.d(1),Et=Ct(t),Et&&(Et.c(),Et.m(g,null))),(!st||131072&i)&&at!==(at=t[17].width+"")&&F(x,at),(!st||131072&i)&&ut!==(ut=t[17].height+"")&&F(_,ut),(!st||262144&i)&&dt!==(dt=t[18].width+"")&&F(H,dt),(!st||262144&i)&&ht!==(ht=t[18].height+"")&&F(N,ht),Pt===(Pt=Lt(t))&&jt?jt.p(t,i):(jt.d(1),jt=Pt(t),jt&&(jt.c(),jt.m(q,null))),Tt===(Tt=Ot(t))&&Mt?Mt.p(t,i):(Mt.d(1),Mt=Tt(t),Mt&&(Mt.c(),Mt.m(J,null))),1&i&&ft!==(ft=`${t[0].top}px`)&&A(e,"top",ft),1&i&&gt!==(gt=`${t[0].left}px`)&&A(e,"left",gt)},i(t){st||(pt(i.$$.fragment,t),pt(ot.$$.fragment,t),rt||it((()=>{rt=vt(e,Dt,{duration:150,y:4,easing:Ht}),rt.start()})),st=!0)},o(t){mt(i.$$.fragment,t),mt(ot.$$.fragment,t),st=!1},d(t){t&&P(e),kt(i),_t.d(),zt&&zt.d(),Et.d(),jt.d(),Mt.d(),kt(ot),ct=!1,lt()}}}function je(t){let e,n,i,o,r,s=!1,c=()=>{s=!1};return it(t[23]),n=new ae({props:{$$slots:{default:[Pe]},$$scope:{ctx:t}}}),{c(){yt(n.$$.fragment)},m(l,a){xt(n,l,a),i=!0,o||(r=I(he,"scroll",(()=>{s=!0,clearTimeout(e),e=setTimeout(c,100),t[23]()})),o=!0)},p(t,[i]){2&i&&!s&&(s=!0,clearTimeout(e),scrollTo(he.pageXOffset,t[1]),e=setTimeout(c,100));const o={};1074725373&i&&(o.$$scope={dirty:i,ctx:t}),n.$set(o)},i(t){i||(pt(n.$$.fragment,t),i=!0)},o(t){mt(n.$$.fragment,t),i=!1},d(t){kt(n,t),o=!1,r()}}}const Oe="https://jetpack.com/support/jetpack-boost/image-performance-guide/";function Te(t){return t%1==0?t:parseFloat(t.toFixed(2))}function Me(t,e,n){let i,o,r,c,l,a,u,d,h,f,g,m,$,v,w,b,y,x,k=s,_=s,z=s,S=s,C=s,E=s,L=s;t.$$.on_destroy.push((()=>k())),t.$$.on_destroy.push((()=>_())),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()));let{store:P}=e,{size:j}=e,{position:O}=e,T=0,M=0,R=0;return K((()=>{M=T,R=O.top})),t.$$set=t=>{"store"in t&&n(20,P=t.store),"size"in t&&n(21,j=t.size),"position"in t&&n(0,O=t.position)},t.$$.update=()=>{var e;1048576&t.$$.dirty&&(n(15,i=P.loading),S(),S=p(i,(t=>n(16,w=t)))),1048576&t.$$.dirty&&(n(14,o=P.oversizedRatio),k(),k=p(o,(t=>n(3,m=t)))),1048576&t.$$.dirty&&(n(13,r=P.fileSize),_(),_=p(r,(t=>n(4,$=t)))),1048576&t.$$.dirty&&(n(12,c=P.sizeOnPage),E(),E=p(c,(t=>n(18,y=t)))),1048576&t.$$.dirty&&(n(11,l=P.potentialSavings),L(),L=p(l,(t=>n(19,x=t)))),1048576&t.$$.dirty&&(n(10,a=P.expectedSize),C(),C=p(a,(t=>n(17,b=t)))),1048576&t.$$.dirty&&(n(9,u=P.url),z(),z=p(u,(t=>n(5,v=t)))),32&t.$$.dirty&&n(8,d=v.split("/").pop()),32&t.$$.dirty&&new URL(v).origin,2097152&t.$$.dirty&&n(2,h="normal"===j?100:50),20&t.$$.dirty&&n(7,f=Math.floor(h/($.width/$.height))),8&t.$$.dirty&&n(6,g=Te(m)),2&t.$$.dirty&&0!==(e=T)&&M!==e&&n(0,O.top=R+(M-e),O)},new URL(window.location.href).origin,[O,T,h,m,$,v,g,f,d,u,a,l,c,r,o,i,w,b,y,x,P,j,function(e){X.call(this,t,e)},function(){n(1,T=he.pageYOffset)}]}class Re extends St{constructor(t){super(),zt(this,t,Me,je,h,{store:20,size:21,position:0})}}function Ie(t,e,n){const i=t.slice();return i[10]=e[n],i[12]=n,i}function Ue(t){let e,n,i,o,r,s,c,l=t[0],a=[];for(let e=0;e<l.length;e+=1)a[e]=Fe(Ie(t,l,e));const u=t=>mt(a[t],1,1,(()=>{a[t]=null}));let d=!1!==t[1]&&Ae(t);return{c(){e=j("div"),n=j("div");for(let t=0;t<a.length;t+=1)a[t].c();i=M(),d&&d.c(),U(n,"class","previews svelte-1828btn"),U(e,"class",o="guide "+t[3]+" svelte-1828btn"),H(e,"show",!1!==t[1]),H(e,"keep-guide-open",!1!==t[1])},m(o,l){L(o,e,l),S(e,n);for(let t=0;t<a.length;t+=1)a[t]&&a[t].m(n,null);S(e,i),d&&d.m(e,null),r=!0,s||(c=I(e,"mouseleave",t[5]),s=!0)},p(t,i){if(129&i){let e;for(l=t[0],e=0;e<l.length;e+=1){const o=Ie(t,l,e);a[e]?(a[e].p(o,i),pt(a[e],1)):(a[e]=Fe(o),a[e].c(),pt(a[e],1),a[e].m(n,null))}for(ft(),e=l.length;e<a.length;e+=1)u(e);gt()}!1!==t[1]?d?(d.p(t,i),2&i&&pt(d,1)):(d=Ae(t),d.c(),pt(d,1),d.m(e,null)):d&&(ft(),mt(d,1,1,(()=>{d=null})),gt()),(!r||8&i&&o!==(o="guide "+t[3]+" svelte-1828btn"))&&U(e,"class",o),(!r||10&i)&&H(e,"show",!1!==t[1]),(!r||10&i)&&H(e,"keep-guide-open",!1!==t[1])},i(t){if(!r){for(let t=0;t<l.length;t+=1)pt(a[t]);pt(d),r=!0}},o(t){a=a.filter(Boolean);for(let t=0;t<a.length;t+=1)mt(a[t]);mt(d),r=!1},d(t){t&&P(e),function(t,e){for(let n=0;n<t.length;n+=1)t[n]&&t[n].d(e)}(a,t),d&&d.d(),s=!1,c()}}}function Fe(t){let e,n;return e=new se({props:{index:t[12],store:t[10]}}),e.$on("hover",t[7]),{c(){yt(e.$$.fragment)},m(t,i){xt(e,t,i),n=!0},p(t,n){const i={};1&n&&(i.store=t[10]),e.$set(i)},i(t){n||(pt(e.$$.fragment,t),n=!0)},o(t){mt(e.$$.fragment,t),n=!1},d(t){kt(e,t)}}}function Ae(t){let e,n;return e=new Re({props:{store:t[0][t[1]],size:t[3],position:t[2]}}),e.$on("mouseleave",t[5]),{c(){yt(e.$$.fragment)},m(t,i){xt(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||(pt(e.$$.fragment,t),n=!0)},o(t){mt(e.$$.fragment,t),n=!1},d(t){kt(e,t)}}}function He(t){let e,n,i="active"===t[4]&&Ue(t);return{c(){i&&i.c(),e=R()},m(t,o){i&&i.m(t,o),L(t,e,o),n=!0},p(t,[n]){"active"===t[4]?i?(i.p(t,n),16&n&&pt(i,1)):(i=Ue(t),i.c(),pt(i,1),i.m(e.parentNode,e)):i&&(ft(),mt(i,1,1,(()=>{i=null})),gt())},i(t){n||(pt(i),n=!0)},o(t){mt(i),n=!1},d(t){i&&i.d(t),t&&P(e)}}}function Be(t,e,n){let i,o,r;$(t,It,(t=>n(4,r=t)));let{stores:s}=e,c=!1;K((()=>{s.forEach((t=>t.updateDimensions()))}));const l=s[0].sizeOnPage;$(t,l,(t=>n(8,o=t)));let a={top:0,left:0};return t.$$set=t=>{"stores"in t&&n(0,s=t.stores)},t.$$.update=()=>{256&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?s.forEach((t=>t.node.classList.add("jetpack-boost-guide__backdrop"))):s.forEach((t=>t.node.classList.remove("jetpack-boost-guide__backdrop")))}(!1!==c)},[s,c,a,i,r,function(t){t.relatedTarget&&t.relatedTarget.classList.contains("keep-guide-open")||n(1,c=!1)},l,function(t){const e=t.detail,i=e.index;n(2,a=e.position),n(1,c=i)},o]}class Ne extends St{constructor(t){super(),zt(this,t,Be,He,h,{stores:0})}}const De=[];let We;function Ve(t){window.frameElement||(We=t,window.addEventListener("load",Ge))}function Ge(){window.addEventListener("resize",function(){let t;return()=>{t&&clearTimeout(t),t=setTimeout((()=>{De.forEach((t=>{t.updateDimensions()}))}),500)}}()),Ft.trackInitialState(),It.subscribe((e=>t(this,void 0,void 0,(function*(){if("paused"===e)return;const t=yield o(Array.from(document.querySelectorAll("body *:not(.jetpack-boost-guide > *):not(.jetpack-boost-guide)")),We),n=yield Promise.all(t.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=(++qe).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=(++qe).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 At(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 Ne(t),t.props.stores))).flat()}(t.filter(((t,e)=>!n[e])))),Ft.trackPage(De)}))))}let qe=0;function Ze(t){let e,n,i,o,r,s,c,l,a,u;return n=new Gt({}),{c(){e=j("a"),yt(n.$$.fragment),i=M(),o=j("span"),r=T("Image Guide: "),s=T(t[2]),U(e,"id","jetpack-boost-guide-bar"),U(e,"href",t[0]),U(e,"class",c="ab-item "+t[1]+" svelte-itog5b")},m(c,d){var h;L(c,e,d),xt(n,e,null),S(e,i),S(e,o),S(o,r),S(o,s),l=!0,a||(u=I(e,"click",(h=t[3],function(t){return t.preventDefault(),h.call(this,t)})),a=!0)},p(t,[n]){(!l||4&n)&&F(s,t[2]),(!l||1&n)&&U(e,"href",t[0]),(!l||2&n&&c!==(c="ab-item "+t[1]+" svelte-itog5b"))&&U(e,"class",c)},i(t){l||(pt(n.$$.fragment,t),l=!0)},o(t){mt(n.$$.fragment,t),l=!1},d(t){t&&P(e),kt(n),a=!1,u()}}}function Ke(t,e,n){let i,o;$(t,It,(t=>n(1,i=t))),$(t,Ut,(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&&Ft.setTracksCallback(s)},[r,i,o,function(){It.cycle(),Ft.trackUIStateChange()},s]}class Xe extends St{constructor(t){super(),zt(this,t,Ke,Ze,h,{href:0,tracksCallback:4})}}function Ye(t,{href:e,tracksCallback:n,fetchFunction:i}){return Ve(i),new Xe({target:t,props:{href:e,tracksCallback:n}})}export{e as MeasurableImage,o as getMeasurableImages,Ye as setupImageGuideUI};
+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[e,{width:n,height:i}]=await Promise.all([this.fetchFileWeight(t),this.fetchFileDimensions(t)]);return{width:n,height:i,weight:e}}getPotentialSavings(t,e){const n=this.getOversizedRatio(t,e);return n<=1?null:Math.round(t.weight-t.weight/n)}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(t){return!0}}}function e(t){return o(t.currentSrc)?t.currentSrc:o(t.src)?t.src:null}function n(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&&o(e[2])?e[2]:null}async function i(i,o=null){return function(t){return t.filter((t=>t instanceof HTMLImageElement||t instanceof HTMLElement&&"none"!==getComputedStyle(t).backgroundImage))}(i).map((i=>i instanceof HTMLImageElement?new t(i,e,o):i instanceof HTMLElement&&n(i)?new t(i,n):null)).filter((t=>null!==t))}function o(t){if(t.startsWith("/")){return!t.split("?")[0].endsWith(".svg")}try{const e=new URL(t);return"http:"===e.protocol||"https:"===e.protocol}catch(t){return!1}}function r(){}const s=t=>t;function c(t){return t()}function l(){return Object.create(null)}function a(t){t.forEach(c)}function u(t){return"function"==typeof t}function d(t,e){return t!=t?e==e:t!==e||t&&"object"==typeof t||"function"==typeof t}let h;function f(t,e){return h||(h=document.createElement("a")),h.href=e,t===h.href}function p(t,...e){if(null==t)return r;const n=t.subscribe(...e);return n.unsubscribe?()=>n.unsubscribe():n}function g(t){let e;return p(t,(t=>e=t))(),e}function m(t,e,n){t.$$.on_destroy.push(p(e,n))}function $(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 v(t){const e="string"==typeof t&&t.match(/^\s*(-?[\d.]+)([^\s]*)\s*$/);return e?[parseFloat(e[1]),e[2]||"px"]:[t,"px"]}const w="undefined"!=typeof window;let b=w?()=>window.performance.now():()=>Date.now(),y=w?t=>requestAnimationFrame(t):r;const x=new Set;function k(t){x.forEach((e=>{e.c(t)||(x.delete(e),e.f())})),0!==x.size&&y(k)}function _(t){let e;return 0===x.size&&y(k),{promise:new Promise((n=>{x.add(e={c:t,f:n})})),abort(){x.delete(e)}}}function z(t,e){t.appendChild(e)}function S(t){if(!t)return document;const e=t.getRootNode?t.getRootNode():t.ownerDocument;return e&&e.host?e:t.ownerDocument}function C(t){const e=P("style");return function(t,e){z(t.head||t,e),e.sheet}(S(t),e),e.sheet}function E(t,e,n){t.insertBefore(e,n||null)}function L(t){t.parentNode&&t.parentNode.removeChild(t)}function P(t){return document.createElement(t)}function T(t){return document.createElementNS("http://www.w3.org/2000/svg",t)}function M(t){return document.createTextNode(t)}function j(){return M(" ")}function O(){return M("")}function R(t,e,n,i){return t.addEventListener(e,n,i),()=>t.removeEventListener(e,n,i)}function I(t,e,n){null==n?t.removeAttribute(e):t.getAttribute(e)!==n&&t.setAttribute(e,n)}function U(t,e){e=""+e,t.data!==e&&(t.data=e)}function F(t,e,n,i){null===n?t.style.removeProperty(e):t.style.setProperty(e,n,i?"important":"")}function A(t,e,n){t.classList[n?"add":"remove"](e)}function H(t,e,{bubbles:n=!1,cancelable:i=!1}={}){const o=document.createEvent("CustomEvent");return o.initCustomEvent(t,n,i,e),o}const B=new Map;let N,D=0;function W(t,e,n,i,o,r,s,c=0){const l=16.666/i;let a="{\n";for(let t=0;t<=1;t+=l){const i=e+(n-e)*r(t);a+=100*t+`%{${s(i,1-i)}}\n`}const u=a+`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=S(t),{stylesheet:f,rules:p}=B.get(h)||function(t,e){const n={stylesheet:C(e),rules:{}};return B.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`,D+=1,d}function V(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(", "),D-=o,D||y((()=>{D||(B.forEach((t=>{const{ownerNode:e}=t.stylesheet;e&&L(e)})),B.clear())})))}function G(t){N=t}function q(){if(!N)throw new Error("Function called outside component initialization");return N}function Z(t){q().$$.on_mount.push(t)}function K(t,e){const n=t.$$.callbacks[e.type];n&&n.slice().forEach((t=>t.call(this,e)))}const X=[],Y=[];let J=[];const Q=[],tt=Promise.resolve();let et=!1;function nt(t){J.push(t)}const it=new Set;let ot,rt=0;function st(){if(0!==rt)return;const t=N;do{try{for(;rt<X.length;){const t=X[rt];rt++,G(t),ct(t.$$)}}catch(t){throw X.length=0,rt=0,t}for(G(null),X.length=0,rt=0;Y.length;)Y.pop()();for(let t=0;t<J.length;t+=1){const e=J[t];it.has(e)||(it.add(e),e())}J.length=0}while(X.length);for(;Q.length;)Q.pop()();et=!1,it.clear(),G(t)}function ct(t){if(null!==t.fragment){t.update(),a(t.before_update);const e=t.dirty;t.dirty=[-1],t.fragment&&t.fragment.p(t.ctx,e),t.after_update.forEach(nt)}}function lt(){return ot||(ot=Promise.resolve(),ot.then((()=>{ot=null}))),ot}function at(t,e,n){t.dispatchEvent(H(`${e?"intro":"outro"}${n}`))}const ut=new Set;let dt;function ht(){dt={r:0,c:[],p:dt}}function ft(){dt.r||a(dt.c),dt=dt.p}function pt(t,e){t&&t.i&&(ut.delete(t),t.i(e))}function gt(t,e,n,i){if(t&&t.o){if(ut.has(t))return;ut.add(t),dt.c.push((()=>{ut.delete(t),i&&(n&&t.d(1),i())})),t.o(e)}else i&&i()}const mt={duration:0};function $t(t,e,n){const i={direction:"in"};let o,c,l=e(t,n,i),a=!1,d=0;function h(){o&&V(t,o)}function f(){const{delay:e=0,duration:n=300,easing:i=s,tick:u=r,css:f}=l||mt;f&&(o=W(t,0,1,n,e,i,f,d++)),u(0,1);const p=b()+e,g=p+n;c&&c.abort(),a=!0,nt((()=>at(t,!0,"start"))),c=_((e=>{if(a){if(e>=g)return u(1,0),at(t,!0,"end"),h(),a=!1;if(e>=p){const t=i((e-p)/n);u(t,1-t)}}return a}))}let p=!1;return{start(){p||(p=!0,V(t),u(l)?(l=l(i),lt().then(f)):f())},invalidate(){p=!1},end(){a&&(h(),a=!1)}}}function vt(t,e,n,i){const o={direction:"both"};let c=e(t,n,o),l=i?0:1,d=null,h=null,f=null;function p(){f&&V(t,f)}function g(t,e){const n=t.b-l;return e*=Math.abs(n),{a:l,b:t.b,d:n,duration:e,start:t.start,end:t.start+e,group:t.group}}function m(e){const{delay:n=0,duration:i=300,easing:o=s,tick:u=r,css:m}=c||mt,$={start:b()+n,b:e};e||($.group=dt,dt.r+=1),d||h?h=$:(m&&(p(),f=W(t,l,e,i,n,o,m)),e&&u(0,1),d=g($,i),nt((()=>at(t,e,"start"))),_((e=>{if(h&&e>h.start&&(d=g(h,i),h=null,at(t,d.b,"start"),m&&(p(),f=W(t,l,d.b,d.duration,0,o,c.css))),d)if(e>=d.end)u(l=d.b,1-l),at(t,d.b,"end"),h||(d.b?p():--d.group.r||a(d.group.c)),d=null;else if(e>=d.start){const t=e-d.start;l=d.a+d.d*o(t/d.duration),u(l,1-l)}return!(!d&&!h)})))}return{run(t){u(c)?lt().then((()=>{c=c(o),m(t)})):m(t)},end(){p(),d=h=null}}}const wt="undefined"!=typeof window?window:"undefined"!=typeof globalThis?globalThis:global;function bt(t){t&&t.c()}function yt(t,e,n,i){const{fragment:o,after_update:r}=t.$$;o&&o.m(e,n),i||nt((()=>{const e=t.$$.on_mount.map(c).filter(u);t.$$.on_destroy?t.$$.on_destroy.push(...e):a(e),t.$$.on_mount=[]})),r.forEach(nt)}function xt(t,e){const n=t.$$;null!==n.fragment&&(!function(t){const e=[],n=[];J.forEach((i=>-1===t.indexOf(i)?e.push(i):n.push(i))),n.forEach((t=>t())),J=e}(n.after_update),a(n.on_destroy),n.fragment&&n.fragment.d(e),n.on_destroy=n.fragment=null,n.ctx=[])}function kt(t,e){-1===t.$$.dirty[0]&&(X.push(t),et||(et=!0,tt.then(st)),t.$$.dirty.fill(0)),t.$$.dirty[e/31|0]|=1<<e%31}function _t(t,e,n,i,o,s,c,u=[-1]){const d=N;G(t);const h=t.$$={fragment:null,ctx:[],props:s,update:r,not_equal:o,bound:l(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(e.context||(d?d.$$.context:[])),callbacks:l(),dirty:u,skip_bound:!1,root:e.target||d.$$.root};c&&c(h.root);let f=!1;if(h.ctx=n?n(t,e.props||{},((e,n,...i)=>{const r=i.length?i[0]:n;return h.ctx&&o(h.ctx[e],h.ctx[e]=r)&&(!h.skip_bound&&h.bound[e]&&h.bound[e](r),f&&kt(t,e)),n})):[],h.update(),f=!0,a(h.before_update),h.fragment=!!i&&i(h.ctx),e.target){if(e.hydrate){const t=function(t){return Array.from(t.childNodes)}(e.target);h.fragment&&h.fragment.l(t),t.forEach(L)}else h.fragment&&h.fragment.c();e.intro&&pt(t.$$.fragment),yt(t,e.target,e.anchor,e.customElement),st()}G(d)}class zt{$destroy(){xt(this,1),this.$destroy=r}$on(t,e){if(!u(e))return r;const n=this.$$.callbacks[t]||(this.$$.callbacks[t]=[]);return n.push(e),()=>{const t=n.indexOf(e);-1!==t&&n.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 St=[];function Ct(t,e=r){let n;const i=new Set;function o(e){if(d(t,e)&&(t=e,n)){const e=!St.length;for(const e of i)e[1](),St.push(e,t);if(e){for(let t=0;t<St.length;t+=2)St[t][0](St[t+1]);St.length=0}}}return{set:o,update:function(e){o(e(t))},subscribe:function(s,c=r){const l=[s,c];return i.add(l),1===i.size&&(n=e(o)||r),s(t),()=>{i.delete(l),0===i.size&&n&&(n(),n=null)}}}}function Et(t,e,n){const i=!Array.isArray(t),o=i?[t]:t,s=e.length<2;return c=t=>{let n=!1;const c=[];let l=0,d=r;const h=()=>{if(l)return;d();const n=e(i?c[0]:c,t);s?t(n):d=u(n)?n:r},f=o.map(((t,e)=>p(t,(t=>{c[e]=t,l&=~(1<<e),n&&h()}),(()=>{l|=1<<e}))));return n=!0,h(),function(){a(f),d(),n=!1}},{subscribe:Ct(n,c).subscribe};var c}const Lt="jetpack-boost-guide",Pt={active:"Active",paused:"Paused"};let Tt=localStorage.getItem(Lt);Tt&&Pt[Tt]||(localStorage.setItem(Lt,"Active"),Tt="active");const{set:Mt,update:jt,subscribe:Ot}=Ct(Tt);Ot((t=>{localStorage.setItem(Lt,t)}));const Rt={subscribe:Ot,set:Mt,update:jt,cycle:()=>{jt((t=>{const e=Object.keys(Pt),n=e.indexOf(t);return e[(n+1)%e.length]}))}},It=Et(Rt,(t=>Pt[t]));class Ut{static setTracksCallback(t){Ut.tracksCallback=t}static async trackImageOutcome(t){return new Promise((e=>{t.loading.subscribe((n=>{if(!n){const n=g(t.oversizedRatio),i=function(t){return t>4?"red":t>2.5?"yellow":"green"}(n),o=g(t.fileSize),r=g(t.sizeOnPage),s=g(t.expectedSize),c=g(t.potentialSavings),l=g(t.url),a={severity:i,oversized_ratio:n,file_weight:o.weight,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:l};Ut.tracksCallback("image_guide_image_outcome",{...a,window_width:window.innerWidth,window_height:window.innerHeight,device_pixel_ratio:window.devicePixelRatio}),e(a)}}))}))}static async trackPage(t){if(!t.length||Ut.trackingComplete)return;Ut.trackingComplete=!0;const e=t.map(Ut.trackImageOutcome),n=await Promise.all(e),i=n.reduce(((t,e)=>t+(e.potential_savings||0)),0);Ut.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(){Ut.tracksCallback("image_guide_initial_ui_state",{image_guide_state:g(Rt)})}static trackUIStateChange(){Ut.tracksCallback("image_guide_ui_state_change",{image_guide_state:g(Rt)})}}Ut.trackingComplete=!1;class Ft{constructor(t){this.loading=Ct(!0),this.currentSrc="",this.image=t,this.node=t.node;this.url=Ct(t.getURL()),this.fileSize=Ct({width:0,height:0,weight:0}),this.sizeOnPage=Ct({width:0,height:0}),this.potentialSavings=this.derivePotentialSavings(),this.oversizedRatio=this.deriveOversizedRatio(),this.expectedSize=this.deriveExpectedSize()}deriveOversizedRatio(){return Et([this.fileSize,this.sizeOnPage],(([t,e])=>this.image.getOversizedRatio(t,e)))}deriveExpectedSize(){return Et(this.sizeOnPage,(t=>this.image.getExpectedSize(t)))}derivePotentialSavings(){return Et([this.fileSize,this.sizeOnPage],(([t,e])=>this.image.getPotentialSavings(t,e)))}async updateDimensions(){const t=this.image.getSizeOnPage();this.sizeOnPage.set(t),await this.maybeUpdateWeight()}async maybeUpdateWeight(){if(this.image.getURL()===this.currentSrc)return;let t;this.loading.set(!0),this.currentSrc=this.image.getURL();try{t=await this.image.getFileSize(this.currentSrc)}catch(e){t={weight:-1,height:-1,width:-1}}this.url.set(this.currentSrc),this.fileSize.set(t),this.loading.set(!1)}}function At(t){const e=1.70158;return--t*t*((e+1)*t+e)+1}function Ht(t){const e=t-1;return e*e*e+1}function Bt(t,{delay:e=0,duration:n=400,easing:i=s}={}){const o=+getComputedStyle(t).opacity;return{delay:e,duration:n,easing:i,css:t=>"opacity: "+t*o}}function Nt(t,{delay:e=0,duration:n=400,easing:i=Ht,x:o=0,y:r=0,opacity:s=0}={}){const c=getComputedStyle(t),l=+c.opacity,a="none"===c.transform?"":c.transform,u=l*(1-s),[d,h]=v(o),[f,p]=v(r);return{delay:e,duration:n,easing:i,css:(t,e)=>`\n\t\t\ttransform: ${a} translate(${(1-t)*d}${h}, ${(1-t)*f}${p});\n\t\t\topacity: ${l-u*e}`}}function Dt(t){let e,n,i,o,s;return{c(){e=P("div"),n=T("svg"),i=T("path"),o=T("path"),s=T("path"),I(i,"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"),I(i,"fill",t[1]),I(o,"d","M58 46.6V97.4L84.2 46.6H58Z"),I(o,"fill","white"),I(s,"d","M52.7 64.1V13.4L26.6 64.1H52.7Z"),I(s,"fill","white"),I(n,"viewBox","0 0 110 110"),I(n,"fill","none"),I(n,"xmlns","http://www.w3.org/2000/svg"),F(e,"width",t[0]+"px"),F(e,"height",t[0]+"px"),I(e,"class","svelte-f6jc8")},m(t,r){E(t,e,r),z(e,n),z(n,i),z(n,o),z(n,s)},p(t,[n]){2&n&&I(i,"fill",t[1]),1&n&&F(e,"width",t[0]+"px"),1&n&&F(e,"height",t[0]+"px")},i:r,o:r,d(t){t&&L(e)}}}function Wt(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]}class Vt extends zt{constructor(t){super(),_t(this,t,Wt,Dt,d,{size:0,bg:1})}}function Gt(t){let e,n,i,o;return n=new Vt({props:{size:12,bg:"transparent"}}),{c(){e=P("div"),bt(n.$$.fragment),I(e,"class","spinner svelte-2eb8gc")},m(t,i){E(t,e,i),yt(n,e,null),o=!0},p:r,i(t){o||(pt(n.$$.fragment,t),i&&i.end(1),o=!0)},o(t){gt(n.$$.fragment,t),i=function(t,e,n){const i={direction:"out"};let o,c=e(t,n,i),l=!0;const d=dt;function h(){const{delay:e=0,duration:n=300,easing:i=s,tick:u=r,css:h}=c||mt;h&&(o=W(t,1,0,n,e,i,h));const f=b()+e,p=f+n;nt((()=>at(t,!1,"start"))),_((e=>{if(l){if(e>=p)return u(0,1),at(t,!1,"end"),--d.r||a(d.c),!1;if(e>=f){const t=i((e-f)/n);u(1-t,t)}}return l}))}return d.r+=1,u(c)?lt().then((()=>{c=c(i),h()})):h(),{end(e){e&&c.tick&&c.tick(1,0),l&&(o&&V(t,o),l=!1)}}}(e,Bt,{duration:300}),o=!1},d(t){t&&L(e),xt(n),t&&i&&i.end()}}}class qt extends zt{constructor(t){super(),_t(this,t,null,Gt,d,{})}}function Zt(t){let e,n;return{c(){e=T("svg"),n=T("path"),I(n,"stroke-linecap","round"),I(n,"stroke-linejoin","round"),I(n,"stroke-width","2"),I(n,"d","M5 13l4 4L19 7"),I(e,"class","w-6 h-6 svelte-jkeb2"),I(e,"fill","none"),I(e,"stroke","white"),I(e,"width","18"),I(e,"height","18"),I(e,"viewBox","0 0 24 24"),I(e,"xmlns","http://www.w3.org/2000/svg")},m(t,i){E(t,e,i),z(e,n)},p:r,i:r,o:r,d(t){t&&L(e)}}}class Kt extends zt{constructor(t){super(),_t(this,t,null,Zt,d,{})}}function Xt(t){let e,n,i;return n=new qt({}),{c(){e=P("div"),bt(n.$$.fragment),I(e,"class","bubble-inner svelte-18vhu7m")},m(t,o){E(t,e,o),yt(n,e,null),i=!0},p:r,i(t){i||(pt(n.$$.fragment,t),i=!0)},o(t){gt(n.$$.fragment,t),i=!1},d(t){t&&L(e),xt(n)}}}function Yt(t){let e,n,i,o,r,s;const c=[te,Qt,Jt],l=[];function a(t,e){return t[0]>9?0:t[0]>.99?1:2}return i=a(t),o=l[i]=c[i](t),{c(){e=P("div"),n=P("div"),o.c(),I(n,"class","label"),I(e,"class","bubble-inner svelte-18vhu7m")},m(t,o){E(t,e,o),z(e,n),l[i].m(n,null),s=!0},p(t,e){let r=i;i=a(t),i===r?l[i].p(t,e):(ht(),gt(l[r],1,1,(()=>{l[r]=null})),ft(),o=l[i],o?o.p(t,e):(o=l[i]=c[i](t),o.c()),pt(o,1),o.m(n,null))},i(t){s||(pt(o),r||nt((()=>{r=$t(n,Bt,{delay:200,duration:300}),r.start()})),s=!0)},o(t){gt(o),s=!1},d(t){t&&L(e),l[i].d()}}}function Jt(t){let e,n;return{c(){e=P("span"),e.textContent="<",n=M(" 1x"),F(e,"font-size","0.75em")},m(t,i){E(t,e,i),E(t,n,i)},p:r,i:r,o:r,d(t){t&&L(e),t&&L(n)}}}function Qt(t){let e,n,i,o;const r=[ne,ee],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=O()},m(t,n){s[e].m(t,n),E(t,i,n),o=!0},p(t,o){let l=e;e=c(t),e===l?s[e].p(t,o):(ht(),gt(s[l],1,1,(()=>{s[l]=null})),ft(),n=s[e],n?n.p(t,o):(n=s[e]=r[e](t),n.c()),pt(n,1),n.m(i.parentNode,i))},i(t){o||(pt(n),o=!0)},o(t){gt(n),o=!1},d(t){s[e].d(t),t&&L(i)}}}function te(t){let e,n,i=Math.floor(t[0])+"";return{c(){e=M(i),n=M("x")},m(t,i){E(t,e,i),E(t,n,i)},p(t,n){1&n&&i!==(i=Math.floor(t[0])+"")&&U(e,i)},i:r,o:r,d(t){t&&L(e),t&&L(n)}}}function ee(t){let e,n,i=t[0].toFixed(1)+"";return{c(){e=M(i),n=M("x")},m(t,i){E(t,e,i),E(t,n,i)},p(t,n){1&n&&i!==(i=t[0].toFixed(1)+"")&&U(e,i)},i:r,o:r,d(t){t&&L(e),t&&L(n)}}}function ne(t){let e,n;return e=new Kt({}),{c(){bt(e.$$.fragment)},m(t,i){yt(e,t,i),n=!0},p:r,i(t){n||(pt(e.$$.fragment,t),n=!0)},o(t){gt(e.$$.fragment,t),n=!1},d(t){xt(e,t)}}}function ie(t){let e,n,i,o,r,s,c,l,a;const u=[Yt,Xt],d=[];function h(t,e){return!1===t[3]?0:1}return i=h(t),o=d[i]=u[i](t),{c(){e=P("div"),n=P("div"),o.c(),I(n,"class","bubble svelte-18vhu7m"),I(e,"class",r="interaction-area "+t[1]+" svelte-18vhu7m")},m(o,r){E(o,e,r),z(e,n),d[i].m(n,null),t[10](e),c=!0,l||(a=R(e,"mouseenter",t[7]),l=!0)},p(s,[l]){let a=i;i=h(t=s),i===a?d[i].p(t,l):(ht(),gt(d[a],1,1,(()=>{d[a]=null})),ft(),o=d[i],o?o.p(t,l):(o=d[i]=u[i](t),o.c()),pt(o,1),o.m(n,null)),(!c||2&l&&r!==(r="interaction-area "+t[1]+" svelte-18vhu7m"))&&I(e,"class",r)},i(n){c||(pt(o),nt((()=>{c&&(s||(s=vt(e,Nt,t[6],!0)),s.run(1))})),c=!0)},o(n){gt(o),s||(s=vt(e,Nt,t[6],!1)),s.run(0),c=!1},d(n){n&&L(e),d[i].d(),t[10](null),n&&s&&s.end(),l=!1,a()}}}function oe(t,e,n){let i,o,r,{index:s}=e,{store:c}=e;const l=c.oversizedRatio;m(t,l,(t=>n(0,i=t)));const a=c.loading;m(t,a,(t=>n(3,o=t)));const u={delay:150+50*s,duration:250,y:2,easing:At};let d;const h=function(){const t=q();return(e,n,{cancelable:i=!1}={})=>{const o=t.$$.callbacks[e];if(o){const r=H(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,l,a,u,function(){const t=d.getBoundingClientRect();h("hover",{index:s,position:{top:t.top+t.height+10,left:t.left}})},s,c,function(t){Y[t?"unshift":"push"]((()=>{d=t,n(2,d)}))}]}class re extends zt{constructor(t){super(),_t(this,t,oe,ie,d,{index:8,store:9})}}function se(t){let e,n;const i=t[2].default,o=function(t,e,n,i){if(t){const o=$(t,e,n,i);return t[0](o)}}(i,t,t[1],null);return{c(){e=P("div"),o&&o.c(),I(e,"class","jetpack-boost-guide-portal")},m(i,r){E(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=$(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||(pt(o,t),n=!0)},o(t){gt(o,t),n=!1},d(n){n&&L(e),o&&o.d(n),t[3](null)}}}function ce(t,e,n){let i,{$$slots:o={},$$scope:r}=e;var s;return Z((()=>{document.body.appendChild(i)})),s=()=>{document.body.removeChild(i)},q().$$.on_destroy.push(s),t.$$set=t=>{"$$scope"in t&&n(1,r=t.$$scope)},[i,r,o,function(t){Y[t?"unshift":"push"]((()=>{i=t,n(0,i)}))}]}class le extends zt{constructor(t){super(),_t(this,t,ce,se,d,{})}}function ae(t){let e,n;return{c(){e=T("svg"),n=T("path"),I(n,"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"),I(e,"xmlns","http://www.w3.org/2000/svg"),I(e,"viewBox","0 0 24 24"),I(e,"class","svelte-1g2gjwn")},m(t,i){E(t,e,i),z(e,n)},p:r,i:r,o:r,d(t){t&&L(e)}}}class ue extends zt{constructor(t){super(),_t(this,t,null,ae,d,{})}}const{window:de}=wt;function he(t){let e,n,i,o,r=t[29]+"";return{c(){e=P("div"),n=M("The image file is "),i=M(r),o=M("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."),I(e,"class","explanation svelte-52p8v6")},m(t,r){E(t,e,r),z(e,n),z(e,i),z(e,o)},p(t,e){8&e&&r!==(r=t[29]+"")&&U(i,r)},d(t){t&&L(e)}}}function fe(t){let e,n,i=t[6]>1&&me(t);return{c(){e=P("div"),n=M("The image size is very close to the size it appears in the browser.\n\t\t\t\t\t\t"),i&&i.c(),I(e,"class","explanation svelte-52p8v6")},m(t,o){E(t,e,o),z(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&&L(e),i&&i.d()}}}function pe(t){let e;return{c(){e=P("div"),e.textContent="The image is exactly the correct size for this screen.",I(e,"class","explanation svelte-52p8v6")},m(t,n){E(t,e,n)},p:r,d(t){t&&L(e)}}}function ge(t){let e,n,i,o,r,s,c=t[4].weight>450&&$e();return{c(){e=P("div"),n=M("The image loaded is "),i=P("strong"),o=M(t[6]),r=M("x"),s=M(" larger than it appears in the browser.\n\t\t\t\t\t\t"),c&&c.c(),I(e,"class","explanation svelte-52p8v6")},m(t,l){E(t,e,l),z(e,n),z(e,i),z(i,o),z(i,r),z(e,s),c&&c.m(e,null)},p(t,n){64&n&&U(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&&L(e),c&&c.d()}}}function me(t){let e,n,i,o,r;return{c(){e=M("Because there are various screen sizes, it's okay for the image to be\n\t\t\t\t\t\t\t"),n=P("strong"),i=M(t[6]),o=M("x"),r=M(" than it appears on the page.")},m(t,s){E(t,e,s),E(t,n,s),z(n,i),z(n,o),E(t,r,s)},p(t,e){64&e&&U(i,t[6])},d(t){t&&L(e),t&&L(n),t&&L(r)}}}function $e(t){let e;return{c(){e=M("Try using a smaller image or reduce the file size by compressing it.")},m(t,n){E(t,e,n)},d(t){t&&L(e)}}}function ve(t){let e,n;return{c(){e=P("img"),f(e.src,n=t[5])||I(e,"src",n),I(e,"alt",t[8]),F(e,"width",t[2]+"px"),F(e,"height",t[7]+"px"),I(e,"width",t[2]),I(e,"height",t[7]),I(e,"class","svelte-52p8v6")},m(t,n){E(t,e,n)},p(t,i){32&i&&!f(e.src,n=t[5])&&I(e,"src",n),256&i&&I(e,"alt",t[8]),4&i&&F(e,"width",t[2]+"px"),128&i&&F(e,"height",t[7]+"px"),4&i&&I(e,"width",t[2]),128&i&&I(e,"height",t[7])},d(t){t&&L(e)}}}function we(t){let e;function n(t,e){return t[16]?xe:ye}let i=n(t),o=i(t);return{c(){e=P("div"),o.c(),I(e,"class","value")},m(t,n){E(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&&L(e),o.d()}}}function be(t){let e,n,i,o,r=t[4].width+"",s=t[4].height+"";return{c(){e=P("div"),n=M(r),i=M(" x "),o=M(s),I(e,"class","value")},m(t,r){E(t,e,r),z(e,n),z(e,i),z(e,o)},p(t,e){16&e&&r!==(r=t[4].width+"")&&U(n,r),16&e&&s!==(s=t[4].height+"")&&U(o,s)},d(t){t&&L(e)}}}function ye(t){let e;return{c(){e=P("em"),e.textContent="Unknown"},m(t,n){E(t,e,n)},d(t){t&&L(e)}}}function xe(t){let e;return{c(){e=M("Loading...")},m(t,n){E(t,e,n)},d(t){t&&L(e)}}}function ke(t){let e;return{c(){e=P("em"),e.textContent="Unknown"},m(t,n){E(t,e,n)},p:r,d(t){t&&L(e)}}}function _e(t){let e;return{c(){e=M("Loading...")},m(t,n){E(t,e,n)},p:r,d(t){t&&L(e)}}}function ze(t){let e,n,i=Math.round(t[4].weight)+"";return{c(){e=M(i),n=M(" KB")},m(t,i){E(t,e,i),E(t,n,i)},p(t,n){16&n&&i!==(i=Math.round(t[4].weight)+"")&&U(e,i)},d(t){t&&L(e),t&&L(n)}}}function Se(t){let e;return{c(){e=P("em"),e.textContent="N/A"},m(t,n){E(t,e,n)},p:r,d(t){t&&L(e)}}}function Ce(t){let e;return{c(){e=M("Loading...")},m(t,n){E(t,e,n)},p:r,d(t){t&&L(e)}}}function Ee(t){let e,n,i;return{c(){e=P("strong"),n=M(t[19]),i=M(" KB")},m(t,o){E(t,e,o),z(e,n),z(e,i)},p(t,e){524288&e&&U(n,t[19])},d(t){t&&L(e)}}}function Le(t){let e,n,i,o,r,s,c,l,a,u,d,h,f,p,g,m,$,v,w,b,y,x,k,_,S,C,T,O,A,H,B,N,D,W,V,G,q,Z,K,X,Y,J,Q,tt,et,it,ot,rt,st,ct,lt,at=t[17].width+"",ut=t[17].height+"",dt=t[18].width+"",ht=t[18].height+"",ft=`${t[0].top}px`,mt=`${t[0].left}px`;function vt(t,e){return t[6]>=1.3?ge:1===t[6]?pe:t[6]>=.99&&t[6]<1.3?fe:he}function wt(t,e){return e===he?function(t){const e=t.slice(),n=Me(1/e[3]);return e[29]=n,e}(t):t}i=new Vt({props:{size:250}});let kt=vt(t),_t=kt(wt(t,kt)),zt=t[5]&&ve(t);function St(t,e){return t[4].width>0&&t[4].height>0?be:we}let Ct=St(t),Et=Ct(t);function Lt(t,e){return t[4].weight>0?ze:t[16]?_e:ke}let Pt=Lt(t),Tt=Pt(t);function Mt(t,e){return t[19]>0?Ee:t[16]?Ce:Se}let jt=Mt(t),Ot=jt(t);return ot=new ue({}),{c(){e=P("div"),n=P("div"),bt(i.$$.fragment),o=j(),r=P("div"),s=P("div"),c=P("div"),l=P("a"),a=M(t[8]),u=j(),_t.c(),d=j(),zt&&zt.c(),h=j(),f=P("div"),p=P("div"),g=P("div"),g.textContent="Image File Dimensions",m=j(),Et.c(),$=j(),v=P("div"),w=P("div"),w.textContent="Expected Dimensions",b=j(),y=P("div"),x=M(at),k=M(" x "),_=M(ut),S=j(),C=P("div"),T=P("div"),T.textContent="Size on screen",O=j(),A=P("div"),H=M(dt),B=M(" x "),N=M(ht),D=j(),W=P("div"),V=P("div"),V.textContent="Image Size",G=j(),q=P("div"),Tt.c(),Z=j(),K=P("div"),X=P("div"),X.textContent="Potential savings",Y=j(),J=P("div"),Ot.c(),Q=j(),tt=P("div"),et=P("a"),it=M("Learn how to improve site speed by optimizing images "),bt(ot.$$.fragment),I(n,"class","logo svelte-52p8v6"),I(l,"href",t[5]),I(l,"target","_blank noreferrer"),I(l,"class","svelte-52p8v6"),I(c,"class","title svelte-52p8v6"),I(s,"class","description svelte-52p8v6"),I(r,"class","preview svelte-52p8v6"),I(g,"class","label"),I(p,"class","row svelte-52p8v6"),I(w,"class","label"),I(y,"class","value"),I(v,"class","row svelte-52p8v6"),I(T,"class","label"),I(A,"class","value"),I(C,"class","row svelte-52p8v6"),I(V,"class","label"),I(q,"class","value"),I(W,"class","row svelte-52p8v6"),I(X,"class","label"),I(J,"class","value"),I(K,"class","row svelte-52p8v6"),I(et,"class","documentation svelte-52p8v6"),I(et,"href",Te),I(et,"target","_blank noreferrer"),I(tt,"class","info svelte-52p8v6"),I(f,"class","meta"),I(e,"class","jetpack-boost-guide-popup keep-guide-open svelte-52p8v6"),F(e,"top",ft),F(e,"left",mt)},m(L,P){E(L,e,P),z(e,n),yt(i,n,null),z(e,o),z(e,r),z(r,s),z(s,c),z(c,l),z(l,a),z(s,u),_t.m(s,null),z(r,d),zt&&zt.m(r,null),z(e,h),z(e,f),z(f,p),z(p,g),z(p,m),Et.m(p,null),z(f,$),z(f,v),z(v,w),z(v,b),z(v,y),z(y,x),z(y,k),z(y,_),z(f,S),z(f,C),z(C,T),z(C,O),z(C,A),z(A,H),z(A,B),z(A,N),z(f,D),z(f,W),z(W,V),z(W,G),z(W,q),Tt.m(q,null),z(f,Z),z(f,K),z(K,X),z(K,Y),z(K,J),Ot.m(J,null),z(f,Q),z(f,tt),z(tt,et),z(et,it),yt(ot,et,null),st=!0,ct||(lt=R(e,"mouseleave",t[22]),ct=!0)},p(n,i){t=n,(!st||256&i)&&U(a,t[8]),(!st||32&i)&&I(l,"href",t[5]),kt===(kt=vt(t))&&_t?_t.p(wt(t,kt),i):(_t.d(1),_t=kt(wt(t,kt)),_t&&(_t.c(),_t.m(s,null))),t[5]?zt?zt.p(t,i):(zt=ve(t),zt.c(),zt.m(r,null)):zt&&(zt.d(1),zt=null),Ct===(Ct=St(t))&&Et?Et.p(t,i):(Et.d(1),Et=Ct(t),Et&&(Et.c(),Et.m(p,null))),(!st||131072&i)&&at!==(at=t[17].width+"")&&U(x,at),(!st||131072&i)&&ut!==(ut=t[17].height+"")&&U(_,ut),(!st||262144&i)&&dt!==(dt=t[18].width+"")&&U(H,dt),(!st||262144&i)&&ht!==(ht=t[18].height+"")&&U(N,ht),Pt===(Pt=Lt(t))&&Tt?Tt.p(t,i):(Tt.d(1),Tt=Pt(t),Tt&&(Tt.c(),Tt.m(q,null))),jt===(jt=Mt(t))&&Ot?Ot.p(t,i):(Ot.d(1),Ot=jt(t),Ot&&(Ot.c(),Ot.m(J,null))),1&i&&ft!==(ft=`${t[0].top}px`)&&F(e,"top",ft),1&i&&mt!==(mt=`${t[0].left}px`)&&F(e,"left",mt)},i(t){st||(pt(i.$$.fragment,t),pt(ot.$$.fragment,t),rt||nt((()=>{rt=$t(e,Nt,{duration:150,y:4,easing:At}),rt.start()})),st=!0)},o(t){gt(i.$$.fragment,t),gt(ot.$$.fragment,t),st=!1},d(t){t&&L(e),xt(i),_t.d(),zt&&zt.d(),Et.d(),Tt.d(),Ot.d(),xt(ot),ct=!1,lt()}}}function Pe(t){let e,n,i,o,r,s=!1,c=()=>{s=!1};return nt(t[23]),n=new le({props:{$$slots:{default:[Le]},$$scope:{ctx:t}}}),{c(){bt(n.$$.fragment)},m(l,a){yt(n,l,a),i=!0,o||(r=R(de,"scroll",(()=>{s=!0,clearTimeout(e),e=setTimeout(c,100),t[23]()})),o=!0)},p(t,[i]){2&i&&!s&&(s=!0,clearTimeout(e),scrollTo(de.pageXOffset,t[1]),e=setTimeout(c,100));const o={};1074725373&i&&(o.$$scope={dirty:i,ctx:t}),n.$set(o)},i(t){i||(pt(n.$$.fragment,t),i=!0)},o(t){gt(n.$$.fragment,t),i=!1},d(t){xt(n,t),o=!1,r()}}}const Te="https://jetpack.com/support/jetpack-boost/image-performance-guide/";function Me(t){return t%1==0?t:parseFloat(t.toFixed(2))}function je(t,e,n){let i,o,s,c,l,a,u,d,h,f,g,m,$,v,w,b,y,x,k=r,_=r,z=r,S=r,C=r,E=r,L=r;t.$$.on_destroy.push((()=>k())),t.$$.on_destroy.push((()=>_())),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()));let{store:P}=e,{size:T}=e,{position:M}=e,j=0,O=0,R=0;return Z((()=>{O=j,R=M.top})),t.$$set=t=>{"store"in t&&n(20,P=t.store),"size"in t&&n(21,T=t.size),"position"in t&&n(0,M=t.position)},t.$$.update=()=>{var e;1048576&t.$$.dirty&&(n(15,i=P.loading),S(),S=p(i,(t=>n(16,w=t)))),1048576&t.$$.dirty&&(n(14,o=P.oversizedRatio),k(),k=p(o,(t=>n(3,m=t)))),1048576&t.$$.dirty&&(n(13,s=P.fileSize),_(),_=p(s,(t=>n(4,$=t)))),1048576&t.$$.dirty&&(n(12,c=P.sizeOnPage),E(),E=p(c,(t=>n(18,y=t)))),1048576&t.$$.dirty&&(n(11,l=P.potentialSavings),L(),L=p(l,(t=>n(19,x=t)))),1048576&t.$$.dirty&&(n(10,a=P.expectedSize),C(),C=p(a,(t=>n(17,b=t)))),1048576&t.$$.dirty&&(n(9,u=P.url),z(),z=p(u,(t=>n(5,v=t)))),32&t.$$.dirty&&n(8,d=v.split("/").pop()),32&t.$$.dirty&&new URL(v).origin,2097152&t.$$.dirty&&n(2,h="normal"===T?100:50),20&t.$$.dirty&&n(7,f=Math.floor(h/($.width/$.height))),8&t.$$.dirty&&n(6,g=Me(m)),2&t.$$.dirty&&0!==(e=j)&&O!==e&&n(0,M.top=R+(O-e),M)},new URL(window.location.href).origin,[M,j,h,m,$,v,g,f,d,u,a,l,c,s,o,i,w,b,y,x,P,T,function(e){K.call(this,t,e)},function(){n(1,j=de.pageYOffset)}]}class Oe extends zt{constructor(t){super(),_t(this,t,je,Pe,d,{store:20,size:21,position:0})}}function Re(t,e,n){const i=t.slice();return i[10]=e[n],i[12]=n,i}function Ie(t){let e,n,i,o,r,s,c,l=t[0],a=[];for(let e=0;e<l.length;e+=1)a[e]=Ue(Re(t,l,e));const u=t=>gt(a[t],1,1,(()=>{a[t]=null}));let d=!1!==t[1]&&Fe(t);return{c(){e=P("div"),n=P("div");for(let t=0;t<a.length;t+=1)a[t].c();i=j(),d&&d.c(),I(n,"class","previews svelte-1828btn"),I(e,"class",o="guide "+t[3]+" svelte-1828btn"),A(e,"show",!1!==t[1]),A(e,"keep-guide-open",!1!==t[1])},m(o,l){E(o,e,l),z(e,n);for(let t=0;t<a.length;t+=1)a[t]&&a[t].m(n,null);z(e,i),d&&d.m(e,null),r=!0,s||(c=R(e,"mouseleave",t[5]),s=!0)},p(t,i){if(129&i){let e;for(l=t[0],e=0;e<l.length;e+=1){const o=Re(t,l,e);a[e]?(a[e].p(o,i),pt(a[e],1)):(a[e]=Ue(o),a[e].c(),pt(a[e],1),a[e].m(n,null))}for(ht(),e=l.length;e<a.length;e+=1)u(e);ft()}!1!==t[1]?d?(d.p(t,i),2&i&&pt(d,1)):(d=Fe(t),d.c(),pt(d,1),d.m(e,null)):d&&(ht(),gt(d,1,1,(()=>{d=null})),ft()),(!r||8&i&&o!==(o="guide "+t[3]+" svelte-1828btn"))&&I(e,"class",o),(!r||10&i)&&A(e,"show",!1!==t[1]),(!r||10&i)&&A(e,"keep-guide-open",!1!==t[1])},i(t){if(!r){for(let t=0;t<l.length;t+=1)pt(a[t]);pt(d),r=!0}},o(t){a=a.filter(Boolean);for(let t=0;t<a.length;t+=1)gt(a[t]);gt(d),r=!1},d(t){t&&L(e),function(t,e){for(let n=0;n<t.length;n+=1)t[n]&&t[n].d(e)}(a,t),d&&d.d(),s=!1,c()}}}function Ue(t){let e,n;return e=new re({props:{index:t[12],store:t[10]}}),e.$on("hover",t[7]),{c(){bt(e.$$.fragment)},m(t,i){yt(e,t,i),n=!0},p(t,n){const i={};1&n&&(i.store=t[10]),e.$set(i)},i(t){n||(pt(e.$$.fragment,t),n=!0)},o(t){gt(e.$$.fragment,t),n=!1},d(t){xt(e,t)}}}function Fe(t){let e,n;return e=new Oe({props:{store:t[0][t[1]],size:t[3],position:t[2]}}),e.$on("mouseleave",t[5]),{c(){bt(e.$$.fragment)},m(t,i){yt(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||(pt(e.$$.fragment,t),n=!0)},o(t){gt(e.$$.fragment,t),n=!1},d(t){xt(e,t)}}}function Ae(t){let e,n,i="active"===t[4]&&Ie(t);return{c(){i&&i.c(),e=O()},m(t,o){i&&i.m(t,o),E(t,e,o),n=!0},p(t,[n]){"active"===t[4]?i?(i.p(t,n),16&n&&pt(i,1)):(i=Ie(t),i.c(),pt(i,1),i.m(e.parentNode,e)):i&&(ht(),gt(i,1,1,(()=>{i=null})),ft())},i(t){n||(pt(i),n=!0)},o(t){gt(i),n=!1},d(t){i&&i.d(t),t&&L(e)}}}function He(t,e,n){let i,o,r;m(t,Rt,(t=>n(4,r=t)));let{stores:s}=e,c=!1;Z((()=>{s.forEach((t=>t.updateDimensions()))}));const l=s[0].sizeOnPage;m(t,l,(t=>n(8,o=t)));let a={top:0,left:0};return t.$$set=t=>{"stores"in t&&n(0,s=t.stores)},t.$$.update=()=>{256&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?s.forEach((t=>t.node.classList.add("jetpack-boost-guide__backdrop"))):s.forEach((t=>t.node.classList.remove("jetpack-boost-guide__backdrop")))}(!1!==c)},[s,c,a,i,r,function(t){t.relatedTarget&&t.relatedTarget.classList.contains("keep-guide-open")||n(1,c=!1)},l,function(t){const e=t.detail,i=e.index;n(2,a=e.position),n(1,c=i)},o]}class Be extends zt{constructor(t){super(),_t(this,t,He,Ae,d,{stores:0})}}const Ne=[];let De;function We(t){window.frameElement||(De=t,window.addEventListener("load",Ve))}function Ve(){window.addEventListener("resize",function(){let t;return()=>{t&&clearTimeout(t),t=setTimeout((()=>{Ne.forEach((t=>{t.updateDimensions()}))}),500)}}()),Ut.trackInitialState(),Rt.subscribe((async t=>{if("paused"===t)return;const e=await i(Array.from(document.querySelectorAll("body *:not(.jetpack-boost-guide > *):not(.jetpack-boost-guide)")),De),n=await Promise.all(e.map((t=>t.isImageTiny())));Ne.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=(++Ge).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=(++Ge).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 Ft(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])))),Ut.trackPage(Ne)}))}let Ge=0;function qe(t){let e,n,i,o,r,s,c,l,a,u;return n=new Vt({}),{c(){e=P("a"),bt(n.$$.fragment),i=j(),o=P("span"),r=M("Image Guide: "),s=M(t[2]),I(e,"id","jetpack-boost-guide-bar"),I(e,"href",t[0]),I(e,"class",c="ab-item "+t[1]+" svelte-itog5b")},m(c,d){var h;E(c,e,d),yt(n,e,null),z(e,i),z(e,o),z(o,r),z(o,s),l=!0,a||(u=R(e,"click",(h=t[3],function(t){return t.preventDefault(),h.call(this,t)})),a=!0)},p(t,[n]){(!l||4&n)&&U(s,t[2]),(!l||1&n)&&I(e,"href",t[0]),(!l||2&n&&c!==(c="ab-item "+t[1]+" svelte-itog5b"))&&I(e,"class",c)},i(t){l||(pt(n.$$.fragment,t),l=!0)},o(t){gt(n.$$.fragment,t),l=!1},d(t){t&&L(e),xt(n),a=!1,u()}}}function Ze(t,e,n){let i,o;m(t,Rt,(t=>n(1,i=t))),m(t,It,(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&&Ut.setTracksCallback(s)},[r,i,o,function(){Rt.cycle(),Ut.trackUIStateChange()},s]}class Ke extends zt{constructor(t){super(),_t(this,t,Ze,qe,d,{href:0,tracksCallback:4})}}function Xe(t,{href:e,tracksCallback:n,fetchFunction:i}){return We(i),new Ke({target:t,props:{href:e,tracksCallback:n}})}export{t as MeasurableImage,i as getMeasurableImages,Xe as setupImageGuideUI};

package/build/initialize.d.ts

@@ -1,5 +1,5 @@
-import { MeasurableImageStore } from './stores/MeasurableImageStore';
-import type { FetchFn, MeasurableImage } from './MeasurableImage';
+import { MeasurableImageStore } from './stores/MeasurableImageStore.js';
+import type { FetchFn, MeasurableImage } from './MeasurableImage.js';
 /**
  * Set up a listener to initialize stuff on window load.
  *

package/build/stores/MeasurableImageStore.d.ts

@@ -1,6 +1,6 @@
 import { Writable, Readable } from 'svelte/store';
-import { MeasurableImage } from '../MeasurableImage';
-import type { Dimensions, Weight } from '../MeasurableImage';
+import { MeasurableImage } from '../MeasurableImage.js';
+import type { Dimensions, Weight } from '../MeasurableImage.js';
 /**
  * Each measurable image has its own set of Svelte stores.
  *

package/build/types.d.ts

@@ -1,4 +1,4 @@
-import type { MeasurableImageStore } from './stores/MeasurableImageStore';
+import type { MeasurableImageStore } from './stores/MeasurableImageStore.js';
 import type { ComponentConstructorOptions } from 'svelte';
 export type GuideSize = 'normal' | 'small' | 'micro';
 export interface ImageGuideConfig extends ComponentConstructorOptions {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@automattic/jetpack-image-guide",
-	"version": "0.5.5",
+	"version": "0.5.6",
 	"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",
 	"type": "module",
@@ -54,7 +54,6 @@
 		"sass": "1.64.1",
 		"svelte": "3.58.0",
 		"svelte-preprocess": "5.0.4",
-		"ts-loader": "9.4.2",
 		"tslib": "2.5.0",
 		"typescript": "5.0.4",
 		"webpack": "5.76.0",

package/rollup.config.js

@@ -69,7 +69,15 @@ export default {
 
 		svelteSVG(),
 		svelte( {
-			preprocess: sveltePreprocess( { sourceMap: ! production } ),
+			preprocess: sveltePreprocess( {
+				sourceMap: ! production,
+				typescript: {
+					compilerOptions: {
+						module: 'esnext',
+						moduleResolution: 'bundler',
+					},
+				},
+			} ),
 			compilerOptions: {
 				// enable run-time checks when not in production
 				dev: ! production,