triiiceratops 0.12.5 → 0.12.7

package/dist/{ArrowCounterClockwise-Bcse6skq.js → ArrowCounterClockwise-BkrSndVO.js}

@@ -1,6 +1,6 @@
 import "svelte/internal/disclose-version";
 import * as a from "svelte/internal/client";
-import { g as N } from "./X-BsrpnzCK.js";
+import { g as N } from "./X-B3XldraD.js";
 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>');
 function $(L, r) {
   a.push(r, !0);

package/dist/{Check-D3d2XX_P.js → Check-CB_Zdp64.js}

@@ -1,4 +1,4 @@
-import { a, g as W } from "./X-BsrpnzCK.js";
+import { a, g as W } from "./X-B3XldraD.js";
 import "svelte/internal/disclose-version";
 import * as t from "svelte/internal/client";
 const F = (

package/dist/{X-BsrpnzCK.js → X-B3XldraD.js}

@@ -146,7 +146,7 @@ class lt {
       this,
       U,
       // Pairing offset for paged mode: 0 = default (pairs start at 1+2), 1 = shifted (page 1 alone, pairs start at 2+3)
-      t.state(0)
+      t.state(1)
     );
     h(this, q, t.state(t.proxy({ x: 20, y: 100 })));
     h(this, K, t.state(t.proxy({ width: 300, height: 400 })));
@@ -413,7 +413,7 @@ class lt {
   updateConfig(e) {
     var n;
     const s = this.config;
-    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) {
+    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) {
       e.search.open !== void 0 && (this.showSearchPanel = e.search.open);
       const r = e.search.query, u = (n = s.search) == null ? void 0 : n.query;
       r !== void 0 && r !== u && r !== this.searchQuery && this._performSearch(r);
@@ -456,7 +456,7 @@ class lt {
     this.dispatchStateChange();
   }
   togglePagedOffset() {
-    this.pagedOffset = this.pagedOffset === 0 ? 1 : 0;
+    this.pagedOffset = this.pagedOffset === 0 ? 1 : 0, this.config.pagedViewOffset = this.pagedOffset === 1;
     const e = this.pagedOffset;
     if (this.currentCanvasIndex >= e && (this.currentCanvasIndex - e) % 2 === 1) {
       const n = this.currentCanvasIndex - 1, r = this.canvases[n];

package/dist/components/SettingsMenu.svelte

@@ -239,6 +239,22 @@
                         </select>
                     </label>
                 </li>
+                <li>
+                    <label class="label cursor-pointer py-1">
+                        <span class="label-text"
+                            >{m.settings_paged_view_offset()}</span
+                        >
+                        <input
+                            type="checkbox"
+                            class="checkbox checkbox-xs"
+                            checked={config.pagedViewOffset ?? true}
+                            onchange={(e) => {
+                                config.pagedViewOffset =
+                                    e.currentTarget.checked;
+                            }}
+                        />
+                    </label>
+                </li>
             </ul>
         </details>
     </li>

package/dist/components/Toolbar.svelte

@@ -118,9 +118,6 @@
                     <X size={20} weight="bold" />
                 </button>
             </div>
-        {:else}
-            <!-- Add some padding if no close button -->
-            <div class={isTop ? 'w-2' : 'h-2'}></div>
         {/if}
 
         <!-- Scrollable Actions -->
@@ -134,8 +131,8 @@
                 isTop && isOverflowVisible && 'overflow-visible',
                 !isTop &&
                     !isOverflowVisible &&
-                    'py-2 px-1 flex-1 overflow-y-auto overflow-x-hidden w-12',
-                !isTop && isOverflowVisible && 'py-2 px-1 flex-1 w-12',
+                    'py-2 px-0 flex-1 overflow-y-auto overflow-x-hidden w-12',
+                !isTop && isOverflowVisible && 'py-2 px-0 flex-1 w-12',
             ]}
         >
             <!-- --- Standard Actions --- -->
@@ -144,7 +141,7 @@
                 <li>
                     <button
                         class={[
-                            'flex items-center justify-center',
+                            'flex items-center justify-center aspect-square rounded-full',
                             viewerState.showSearchPanel && 'active',
                         ]}
                         use:tooltip={{
@@ -163,7 +160,7 @@
                 <li>
                     <button
                         class={[
-                            'flex items-center justify-center',
+                            'flex items-center justify-center aspect-square rounded-full',
                             viewerState.showThumbnailGallery && 'active',
                         ]}
                         use:tooltip={{
@@ -193,7 +190,7 @@
                     <div
                         tabindex="0"
                         role="button"
-                        class="flex items-center justify-center"
+                        class="flex items-center justify-center aspect-square rounded-full"
                         use:tooltip={{
                             content: m.viewing_mode_label(),
                             position: tooltipPos,
@@ -271,7 +268,7 @@
                 <li>
                     <button
                         class={[
-                            'flex items-center justify-center',
+                            'flex items-center justify-center aspect-square rounded-full',
                             viewerState.isFullScreen && 'active',
                         ]}
                         use:tooltip={{
@@ -298,7 +295,7 @@
                 <li>
                     <button
                         class={[
-                            'flex items-center justify-center',
+                            'flex items-center justify-center aspect-square rounded-full',
                             viewerState.showAnnotations && 'active',
                         ]}
                         use:tooltip={{
@@ -321,7 +318,7 @@
                 <li>
                     <button
                         class={[
-                            'flex items-center justify-center',
+                            'flex items-center justify-center aspect-square rounded-full',
                             viewerState.showMetadataDialog && 'active',
                         ]}
                         use:tooltip={{
@@ -359,7 +356,7 @@
                 <li>
                     <button
                         class={[
-                            'flex items-center justify-center',
+                            'flex items-center justify-center aspect-square rounded-full',
                             button.isActive?.() && 'active',
                         ]}
                         use:tooltip={{

package/dist/components/TriiiceratopsViewerElement.svelte

@@ -1,4 +1,3 @@
-<!-- svelte-ignore options_missing_custom_element -->
 <svelte:options
     customElement={{
         tag: 'triiiceratops-viewer',

package/dist/{image_filters_reset-Dw23NgOZ.js → image_filters_reset-jtpS22ff.js}

@@ -1,4 +1,4 @@
-import { a as t } from "./X-BsrpnzCK.js";
+import { a as t } from "./X-B3XldraD.js";
 const s = (
   /** @type {(inputs: {}) => LocalizedString} */
   () => (

package/dist/paraglide/messages/_index.d.ts

@@ -128,6 +128,7 @@ export * from "./viewing_mode_shift_pairing.js";
 export * from "./settings_toggle_show_viewing_mode.js";
 export * from "./demo_title.js";
 export * from "./settings_view_configuration.js";
+export * from "./settings_paged_view_offset.js";
 export * from "./settings_thumbnail_height.js";
 export * from "./toggle_two_page_mode.js";
 export * from "./toggle_single_page_mode.js";

package/dist/paraglide/messages/_index.js

@@ -130,6 +130,7 @@ export * from './viewing_mode_shift_pairing.js'
 export * from './settings_toggle_show_viewing_mode.js'
 export * from './demo_title.js'
 export * from './settings_view_configuration.js'
+export * from './settings_paged_view_offset.js'
 export * from './settings_thumbnail_height.js'
 export * from './toggle_two_page_mode.js'
 export * from './toggle_single_page_mode.js'

package/dist/paraglide/messages/settings_paged_view_offset.d.ts

@@ -0,0 +1,4 @@
+export function settings_paged_view_offset(inputs?: {}, options?: {
+    locale?: "en" | "de";
+}): LocalizedString;
+export type LocalizedString = import("../runtime.js").LocalizedString;

package/dist/paraglide/messages/settings_paged_view_offset.js

@@ -0,0 +1,33 @@
+/* eslint-disable */
+import { getLocale, trackMessageCall, experimentalMiddlewareLocaleSplitting, isServer } from '../runtime.js';
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+const en_settings_paged_view_offset = /** @type {(inputs: {}) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Paged View Offset`)
+};
+
+/** @type {(inputs: {}) => LocalizedString} */
+const de_settings_paged_view_offset = en_settings_paged_view_offset;
+
+/**
+* This function has been compiled by [Paraglide JS](https://inlang.com/m/gerre34r).
+*
+* - Changing this function will be over-written by the next build.
+*
+* - If you want to change the translations, you can either edit the source files e.g. `en.json`, or
+* use another inlang app like [Fink](https://inlang.com/m/tdozzpar) or the [VSCode extension Sherlock](https://inlang.com/m/r7kp499g).
+* 
+* @param {{}} inputs
+* @param {{ locale?: "en" | "de" }} options
+* @returns {LocalizedString}
+*/
+/* @__NO_SIDE_EFFECTS__ */
+export const settings_paged_view_offset = (inputs = {}, options = {}) => {
+	if (experimentalMiddlewareLocaleSplitting && isServer === false) {
+		return /** @type {any} */ (globalThis).__paraglide_ssr.settings_paged_view_offset(inputs) 
+	}
+	const locale = options.locale ?? getLocale()
+	trackMessageCall("settings_paged_view_offset", locale)
+	if (locale === "en") return en_settings_paged_view_offset(inputs)
+	return de_settings_paged_view_offset(inputs)
+};

package/dist/plugins/annotation-editor.js

@@ -4,9 +4,9 @@ var B = (V, t, a) => Me(V, typeof t != "symbol" ? t + "" : t, a);
 import "svelte/internal/disclose-version";
 import * as e from "svelte/internal/client";
 import { getContext as He, untrack as Ce, onMount as Le, onDestroy as Se } from "svelte";
-import { m as _e, g as re, l as ze, s as Ie, X as we, c as Te, V as De } from "../X-BsrpnzCK.js";
-import { A as Ee } from "../ArrowCounterClockwise-Bcse6skq.js";
-import { q as je, h as Ue, c as Re, j as Pe, k as Oe, t as Be, u as Fe, v as qe, r as We, s as Ke, m as Ne, C as Je, i as Xe, g as Ye, a as Ge, n as Qe, f as $e, e as et, b as tt, d as at, o as ot, l as nt, p as rt } from "../Check-D3d2XX_P.js";
+import { m as _e, g as re, l as ze, s as Ie, X as we, c as Te, V as De } from "../X-B3XldraD.js";
+import { A as Ee } from "../ArrowCounterClockwise-BkrSndVO.js";
+import { q as je, h as Ue, c as Re, j as Pe, k as Oe, t as Be, u as Fe, v as qe, r as We, s as Ke, m as Ne, C as Je, i as Xe, g as Ye, a as Ge, n as Qe, f as $e, e as et, b as tt, d as at, o as ot, l as nt, p as rt } from "../Check-CB_Zdp64.js";
 class ue {
   constructor() {
     B(this, "id", "localStorage");

package/dist/plugins/image-manipulation.js

@@ -1,9 +1,9 @@
 import "svelte/internal/disclose-version";
 import * as e from "svelte/internal/client";
 import { getContext as s0 } from "svelte";
-import { l as l0, s as i0, X as n0, c as o0, V as c0, g as v0 } from "../X-BsrpnzCK.js";
-import { A as d0 } from "../ArrowCounterClockwise-Bcse6skq.js";
-import { i as _0, a as g0, b as f0, g as u0, c as h0, e as m0, d as p0, f as b0 } from "../image_filters_reset-Dw23NgOZ.js";
+import { l as l0, s as i0, X as n0, c as o0, V as c0, g as v0 } from "../X-B3XldraD.js";
+import { A as d0 } from "../ArrowCounterClockwise-BkrSndVO.js";
+import { i as _0, a as g0, b as f0, g as u0, c as h0, e as m0, d as p0, f as b0 } from "../image_filters_reset-jtpS22ff.js";
 const G = {
   brightness: 100,
   contrast: 100,

package/dist/state/viewer.svelte.js

@@ -39,7 +39,7 @@ export class ViewerState {
         this.config.viewingMode = value;
     }
     // Pairing offset for paged mode: 0 = default (pairs start at 1+2), 1 = shifted (page 1 alone, pairs start at 2+3)
-    pagedOffset = $state(0);
+    pagedOffset = $state(1);
     // Gallery State (Lifted for persistence during re-docking)
     galleryPosition = $state({ x: 20, y: 100 });
     gallerySize = $state({ width: 300, height: 400 });
@@ -251,6 +251,9 @@ export class ViewerState {
             // direct assignment works because of the setter
             this.viewingMode = newConfig.viewingMode;
         }
+        if (newConfig.pagedViewOffset !== undefined) {
+            this.pagedOffset = newConfig.pagedViewOffset ? 1 : 0;
+        }
         if (newConfig.gallery) {
             if (newConfig.gallery.open !== undefined) {
                 this.showThumbnailGallery = newConfig.gallery.open;
@@ -356,6 +359,7 @@ export class ViewerState {
     }
     togglePagedOffset() {
         this.pagedOffset = this.pagedOffset === 0 ? 1 : 0;
+        this.config.pagedViewOffset = this.pagedOffset === 1;
         // Adjust current canvas position if needed
         const singlePages = this.pagedOffset;
         if (this.currentCanvasIndex >= singlePages) {