@automattic/jetpack-image-guide 1.0.11 → 1.0.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +17 -0
- package/LICENSE.txt +88 -90
- package/build/guide.css +1 -1
- package/build/index.d.ts +4 -5
- package/build/index.js +1 -1
- package/build/src/MeasurableImage.d.ts +59 -0
- package/build/src/_unused-image-observer.d.ts +15 -0
- package/build/src/analytics.d.ts +46 -0
- package/build/src/find-image-elements.d.ts +31 -0
- package/build/src/index.d.ts +24 -0
- package/build/src/initialize.d.ts +22 -0
- package/build/src/stores/GuideState.d.ts +12 -0
- package/build/src/stores/MeasurableImageStore.d.ts +32 -0
- package/build/src/types.d.ts +9 -0
- package/build/types.d.ts +2 -2
- package/package.json +15 -15
- package/rollup.config.js +7 -1
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,21 @@ All notable changes to this project will be documented in this file.
|
|
|
5
5
|
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
|
|
6
6
|
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
|
7
7
|
|
|
8
|
+
## [1.0.13] - 2026-03-09
|
|
9
|
+
### Changed
|
|
10
|
+
- Set `.repository.url` in `package.json` to the mirror repo rather than the monorepo. Required for enabling provenance. [#47149]
|
|
11
|
+
- Switch to Native TypeScript compiler based on Go. [#47375]
|
|
12
|
+
- Update package dependencies. [#47002]
|
|
13
|
+
- Update package dependencies. [#47099]
|
|
14
|
+
- Update package dependencies. [#47173]
|
|
15
|
+
- Update package dependencies. [#47229]
|
|
16
|
+
- Update package dependencies. [#47337]
|
|
17
|
+
- Update package dependencies. [#47498]
|
|
18
|
+
|
|
19
|
+
## [1.0.12] - 2026-01-26
|
|
20
|
+
### Changed
|
|
21
|
+
- Update package dependencies. [#46552]
|
|
22
|
+
|
|
8
23
|
## [1.0.11] - 2025-11-25
|
|
9
24
|
### Changed
|
|
10
25
|
- Update package dependencies. [#45958]
|
|
@@ -222,6 +237,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|
|
222
237
|
### Removed
|
|
223
238
|
- Minor package.json change - removing private entry.
|
|
224
239
|
|
|
240
|
+
[1.0.13]: https://github.com/Automattic/jetpack-image-guide/compare/v1.0.12...v1.0.13
|
|
241
|
+
[1.0.12]: https://github.com/Automattic/jetpack-image-guide/compare/v1.0.11...v1.0.12
|
|
225
242
|
[1.0.11]: https://github.com/Automattic/jetpack-image-guide/compare/v1.0.10...v1.0.11
|
|
226
243
|
[1.0.10]: https://github.com/Automattic/jetpack-image-guide/compare/v1.0.9...v1.0.10
|
|
227
244
|
[1.0.9]: https://github.com/Automattic/jetpack-image-guide/compare/v1.0.8...v1.0.9
|
package/LICENSE.txt
CHANGED
|
@@ -9,24 +9,23 @@ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
|
9
9
|
GNU General Public License for more details.
|
|
10
10
|
|
|
11
11
|
You should have received a copy of the GNU General Public License
|
|
12
|
-
along with this program; if not,
|
|
13
|
-
Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA
|
|
12
|
+
along with this program; if not, see <https://www.gnu.org/licenses/>.
|
|
14
13
|
|
|
15
14
|
|
|
16
15
|
===================================
|
|
17
16
|
|
|
18
17
|
|
|
19
|
-
GNU GENERAL PUBLIC LICENSE
|
|
20
|
-
|
|
18
|
+
GNU GENERAL PUBLIC LICENSE
|
|
19
|
+
Version 2, June 1991
|
|
21
20
|
|
|
22
|
-
Copyright (C) 1989, 1991 Free Software Foundation, Inc.,
|
|
23
|
-
|
|
24
|
-
Everyone is permitted to copy and distribute verbatim copies
|
|
25
|
-
of this license document, but changing it is not allowed.
|
|
21
|
+
Copyright (C) 1989, 1991 Free Software Foundation, Inc.,
|
|
22
|
+
<https://fsf.org/>
|
|
23
|
+
Everyone is permitted to copy and distribute verbatim copies
|
|
24
|
+
of this license document, but changing it is not allowed.
|
|
26
25
|
|
|
27
|
-
|
|
26
|
+
Preamble
|
|
28
27
|
|
|
29
|
-
The licenses for most software are designed to take away your
|
|
28
|
+
The licenses for most software are designed to take away your
|
|
30
29
|
freedom to share and change it. By contrast, the GNU General Public
|
|
31
30
|
License is intended to guarantee your freedom to share and change free
|
|
32
31
|
software--to make sure the software is free for all its users. This
|
|
@@ -36,48 +35,48 @@ using it. (Some other Free Software Foundation software is covered by
|
|
|
36
35
|
the GNU Lesser General Public License instead.) You can apply it to
|
|
37
36
|
your programs, too.
|
|
38
37
|
|
|
39
|
-
When we speak of free software, we are referring to freedom, not
|
|
38
|
+
When we speak of free software, we are referring to freedom, not
|
|
40
39
|
price. Our General Public Licenses are designed to make sure that you
|
|
41
40
|
have the freedom to distribute copies of free software (and charge for
|
|
42
41
|
this service if you wish), that you receive source code or can get it
|
|
43
42
|
if you want it, that you can change the software or use pieces of it
|
|
44
43
|
in new free programs; and that you know you can do these things.
|
|
45
44
|
|
|
46
|
-
To protect your rights, we need to make restrictions that forbid
|
|
45
|
+
To protect your rights, we need to make restrictions that forbid
|
|
47
46
|
anyone to deny you these rights or to ask you to surrender the rights.
|
|
48
47
|
These restrictions translate to certain responsibilities for you if you
|
|
49
48
|
distribute copies of the software, or if you modify it.
|
|
50
49
|
|
|
51
|
-
For example, if you distribute copies of such a program, whether
|
|
50
|
+
For example, if you distribute copies of such a program, whether
|
|
52
51
|
gratis or for a fee, you must give the recipients all the rights that
|
|
53
52
|
you have. You must make sure that they, too, receive or can get the
|
|
54
53
|
source code. And you must show them these terms so they know their
|
|
55
54
|
rights.
|
|
56
55
|
|
|
57
|
-
We protect your rights with two steps: (1) copyright the software, and
|
|
56
|
+
We protect your rights with two steps: (1) copyright the software, and
|
|
58
57
|
(2) offer you this license which gives you legal permission to copy,
|
|
59
58
|
distribute and/or modify the software.
|
|
60
59
|
|
|
61
|
-
Also, for each author's protection and ours, we want to make certain
|
|
60
|
+
Also, for each author's protection and ours, we want to make certain
|
|
62
61
|
that everyone understands that there is no warranty for this free
|
|
63
62
|
software. If the software is modified by someone else and passed on, we
|
|
64
63
|
want its recipients to know that what they have is not the original, so
|
|
65
64
|
that any problems introduced by others will not reflect on the original
|
|
66
65
|
authors' reputations.
|
|
67
66
|
|
|
68
|
-
Finally, any free program is threatened constantly by software
|
|
67
|
+
Finally, any free program is threatened constantly by software
|
|
69
68
|
patents. We wish to avoid the danger that redistributors of a free
|
|
70
69
|
program will individually obtain patent licenses, in effect making the
|
|
71
70
|
program proprietary. To prevent this, we have made it clear that any
|
|
72
71
|
patent must be licensed for everyone's free use or not licensed at all.
|
|
73
72
|
|
|
74
|
-
The precise terms and conditions for copying, distribution and
|
|
73
|
+
The precise terms and conditions for copying, distribution and
|
|
75
74
|
modification follow.
|
|
76
75
|
|
|
77
|
-
GNU GENERAL PUBLIC LICENSE
|
|
78
|
-
TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
|
|
76
|
+
GNU GENERAL PUBLIC LICENSE
|
|
77
|
+
TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
|
|
79
78
|
|
|
80
|
-
0. This License applies to any program or other work which contains
|
|
79
|
+
0. This License applies to any program or other work which contains
|
|
81
80
|
a notice placed by the copyright holder saying it may be distributed
|
|
82
81
|
under the terms of this General Public License. The "Program", below,
|
|
83
82
|
refers to any such program or work, and a "work based on the Program"
|
|
@@ -94,7 +93,7 @@ is covered only if its contents constitute a work based on the
|
|
|
94
93
|
Program (independent of having been made by running the Program).
|
|
95
94
|
Whether that is true depends on what the Program does.
|
|
96
95
|
|
|
97
|
-
1. You may copy and distribute verbatim copies of the Program's
|
|
96
|
+
1. You may copy and distribute verbatim copies of the Program's
|
|
98
97
|
source code as you receive it, in any medium, provided that you
|
|
99
98
|
conspicuously and appropriately publish on each copy an appropriate
|
|
100
99
|
copyright notice and disclaimer of warranty; keep intact all the
|
|
@@ -105,29 +104,29 @@ along with the Program.
|
|
|
105
104
|
You may charge a fee for the physical act of transferring a copy, and
|
|
106
105
|
you may at your option offer warranty protection in exchange for a fee.
|
|
107
106
|
|
|
108
|
-
2. You may modify your copy or copies of the Program or any portion
|
|
107
|
+
2. You may modify your copy or copies of the Program or any portion
|
|
109
108
|
of it, thus forming a work based on the Program, and copy and
|
|
110
109
|
distribute such modifications or work under the terms of Section 1
|
|
111
110
|
above, provided that you also meet all of these conditions:
|
|
112
111
|
|
|
113
|
-
a) You must cause the modified files to carry prominent notices
|
|
114
|
-
stating that you changed the files and the date of any change.
|
|
115
|
-
|
|
116
|
-
b) You must cause any work that you distribute or publish, that in
|
|
117
|
-
whole or in part contains or is derived from the Program or any
|
|
118
|
-
part thereof, to be licensed as a whole at no charge to all third
|
|
119
|
-
parties under the terms of this License.
|
|
120
|
-
|
|
121
|
-
c) If the modified program normally reads commands interactively
|
|
122
|
-
when run, you must cause it, when started running for such
|
|
123
|
-
interactive use in the most ordinary way, to print or display an
|
|
124
|
-
announcement including an appropriate copyright notice and a
|
|
125
|
-
notice that there is no warranty (or else, saying that you provide
|
|
126
|
-
a warranty) and that users may redistribute the program under
|
|
127
|
-
these conditions, and telling the user how to view a copy of this
|
|
128
|
-
License. (Exception: if the Program itself is interactive but
|
|
129
|
-
does not normally print such an announcement, your work based on
|
|
130
|
-
the Program is not required to print an announcement.)
|
|
112
|
+
a) You must cause the modified files to carry prominent notices
|
|
113
|
+
stating that you changed the files and the date of any change.
|
|
114
|
+
|
|
115
|
+
b) You must cause any work that you distribute or publish, that in
|
|
116
|
+
whole or in part contains or is derived from the Program or any
|
|
117
|
+
part thereof, to be licensed as a whole at no charge to all third
|
|
118
|
+
parties under the terms of this License.
|
|
119
|
+
|
|
120
|
+
c) If the modified program normally reads commands interactively
|
|
121
|
+
when run, you must cause it, when started running for such
|
|
122
|
+
interactive use in the most ordinary way, to print or display an
|
|
123
|
+
announcement including an appropriate copyright notice and a
|
|
124
|
+
notice that there is no warranty (or else, saying that you provide
|
|
125
|
+
a warranty) and that users may redistribute the program under
|
|
126
|
+
these conditions, and telling the user how to view a copy of this
|
|
127
|
+
License. (Exception: if the Program itself is interactive but
|
|
128
|
+
does not normally print such an announcement, your work based on
|
|
129
|
+
the Program is not required to print an announcement.)
|
|
131
130
|
|
|
132
131
|
These requirements apply to the modified work as a whole. If
|
|
133
132
|
identifiable sections of that work are not derived from the Program,
|
|
@@ -149,26 +148,26 @@ with the Program (or with a work based on the Program) on a volume of
|
|
|
149
148
|
a storage or distribution medium does not bring the other work under
|
|
150
149
|
the scope of this License.
|
|
151
150
|
|
|
152
|
-
3. You may copy and distribute the Program (or a work based on it,
|
|
151
|
+
3. You may copy and distribute the Program (or a work based on it,
|
|
153
152
|
under Section 2) in object code or executable form under the terms of
|
|
154
153
|
Sections 1 and 2 above provided that you also do one of the following:
|
|
155
154
|
|
|
156
|
-
a) Accompany it with the complete corresponding machine-readable
|
|
157
|
-
source code, which must be distributed under the terms of Sections
|
|
158
|
-
1 and 2 above on a medium customarily used for software interchange; or,
|
|
155
|
+
a) Accompany it with the complete corresponding machine-readable
|
|
156
|
+
source code, which must be distributed under the terms of Sections
|
|
157
|
+
1 and 2 above on a medium customarily used for software interchange; or,
|
|
159
158
|
|
|
160
|
-
b) Accompany it with a written offer, valid for at least three
|
|
161
|
-
years, to give any third party, for a charge no more than your
|
|
162
|
-
cost of physically performing source distribution, a complete
|
|
163
|
-
machine-readable copy of the corresponding source code, to be
|
|
164
|
-
distributed under the terms of Sections 1 and 2 above on a medium
|
|
165
|
-
customarily used for software interchange; or,
|
|
159
|
+
b) Accompany it with a written offer, valid for at least three
|
|
160
|
+
years, to give any third party, for a charge no more than your
|
|
161
|
+
cost of physically performing source distribution, a complete
|
|
162
|
+
machine-readable copy of the corresponding source code, to be
|
|
163
|
+
distributed under the terms of Sections 1 and 2 above on a medium
|
|
164
|
+
customarily used for software interchange; or,
|
|
166
165
|
|
|
167
|
-
c) Accompany it with the information you received as to the offer
|
|
168
|
-
to distribute corresponding source code. (This alternative is
|
|
169
|
-
allowed only for noncommercial distribution and only if you
|
|
170
|
-
received the program in object code or executable form with such
|
|
171
|
-
an offer, in accord with Subsection b above.)
|
|
166
|
+
c) Accompany it with the information you received as to the offer
|
|
167
|
+
to distribute corresponding source code. (This alternative is
|
|
168
|
+
allowed only for noncommercial distribution and only if you
|
|
169
|
+
received the program in object code or executable form with such
|
|
170
|
+
an offer, in accord with Subsection b above.)
|
|
172
171
|
|
|
173
172
|
The source code for a work means the preferred form of the work for
|
|
174
173
|
making modifications to it. For an executable work, complete source
|
|
@@ -187,7 +186,7 @@ access to copy the source code from the same place counts as
|
|
|
187
186
|
distribution of the source code, even though third parties are not
|
|
188
187
|
compelled to copy the source along with the object code.
|
|
189
188
|
|
|
190
|
-
4. You may not copy, modify, sublicense, or distribute the Program
|
|
189
|
+
4. You may not copy, modify, sublicense, or distribute the Program
|
|
191
190
|
except as expressly provided under this License. Any attempt
|
|
192
191
|
otherwise to copy, modify, sublicense or distribute the Program is
|
|
193
192
|
void, and will automatically terminate your rights under this License.
|
|
@@ -195,7 +194,7 @@ However, parties who have received copies, or rights, from you under
|
|
|
195
194
|
this License will not have their licenses terminated so long as such
|
|
196
195
|
parties remain in full compliance.
|
|
197
196
|
|
|
198
|
-
5. You are not required to accept this License, since you have not
|
|
197
|
+
5. You are not required to accept this License, since you have not
|
|
199
198
|
signed it. However, nothing else grants you permission to modify or
|
|
200
199
|
distribute the Program or its derivative works. These actions are
|
|
201
200
|
prohibited by law if you do not accept this License. Therefore, by
|
|
@@ -204,7 +203,7 @@ Program), you indicate your acceptance of this License to do so, and
|
|
|
204
203
|
all its terms and conditions for copying, distributing or modifying
|
|
205
204
|
the Program or works based on it.
|
|
206
205
|
|
|
207
|
-
6. Each time you redistribute the Program (or any work based on the
|
|
206
|
+
6. Each time you redistribute the Program (or any work based on the
|
|
208
207
|
Program), the recipient automatically receives a license from the
|
|
209
208
|
original licensor to copy, distribute or modify the Program subject to
|
|
210
209
|
these terms and conditions. You may not impose any further
|
|
@@ -212,7 +211,7 @@ restrictions on the recipients' exercise of the rights granted herein.
|
|
|
212
211
|
You are not responsible for enforcing compliance by third parties to
|
|
213
212
|
this License.
|
|
214
213
|
|
|
215
|
-
7. If, as a consequence of a court judgment or allegation of patent
|
|
214
|
+
7. If, as a consequence of a court judgment or allegation of patent
|
|
216
215
|
infringement or for any other reason (not limited to patent issues),
|
|
217
216
|
conditions are imposed on you (whether by court order, agreement or
|
|
218
217
|
otherwise) that contradict the conditions of this License, they do not
|
|
@@ -244,7 +243,7 @@ impose that choice.
|
|
|
244
243
|
This section is intended to make thoroughly clear what is believed to
|
|
245
244
|
be a consequence of the rest of this License.
|
|
246
245
|
|
|
247
|
-
8. If the distribution and/or use of the Program is restricted in
|
|
246
|
+
8. If the distribution and/or use of the Program is restricted in
|
|
248
247
|
certain countries either by patents or by copyrighted interfaces, the
|
|
249
248
|
original copyright holder who places the Program under this License
|
|
250
249
|
may add an explicit geographical distribution limitation excluding
|
|
@@ -252,7 +251,7 @@ those countries, so that distribution is permitted only in or among
|
|
|
252
251
|
countries not thus excluded. In such case, this License incorporates
|
|
253
252
|
the limitation as if written in the body of this License.
|
|
254
253
|
|
|
255
|
-
9. The Free Software Foundation may publish revised and/or new versions
|
|
254
|
+
9. The Free Software Foundation may publish revised and/or new versions
|
|
256
255
|
of the General Public License from time to time. Such new versions will
|
|
257
256
|
be similar in spirit to the present version, but may differ in detail to
|
|
258
257
|
address new problems or concerns.
|
|
@@ -265,7 +264,7 @@ Software Foundation. If the Program does not specify a version number of
|
|
|
265
264
|
this License, you may choose any version ever published by the Free Software
|
|
266
265
|
Foundation.
|
|
267
266
|
|
|
268
|
-
10. If you wish to incorporate parts of the Program into other free
|
|
267
|
+
10. If you wish to incorporate parts of the Program into other free
|
|
269
268
|
programs whose distribution conditions are different, write to the author
|
|
270
269
|
to ask for permission. For software which is copyrighted by the Free
|
|
271
270
|
Software Foundation, write to the Free Software Foundation; we sometimes
|
|
@@ -273,9 +272,9 @@ make exceptions for this. Our decision will be guided by the two goals
|
|
|
273
272
|
of preserving the free status of all derivatives of our free software and
|
|
274
273
|
of promoting the sharing and reuse of software generally.
|
|
275
274
|
|
|
276
|
-
|
|
275
|
+
NO WARRANTY
|
|
277
276
|
|
|
278
|
-
11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY
|
|
277
|
+
11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY
|
|
279
278
|
FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN
|
|
280
279
|
OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES
|
|
281
280
|
PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED
|
|
@@ -285,7 +284,7 @@ TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE
|
|
|
285
284
|
PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,
|
|
286
285
|
REPAIR OR CORRECTION.
|
|
287
286
|
|
|
288
|
-
12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
|
|
287
|
+
12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
|
|
289
288
|
WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR
|
|
290
289
|
REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES,
|
|
291
290
|
INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING
|
|
@@ -295,45 +294,44 @@ YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER
|
|
|
295
294
|
PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE
|
|
296
295
|
POSSIBILITY OF SUCH DAMAGES.
|
|
297
296
|
|
|
298
|
-
|
|
297
|
+
END OF TERMS AND CONDITIONS
|
|
299
298
|
|
|
300
|
-
How to Apply These Terms to Your New Programs
|
|
299
|
+
How to Apply These Terms to Your New Programs
|
|
301
300
|
|
|
302
|
-
If you develop a new program, and you want it to be of the greatest
|
|
301
|
+
If you develop a new program, and you want it to be of the greatest
|
|
303
302
|
possible use to the public, the best way to achieve this is to make it
|
|
304
303
|
free software which everyone can redistribute and change under these terms.
|
|
305
304
|
|
|
306
|
-
To do so, attach the following notices to the program. It is safest
|
|
305
|
+
To do so, attach the following notices to the program. It is safest
|
|
307
306
|
to attach them to the start of each source file to most effectively
|
|
308
307
|
convey the exclusion of warranty; and each file should have at least
|
|
309
308
|
the "copyright" line and a pointer to where the full notice is found.
|
|
310
309
|
|
|
311
|
-
<one line to give the program's name and a brief idea of what it does.>
|
|
312
|
-
Copyright (C) <year> <name of author>
|
|
310
|
+
<one line to give the program's name and a brief idea of what it does.>
|
|
311
|
+
Copyright (C) <year> <name of author>
|
|
313
312
|
|
|
314
|
-
This program is free software; you can redistribute it and/or modify
|
|
315
|
-
it under the terms of the GNU General Public License as published by
|
|
316
|
-
the Free Software Foundation; either version 2 of the License, or
|
|
317
|
-
(at your option) any later version.
|
|
313
|
+
This program is free software; you can redistribute it and/or modify
|
|
314
|
+
it under the terms of the GNU General Public License as published by
|
|
315
|
+
the Free Software Foundation; either version 2 of the License, or
|
|
316
|
+
(at your option) any later version.
|
|
318
317
|
|
|
319
|
-
This program is distributed in the hope that it will be useful,
|
|
320
|
-
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
321
|
-
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
322
|
-
GNU General Public License for more details.
|
|
318
|
+
This program is distributed in the hope that it will be useful,
|
|
319
|
+
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
320
|
+
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
321
|
+
GNU General Public License for more details.
|
|
323
322
|
|
|
324
|
-
You should have received a copy of the GNU General Public License along
|
|
325
|
-
with this program; if not,
|
|
326
|
-
51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
|
|
323
|
+
You should have received a copy of the GNU General Public License along
|
|
324
|
+
with this program; if not, see <https://www.gnu.org/licenses/>.
|
|
327
325
|
|
|
328
326
|
Also add information on how to contact you by electronic and paper mail.
|
|
329
327
|
|
|
330
328
|
If the program is interactive, make it output a short notice like this
|
|
331
329
|
when it starts in an interactive mode:
|
|
332
330
|
|
|
333
|
-
Gnomovision version 69, Copyright (C) year name of author
|
|
334
|
-
Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
|
|
335
|
-
This is free software, and you are welcome to redistribute it
|
|
336
|
-
under certain conditions; type `show c' for details.
|
|
331
|
+
Gnomovision version 69, Copyright (C) year name of author
|
|
332
|
+
Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
|
|
333
|
+
This is free software, and you are welcome to redistribute it
|
|
334
|
+
under certain conditions; type `show c' for details.
|
|
337
335
|
|
|
338
336
|
The hypothetical commands `show w' and `show c' should show the appropriate
|
|
339
337
|
parts of the General Public License. Of course, the commands you use may
|
|
@@ -344,11 +342,11 @@ You should also get your employer (if you work as a programmer) or your
|
|
|
344
342
|
school, if any, to sign a "copyright disclaimer" for the program, if
|
|
345
343
|
necessary. Here is a sample; alter the names:
|
|
346
344
|
|
|
347
|
-
Yoyodyne, Inc., hereby disclaims all copyright interest in the program
|
|
348
|
-
`Gnomovision' (which makes passes at compilers) written by James Hacker.
|
|
345
|
+
Yoyodyne, Inc., hereby disclaims all copyright interest in the program
|
|
346
|
+
`Gnomovision' (which makes passes at compilers) written by James Hacker.
|
|
349
347
|
|
|
350
|
-
<signature of
|
|
351
|
-
|
|
348
|
+
<signature of Moe Ghoul>, 1 April 1989
|
|
349
|
+
Moe Ghoul, President of Vice
|
|
352
350
|
|
|
353
351
|
This General Public License does not permit incorporating your program into
|
|
354
352
|
proprietary programs. If your program is a subroutine library, you may
|
package/build/guide.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
div.svelte-
|
|
1
|
+
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
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { MeasurableImage, type Dimensions, type FetchFn, type Weight } from './MeasurableImage.ts';
|
|
2
2
|
import { type TracksCallback } from './analytics.ts';
|
|
3
3
|
import { getMeasurableImages } from './find-image-elements.ts';
|
|
4
|
-
import AdminBarToggle from './ui/AdminBarToggle.svelte';
|
|
5
4
|
export { MeasurableImage, getMeasurableImages };
|
|
6
5
|
export type { Weight, Dimensions };
|
|
7
6
|
type ImageGuideUIOptions = {
|
|
@@ -19,7 +18,7 @@ type ImageGuideUIOptions = {
|
|
|
19
18
|
* @param {Function} args.fetchFunction - The function to use to fetch the image weight.
|
|
20
19
|
* @return {object} The Svelte component instance.
|
|
21
20
|
*/
|
|
22
|
-
export declare function setupImageGuideUI(target: HTMLElement, { href, tracksCallback, fetchFunction }: ImageGuideUIOptions):
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
}
|
|
21
|
+
export declare function setupImageGuideUI(target: HTMLElement, { href, tracksCallback, fetchFunction }: ImageGuideUIOptions): {
|
|
22
|
+
$on?(type: string, callback: (e: any) => void): () => void;
|
|
23
|
+
$set?(props: Partial<Record<string, any>>): void;
|
|
24
|
+
} & Record<string, any>;
|
package/build/index.js
CHANGED
|
@@ -1 +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=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=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-1828btn"),O(e,"class",o="guide "+t[3]+" svelte-1828btn"),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-1828btn"))&&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};
|
|
1
|
+
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;"><</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};
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
export type SourceCallbackFn = (node: HTMLElement) => string | null;
|
|
2
|
+
export type Dimensions = {
|
|
3
|
+
width: number;
|
|
4
|
+
height: number;
|
|
5
|
+
};
|
|
6
|
+
export type Weight = {
|
|
7
|
+
weight: number;
|
|
8
|
+
};
|
|
9
|
+
export type FetchFn = (url: string) => Promise<Response>;
|
|
10
|
+
/**
|
|
11
|
+
* A class that represents a DOM Element that
|
|
12
|
+
* has an image that should be measured and
|
|
13
|
+
* provides measurement utilities.
|
|
14
|
+
*/
|
|
15
|
+
export declare class MeasurableImage {
|
|
16
|
+
readonly node: HTMLElement | HTMLImageElement;
|
|
17
|
+
private getURLCallback;
|
|
18
|
+
fetch: FetchFn;
|
|
19
|
+
/**
|
|
20
|
+
* Constructor.
|
|
21
|
+
*
|
|
22
|
+
* @param {HTMLElement | HTMLImageElement} node - The DOM Element that contains the image.
|
|
23
|
+
* @param {SourceCallbackFn} getURL - A function that takes in the node and returns the URL of the image.
|
|
24
|
+
* @param {FetchFn} fetchFn - A function that fetches a URL and returns a Promise.
|
|
25
|
+
*/
|
|
26
|
+
constructor(node: HTMLElement | HTMLImageElement, getURL: SourceCallbackFn, fetchFn?: FetchFn | null);
|
|
27
|
+
getURL(): string;
|
|
28
|
+
getSizeOnPage(): {
|
|
29
|
+
width: number;
|
|
30
|
+
height: number;
|
|
31
|
+
};
|
|
32
|
+
getFileSize(url: string): Promise<{
|
|
33
|
+
width: number;
|
|
34
|
+
height: number;
|
|
35
|
+
}>;
|
|
36
|
+
getWeight(url: string): Promise<number>;
|
|
37
|
+
getPotentialSavings(fileSize: Dimensions, fileWeight: Weight, sizeOnPage: Dimensions): number;
|
|
38
|
+
/**
|
|
39
|
+
* To get the expected size of the image,
|
|
40
|
+
* the image size on page has to be multiplied by the device pixel ratio.
|
|
41
|
+
*
|
|
42
|
+
* @param {Dimensions} sizeOnPage - The size of the image on the page.
|
|
43
|
+
* @return {object} - The expected size of the image.
|
|
44
|
+
*/
|
|
45
|
+
getExpectedSize(sizeOnPage: Dimensions): {
|
|
46
|
+
width: number;
|
|
47
|
+
height: number;
|
|
48
|
+
};
|
|
49
|
+
getOversizedRatio(fileSize: Dimensions, sizeOnPage: Dimensions): number;
|
|
50
|
+
private fetchFileWeight;
|
|
51
|
+
private fetchFileDimensions;
|
|
52
|
+
/**
|
|
53
|
+
* Checks if the image is too small and should be ignored. Will return true on images
|
|
54
|
+
* that don't load at all - we can't establish they're tiny!
|
|
55
|
+
*
|
|
56
|
+
* @return {boolean} - if the image is smaller than 65 pixels width and height return true
|
|
57
|
+
*/
|
|
58
|
+
isImageTiny(): Promise<boolean>;
|
|
59
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
*
|
|
4
|
+
* ! MutationObserver is currently not used.
|
|
5
|
+
* ! This needs significant improvement before we can use it.
|
|
6
|
+
*
|
|
7
|
+
*
|
|
8
|
+
*/
|
|
9
|
+
type ImageCallback = (images: HTMLElement[]) => void;
|
|
10
|
+
/**
|
|
11
|
+
*
|
|
12
|
+
* @param callback
|
|
13
|
+
*/
|
|
14
|
+
export declare function createImageObserver(callback: ImageCallback): Promise<MutationObserver>;
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { MeasurableImageStore } from './stores/MeasurableImageStore.ts';
|
|
2
|
+
/**
|
|
3
|
+
* Image properties sent to tracks.
|
|
4
|
+
*/
|
|
5
|
+
type ImageProperties = {
|
|
6
|
+
severity: 'red' | 'yellow' | 'green';
|
|
7
|
+
oversized_ratio: number;
|
|
8
|
+
file_width: number;
|
|
9
|
+
file_height: number;
|
|
10
|
+
size_on_page_width: number;
|
|
11
|
+
size_on_page_height: number;
|
|
12
|
+
expected_width: number;
|
|
13
|
+
expected_height: number;
|
|
14
|
+
potential_savings: number | null;
|
|
15
|
+
image_url: string;
|
|
16
|
+
};
|
|
17
|
+
export type TracksCallback = (event: string, props: {
|
|
18
|
+
[key: string]: string | number;
|
|
19
|
+
}) => void;
|
|
20
|
+
export default class ImageGuideAnalytics {
|
|
21
|
+
static trackingComplete: boolean;
|
|
22
|
+
static tracksCallback: TracksCallback;
|
|
23
|
+
static setTracksCallback(callback: any): void;
|
|
24
|
+
/**
|
|
25
|
+
* Track the image guide analytics for a single image.
|
|
26
|
+
*
|
|
27
|
+
* @param { MeasurableImageStore } imageStore - The image store to track.
|
|
28
|
+
* @return { Promise< ImageProperties > } Promise that resolves with the properties of the image.
|
|
29
|
+
*/
|
|
30
|
+
static trackImageOutcome(imageStore: MeasurableImageStore): Promise<ImageProperties>;
|
|
31
|
+
/**
|
|
32
|
+
* Track events to record the outcome of the image guide for the current page.
|
|
33
|
+
*
|
|
34
|
+
* @param {MeasurableImageStore[]} imageStores - The image stores to track.
|
|
35
|
+
*/
|
|
36
|
+
static trackPage(imageStores: MeasurableImageStore[]): Promise<void>;
|
|
37
|
+
/**
|
|
38
|
+
* Track the state of the UI when the user loads a page.
|
|
39
|
+
*/
|
|
40
|
+
static trackInitialState(): void;
|
|
41
|
+
/**
|
|
42
|
+
* Track the state of the UI when the user changes it.
|
|
43
|
+
*/
|
|
44
|
+
static trackUIStateChange(): void;
|
|
45
|
+
}
|
|
46
|
+
export {};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { MeasurableImage, type FetchFn } from './MeasurableImage.ts';
|
|
2
|
+
/**
|
|
3
|
+
* Get elements that either are image tags or have a background image.
|
|
4
|
+
*
|
|
5
|
+
* @param {Element[]} nodes - A list of nodes to filter
|
|
6
|
+
* @return {HTMLElement[] | HTMLImageElement[]} - A list of nodes that are either image tags or have a background image.
|
|
7
|
+
*/
|
|
8
|
+
export declare function findMeasurableElements(nodes: Element[]): HTMLElement[] | HTMLImageElement[];
|
|
9
|
+
/**
|
|
10
|
+
* Get the current image source from a node.
|
|
11
|
+
*
|
|
12
|
+
* @param {HTMLImageElement} node - HTMLImageElement
|
|
13
|
+
* @return {string | null} - The URL of the image or null if it can't be determined.
|
|
14
|
+
*/
|
|
15
|
+
export declare function imageTagSource(node: HTMLImageElement): string;
|
|
16
|
+
/**
|
|
17
|
+
* Get the background image URL from a node.
|
|
18
|
+
*
|
|
19
|
+
* @param {HTMLImageElement} node - HTMLElement
|
|
20
|
+
* @return {string | null} - The URL of the image or null if it can't be determined.
|
|
21
|
+
*/
|
|
22
|
+
export declare function backgroundImageSource(node: HTMLElement): string;
|
|
23
|
+
/**
|
|
24
|
+
* Create MeasurableImage objects from a list of nodes
|
|
25
|
+
* and remove any nodes that can't be measured.
|
|
26
|
+
*
|
|
27
|
+
* @param {Element[]} domNodes - A list of nodes to measure
|
|
28
|
+
* @param {(input: string, init?: Array) => Promise<Response>} fetchFn - A function that fetches a URL and returns a Promise.
|
|
29
|
+
* @return {MeasurableImage[]} - A list of MeasurableImage objects.
|
|
30
|
+
*/
|
|
31
|
+
export declare function getMeasurableImages(domNodes: Element[], fetchFn?: FetchFn | null): Promise<MeasurableImage[]>;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { MeasurableImage, type Dimensions, type FetchFn, type Weight } from './MeasurableImage.ts';
|
|
2
|
+
import { type TracksCallback } from './analytics.ts';
|
|
3
|
+
import { getMeasurableImages } from './find-image-elements.ts';
|
|
4
|
+
export { MeasurableImage, getMeasurableImages };
|
|
5
|
+
export type { Weight, Dimensions };
|
|
6
|
+
type ImageGuideUIOptions = {
|
|
7
|
+
href: string;
|
|
8
|
+
tracksCallback: TracksCallback;
|
|
9
|
+
fetchFunction: FetchFn;
|
|
10
|
+
};
|
|
11
|
+
/**
|
|
12
|
+
* Set up the Image Guide UI in the given target parent.
|
|
13
|
+
*
|
|
14
|
+
* @param {string} target - The parent element to mount the UI in.
|
|
15
|
+
* @param {object} args - The arguments to pass to the UI.
|
|
16
|
+
* @param {string} args.href - The URL to the image guide.
|
|
17
|
+
* @param {Function} args.tracksCallback - The callback to call when tracking an event.
|
|
18
|
+
* @param {Function} args.fetchFunction - The function to use to fetch the image weight.
|
|
19
|
+
* @return {object} The Svelte component instance.
|
|
20
|
+
*/
|
|
21
|
+
export declare function setupImageGuideUI(target: HTMLElement, { href, tracksCallback, fetchFunction }: ImageGuideUIOptions): {
|
|
22
|
+
$on?(type: string, callback: (e: any) => void): () => void;
|
|
23
|
+
$set?(props: Partial<Record<string, any>>): void;
|
|
24
|
+
} & Record<string, any>;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { MeasurableImageStore } from './stores/MeasurableImageStore.ts';
|
|
2
|
+
import type { FetchFn, MeasurableImage } from './MeasurableImage.ts';
|
|
3
|
+
/**
|
|
4
|
+
* Set up a listener to initialize stuff on window load.
|
|
5
|
+
*
|
|
6
|
+
* @param {Function} fetchFn - An optional custom function to use when fetching the URL weights.
|
|
7
|
+
*/
|
|
8
|
+
export declare function setupLoadListener(fetchFn?: FetchFn): void;
|
|
9
|
+
/**
|
|
10
|
+
* This gets a little tricky because of the various layout positions
|
|
11
|
+
* the images can be in.
|
|
12
|
+
*
|
|
13
|
+
* For example, images can be positioned with static, absolute, fixed, etc.
|
|
14
|
+
* But on top of that, they can be a part of a parent that has that positioning.
|
|
15
|
+
* And to make things even more complex, they can change dynamically, for example in a slider.
|
|
16
|
+
*
|
|
17
|
+
* This function attempts to attach the Svelte Components to the DOM in a non-destructive way.
|
|
18
|
+
*
|
|
19
|
+
* @param {MeasurableImage[]} measuredImages - The images to attach the guides to.
|
|
20
|
+
* @return {MeasurableImageStore[]} The stores for the attached images.
|
|
21
|
+
*/
|
|
22
|
+
export declare function attachGuides(measuredImages: MeasurableImage[]): MeasurableImageStore[];
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { type Writable } from 'svelte/store';
|
|
2
|
+
declare const store: {
|
|
3
|
+
readonly active: "Active";
|
|
4
|
+
readonly paused: "Paused";
|
|
5
|
+
};
|
|
6
|
+
type State = keyof typeof store;
|
|
7
|
+
type CyclableStore = Writable<State> & {
|
|
8
|
+
cycle: () => void;
|
|
9
|
+
};
|
|
10
|
+
export declare const guideState: CyclableStore;
|
|
11
|
+
export declare const guideLabel: import("svelte/store").Readable<"Active" | "Paused">;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { type Writable, type Readable } from 'svelte/store';
|
|
2
|
+
import { MeasurableImage } from '../MeasurableImage.ts';
|
|
3
|
+
import type { Dimensions, Weight } from '../MeasurableImage.ts';
|
|
4
|
+
/**
|
|
5
|
+
* Each measurable image has its own set of Svelte stores.
|
|
6
|
+
*
|
|
7
|
+
* This class relies on MeasurableImage to calculate the values
|
|
8
|
+
* and stores them in multiple Svelte stores,
|
|
9
|
+
* so that the dimensions are easily
|
|
10
|
+
* accessible in the components.
|
|
11
|
+
*/
|
|
12
|
+
export declare class MeasurableImageStore {
|
|
13
|
+
readonly fileSize: Writable<Dimensions>;
|
|
14
|
+
readonly fileWeight: Writable<Weight>;
|
|
15
|
+
readonly sizeOnPage: Writable<Dimensions>;
|
|
16
|
+
readonly potentialSavings: Readable<number | null>;
|
|
17
|
+
readonly expectedSize: Readable<Dimensions>;
|
|
18
|
+
readonly oversizedRatio: Readable<number>;
|
|
19
|
+
readonly url: Writable<string>;
|
|
20
|
+
readonly loading: Writable<boolean>;
|
|
21
|
+
readonly image: MeasurableImage;
|
|
22
|
+
readonly node: MeasurableImage['node'];
|
|
23
|
+
private weightMap;
|
|
24
|
+
private currentSrc;
|
|
25
|
+
constructor(measurableImage: MeasurableImage);
|
|
26
|
+
private deriveOversizedRatio;
|
|
27
|
+
private deriveExpectedSize;
|
|
28
|
+
private derivePotentialSavings;
|
|
29
|
+
updateDimensions(): Promise<void>;
|
|
30
|
+
private updateFileDimensions;
|
|
31
|
+
private maybeUpdateWeight;
|
|
32
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { MeasurableImageStore } from './stores/MeasurableImageStore.ts';
|
|
2
|
+
export type GuideSize = 'normal' | 'small' | 'micro';
|
|
3
|
+
export interface ImageGuideConfig {
|
|
4
|
+
target: HTMLElement;
|
|
5
|
+
intro?: boolean;
|
|
6
|
+
props: {
|
|
7
|
+
stores: MeasurableImageStore[];
|
|
8
|
+
};
|
|
9
|
+
}
|
package/build/types.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import type { MeasurableImageStore } from './stores/MeasurableImageStore.ts';
|
|
2
|
-
import type { ComponentConstructorOptions } from 'svelte';
|
|
3
2
|
export type GuideSize = 'normal' | 'small' | 'micro';
|
|
4
|
-
export interface ImageGuideConfig
|
|
3
|
+
export interface ImageGuideConfig {
|
|
5
4
|
target: HTMLElement;
|
|
5
|
+
intro?: boolean;
|
|
6
6
|
props: {
|
|
7
7
|
stores: MeasurableImageStore[];
|
|
8
8
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@automattic/jetpack-image-guide",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.13",
|
|
4
4
|
"description": "Go through the dom to analyze image size on screen vs actual file size.",
|
|
5
5
|
"homepage": "https://github.com/Automattic/jetpack/tree/HEAD/projects/js-packages/image-guide/#readme",
|
|
6
6
|
"bugs": {
|
|
@@ -8,8 +8,7 @@
|
|
|
8
8
|
},
|
|
9
9
|
"repository": {
|
|
10
10
|
"type": "git",
|
|
11
|
-
"url": "https://github.com/Automattic/jetpack.git"
|
|
12
|
-
"directory": "projects/js-packages/image-guide"
|
|
11
|
+
"url": "git+https://github.com/Automattic/jetpack-image-guide.git"
|
|
13
12
|
},
|
|
14
13
|
"license": "GPL-2.0-or-later",
|
|
15
14
|
"author": "Automattic",
|
|
@@ -25,44 +24,45 @@
|
|
|
25
24
|
"@automattic/jetpack-image-guide": false
|
|
26
25
|
},
|
|
27
26
|
"scripts": {
|
|
28
|
-
"build": "rollup -c &&
|
|
27
|
+
"build": "rollup -c && tsgo --emitDeclarationOnly",
|
|
29
28
|
"build-concurrently": "pnpm run clear-dist && concurrently 'pnpm:validate-ts' 'rollup -c'",
|
|
30
29
|
"build-development": "pnpm run build-concurrently",
|
|
31
30
|
"build-production": "NODE_ENV=production BABEL_ENV=production pnpm run build-concurrently",
|
|
32
31
|
"clear-dist": "rm -rf app/assets/dist/*",
|
|
33
32
|
"dev": "concurrently 'pnpm:dev-validate-ts' 'pnpm:dev-compile'",
|
|
34
33
|
"dev-compile": "pnpm run clear-dist && rollup -c -w",
|
|
35
|
-
"dev-validate-ts": "
|
|
34
|
+
"dev-validate-ts": "tsgo --watch --pretty --strict false # Note: Disable Strict mode to avoid noisy development, while keeping strict errors visible in IDEs.",
|
|
36
35
|
"test": "NODE_OPTIONS=--experimental-vm-modules jest --config=tests/jest.config.cjs",
|
|
37
36
|
"test-coverage": "pnpm run test --coverage",
|
|
38
|
-
"typecheck": "
|
|
39
|
-
"validate-ts": "
|
|
37
|
+
"typecheck": "tsgo --noEmit",
|
|
38
|
+
"validate-ts": "tsgo --pretty --strict false",
|
|
40
39
|
"watch": "pnpm run dev"
|
|
41
40
|
},
|
|
42
41
|
"devDependencies": {
|
|
43
42
|
"@babel/core": "^7.0.0",
|
|
44
|
-
"@babel/preset-env": "7.
|
|
45
|
-
"@babel/preset-react": "7.
|
|
46
|
-
"@babel/preset-typescript": "7.
|
|
43
|
+
"@babel/preset-env": "7.29.0",
|
|
44
|
+
"@babel/preset-react": "7.28.5",
|
|
45
|
+
"@babel/preset-typescript": "7.28.5",
|
|
47
46
|
"@rollup/plugin-babel": "6.0.4",
|
|
48
47
|
"@rollup/plugin-commonjs": "26.0.1",
|
|
49
48
|
"@rollup/plugin-json": "6.1.0",
|
|
50
49
|
"@rollup/plugin-node-resolve": "15.3.0",
|
|
51
50
|
"@rollup/plugin-replace": "5.0.2",
|
|
52
|
-
"@rollup/plugin-terser": "0.
|
|
51
|
+
"@rollup/plugin-terser": "1.0.0",
|
|
53
52
|
"@rollup/plugin-typescript": "12.1.0",
|
|
53
|
+
"@typescript/native-preview": "7.0.0-dev.20260225.1",
|
|
54
54
|
"concurrently": "9.2.1",
|
|
55
55
|
"jest": "30.2.0",
|
|
56
56
|
"postcss": "8.5.6",
|
|
57
|
-
"rollup": "3.
|
|
57
|
+
"rollup": "3.30.0",
|
|
58
58
|
"rollup-plugin-postcss": "4.0.2",
|
|
59
59
|
"rollup-plugin-svelte": "7.2.2",
|
|
60
|
-
"sass": "npm:sass-embedded
|
|
61
|
-
"svelte": "
|
|
60
|
+
"sass": "npm:sass-embedded@^1.97.2",
|
|
61
|
+
"svelte": "5.53.5",
|
|
62
62
|
"svelte-preprocess": "6.0.2",
|
|
63
63
|
"tslib": "2.8.1",
|
|
64
64
|
"typescript": "5.9.3",
|
|
65
|
-
"webpack": "5.
|
|
65
|
+
"webpack": "5.105.2",
|
|
66
66
|
"webpack-cli": "6.0.1"
|
|
67
67
|
}
|
|
68
68
|
}
|
package/rollup.config.js
CHANGED
|
@@ -92,7 +92,13 @@ export default {
|
|
|
92
92
|
|
|
93
93
|
// If we're building for production (npm run build
|
|
94
94
|
// instead of npm run dev), minify
|
|
95
|
-
production &&
|
|
95
|
+
production &&
|
|
96
|
+
terser( {
|
|
97
|
+
mangle: {
|
|
98
|
+
// Preserve WP i18n methods.
|
|
99
|
+
reserved: [ '__', '_n', '_nx', '_x' ],
|
|
100
|
+
},
|
|
101
|
+
} ),
|
|
96
102
|
],
|
|
97
103
|
|
|
98
104
|
watch: {
|