triiiceratops 0.12.4 → 0.12.6

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.
Files changed (29) hide show
  1. package/dist/{ArrowCounterClockwise-Bcse6skq.js → ArrowCounterClockwise-BkrSndVO.js} +1 -1
  2. package/dist/Check-CB_Zdp64.js +423 -0
  3. package/dist/{X-BsrpnzCK.js → X-B3XldraD.js} +3 -3
  4. package/dist/components/DemoHeader.svelte +5 -548
  5. package/dist/components/SettingsMenu.svelte +523 -0
  6. package/dist/components/SettingsMenu.svelte.d.ts +6 -0
  7. package/dist/components/Toolbar.svelte +13 -2
  8. package/dist/components/TriiiceratopsViewer.svelte +37 -11
  9. package/dist/{image_filters_reset-Dw23NgOZ.js → image_filters_reset-jtpS22ff.js} +1 -1
  10. package/dist/paraglide/messages/_index.d.ts +4 -0
  11. package/dist/paraglide/messages/_index.js +4 -0
  12. package/dist/paraglide/messages/demo_title.d.ts +4 -0
  13. package/dist/paraglide/messages/demo_title.js +34 -0
  14. package/dist/paraglide/messages/settings_paged_view_offset.d.ts +4 -0
  15. package/dist/paraglide/messages/settings_paged_view_offset.js +33 -0
  16. package/dist/paraglide/messages/settings_thumbnail_height.d.ts +4 -0
  17. package/dist/paraglide/messages/settings_thumbnail_height.js +34 -0
  18. package/dist/paraglide/messages/settings_toggle_show_viewing_mode.js +3 -2
  19. package/dist/paraglide/messages/settings_view_configuration.d.ts +4 -0
  20. package/dist/paraglide/messages/settings_view_configuration.js +34 -0
  21. package/dist/plugins/annotation-editor.js +493 -623
  22. package/dist/plugins/image-manipulation.js +3 -3
  23. package/dist/state/viewer.svelte.js +5 -1
  24. package/dist/triiiceratops-bundle.js +1787 -1711
  25. package/dist/triiiceratops-element.iife.js +15 -15
  26. package/dist/triiiceratops.css +1 -1
  27. package/dist/types/config.d.ts +5 -0
  28. package/package.json +1 -1
  29. package/dist/annotation_tool_point-Do_1lOD_.js +0 -290
@@ -1,6 +1,6 @@
1
1
  import "svelte/internal/disclose-version";
2
2
  import * as a from "svelte/internal/client";
