@phosart/devtool 0.2.68 → 0.3.0

package/build/server/chunks/_page.svelte-D178FMOD.js

@@ -0,0 +1,805 @@
+import { B as derived, W as setContext, p as head, t as escape_html, z as attr_class, R as clsx, y as attr, x as ensure_array_like, E as bind_props, O as getContext, G as spread_props } from './root-C9Hma45-.js';
+import { A as AddImageButton } from './AddImageButton-C4yniSzj.js';
+import { C as Collapsable, M as Modal } from './Modal-C0ES40l0.js';
+import { b as getOverrides, g as getEpoch } from './galleryoverride.svelte-KeKQnrJx.js';
+import { T as TagEdit, C as ChippedInput, a as ControlledChippedInput } from './TagEdit-BqwP0FFi.js';
+import { T as TextInput, d as addVisualization, b as addKey, a as arrAsObject } from './SearchInput-BgG4wOSi.js';
+import { n as normalizeCharacter, a as normalizeArtist } from './art-kKkUpdby.js';
+import { DateTime } from 'luxon';
+import { r as resolve } from './server2-BkW4FhQy.js';
+import { t as truthy } from './util-DTbakmxX.js';
+import '@monaco-editor/loader';
+import { O as OriginalImage } from './OriginalImage-C1Oocqz3.js';
+import { C as Checkbox } from './Checkbox-CozDRCdr.js';
+import { i as isExtendsGallery, a as isBaseGallery, c as copyPieces } from './galleryutil-CNHfNYsK.js';
+import { g as goto, i as invalidateAll } from './index-ChycExq-.js';
+import { A as ActionButton } from './ActionButton-zFpFdWu0.js';
+import { L as Layout, I as Icon } from './Layout-CCaz3zTu.js';
+import './Tooltip-B5AhBaHE.js';
+import './log-Dgdg632G.js';
+import 'tslog';
+import './circle-x-pI9e3-ZY.js';
+import 'fuzzysort';
+import './routing-DYQTvdBm.js';
+import 'node:path';
+import './exports-C9KHKwPe.js';
+import './navbarstate.svelte-DDGU7WKW.js';
+
+const key$1 = /* @__PURE__ */ Symbol();
+function useArtistsContext(artists) {
+  setContext(key$1, artists);
+}
+function useArtists() {
+  return getContext(key$1);
+}
+const key = /* @__PURE__ */ Symbol();
+function useCharacterContext(characters) {
+  setContext(key, characters);
+}
+function useCharacters() {
+  return getContext(key);
+}
+function Funnel($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { $$slots, $$events, ...props } = $$props;
+    const iconNode = [
+      [
+        "path",
+        {
+          "d": "M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z"
+        }
+      ]
+    ];
+    Icon($$renderer2, spread_props([
+      { name: "funnel" },
+      /**
+       * @component @name Funnel
+       * @description Lucide SVG icon component, renders SVG Element with children.
+       *
+       * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aCBkPSJNMTAgMjBhMSAxIDAgMCAwIC41NTMuODk1bDIgMUExIDEgMCAwIDAgMTQgMjF2LTdhMiAyIDAgMCAxIC41MTctMS4zNDFMMjEuNzQgNC42N0ExIDEgMCAwIDAgMjEgM0gzYTEgMSAwIDAgMC0uNzQyIDEuNjdsNy4yMjUgNy45ODlBMiAyIDAgMCAxIDEwIDE0eiIgLz4KPC9zdmc+Cg==) - https://lucide.dev/icons/funnel
+       * @see https://lucide.dev/guide/packages/lucide-svelte - Documentation
+       *
+       * @param {Object} props - Lucide icons props and any valid SVG attribute
+       * @returns {FunctionalComponent} Svelte component
+       *
+       */
+      props,
+      {
+        iconNode,
+        children: ($$renderer3) => {
+          props.children?.($$renderer3);
+          $$renderer3.push(`<!---->`);
+        },
+        $$slots: { default: true }
+      }
+    ]));
+  });
+}
+function ArtistEdit($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { artists: pieceArtists = void 0 } = $$props;
+    const allArtists = useArtists();
+    const normalizedAll = derived(() => normalizeArtist(Object.keys(allArtists), allArtists));
+    const normalized = derived(() => normalizeArtist(pieceArtists, allArtists));
+    const options = derived(() => arrAsObject(addKey(normalizedAll(), (na) => `@${na.info.handle} (${na.info.name})`), (s) => s.info.handle));
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      var bind_get = () => normalized();
+      var bind_set = (v) => void (pieceArtists = v.map((v2) => v2.name));
+      {
+        let renderChip = function($$renderer4, na) {
+          $$renderer4.push(`<!---->@${escape_html(na.name)}`);
+        };
+        ChippedInput($$renderer3, {
+          label: "Artists",
+          options: options(),
+          get value() {
+            return bind_get();
+          },
+          set value($$value) {
+            bind_set($$value);
+          },
+          prefix: "@",
+          onAddUnknown: (s) => {
+            return { name: s, anonymous: false, info: null };
+          },
+          renderChip,
+          $$slots: { renderChip: true }
+        });
+      }
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+    bind_props($$props, { artists: pieceArtists });
+  });
+}
+function CharactersEdit($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { characters: pieceCharacters = void 0, allCharacters } = $$props;
+    const fullCharacters = useCharacters();
+    const allArtists = useArtists();
+    let search = "";
+    let manualArtistOptions = derived(() => arrAsObject(Object.keys(allArtists).map((a) => ({ name: search.split(" by")[0], from: a })).filter((ch) => !(`${ch.name} by ${ch.from}` in allCharacters)), (a) => `[new] ${a.name} by ${a.from}`));
+    let options = derived(() => ({ ...allCharacters, ...manualArtistOptions() }));
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      {
+        let renderChip = function($$renderer4, ch) {
+          const nch = normalizeCharacter(ch, fullCharacters);
+          $$renderer4.push(`<div>`);
+          if (!nch.from) {
+            $$renderer4.push("<!--[0-->");
+            if (nch.info) {
+              $$renderer4.push("<!--[0-->");
+              $$renderer4.push(`${escape_html(nch.info.name)}`);
+            } else {
+              $$renderer4.push("<!--[-1-->");
+              $$renderer4.push(`${escape_html(nch.name)}`);
+            }
+            $$renderer4.push(`<!--]-->`);
+          } else {
+            $$renderer4.push("<!--[-1-->");
+            $$renderer4.push(`${escape_html(nch.name)} by ${escape_html(nch.from)}`);
+          }
+          $$renderer4.push(`<!--]--></div>`);
+        };
+        ControlledChippedInput($$renderer3, {
+          label: "Characters",
+          options: options(),
+          onSelect: (k, v) => {
+            if (!v) {
+              k = k.replaceAll(/^\[new\]\s*/g, "");
+              const arr = k.split(" by ");
+              if (arr.length == 2) {
+                v = { from: arr[1], name: arr[0] };
+              } else {
+                v = arr[0];
+              }
+            }
+            pieceCharacters = [...pieceCharacters, v];
+            search = "";
+          },
+          onRemove: (_, i) => {
+            pieceCharacters = [
+              ...pieceCharacters.slice(0, i),
+              ...pieceCharacters.slice(i + 1)
+            ];
+          },
+          value: pieceCharacters,
+          get search() {
+            return search;
+          },
+          set search($$value) {
+            search = $$value;
+            $$settled = false;
+          },
+          renderChip,
+          $$slots: { renderChip: true }
+        });
+      }
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+    bind_props($$props, { characters: pieceCharacters });
+  });
+}
+function ExtendsEdit($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { value = void 0, allGalleries } = $$props;
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      ChippedInput($$renderer3, {
+        label: "Extends...",
+        options: arrAsObject(allGalleries),
+        get value() {
+          return value;
+        },
+        set value($$value) {
+          value = $$value;
+          $$settled = false;
+        }
+      });
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+    bind_props($$props, { value });
+  });
+}
+function OptionalInput($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { value = void 0, empty, control, label } = $$props;
+    let oldValue = null;
+    const enabled = derived(() => (value ?? null) != null);
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      var bind_get = () => enabled();
+      var bind_set = (c) => {
+        if (c) {
+          value = value ?? oldValue ?? empty;
+        } else {
+          console.log("X", { value, oldValue });
+          oldValue = value ?? oldValue ?? null;
+          value = null;
+        }
+      };
+      $$renderer3.push(`<div class="relative flex items-stretch gap-x-4">`);
+      control($$renderer3, enabled(), value ?? oldValue ?? empty);
+      $$renderer3.push(`<!----> <div class="bottom-0 flex w-2 items-center border border-l-0"><div class="flex gap-x-2">`);
+      Checkbox($$renderer3, {
+        label: label ?? "Enabled",
+        right: true,
+        get checked() {
+          return bind_get();
+        },
+        set checked($$value) {
+          bind_set($$value);
+        }
+      });
+      $$renderer3.push(`<!----></div></div></div>`);
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+    bind_props($$props, { value });
+  });
+}
+function ScreenSentinel($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    $$renderer2.push(`<div></div>`);
+  });
+}
+async function persistGallery(galleryPath, gallery, invalidate = true) {
+  try {
+    await fetch(resolve("/api/gallery/[...gallerypath]/save", { gallerypath: galleryPath }), {
+      method: "POST",
+      body: JSON.stringify(gallery),
+      headers: { "Content-Type": "application/json" }
+    });
+  } finally {
+    if (invalidate) {
+      await invalidateAll();
+    }
+  }
+}
+function _page($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    const { data } = $$props;
+    const rawGallery = derived(() => data.galleries[data.galleryPath]);
+    let g = rawGallery();
+    let filters = [];
+    let searchMode = "every";
+    const sorted = derived(() => g && isBaseGallery(g) ? g.pieces.map((v, i) => [v, i]).toSorted(([a], [b]) => b.date.getTime() - a.date.getTime()).filter(([piece]) => filters.length === 0 || filters[searchMode]((rr) => {
+      const doesMatch = (() => {
+        switch (rr.type) {
+          case "piece":
+            return rr.resource.slug === piece.slug;
+          case "artist": {
+            const as = normalizeArtist(piece.artist, data.allArtists);
+            return as.some((a) => (a.info?.handle ?? a.name)?.toLowerCase() === (rr.resource.info?.handle ?? a.name)?.toLowerCase());
+          }
+          case "character": {
+            const ac = normalizeCharacter(piece.characters, data.allCharacters);
+            return ac.some((c) => c.info ? c.info.name?.toLowerCase() === rr.resource.info?.name?.toLowerCase() : c.name.toLowerCase() === rr.resource.name.toLowerCase() && c.from?.toLowerCase() === rr.resource.from?.toLowerCase());
+          }
+          case "tag": {
+            return piece.tags?.find((t) => t.toLowerCase() === rr.resource.toLowerCase()) ?? false;
+          }
+        }
+      })();
+      return rr.negated ? !doesMatch : doesMatch;
+    })) : []);
+    useArtistsContext(data.allArtists);
+    useCharacterContext(data.allCharacters);
+    let loading = false;
+    const overrides = getOverrides();
+    let epoch = getEpoch();
+    let limit = 12;
+    let bulkSelected = [];
+    let completingBulk = false;
+    let bulkModifications = {
+      add: { artists: [], characters: [], tags: [] },
+      remove: { artists: [], characters: [], tags: [] },
+      isDeindexed: null,
+      isNsfw: null
+    };
+    async function save() {
+      loading = true;
+      try {
+        await persistGallery(
+          data.galleryPath,
+          g,
+          /* invalidate = */
+          false
+        );
+        epoch.epoch += 1;
+        overrides.reset();
+        await invalidateAll();
+      } finally {
+        loading = false;
+      }
+    }
+    let copyPath = "";
+    const filterable = derived(() => {
+      const artistRefs = normalizeArtist(Object.keys(data.allArtists), data.allArtists).map((a) => ({ type: "artist", resource: a }));
+      const tags = data.allTags.map((v) => ({ type: "tag", resource: v }));
+      const char = normalizeCharacter(Object.keys(data.allCharacters), data.allCharacters).map((c) => ({ type: "character", resource: c }));
+      function getKey(r) {
+        const base = (() => {
+          switch (r.type) {
+            case "artist":
+              return "artist:" + r.resource.info.handle.toLowerCase().trim();
+            case "character":
+              return "character:" + (r.resource.name + (r.resource.from ? ":" + r.resource.from : "")).toLowerCase().trim();
+            case "tag":
+              return "tag:" + r.resource.toLowerCase().trim();
+            default:
+              throw Error("Unsupported");
+          }
+        })();
+        if (r.negated) {
+          return "-" + base;
+        }
+        return base;
+      }
+      const positive = Object.fromEntries(addVisualization(addKey([...artistRefs, ...tags, ...char], getKey), getKey).map((v) => {
+        return [getKey(v), v];
+      }));
+      const negative = Object.fromEntries(addVisualization(addKey([...artistRefs, ...tags, ...char].map((v) => ({ ...v, negated: true })), getKey), getKey).map((v) => {
+        return [getKey(v), v];
+      }));
+      return { ...positive, ...negative };
+    });
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      head("10lyvyb", $$renderer3, ($$renderer4) => {
+        $$renderer4.title(($$renderer5) => {
+          $$renderer5.push(`<title>${escape_html(data.galleryPath)} | Art Site Editor</title>`);
+        });
+      });
+      {
+        let navRight = function($$renderer4) {
+          if (!isExtendsGallery(g)) {
+            $$renderer4.push("<!--[0-->");
+            {
+              let icon = function($$renderer5) {
+                Funnel($$renderer5, {});
+              };
+              Modal($$renderer4, {
+                title: "Filter",
+                class: "mr-8 preset-outlined",
+                icon,
+                children: ($$renderer5) => {
+                  $$renderer5.push(`<div class="p-4 pb-0">Filter by tags</div> <div class="flex w-full min-w-md items-center p-4 pt-0">`);
+                  ChippedInput($$renderer5, {
+                    class: "w-full",
+                    label: "",
+                    options: filterable(),
+                    get value() {
+                      return filters;
+                    },
+                    set value($$value) {
+                      filters = $$value;
+                      $$settled = false;
+                    }
+                  });
+                  $$renderer5.push(`<!----> `);
+                  ActionButton($$renderer5, {
+                    action: () => {
+                      searchMode = searchMode === "every" ? "some" : "every";
+                    },
+                    class: "mr-1 btn h-fit w-12 preset-tonal-tertiary",
+                    children: ($$renderer6) => {
+                      $$renderer6.push(`<!---->${escape_html(searchMode === "every" ? "all" : "any")}`);
+                    }
+                  });
+                  $$renderer5.push(`<!----></div>`);
+                },
+                $$slots: { icon: true, default: true }
+              });
+            }
+          } else {
+            $$renderer4.push("<!--[-1-->");
+          }
+          $$renderer4.push(`<!--]-->`);
+        };
+        Layout($$renderer3, {
+          breadcrumbs: data.galleryPath.split("/"),
+          title: "Edit Gallery",
+          navRight,
+          children: ($$renderer4) => {
+            if (isExtendsGallery(g)) {
+              $$renderer4.push("<!--[0-->");
+              $$renderer4.push(`<div class="flex flex-col">`);
+              ExtendsEdit($$renderer4, {
+                allGalleries: data.allGalleryRelpaths,
+                get value() {
+                  return g.$extends;
+                },
+                set value($$value) {
+                  g.$extends = $$value;
+                  $$settled = false;
+                }
+              });
+              $$renderer4.push(`<!----> `);
+              ActionButton($$renderer4, {
+                action: save,
+                children: ($$renderer5) => {
+                  $$renderer5.push(`<!---->Save`);
+                }
+              });
+              $$renderer4.push(`<!----></div>`);
+            } else {
+              $$renderer4.push("<!--[-1-->");
+              $$renderer4.push(`<div class="absolute right-3 bottom-4 z-20"><div class="m-2 flex flex-row-reverse items-end gap-x-2"><div class="flex grow">`);
+              {
+                $$renderer4.push("<!--[-1-->");
+                AddImageButton($$renderer4, {
+                  title: "Drag (or paste) an image to add it",
+                  defaultArtist: data.config?.defaultArtist ?? null,
+                  existingIdentifiers: isBaseGallery(g) ? g?.pieces?.map((p) => p.slug) ?? [] : [],
+                  galleryPath: { gallery: data.galleryPath, piece: "" },
+                  onUpload: (additionalPieces) => {
+                    if (!isBaseGallery(g)) return;
+                    for (const piece of additionalPieces) {
+                      overrides.setFromNew({ gallery: data.galleryPath, piece: piece.piece.slug }, piece.file);
+                    }
+                    g.pieces = [...g.pieces, ...additionalPieces.map((p) => p.piece)];
+                    save();
+                  }
+                });
+              }
+              $$renderer4.push(`<!--]--></div> <div><button${attr_class(`btn block grow preset-outlined-primary-50-950 bg-surface-100-900 ${"border-gray-400"} text-left text-surface-contrast-100-900 select-none`)}><i${attr_class(clsx("fa-regular fa-square-check"))}></i> `);
+              {
+                $$renderer4.push("<!--[-1-->");
+                $$renderer4.push(`Bulk Edit`);
+              }
+              $$renderer4.push(`<!--]--></button></div> <div><a${attr("href", resolve("/gallery/[...gallerypath]/bluesky", { gallerypath: data.galleryPath }))} class="btn block grow cursor-pointer border preset-outlined-primary-50-950 border-blue-400 bg-surface-100-900 text-left text-blue-600 select-none dark:border-blue-600 dark:text-blue-400"><i class="fa-brands fa-bluesky"></i> Import from Bluesky</a></div></div></div> <div class="grid grid-cols-1 items-stretch justify-stretch md:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4"><!--[-->`);
+              const each_array = ensure_array_like(sorted().slice(0, limit));
+              for (let sortedIndex = 0, $$length = each_array.length; sortedIndex < $$length; sortedIndex++) {
+                let [piece, i] = each_array[sortedIndex];
+                $$renderer4.push(`<div class="flex items-center">`);
+                {
+                  $$renderer4.push("<!--[-1-->");
+                }
+                $$renderer4.push(`<!--]--> <button${attr_class(`m-2 grow overflow-hidden rounded-2xl border ${piece.deindexed ? "border-warning-600-400 bg-surface-100-900 hover:bg-surface-300-700 active:bg-surface-400-600" : "border-surface-600-400 bg-surface-200-800 hover:bg-surface-300-700 active:bg-surface-400-600"} ${piece.nsfw ? "outline-2 outline-amber-600" : ""}`)}><div class="h-48 overflow-hidden">`);
+                OriginalImage($$renderer4, {
+                  galleryPath: { gallery: data.galleryPath, piece: piece.slug },
+                  isVideo: !!piece.video,
+                  class: piece.nsfw ? "duration-300ms blur-sm transition-[filter] hover:blur-none hover:duration-[3s]" : ""
+                });
+                $$renderer4.push(`<!----></div> <div class="grid h-6 border-t border-surface-600-400 px-4" style="grid-template-columns: 75% 25%;"><div class="place-self-center justify-self-start font-bold">${escape_html(piece.name)}</div> <div class="place-self-center justify-self-end text-xs font-extralight">${escape_html(DateTime.fromJSDate(piece.date).toFormat("D"))}</div></div> <div class="my-1 flex h-6 items-center px-4"><i class="fa-solid fa-person mr-1"></i> <!--[-->`);
+                const each_array_1 = ensure_array_like(normalizeCharacter(piece.characters, data.allCharacters).slice(0, 3));
+                for (let $$index = 0, $$length2 = each_array_1.length; $$index < $$length2; $$index++) {
+                  let ch = each_array_1[$$index];
+                  $$renderer4.push(`<div class="m-1 min-w-0 overflow-hidden rounded-2xl border border-gray-400 px-2">${escape_html(ch.name)}</div>`);
+                }
+                $$renderer4.push(`<!--]--> `);
+                if (normalizeCharacter(piece.characters, data.allCharacters).length > 3) {
+                  $$renderer4.push("<!--[0-->");
+                  $$renderer4.push(`<div>+${escape_html(normalizeCharacter(piece.characters, data.allCharacters).length - 3)}</div>`);
+                } else {
+                  $$renderer4.push("<!--[-1-->");
+                }
+                $$renderer4.push(`<!--]--> `);
+                if (normalizeCharacter(piece.characters, data.allCharacters).length === 0) {
+                  $$renderer4.push("<!--[0-->");
+                  $$renderer4.push(`<div class="font-extralight italic">None</div>`);
+                } else {
+                  $$renderer4.push("<!--[-1-->");
+                }
+                $$renderer4.push(`<!--]--></div> <div class="my-1 flex h-6 items-center px-4"><i class="fa-solid fa-tag mr-1"></i> <!--[-->`);
+                const each_array_2 = ensure_array_like(piece.tags.slice(0, 3));
+                for (let $$index_1 = 0, $$length2 = each_array_2.length; $$index_1 < $$length2; $$index_1++) {
+                  let t = each_array_2[$$index_1];
+                  $$renderer4.push(`<div class="m-1 min-w-0 overflow-hidden rounded-2xl border border-gray-400 px-2 text-ellipsis whitespace-nowrap">${escape_html(t)}</div>`);
+                }
+                $$renderer4.push(`<!--]--> `);
+                if (piece.tags.length > 3) {
+                  $$renderer4.push("<!--[0-->");
+                  $$renderer4.push(`<div>+${escape_html(piece.tags.length - 3)}</div>`);
+                } else {
+                  $$renderer4.push("<!--[-1-->");
+                }
+                $$renderer4.push(`<!--]--> `);
+                if (piece.tags.length === 0) {
+                  $$renderer4.push("<!--[0-->");
+                  $$renderer4.push(`<div class="font-extralight italic">None</div>`);
+                } else {
+                  $$renderer4.push("<!--[-1-->");
+                }
+                $$renderer4.push(`<!--]--></div></button></div>`);
+              }
+              $$renderer4.push(`<!--]--></div> `);
+              ScreenSentinel($$renderer4);
+              $$renderer4.push(`<!----> <div class="flex justify-stretch pl-2">`);
+              Collapsable($$renderer4, {
+                title: "Advanced",
+                class: "w-full",
+                children: ($$renderer5) => {
+                  ActionButton($$renderer5, {
+                    disabled: true,
+                    class: `${"cursor-not-allowed font-bold"} w-full text-center `,
+                    action: async () => {
+                      await fetch(resolve("/api/gallery/[...gallerypath]/save", { gallerypath: data.galleryPath }), { method: "DELETE" });
+                      await goto(resolve("/"));
+                      await invalidateAll();
+                    },
+                    children: ($$renderer6) => {
+                      $$renderer6.push(`<div class="font-normal"><i class="fa-solid fa-trash"></i> Delete Gallery</div> <div class="text-[8pt]">(requires shift-click)</div>`);
+                    }
+                  });
+                  $$renderer5.push(`<!----> `);
+                  Collapsable($$renderer5, {
+                    title: "JSON",
+                    class: "mt-2 no-scrollbar overflow-scroll border-t border-gray-300 text-gray-400",
+                    children: ($$renderer6) => {
+                      $$renderer6.push(`<pre class="text-gray-900">${escape_html(JSON.stringify(g, null, 4))}</pre>`);
+                    },
+                    $$slots: { default: true }
+                  });
+                  $$renderer5.push(`<!---->`);
+                },
+                $$slots: { default: true }
+              });
+              $$renderer4.push(`<!----></div>`);
+            }
+            $$renderer4.push(`<!--]--> `);
+            if (isBaseGallery(g) && limit < g?.pieces.length) {
+              $$renderer4.push("<!--[0-->");
+              $$renderer4.push(`<div class="h-screen"></div>`);
+            } else {
+              $$renderer4.push("<!--[-1-->");
+            }
+            $$renderer4.push(`<!--]--> <div class="h-12"></div> `);
+            {
+              let modalRight = function($$renderer5) {
+                $$renderer5.push(`<div class="flex items-stretch gap-x-3 py-1"><div>`);
+                if (!loading) {
+                  $$renderer5.push("<!--[0-->");
+                  $$renderer5.push(`<button class="h-full cursor-pointer rounded-2xl border p-3 hover:bg-gray-300 active:bg-gray-500"><i class="fa-regular fa-save"></i> <span>Save</span></button>`);
+                } else {
+                  $$renderer5.push("<!--[-1-->");
+                  $$renderer5.push(`<div class="h-full cursor-pointer rounded-2xl border p-3">Saving...</div>`);
+                }
+                $$renderer5.push(`<!--]--> `);
+                {
+                  $$renderer5.push("<!--[-1-->");
+                }
+                $$renderer5.push(`<!--]--></div></div>`);
+              };
+              Modal($$renderer4, {
+                headless: true,
+                title: "Complete Bulk",
+                get open() {
+                  return completingBulk;
+                },
+                set open($$value) {
+                  completingBulk = $$value;
+                  $$settled = false;
+                },
+                modalRight,
+                children: ($$renderer5) => {
+                  $$renderer5.push(`<div class="p-4"><div>Editing ${escape_html(bulkSelected.length)} entries:</div> <div class="flex items-stretch"><div class="flex w-20 items-center">Add:</div> <div class="m-4 w-2 border border-r-0"></div> <div class="flex flex-col">`);
+                  ArtistEdit($$renderer5, {
+                    get artists() {
+                      return bulkModifications.add.artists;
+                    },
+                    set artists($$value) {
+                      bulkModifications.add.artists = $$value;
+                      $$settled = false;
+                    }
+                  });
+                  $$renderer5.push(`<!----> `);
+                  TagEdit($$renderer5, {
+                    possibleTags: data.allTags,
+                    prefix: "#",
+                    get value() {
+                      return bulkModifications.add.tags;
+                    },
+                    set value($$value) {
+                      bulkModifications.add.tags = $$value;
+                      $$settled = false;
+                    }
+                  });
+                  $$renderer5.push(`<!----> `);
+                  CharactersEdit($$renderer5, {
+                    allCharacters: data.allCharacterRefs,
+                    get characters() {
+                      return bulkModifications.add.characters;
+                    },
+                    set characters($$value) {
+                      bulkModifications.add.characters = $$value;
+                      $$settled = false;
+                    }
+                  });
+                  $$renderer5.push(`<!----></div></div> <div class="m-2 w-full border-t border-dashed border-gray-300"></div> <div class="flex items-stretch"><div class="flex w-20 items-center">Remove:</div> <div class="m-4 w-2 border border-r-0"></div> <div class="flex flex-col">`);
+                  ArtistEdit($$renderer5, {
+                    get artists() {
+                      return bulkModifications.remove.artists;
+                    },
+                    set artists($$value) {
+                      bulkModifications.remove.artists = $$value;
+                      $$settled = false;
+                    }
+                  });
+                  $$renderer5.push(`<!----> `);
+                  TagEdit($$renderer5, {
+                    possibleTags: data.allTags,
+                    prefix: "#",
+                    get value() {
+                      return bulkModifications.remove.tags;
+                    },
+                    set value($$value) {
+                      bulkModifications.remove.tags = $$value;
+                      $$settled = false;
+                    }
+                  });
+                  $$renderer5.push(`<!----> `);
+                  CharactersEdit($$renderer5, {
+                    allCharacters: data.allCharacterRefs,
+                    get characters() {
+                      return bulkModifications.remove.characters;
+                    },
+                    set characters($$value) {
+                      bulkModifications.remove.characters = $$value;
+                      $$settled = false;
+                    }
+                  });
+                  $$renderer5.push(`<!----></div></div> <div class="m-2 w-full border-t border-dashed border-gray-300"></div> `);
+                  Collapsable($$renderer5, {
+                    title: "Advanced",
+                    children: ($$renderer6) => {
+                      {
+                        let control = function($$renderer7, v) {
+                          var bind_get_1 = () => v;
+                          var bind_set_1 = (v2) => bulkModifications.isDeindexed = v2;
+                          Checkbox($$renderer7, {
+                            label: "Deindexed?",
+                            right: true,
+                            get checked() {
+                              return bind_get_1();
+                            },
+                            set checked($$value) {
+                              bind_set_1($$value);
+                            }
+                          });
+                        };
+                        OptionalInput($$renderer6, {
+                          label: "Set?",
+                          empty: false,
+                          get value() {
+                            return bulkModifications.isDeindexed;
+                          },
+                          set value($$value) {
+                            bulkModifications.isDeindexed = $$value;
+                            $$settled = false;
+                          },
+                          control,
+                          $$slots: { control: true }
+                        });
+                      }
+                      $$renderer6.push(`<!----> <div class="my-4"></div> `);
+                      {
+                        let control = function($$renderer7, v) {
+                          var bind_get_2 = () => v;
+                          var bind_set_2 = (v2) => bulkModifications.isNsfw = v2;
+                          Checkbox($$renderer7, {
+                            label: "NSFW?",
+                            right: true,
+                            get checked() {
+                              return bind_get_2();
+                            },
+                            set checked($$value) {
+                              bind_set_2($$value);
+                            }
+                          });
+                        };
+                        OptionalInput($$renderer6, {
+                          label: "Set?",
+                          empty: false,
+                          get value() {
+                            return bulkModifications.isNsfw;
+                          },
+                          set value($$value) {
+                            bulkModifications.isNsfw = $$value;
+                            $$settled = false;
+                          },
+                          control,
+                          $$slots: { control: true }
+                        });
+                      }
+                      $$renderer6.push(`<!----> <div class="my-4"></div> <div class="flex gap-x-3">`);
+                      TextInput($$renderer6, {
+                        label: "Copy To...",
+                        options: Object.keys(data.galleries).filter((k) => isBaseGallery(data.galleries[k])),
+                        noReportValidation: true,
+                        validationError: copyPath !== "" && !data.galleries[copyPath] ? "Select a valid path" : void 0,
+                        get value() {
+                          return copyPath;
+                        },
+                        set value($$value) {
+                          copyPath = $$value;
+                          $$settled = false;
+                        }
+                      });
+                      $$renderer6.push(`<!----> `);
+                      {
+                        let loadingContent = function($$renderer7) {
+                          $$renderer7.push(`<!---->Copying...`);
+                        };
+                        ActionButton($$renderer6, {
+                          disabled: !data.galleries[copyPath] || !isBaseGallery(g),
+                          action: async () => {
+                            const target = data.galleries[copyPath];
+                            const src = g;
+                            if (!isBaseGallery(src) || !target || !isBaseGallery(target)) return;
+                            const newPieces = await copyPieces(
+                              bulkSelected.map((k) => {
+                                return src.pieces.find((g2) => g2.slug === k);
+                              }).filter(truthy),
+                              data.galleryPath,
+                              copyPath
+                            );
+                            target.pieces = [...target.pieces, ...newPieces];
+                            await fetch(resolve("/api/gallery/[...gallerypath]/save", { gallerypath: copyPath }), {
+                              method: "POST",
+                              body: JSON.stringify(target),
+                              headers: { "Content-Type": "application/json" }
+                            });
+                            copyPath = "";
+                          },
+                          loadingContent,
+                          children: ($$renderer7) => {
+                            $$renderer7.push(`<!---->Copy`);
+                          }
+                        });
+                      }
+                      $$renderer6.push(`<!----></div>`);
+                    },
+                    $$slots: { default: true }
+                  });
+                  $$renderer5.push(`<!----></div>`);
+                },
+                $$slots: { modalRight: true, default: true }
+              });
+            }
+            $$renderer4.push(`<!----> `);
+            {
+              $$renderer4.push("<!--[-1-->");
+            }
+            $$renderer4.push(`<!--]-->`);
+          }
+        });
+      }
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+  });
+}
+
+export { _page as default, persistGallery };
+//# sourceMappingURL=_page.svelte-D178FMOD.js.map