3
- import { g as N } from "./X-BsrpnzCK.js";
3
+ import { g as N } from "./X-B3XldraD.js";
4
4
  var O = a.from_svg('<path d="M228,128a100,100,0,0,1-98.66,100H128a99.39,99.39,0,0,1-68.62-27.29,12,12,0,0,1,16.48-17.45,76,76,0,1,0-1.57-109c-.13.13-.25.25-.39.37L54.89,92H72a12,12,0,0,1,0,24H24a12,12,0,0,1-12-12V56a12,12,0,0,1,24,0V76.72L57.48,57.06A100,100,0,0,1,228,128Z"></path>'), P = a.from_svg('<path d="M216,128a88,88,0,1,1-88-88A88,88,0,0,1,216,128Z" opacity="0.2"></path><path d="M224,128a96,96,0,0,1-94.71,96H128A95.38,95.38,0,0,1,62.1,197.8a8,8,0,0,1,11-11.63A80,80,0,1,0,71.43,71.39a3.07,3.07,0,0,1-.26.25L44.59,96H72a8,8,0,0,1,0,16H24a8,8,0,0,1-8-8V56a8,8,0,0,1,16,0V85.8L60.25,60A96,96,0,0,1,224,128Z"></path>', 1), Q = a.from_svg('<path d="M224,128a96,96,0,0,1-94.71,96H128A95.38,95.38,0,0,1,62.1,197.8a8,8,0,0,1,11-11.63A80,80,0,1,0,71.43,71.39a3.07,3.07,0,0,1-.26.25L60.63,81.29l17,17A8,8,0,0,1,72,112H24a8,8,0,0,1-8-8V56A8,8,0,0,1,29.66,50.3L49.31,70,60.25,60A96,96,0,0,1,224,128Z"></path>'), R = a.from_svg('<path d="M222,128a94,94,0,0,1-92.74,94H128a93.43,93.43,0,0,1-64.5-25.65,6,6,0,1,1,8.24-8.72A82,82,0,1,0,70,70l-.19.19L39.44,98H72a6,6,0,0,1,0,12H24a6,6,0,0,1-6-6V56a6,6,0,0,1,12,0V90.34L61.63,61.4A94,94,0,0,1,222,128Z"></path>'), S = a.from_svg('<path d="M224,128a96,96,0,0,1-94.71,96H128A95.38,95.38,0,0,1,62.1,197.8a8,8,0,0,1,11-11.63A80,80,0,1,0,71.43,71.39a3.07,3.07,0,0,1-.26.25L44.59,96H72a8,8,0,0,1,0,16H24a8,8,0,0,1-8-8V56a8,8,0,0,1,16,0V85.8L60.25,60A96,96,0,0,1,224,128Z"></path>'), T = a.from_svg('<path d="M220,128a92,92,0,0,1-90.77,92H128a91.47,91.47,0,0,1-63.13-25.1,4,4,0,1,1,5.5-5.82A84,84,0,1,0,68.6,68.57l-.13.12L34.3,100H72a4,4,0,0,1,0,8H24a4,4,0,0,1-4-4V56a4,4,0,0,1,8,0V94.89l35-32A92,92,0,0,1,220,128Z"></path>'), W = a.from_svg('<svg><!><rect width="256" height="256" fill="none"></rect><!></svg>');
5
5
  function $(L, r) {
6
6
  a.push(r, !0);
@@ -0,0 +1,423 @@
1
+ import { a, g as W } from "./X-B3XldraD.js";
2
+ import "svelte/internal/disclose-version";
3
+ import * as t from "svelte/internal/client";
4
+ const F = (
5
+ /** @type {(inputs: {}) => LocalizedString} */
6
+ () => (
7
+ /** @type {LocalizedString} */
8
+ "Annotation Editor"
9
+ )
10
+ ), G = (
11
+ /** @type {(inputs: {}) => LocalizedString} */
12
+ () => (
13
+ /** @type {LocalizedString} */
14
+ "Anmerkungs-Editor"
15
+ )
16
+ ), Wt = /* @__NO_SIDE_EFFECTS__ */ (o = {}, n = {}) => (n.locale ?? a()) === "en" ? F() : G(), J = (
17
+ /** @type {(inputs: {}) => LocalizedString} */
18
+ () => (
19
+ /** @type {LocalizedString} */
20
+ "Edit"
21
+ )
22
+ ), N = (
23
+ /** @type {(inputs: {}) => LocalizedString} */
24
+ () => (
25
+ /** @type {LocalizedString} */
26
+ "Bearbeiten"
27
+ )
28
+ ), Ft = /* @__NO_SIDE_EFFECTS__ */ (o = {}, n = {}) => (n.locale ?? a()) === "en" ? J() : N(), O = (
29
+ /** @type {(inputs: {}) => LocalizedString} */
30
+ () => (
31
+ /** @type {LocalizedString} */
32
+ "Create"
33
+ )
34
+ ), Q = (
35
+ /** @type {(inputs: {}) => LocalizedString} */
36
+ () => (
37
+ /** @type {LocalizedString} */
38
+ "Erstellen"
39
+ )
40
+ ), Gt = /* @__NO_SIDE_EFFECTS__ */ (o = {}, n = {}) => (n.locale ?? a()) === "en" ? O() : Q(), X = (
41
+ /** @type {(inputs: {}) => LocalizedString} */
42
+ () => (
43
+ /** @type {LocalizedString} */
44
+ "Click to start annotating, click again to set shape"
45
+ )
46
+ ), Y = (
47
+ /** @type {(inputs: {}) => LocalizedString} */
48
+ () => (
49
+ /** @type {LocalizedString} */
50
+ "Klicken zum Annotieren, erneut klicken zum Abschließen"
51
+ )
52
+ ), Jt = /* @__NO_SIDE_EFFECTS__ */ (o = {}, n = {}) => (n.locale ?? a()) === "en" ? X() : Y(), $ = (
53
+ /** @type {(inputs: {}) => LocalizedString} */
54
+ () => (
55
+ /** @type {LocalizedString} */
56
+ "Click on an annotation to select and edit it"
57
+ )
58
+ ), tt = (
59
+ /** @type {(inputs: {}) => LocalizedString} */
60
+ () => (
61
+ /** @type {LocalizedString} */
62
+ "Anmerkung klicken zum Bearbeiten"
63
+ )
64
+ ), Nt = /* @__NO_SIDE_EFFECTS__ */ (o = {}, n = {}) => (n.locale ?? a()) === "en" ? $() : tt(), nt = (
65
+ /** @type {(inputs: {}) => LocalizedString} */
66
+ () => (
67
+ /** @type {LocalizedString} */
68
+ "Drawing Tool"
69
+ )
70
+ ), et = (
71
+ /** @type {(inputs: {}) => LocalizedString} */
72
+ () => (
73
+ /** @type {LocalizedString} */
74
+ "Zeichenwerkzeug"
75
+ )
76
+ ), Ot = /* @__NO_SIDE_EFFECTS__ */ (o = {}, n = {}) => (n.locale ?? a()) === "en" ? nt() : et(), ot = (
77
+ /** @type {(inputs: {}) => LocalizedString} */
78
+ () => (
79
+ /** @type {LocalizedString} */
80
+ "Undo"
81
+ )
82
+ ), at = (
83
+ /** @type {(inputs: {}) => LocalizedString} */
84
+ () => (
85
+ /** @type {LocalizedString} */
86
+ "Rückgängig"
87
+ )
88
+ ), Qt = /* @__NO_SIDE_EFFECTS__ */ (o = {}, n = {}) => (n.locale ?? a()) === "en" ? ot() : at(), rt = (
89
+ /** @type {(inputs: {}) => LocalizedString} */
90
+ () => (
91
+ /** @type {LocalizedString} */
92
+ "Redo"
93
+ )
94
+ ), it = (
95
+ /** @type {(inputs: {}) => LocalizedString} */
96
+ () => (
97
+ /** @type {LocalizedString} */
98
+ "Wiederholen"
99
+ )
100
+ ), Xt = /* @__NO_SIDE_EFFECTS__ */ (o = {}, n = {}) => (n.locale ?? a()) === "en" ? rt() : it(), lt = (
101
+ /** @type {(inputs: {}) => LocalizedString} */
102
+ () => (
103
+ /** @type {LocalizedString} */
104
+ "Edit Annotation"
105
+ )
106
+ ), ct = (
107
+ /** @type {(inputs: {}) => LocalizedString} */
108
+ () => (
109
+ /** @type {LocalizedString} */
110
+ "Anmerkung bearbeiten"
111
+ )
112
+ ), Yt = /* @__NO_SIDE_EFFECTS__ */ (o = {}, n = {}) => (n.locale ?? a()) === "en" ? lt() : ct(), _t = (
113
+ /** @type {(inputs: {}) => LocalizedString} */
114
+ () => (
115
+ /** @type {LocalizedString} */
116
+ "Delete annotation"
117
+ )
118
+ ), st = (
119
+ /** @type {(inputs: {}) => LocalizedString} */
120
+ () => (
121
+ /** @type {LocalizedString} */
122
+ "Anmerkung löschen"
123
+ )
124
+ ), $t = /* @__NO_SIDE_EFFECTS__ */ (o = {}, n = {}) => (n.locale ?? a()) === "en" ? _t() : st(), dt = (
125
+ /** @type {(inputs: {}) => LocalizedString} */
126
+ () => (
127
+ /** @type {LocalizedString} */
128
+ "Tag value..."
129
+ )
130
+ ), ut = (
131
+ /** @type {(inputs: {}) => LocalizedString} */
132
+ () => (
133
+ /** @type {LocalizedString} */
134
+ "Tag eingeben..."
135
+ )
136
+ ), tn = /* @__NO_SIDE_EFFECTS__ */ (o = {}, n = {}) => (n.locale ?? a()) === "en" ? dt() : ut(), pt = (
137
+ /** @type {(inputs: {}) => LocalizedString} */
138
+ () => (
139
+ /** @type {LocalizedString} */
140
+ "https://..."
141
+ )
142
+ ), gt = (
143
+ /** @type {(inputs: {}) => LocalizedString} */
144
+ () => (
145
+ /** @type {LocalizedString} */
146
+ "https://..."
147
+ )
148
+ ), nn = /* @__NO_SIDE_EFFECTS__ */ (o = {}, n = {}) => (n.locale ?? a()) === "en" ? pt() : gt(), ht = (
149
+ /** @type {(inputs: {}) => LocalizedString} */
150
+ () => (
151
+ /** @type {LocalizedString} */
152
+ "Enter text..."
153
+ )
154
+ ), ft = (
155
+ /** @type {(inputs: {}) => LocalizedString} */
156
+ () => (
157
+ /** @type {LocalizedString} */
158
+ "Text eingeben..."
159
+ )
160
+ ), en = /* @__NO_SIDE_EFFECTS__ */ (o = {}, n = {}) => (n.locale ?? a()) === "en" ? ht() : ft(), vt = (
161
+ /** @type {(inputs: {}) => LocalizedString} */
162
+ () => (
163
+ /** @type {LocalizedString} */
164
+ "Add Content"
165
+ )
166
+ ), mt = (
167
+ /** @type {(inputs: {}) => LocalizedString} */
168
+ () => (
169
+ /** @type {LocalizedString} */
170
+ "Inhalt hinzufügen"
171
+ )
172
+ ), on = /* @__NO_SIDE_EFFECTS__ */ (o = {}, n = {}) => (n.locale ?? a()) === "en" ? vt() : mt(), kt = (
173
+ /** @type {(inputs: {}) => LocalizedString} */
174
+ () => (
175
+ /** @type {LocalizedString} */
176
+ "Save Changes"
177
+ )
178
+ ), At = (
179
+ /** @type {(inputs: {}) => LocalizedString} */
180
+ () => (
181
+ /** @type {LocalizedString} */
182
+ "Speichern"
183
+ )
184
+ ), an = /* @__NO_SIDE_EFFECTS__ */ (o = {}, n = {}) => (n.locale ?? a()) === "en" ? kt() : At(), bt = (
185
+ /** @type {(inputs: {}) => LocalizedString} */
186
+ () => (
187
+ /** @type {LocalizedString} */
188
+ "Delete Annotation?"
189
+ )
190
+ ), wt = (
191
+ /** @type {(inputs: {}) => LocalizedString} */
192
+ () => (
193
+ /** @type {LocalizedString} */
194
+ "Anmerkung löschen?"
195
+ )
196
+ ), rn = /* @__NO_SIDE_EFFECTS__ */ (o = {}, n = {}) => (n.locale ?? a()) === "en" ? bt() : wt(), xt = (
197
+ /** @type {(inputs: {}) => LocalizedString} */
198
+ () => (
199
+ /** @type {LocalizedString} */
200
+ "Are you sure you want to delete this annotation? This action cannot be undone."
201
+ )
202
+ ), Ct = (
203
+ /** @type {(inputs: {}) => LocalizedString} */
204
+ () => (
205
+ /** @type {LocalizedString} */
206
+ "Anmerkung wirklich löschen? Dies kann nicht rückgängig gemacht werden."
207
+ )
208
+ ), ln = /* @__NO_SIDE_EFFECTS__ */ (o = {}, n = {}) => (n.locale ?? a()) === "en" ? xt() : Ct(), yt = (
209
+ /** @type {(inputs: {}) => LocalizedString} */
210
+ () => (
211
+ /** @type {LocalizedString} */
212
+ "Cancel"
213
+ )
214
+ ), zt = (
215
+ /** @type {(inputs: {}) => LocalizedString} */
216
+ () => (
217
+ /** @type {LocalizedString} */
218
+ "Abbrechen"
219
+ )
220
+ ), cn = /* @__NO_SIDE_EFFECTS__ */ (o = {}, n = {}) => (n.locale ?? a()) === "en" ? yt() : zt(), Zt = (
221
+ /** @type {(inputs: {}) => LocalizedString} */
222
+ () => (
223
+ /** @type {LocalizedString} */
224
+ "Delete"
225
+ )
226
+ ), Lt = (
227
+ /** @type {(inputs: {}) => LocalizedString} */
228
+ () => (
229
+ /** @type {LocalizedString} */
230
+ "Löschen"
231
+ )
232
+ ), _n = /* @__NO_SIDE_EFFECTS__ */ (o = {}, n = {}) => (n.locale ?? a()) === "en" ? Zt() : Lt(), Mt = (
233
+ /** @type {(inputs: {}) => LocalizedString} */
234
+ () => (
235
+ /** @type {LocalizedString} */
236
+ "Rectangle"
237
+ )
238
+ ), Et = (
239
+ /** @type {(inputs: {}) => LocalizedString} */
240
+ () => (
241
+ /** @type {LocalizedString} */
242
+ "Rechteck"
243
+ )
244
+ ), sn = /* @__NO_SIDE_EFFECTS__ */ (o = {}, n = {}) => (n.locale ?? a()) === "en" ? Mt() : Et(), Dt = (
245
+ /** @type {(inputs: {}) => LocalizedString} */
246
+ () => (
247
+ /** @type {LocalizedString} */
248
+ "Polygon"
249
+ )
250
+ ), Tt = (
251
+ /** @type {(inputs: {}) => LocalizedString} */
252
+ () => (
253
+ /** @type {LocalizedString} */
254
+ "Polygon"
255
+ )
256
+ ), dn = /* @__NO_SIDE_EFFECTS__ */ (o = {}, n = {}) => (n.locale ?? a()) === "en" ? Dt() : Tt(), Vt = (
257
+ /** @type {(inputs: {}) => LocalizedString} */
258
+ () => (
259
+ /** @type {LocalizedString} */
260
+ "Point"
261
+ )
262
+ ), Ht = (
263
+ /** @type {(inputs: {}) => LocalizedString} */
264
+ () => (
265
+ /** @type {LocalizedString} */
266
+ "Punkt"
267
+ )
268
+ ), un = /* @__NO_SIDE_EFFECTS__ */ (o = {}, n = {}) => (n.locale ?? a()) === "en" ? Vt() : Ht();
269
+ var Pt = t.from_svg('<path d="M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z"></path>'), Rt = t.from_svg('<path d="M232,56V200a16,16,0,0,1-16,16H40a16,16,0,0,1-16-16V56A16,16,0,0,1,40,40H216A16,16,0,0,1,232,56Z" opacity="0.2"></path><path d="M205.66,85.66l-96,96a8,8,0,0,1-11.32,0l-40-40a8,8,0,0,1,11.32-11.32L104,164.69l90.34-90.35a8,8,0,0,1,11.32,11.32Z"></path>', 1), Bt = t.from_svg('<path d="M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40ZM205.66,85.66l-96,96a8,8,0,0,1-11.32,0l-40-40a8,8,0,0,1,11.32-11.32L104,164.69l90.34-90.35a8,8,0,0,1,11.32,11.32Z"></path>'), It = t.from_svg('<path d="M228.24,76.24l-128,128a6,6,0,0,1-8.48,0l-56-56a6,6,0,0,1,8.48-8.48L96,191.51,219.76,67.76a6,6,0,0,1,8.48,8.48Z"></path>'), St = t.from_svg('<path d="M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z"></path>'), Ut = t.from_svg('<path d="M226.83,74.83l-128,128a4,4,0,0,1-5.66,0l-56-56a4,4,0,0,1,5.66-5.66L96,194.34,221.17,69.17a4,4,0,1,1,5.66,5.66Z"></path>'), jt = t.from_svg('<svg><!><rect width="256" height="256" fill="none"></rect><!></svg>');
270
+ function pn(o, n) {
271
+ t.push(n, !0);
272
+ const e = W();
273
+ let y = t.rest_props(n, ["$$slots", "$$events", "$$legacy", "children"]), c = t.derived(() => n.weight ?? e.weight ?? "regular"), z = t.derived(() => n.color ?? e.color ?? "currentColor"), A = t.derived(() => n.size ?? e.size ?? "1em"), Z = t.derived(() => n.mirrored ?? e.mirrored ?? !1);
274
+ function b(r) {
275
+ let { weight: i, color: g, size: x, mirrored: C, ...l } = r;
276
+ return l;
277
+ }
278
+ var p = jt();
279
+ t.attribute_effect(
280
+ p,
281
+ (r, i) => ({
282
+ xmlns: "http://www.w3.org/2000/svg",
283
+ role: "img",
284
+ width: t.get(A),
285
+ height: t.get(A),
286
+ fill: t.get(z),
287
+ transform: t.get(Z) ? "scale(-1, 1)" : void 0,
288
+ viewBox: "0 0 256 256",
289
+ ...r,
290
+ ...i
291
+ }),
292
+ [() => b(e), () => b(y)]
293
+ );
294
+ var w = t.child(p);
295
+ {
296
+ var L = (r) => {
297
+ var i = t.comment(), g = t.first_child(i);
298
+ t.snippet(g, () => n.children), t.append(r, i);
299
+ };
300
+ t.if(w, (r) => {
301
+ n.children && r(L);
302
+ });
303
+ }
304
+ var M = t.sibling(w, 2);
305
+ {
306
+ var E = (r) => {
307
+ var i = Pt();
308
+ t.append(r, i);
309
+ }, D = (r) => {
310
+ var i = t.comment(), g = t.first_child(i);
311
+ {
312
+ var x = (l) => {
313
+ var h = Rt();
314
+ t.next(), t.append(l, h);
315
+ }, C = (l) => {
316
+ var h = t.comment(), T = t.first_child(h);
317
+ {
318
+ var V = (_) => {
319
+ var f = Bt();
320
+ t.append(_, f);
321
+ }, H = (_) => {
322
+ var f = t.comment(), P = t.first_child(f);
323
+ {
324
+ var R = (s) => {
325
+ var v = It();
326
+ t.append(s, v);
327
+ }, B = (s) => {
328
+ var v = t.comment(), I = t.first_child(v);
329
+ {
330
+ var S = (d) => {
331
+ var m = St();
332
+ t.append(d, m);
333
+ }, U = (d) => {
334
+ var m = t.comment(), j = t.first_child(m);
335
+ {
336
+ var q = (u) => {
337
+ var k = Ut();
338
+ t.append(u, k);
339
+ }, K = (u) => {
340
+ var k = t.text();
341
+ k.nodeValue = (console.error('Unsupported icon weight. Choose from "thin", "light", "regular", "bold", "fill", or "duotone".'), ""), t.append(u, k);
342
+ };
343
+ t.if(
344
+ j,
345
+ (u) => {
346
+ t.get(c) === "thin" ? u(q) : u(K, !1);
347
+ },
348
+ !0
349
+ );
350
+ }
351
+ t.append(d, m);
352
+ };
353
+ t.if(
354
+ I,
355
+ (d) => {
356
+ t.get(c) === "regular" ? d(S) : d(U, !1);
357
+ },
358
+ !0
359
+ );
360
+ }
361
+ t.append(s, v);
362
+ };
363
+ t.if(
364
+ P,
365
+ (s) => {
366
+ t.get(c) === "light" ? s(R) : s(B, !1);
367
+ },
368
+ !0
369
+ );
370
+ }
371
+ t.append(_, f);
372
+ };
373
+ t.if(
374
+ T,
375
+ (_) => {
376
+ t.get(c) === "fill" ? _(V) : _(H, !1);
377
+ },
378
+ !0
379
+ );
380
+ }
381
+ t.append(l, h);
382
+ };
383
+ t.if(
384
+ g,
385
+ (l) => {
386
+ t.get(c) === "duotone" ? l(x) : l(C, !1);
387
+ },
388
+ !0
389
+ );
390
+ }
391
+ t.append(r, i);
392
+ };
393
+ t.if(M, (r) => {
394
+ t.get(c) === "bold" ? r(E) : r(D, !1);
395
+ });
396
+ }
397
+ t.reset(p), t.append(o, p), t.pop();
398
+ }
399
+ export {
400
+ pn as C,
401
+ on as a,
402
+ cn as b,
403
+ Gt as c,
404
+ _n as d,
405
+ ln as e,
406
+ rn as f,
407
+ $t as g,
408
+ Ft as h,
409
+ Yt as i,
410
+ Jt as j,
411
+ Nt as k,
412
+ nn as l,
413
+ Xt as m,
414
+ an as n,
415
+ tn as o,
416
+ en as p,
417
+ Wt as q,
418
+ Ot as r,
419
+ Qt as s,
420
+ un as t,
421
+ dn as u,
422
+ sn as v
423
+ };
@@ -146,7 +146,7 @@ class lt {
146
146
  this,
147
147
  U,
148
148
  // Pairing offset for paged mode: 0 = default (pairs start at 1+2), 1 = shifted (page 1 alone, pairs start at 2+3)
149
- t.state(0)
149
+ t.state(1)
150
150
  );
151
151
  h(this, q, t.state(t.proxy({ x: 20, y: 100 })));
152
152
  h(this, K, t.state(t.proxy({ width: 300, height: 400 })));
@@ -413,7 +413,7 @@ class lt {
413
413
  updateConfig(e) {
414
414
  var n;
415
415
  const s = this.config;
416
- if (this.config = e, e.toolbarOpen !== void 0 && (this.toolbarOpen = e.toolbarOpen), e.viewingMode && (this.viewingMode = e.viewingMode), e.gallery && (e.gallery.open !== void 0 && (this.showThumbnailGallery = e.gallery.open), e.gallery.dockPosition !== void 0 && (this.dockSide = e.gallery.dockPosition), e.gallery.width !== void 0 && (this.gallerySize.width = e.gallery.width), e.gallery.height !== void 0 && (this.gallerySize.height = e.gallery.height), e.gallery.x !== void 0 && (this.galleryPosition.x = e.gallery.x), e.gallery.y !== void 0 && (this.galleryPosition.y = e.gallery.y)), e.search) {
416
+ if (this.config = e, e.toolbarOpen !== void 0 && (this.toolbarOpen = e.toolbarOpen), e.viewingMode && (this.viewingMode = e.viewingMode), e.pagedViewOffset !== void 0 && (this.pagedOffset = e.pagedViewOffset ? 1 : 0), e.gallery && (e.gallery.open !== void 0 && (this.showThumbnailGallery = e.gallery.open), e.gallery.dockPosition !== void 0 && (this.dockSide = e.gallery.dockPosition), e.gallery.width !== void 0 && (this.gallerySize.width = e.gallery.width), e.gallery.height !== void 0 && (this.gallerySize.height = e.gallery.height), e.gallery.x !== void 0 && (this.galleryPosition.x = e.gallery.x), e.gallery.y !== void 0 && (this.galleryPosition.y = e.gallery.y)), e.search) {
417
417
  e.search.open !== void 0 && (this.showSearchPanel = e.search.open);
418
418
  const r = e.search.query, u = (n = s.search) == null ? void 0 : n.query;
419
419
  r !== void 0 && r !== u && r !== this.searchQuery && this._performSearch(r);
@@ -456,7 +456,7 @@ class lt {
456
456
  this.dispatchStateChange();
457
457
  }
458
458
  togglePagedOffset() {
459
- this.pagedOffset = this.pagedOffset === 0 ? 1 : 0;
459
+ this.pagedOffset = this.pagedOffset === 0 ? 1 : 0, this.config.pagedViewOffset = this.pagedOffset === 1;
460
460
  const e = this.pagedOffset;
461
461
  if (this.currentCanvasIndex >= e && (this.currentCanvasIndex - e) % 2 === 1) {
462
462
  const n = this.currentCanvasIndex - 1, r = this.canvases[n];