@manifest-editor/projects 1.4.3 → 2.0.1-next.0.d468080

package/dist/index.js

@@ -1,877 +1,4 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-
-// ../../node_modules/.pnpm/shallowequal@1.1.0/node_modules/shallowequal/index.js
-var require_shallowequal = __commonJS({
-  "../../node_modules/.pnpm/shallowequal@1.1.0/node_modules/shallowequal/index.js"(exports, module) {
-    "use strict";
-    module.exports = function shallowEqual2(objA, objB, compare, compareContext) {
-      var ret = compare ? compare.call(compareContext, objA, objB) : void 0;
-      if (ret !== void 0) {
-        return !!ret;
-      }
-      if (objA === objB) {
-        return true;
-      }
-      if (typeof objA !== "object" || !objA || typeof objB !== "object" || !objB) {
-        return false;
-      }
-      var keysA = Object.keys(objA);
-      var keysB = Object.keys(objB);
-      if (keysA.length !== keysB.length) {
-        return false;
-      }
-      var bHasOwnProperty = Object.prototype.hasOwnProperty.bind(objB);
-      for (var idx = 0; idx < keysA.length; idx++) {
-        var key = keysA[idx];
-        if (!bHasOwnProperty(key)) {
-          return false;
-        }
-        var valueA = objA[key];
-        var valueB = objB[key];
-        ret = compare ? compare.call(compareContext, valueA, valueB, key) : void 0;
-        if (ret === false || ret === void 0 && valueA !== valueB) {
-          return false;
-        }
-      }
-      return true;
-    };
-  }
-});
-
-// ../../node_modules/.pnpm/slugify@1.6.6/node_modules/slugify/slugify.js
-var require_slugify = __commonJS({
-  "../../node_modules/.pnpm/slugify@1.6.6/node_modules/slugify/slugify.js"(exports, module) {
-    "use strict";
-    (function(name, root, factory) {
-      if (typeof exports === "object") {
-        module.exports = factory();
-        module.exports["default"] = factory();
-      } else if (typeof define === "function" && define.amd) {
-        define(factory);
-      } else {
-        root[name] = factory();
-      }
-    })("slugify", exports, function() {
-      var charMap = JSON.parse(`{"$":"dollar","%":"percent","&":"and","<":"less",">":"greater","|":"or","\xA2":"cent","\xA3":"pound","\xA4":"currency","\xA5":"yen","\xA9":"(c)","\xAA":"a","\xAE":"(r)","\xBA":"o","\xC0":"A","\xC1":"A","\xC2":"A","\xC3":"A","\xC4":"A","\xC5":"A","\xC6":"AE","\xC7":"C","\xC8":"E","\xC9":"E","\xCA":"E","\xCB":"E","\xCC":"I","\xCD":"I","\xCE":"I","\xCF":"I","\xD0":"D","\xD1":"N","\xD2":"O","\xD3":"O","\xD4":"O","\xD5":"O","\xD6":"O","\xD8":"O","\xD9":"U","\xDA":"U","\xDB":"U","\xDC":"U","\xDD":"Y","\xDE":"TH","\xDF":"ss","\xE0":"a","\xE1":"a","\xE2":"a","\xE3":"a","\xE4":"a","\xE5":"a","\xE6":"ae","\xE7":"c","\xE8":"e","\xE9":"e","\xEA":"e","\xEB":"e","\xEC":"i","\xED":"i","\xEE":"i","\xEF":"i","\xF0":"d","\xF1":"n","\xF2":"o","\xF3":"o","\xF4":"o","\xF5":"o","\xF6":"o","\xF8":"o","\xF9":"u","\xFA":"u","\xFB":"u","\xFC":"u","\xFD":"y","\xFE":"th","\xFF":"y","\u0100":"A","\u0101":"a","\u0102":"A","\u0103":"a","\u0104":"A","\u0105":"a","\u0106":"C","\u0107":"c","\u010C":"C","\u010D":"c","\u010E":"D","\u010F":"d","\u0110":"DJ","\u0111":"dj","\u0112":"E","\u0113":"e","\u0116":"E","\u0117":"e","\u0118":"e","\u0119":"e","\u011A":"E","\u011B":"e","\u011E":"G","\u011F":"g","\u0122":"G","\u0123":"g","\u0128":"I","\u0129":"i","\u012A":"i","\u012B":"i","\u012E":"I","\u012F":"i","\u0130":"I","\u0131":"i","\u0136":"k","\u0137":"k","\u013B":"L","\u013C":"l","\u013D":"L","\u013E":"l","\u0141":"L","\u0142":"l","\u0143":"N","\u0144":"n","\u0145":"N","\u0146":"n","\u0147":"N","\u0148":"n","\u014C":"O","\u014D":"o","\u0150":"O","\u0151":"o","\u0152":"OE","\u0153":"oe","\u0154":"R","\u0155":"r","\u0158":"R","\u0159":"r","\u015A":"S","\u015B":"s","\u015E":"S","\u015F":"s","\u0160":"S","\u0161":"s","\u0162":"T","\u0163":"t","\u0164":"T","\u0165":"t","\u0168":"U","\u0169":"u","\u016A":"u","\u016B":"u","\u016E":"U","\u016F":"u","\u0170":"U","\u0171":"u","\u0172":"U","\u0173":"u","\u0174":"W","\u0175":"w","\u0176":"Y","\u0177":"y","\u0178":"Y","\u0179":"Z","\u017A":"z","\u017B":"Z","\u017C":"z","\u017D":"Z","\u017E":"z","\u018F":"E","\u0192":"f","\u01A0":"O","\u01A1":"o","\u01AF":"U","\u01B0":"u","\u01C8":"LJ","\u01C9":"lj","\u01CB":"NJ","\u01CC":"nj","\u0218":"S","\u0219":"s","\u021A":"T","\u021B":"t","\u0259":"e","\u02DA":"o","\u0386":"A","\u0388":"E","\u0389":"H","\u038A":"I","\u038C":"O","\u038E":"Y","\u038F":"W","\u0390":"i","\u0391":"A","\u0392":"B","\u0393":"G","\u0394":"D","\u0395":"E","\u0396":"Z","\u0397":"H","\u0398":"8","\u0399":"I","\u039A":"K","\u039B":"L","\u039C":"M","\u039D":"N","\u039E":"3","\u039F":"O","\u03A0":"P","\u03A1":"R","\u03A3":"S","\u03A4":"T","\u03A5":"Y","\u03A6":"F","\u03A7":"X","\u03A8":"PS","\u03A9":"W","\u03AA":"I","\u03AB":"Y","\u03AC":"a","\u03AD":"e","\u03AE":"h","\u03AF":"i","\u03B0":"y","\u03B1":"a","\u03B2":"b","\u03B3":"g","\u03B4":"d","\u03B5":"e","\u03B6":"z","\u03B7":"h","\u03B8":"8","\u03B9":"i","\u03BA":"k","\u03BB":"l","\u03BC":"m","\u03BD":"n","\u03BE":"3","\u03BF":"o","\u03C0":"p","\u03C1":"r","\u03C2":"s","\u03C3":"s","\u03C4":"t","\u03C5":"y","\u03C6":"f","\u03C7":"x","\u03C8":"ps","\u03C9":"w","\u03CA":"i","\u03CB":"y","\u03CC":"o","\u03CD":"y","\u03CE":"w","\u0401":"Yo","\u0402":"DJ","\u0404":"Ye","\u0406":"I","\u0407":"Yi","\u0408":"J","\u0409":"LJ","\u040A":"NJ","\u040B":"C","\u040F":"DZ","\u0410":"A","\u0411":"B","\u0412":"V","\u0413":"G","\u0414":"D","\u0415":"E","\u0416":"Zh","\u0417":"Z","\u0418":"I","\u0419":"J","\u041A":"K","\u041B":"L","\u041C":"M","\u041D":"N","\u041E":"O","\u041F":"P","\u0420":"R","\u0421":"S","\u0422":"T","\u0423":"U","\u0424":"F","\u0425":"H","\u0426":"C","\u0427":"Ch","\u0428":"Sh","\u0429":"Sh","\u042A":"U","\u042B":"Y","\u042C":"","\u042D":"E","\u042E":"Yu","\u042F":"Ya","\u0430":"a","\u0431":"b","\u0432":"v","\u0433":"g","\u0434":"d","\u0435":"e","\u0436":"zh","\u0437":"z","\u0438":"i","\u0439":"j","\u043A":"k","\u043B":"l","\u043C":"m","\u043D":"n","\u043E":"o","\u043F":"p","\u0440":"r","\u0441":"s","\u0442":"t","\u0443":"u","\u0444":"f","\u0445":"h","\u0446":"c","\u0447":"ch","\u0448":"sh","\u0449":"sh","\u044A":"u","\u044B":"y","\u044C":"","\u044D":"e","\u044E":"yu","\u044F":"ya","\u0451":"yo","\u0452":"dj","\u0454":"ye","\u0456":"i","\u0457":"yi","\u0458":"j","\u0459":"lj","\u045A":"nj","\u045B":"c","\u045D":"u","\u045F":"dz","\u0490":"G","\u0491":"g","\u0492":"GH","\u0493":"gh","\u049A":"KH","\u049B":"kh","\u04A2":"NG","\u04A3":"ng","\u04AE":"UE","\u04AF":"ue","\u04B0":"U","\u04B1":"u","\u04BA":"H","\u04BB":"h","\u04D8":"AE","\u04D9":"ae","\u04E8":"OE","\u04E9":"oe","\u0531":"A","\u0532":"B","\u0533":"G","\u0534":"D","\u0535":"E","\u0536":"Z","\u0537":"E'","\u0538":"Y'","\u0539":"T'","\u053A":"JH","\u053B":"I","\u053C":"L","\u053D":"X","\u053E":"C'","\u053F":"K","\u0540":"H","\u0541":"D'","\u0542":"GH","\u0543":"TW","\u0544":"M","\u0545":"Y","\u0546":"N","\u0547":"SH","\u0549":"CH","\u054A":"P","\u054B":"J","\u054C":"R'","\u054D":"S","\u054E":"V","\u054F":"T","\u0550":"R","\u0551":"C","\u0553":"P'","\u0554":"Q'","\u0555":"O''","\u0556":"F","\u0587":"EV","\u0621":"a","\u0622":"aa","\u0623":"a","\u0624":"u","\u0625":"i","\u0626":"e","\u0627":"a","\u0628":"b","\u0629":"h","\u062A":"t","\u062B":"th","\u062C":"j","\u062D":"h","\u062E":"kh","\u062F":"d","\u0630":"th","\u0631":"r","\u0632":"z","\u0633":"s","\u0634":"sh","\u0635":"s","\u0636":"dh","\u0637":"t","\u0638":"z","\u0639":"a","\u063A":"gh","\u0641":"f","\u0642":"q","\u0643":"k","\u0644":"l","\u0645":"m","\u0646":"n","\u0647":"h","\u0648":"w","\u0649":"a","\u064A":"y","\u064B":"an","\u064C":"on","\u064D":"en","\u064E":"a","\u064F":"u","\u0650":"e","\u0652":"","\u0660":"0","\u0661":"1","\u0662":"2","\u0663":"3","\u0664":"4","\u0665":"5","\u0666":"6","\u0667":"7","\u0668":"8","\u0669":"9","\u067E":"p","\u0686":"ch","\u0698":"zh","\u06A9":"k","\u06AF":"g","\u06CC":"y","\u06F0":"0","\u06F1":"1","\u06F2":"2","\u06F3":"3","\u06F4":"4","\u06F5":"5","\u06F6":"6","\u06F7":"7","\u06F8":"8","\u06F9":"9","\u0E3F":"baht","\u10D0":"a","\u10D1":"b","\u10D2":"g","\u10D3":"d","\u10D4":"e","\u10D5":"v","\u10D6":"z","\u10D7":"t","\u10D8":"i","\u10D9":"k","\u10DA":"l","\u10DB":"m","\u10DC":"n","\u10DD":"o","\u10DE":"p","\u10DF":"zh","\u10E0":"r","\u10E1":"s","\u10E2":"t","\u10E3":"u","\u10E4":"f","\u10E5":"k","\u10E6":"gh","\u10E7":"q","\u10E8":"sh","\u10E9":"ch","\u10EA":"ts","\u10EB":"dz","\u10EC":"ts","\u10ED":"ch","\u10EE":"kh","\u10EF":"j","\u10F0":"h","\u1E62":"S","\u1E63":"s","\u1E80":"W","\u1E81":"w","\u1E82":"W","\u1E83":"w","\u1E84":"W","\u1E85":"w","\u1E9E":"SS","\u1EA0":"A","\u1EA1":"a","\u1EA2":"A","\u1EA3":"a","\u1EA4":"A","\u1EA5":"a","\u1EA6":"A","\u1EA7":"a","\u1EA8":"A","\u1EA9":"a","\u1EAA":"A","\u1EAB":"a","\u1EAC":"A","\u1EAD":"a","\u1EAE":"A","\u1EAF":"a","\u1EB0":"A","\u1EB1":"a","\u1EB2":"A","\u1EB3":"a","\u1EB4":"A","\u1EB5":"a","\u1EB6":"A","\u1EB7":"a","\u1EB8":"E","\u1EB9":"e","\u1EBA":"E","\u1EBB":"e","\u1EBC":"E","\u1EBD":"e","\u1EBE":"E","\u1EBF":"e","\u1EC0":"E","\u1EC1":"e","\u1EC2":"E","\u1EC3":"e","\u1EC4":"E","\u1EC5":"e","\u1EC6":"E","\u1EC7":"e","\u1EC8":"I","\u1EC9":"i","\u1ECA":"I","\u1ECB":"i","\u1ECC":"O","\u1ECD":"o","\u1ECE":"O","\u1ECF":"o","\u1ED0":"O","\u1ED1":"o","\u1ED2":"O","\u1ED3":"o","\u1ED4":"O","\u1ED5":"o","\u1ED6":"O","\u1ED7":"o","\u1ED8":"O","\u1ED9":"o","\u1EDA":"O","\u1EDB":"o","\u1EDC":"O","\u1EDD":"o","\u1EDE":"O","\u1EDF":"o","\u1EE0":"O","\u1EE1":"o","\u1EE2":"O","\u1EE3":"o","\u1EE4":"U","\u1EE5":"u","\u1EE6":"U","\u1EE7":"u","\u1EE8":"U","\u1EE9":"u","\u1EEA":"U","\u1EEB":"u","\u1EEC":"U","\u1EED":"u","\u1EEE":"U","\u1EEF":"u","\u1EF0":"U","\u1EF1":"u","\u1EF2":"Y","\u1EF3":"y","\u1EF4":"Y","\u1EF5":"y","\u1EF6":"Y","\u1EF7":"y","\u1EF8":"Y","\u1EF9":"y","\u2013":"-","\u2018":"'","\u2019":"'","\u201C":"\\"","\u201D":"\\"","\u201E":"\\"","\u2020":"+","\u2022":"*","\u2026":"...","\u20A0":"ecu","\u20A2":"cruzeiro","\u20A3":"french franc","\u20A4":"lira","\u20A5":"mill","\u20A6":"naira","\u20A7":"peseta","\u20A8":"rupee","\u20A9":"won","\u20AA":"new shequel","\u20AB":"dong","\u20AC":"euro","\u20AD":"kip","\u20AE":"tugrik","\u20AF":"drachma","\u20B0":"penny","\u20B1":"peso","\u20B2":"guarani","\u20B3":"austral","\u20B4":"hryvnia","\u20B5":"cedi","\u20B8":"kazakhstani tenge","\u20B9":"indian rupee","\u20BA":"turkish lira","\u20BD":"russian ruble","\u20BF":"bitcoin","\u2120":"sm","\u2122":"tm","\u2202":"d","\u2206":"delta","\u2211":"sum","\u221E":"infinity","\u2665":"love","\u5143":"yuan","\u5186":"yen","\uFDFC":"rial","\uFEF5":"laa","\uFEF7":"laa","\uFEF9":"lai","\uFEFB":"la"}`);
-      var locales = JSON.parse('{"bg":{"\u0419":"Y","\u0426":"Ts","\u0429":"Sht","\u042A":"A","\u042C":"Y","\u0439":"y","\u0446":"ts","\u0449":"sht","\u044A":"a","\u044C":"y"},"de":{"\xC4":"AE","\xE4":"ae","\xD6":"OE","\xF6":"oe","\xDC":"UE","\xFC":"ue","\xDF":"ss","%":"prozent","&":"und","|":"oder","\u2211":"summe","\u221E":"unendlich","\u2665":"liebe"},"es":{"%":"por ciento","&":"y","<":"menor que",">":"mayor que","|":"o","\xA2":"centavos","\xA3":"libras","\xA4":"moneda","\u20A3":"francos","\u2211":"suma","\u221E":"infinito","\u2665":"amor"},"fr":{"%":"pourcent","&":"et","<":"plus petit",">":"plus grand","|":"ou","\xA2":"centime","\xA3":"livre","\xA4":"devise","\u20A3":"franc","\u2211":"somme","\u221E":"infini","\u2665":"amour"},"pt":{"%":"porcento","&":"e","<":"menor",">":"maior","|":"ou","\xA2":"centavo","\u2211":"soma","\xA3":"libra","\u221E":"infinito","\u2665":"amor"},"uk":{"\u0418":"Y","\u0438":"y","\u0419":"Y","\u0439":"y","\u0426":"Ts","\u0446":"ts","\u0425":"Kh","\u0445":"kh","\u0429":"Shch","\u0449":"shch","\u0413":"H","\u0433":"h"},"vi":{"\u0110":"D","\u0111":"d"},"da":{"\xD8":"OE","\xF8":"oe","\xC5":"AA","\xE5":"aa","%":"procent","&":"og","|":"eller","$":"dollar","<":"mindre end",">":"st\xF8rre end"},"nb":{"&":"og","\xC5":"AA","\xC6":"AE","\xD8":"OE","\xE5":"aa","\xE6":"ae","\xF8":"oe"},"it":{"&":"e"},"nl":{"&":"en"},"sv":{"&":"och","\xC5":"AA","\xC4":"AE","\xD6":"OE","\xE5":"aa","\xE4":"ae","\xF6":"oe"}}');
-      function replace(string, options) {
-        if (typeof string !== "string") {
-          throw new Error("slugify: string argument expected");
-        }
-        options = typeof options === "string" ? { replacement: options } : options || {};
-        var locale = locales[options.locale] || {};
-        var replacement = options.replacement === void 0 ? "-" : options.replacement;
-        var trim = options.trim === void 0 ? true : options.trim;
-        var slug = string.normalize().split("").reduce(function(result, ch) {
-          var appendChar = locale[ch];
-          if (appendChar === void 0)
-            appendChar = charMap[ch];
-          if (appendChar === void 0)
-            appendChar = ch;
-          if (appendChar === replacement)
-            appendChar = " ";
-          return result + appendChar.replace(options.remove || /[^\w\s$*_+~.()'"!\-:@]+/g, "");
-        }, "");
-        if (options.strict) {
-          slug = slug.replace(/[^A-Za-z0-9\s]/g, "");
-        }
-        if (trim) {
-          slug = slug.trim();
-        }
-        slug = slug.replace(/\s+/g, replacement);
-        if (options.lower) {
-          slug = slug.toLowerCase();
-        }
-        return slug;
-      }
-      replace.extend = function(customMap) {
-        Object.assign(charMap, customMap);
-      };
-      return replace;
-    });
-  }
-});
-
-// src/ProjectContext.tsx
-import { createContext, useContext } from "react";
-
-// ../../node_modules/.pnpm/tiny-invariant@1.3.3/node_modules/tiny-invariant/dist/esm/tiny-invariant.js
-var isProduction = false;
-var prefix = "Invariant failed";
-function invariant(condition, message) {
-  if (condition) {
-    return;
-  }
-  if (isProduction) {
-    throw new Error(prefix);
-  }
-  var provided = typeof message === "function" ? message() : message;
-  var value = provided ? "".concat(prefix, ": ").concat(provided) : prefix;
-  throw new Error(value);
-}
-
-// src/ProjectContext.tsx
-var ProjectReactContext = createContext(null);
-var ProjectLoadingReactContext = createContext({
-  error: void 0,
-  isError: false,
-  isLoading: false
-});
-function useProjectLoading() {
-  return useContext(ProjectLoadingReactContext);
-}
-function useProjectContext() {
-  const ctx = useContext(ProjectReactContext);
-  invariant(ctx, "useProjectContext can only be called from inside <ProjectProvider />");
-  return ctx;
-}
-function useCurrentProject() {
-  const current = useProjectContext().current;
-  invariant(current, "No current project");
-  return current;
-}
-function useOptionalCurrentProject() {
-  const current = useProjectContext().current;
-  return current || null;
-}
-
-// src/ProjectContext.hooks.ts
-var import_shallowequal = __toESM(require_shallowequal(), 1);
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { useDebounce } from "tiny-use-debounce";
-
-// src/helpers/project-from-manifest.ts
-var import_slugify = __toESM(require_slugify(), 1);
-import { getValue } from "@iiif/helpers";
-function randomId() {
-  return `${Math.random().toString(36).substr(2)}-${Date.now().toString(36)}`;
-}
-function projectFromManifest(manifest, details = {}) {
-  const name = getValue(manifest.label) || "Untitled manifest";
-  return {
-    id: `manifest-editor://project/${randomId()}`,
-    filename: (0, import_slugify.default)(name, { lower: true }),
-    name,
-    metadata: {
-      created: Date.now(),
-      modified: Date.now()
-    },
-    resource: {
-      id: manifest.id,
-      type: "Manifest"
-    },
-    publications: [],
-    previews: [],
-    settings: {},
-    storage: {
-      type: "manifest-storage",
-      data: manifest
-    },
-    ...details
-  };
-}
-
-// src/ProjectContext.hooks.ts
-import { convertPresentation2 } from "@iiif/parser/presentation-2";
-
-// src/helpers/ensure-unique-filename.ts
-var import_slugify2 = __toESM(require_slugify(), 1);
-function ensureUniqueFilename(project, existing) {
-  const filenames = existing.map((project2) => project2.filename);
-  const name = (project.name || project.filename || "Untitled project").toLowerCase();
-  if (project.filename && filenames.indexOf(project.filename) !== -1) {
-    project.filename = void 0;
-  }
-  if (!project.filename) {
-    let counter = 0;
-    while (!project.filename) {
-      const potentialFilename = `${(0, import_slugify2.default)(name, { lower: true })}${counter ? ` (${counter})` : ""}`;
-      if (filenames.indexOf(potentialFilename) === -1) {
-        project.filename = potentialFilename;
-        project.name = `${project.name} (${counter})`;
-        break;
-      }
-      counter++;
-    }
-  }
-}
-
-// src/helpers/project-from-collection.ts
-var import_slugify3 = __toESM(require_slugify(), 1);
-import { getValue as getValue2 } from "@iiif/helpers";
-
-// src/helpers/random-id.ts
-function randomId2() {
-  return `${Math.random().toString(36).substr(2)}-${Date.now().toString(36)}`;
-}
-
-// src/helpers/project-from-collection.ts
-function projectFromCollection(collection, details = {}) {
-  const name = getValue2(collection.label) || "Untitled collection";
-  return {
-    id: `manifest-editor://project/${randomId2()}`,
-    filename: (0, import_slugify3.default)(name, { lower: true }),
-    name,
-    metadata: {
-      created: Date.now(),
-      modified: Date.now()
-    },
-    resource: {
-      id: collection.id,
-      type: "Collection"
-    },
-    publications: [],
-    previews: [],
-    settings: {},
-    storage: {
-      type: "collection-storage",
-      data: collection
-    },
-    ...details
-  };
-}
-
-// src/ProjectContext.hooks.ts
-import { ClientVault } from "@manifest-editor/client-vault";
-import { getManifestNomalized } from "@manifest-editor/shell";
-function useProjectActionsWithBackend(dispatch, backend, storage) {
-  async function createProject(payload) {
-    const allProjects = await backend.getAllProjects(true);
-    const project = { ...payload };
-    ensureUniqueFilename(project, allProjects);
-    if (!storage.canCreate()) {
-      throw new Error("Cannot create project with this storage backend");
-    }
-    const backendStorage = await storage.create(project, project.storage.data);
-    const createdProject = { ...project, storage: backendStorage };
-    await backend.createProject(createdProject);
-    dispatch({ type: "createProject", payload: createdProject });
-    switchProject(project.id);
-  }
-  function deleteProject(payload) {
-    if (backend.canDelete()) {
-      dispatch({ type: "deleteProject", payload });
-      backend.deleteProject(payload).then(() => {
-        console.log("Loader: project deleted");
-      });
-    }
-  }
-  function switchProject(payload) {
-    dispatch({ type: "switchProject", payload });
-    backend.setLastProject(payload).then(() => {
-    });
-  }
-  function deselectProject(payload) {
-    dispatch({ type: "deselectProject", payload });
-  }
-  function forkProject(payload) {
-    dispatch({ type: "forkProject", payload });
-    throw new Error("Not implemented yet");
-  }
-  function setLoadingStatus(payload) {
-    dispatch({ type: "setLoadingStatus", payload });
-  }
-  function saveProject(project) {
-    console.log("trying to save project...");
-    dispatch({ type: "saveProject", payload: project });
-    Promise.all([
-      //
-      backend.updateProject(project),
-      storage.saveStorage(project.storage)
-    ]).then(() => {
-      console.log("Loader: project saved");
-    });
-  }
-  function updateDetails(payload) {
-    dispatch({ type: "updateDetails", payload });
-  }
-  function createPublication(payload) {
-    dispatch({ type: "createPublication", payload });
-  }
-  function updatePublication(payload) {
-    dispatch({ type: "updatePublication", payload });
-  }
-  function removePublication(payload) {
-    dispatch({ type: "removePublication", payload });
-  }
-  function updateSettings(payload) {
-    dispatch({ type: "updateSettings", payload });
-  }
-  function updateThumbnail(payload) {
-    dispatch({ type: "updateThumbnail", payload });
-  }
-  function updateStorage(payload) {
-    dispatch({ type: "updateStorage", payload });
-  }
-  function load(payload) {
-    dispatch({ type: "load", payload });
-  }
-  function setPreview(publication) {
-    dispatch({ type: "setPreview", payload: publication });
-  }
-  function removePreview(id) {
-    dispatch({ type: "removePreview", payload: id });
-  }
-  return useMemo(
-    () => ({
-      createProject,
-      deleteProject,
-      switchProject,
-      deselectProject,
-      forkProject,
-      saveProject,
-      setLoadingStatus,
-      load,
-      updateDetails,
-      createPublication,
-      updatePublication,
-      removePublication,
-      updateSettings,
-      updateThumbnail,
-      updateStorage,
-      setPreview,
-      removePreview
-    }),
-    // Dispatch always stable.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    []
-  );
-}
-function useProjectBackend({ actions, current }, backend) {
-  useEffect(() => {
-    actions.setLoadingStatus({ loading: true, lastLoaded: 0, loaded: false });
-    backend.getAllProjects().then(async (allProjects) => {
-      const lastId = await backend.getLastProject();
-      const lastValid = allProjects.find((s) => s.id === lastId);
-      actions.load({
-        allProjects,
-        current: lastValid || null,
-        loadingStatus: {
-          loaded: true,
-          loading: false,
-          lastLoaded: Date.now()
-        }
-      });
-    });
-  }, []);
-}
-function useProjectLoader({ actions, current }, storage) {
-  const currentRef = useRef(null);
-  const [ready, setIsReady] = useState(false);
-  const [error, setError] = useState("");
-  const saveChanges = useCallback(() => {
-    const project = currentRef.current;
-    if (project) {
-      storage.saveStorage(project.storage).then(() => {
-        const newStorage = storage.getBackendStorage(project);
-        if (!(0, import_shallowequal.default)(newStorage, project.storage)) {
-          actions.saveProject({
-            ...project,
-            storage: newStorage
-          });
-        }
-      });
-    }
-  }, [actions, storage]);
-  const debounceSaveChanges = useDebounce(saveChanges, storage.saveInterval);
-  const currentId = current?.id;
-  useEffect(() => {
-    currentRef.current = current;
-  }, [current]);
-  const { vault, promise } = useMemo(() => {
-    if (current) {
-      const [vault2, promise2] = storage.createVaultInstance(current);
-      return {
-        vault: vault2,
-        promise: promise2
-      };
-    }
-    return { vault: null, promise: null };
-  }, [storage, currentId]);
-  useEffect(() => {
-    const currentStorage = storage;
-    const currentProject = current;
-    const currentVault = vault;
-    return () => {
-      if (currentVault && currentProject) {
-        currentStorage.closeVaultInstance(currentProject, currentVault);
-      } else if (currentVault instanceof ClientVault) {
-        currentVault.ws.close();
-      }
-    };
-  }, [storage, current, vault]);
-  useEffect(() => {
-    setIsReady(false);
-    let cancelled = false;
-    if (promise) {
-      promise.then(() => {
-        if (!cancelled) {
-          setIsReady(true);
-        }
-      }).catch((e) => {
-        setError(e.message);
-      });
-    }
-    return () => {
-      cancelled = true;
-    };
-  }, [promise]);
-  useEffect(() => {
-    window.addEventListener("beforeunload", saveChanges, false);
-    return () => {
-      window.removeEventListener("beforeunload", saveChanges);
-    };
-  }, [saveChanges]);
-  useEffect(() => {
-    return () => {
-      saveChanges();
-    };
-  }, [saveChanges, currentId]);
-  useEffect(() => {
-    if (vault && storage.shouldUpdateWithVault()) {
-      return vault.subscribe(debounceSaveChanges, true);
-    }
-  }, [debounceSaveChanges, storage, vault]);
-  return {
-    vault,
-    ready,
-    error
-  };
-}
-function useProjectCreators() {
-  const { actions } = useProjectContext();
-  const createBlankManifest = useCallback(function createBlankManifest2() {
-    actions.createProject(
-      projectFromManifest({
-        "@context": "http://iiif.io/api/presentation/3/context.json",
-        id: `https://example.org/${randomId2()}`,
-        type: "Manifest",
-        label: {
-          en: ["Blank Manifest"]
-        },
-        items: []
-      })
-    );
-  }, []);
-  const createProjectFromManifestId = useCallback(
-    async function createProjectFromManifestId2(id) {
-      let full = await getManifestNomalized(id);
-      if (full) {
-        if (full["@id"]) {
-          full = convertPresentation2(full);
-        }
-        if (full) {
-          actions.createProject(projectFromManifest(full));
-        }
-      }
-    },
-    // Actions are stable.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    []
-  );
-  const createProjectFromCollectionId = useCallback(
-    async function createProjectFromCollectionId2(id) {
-      let full = await getManifestNomalized(id);
-      if (full) {
-        if (full["@id"]) {
-          full = convertPresentation2(full);
-        }
-        if (full) {
-          actions.createProject(projectFromCollection(full));
-        }
-      }
-    },
-    // Actions are stable.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    []
-  );
-  const createProjectFromManifestJson = useCallback(
-    async function createProjectFromManifestId2(json) {
-      let full = JSON.parse(json);
-      if (full) {
-        if (full["@id"]) {
-          full = convertPresentation2(full);
-        }
-        if (full) {
-          actions.createProject(projectFromManifest(full));
-        }
-      }
-    },
-    // Actions are stable.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    []
-  );
-  return {
-    createProjectFromManifestJson,
-    createProjectFromManifestId,
-    createProjectFromCollectionId,
-    createBlankManifest
-  };
-}
-
-// src/ProjectContext.internal.tsx
-import { useEffect as useEffect2, useMemo as useMemo2, useReducer } from "react";
-import { useApps, AppResourceProvider, AppResourceInstanceProvider } from "@manifest-editor/shell";
-
-// src/ProjectContext.reducer.ts
-import { produce } from "immer";
-var projectContextReducer = produce(function projectContextReducer2(state, action) {
-  if (state.current) {
-    switch (action.type) {
-      case "removePublication":
-        state.current.publications = state.current.publications.filter((p) => p.id !== action.payload);
-        break;
-      case "saveProject":
-        state.current.metadata.modified = Date.now();
-        break;
-      case "updateDetails":
-        state.current.name = action.payload.name;
-        state.current.filename = action.payload.filename;
-        break;
-      case "updateStorage":
-        state.current.storage = action.payload;
-        break;
-      case "createPublication": {
-        if (!state.current.publications.find((s) => s.id === action.payload.id)) {
-          state.current.publications.push(action.payload);
-        }
-        break;
-      }
-      case "updateThumbnail":
-        state.current.thumbnail = action.payload;
-        break;
-      case "updateSettings":
-        state.current.settings = action.payload;
-        break;
-      case "updatePublication": {
-        const found = state.current.publications.find((s) => s.id === action.payload.id);
-        if (found) {
-          found.config = action.payload.config;
-        }
-        break;
-      }
-      case "removePreview": {
-        const existing = state.current.previews?.findIndex((p) => p.id === action.payload);
-        if (existing !== -1) {
-          state.current.previews.splice(existing, 1);
-        }
-        break;
-      }
-      case "setPreview": {
-        const existing = state.current.previews?.findIndex((p) => p.id === action.payload.id);
-        if (existing !== -1) {
-          state.current.previews.splice(existing, 1, action.payload);
-        } else {
-          state.current.previews.push(action.payload);
-        }
-        break;
-      }
-    }
-  }
-  switch (action.type) {
-    case "load": {
-      state.allProjects = action.payload.allProjects;
-      state.current = action.payload.current;
-      state.loadingStatus = action.payload.loadingStatus;
-      break;
-    }
-    case "forkProject":
-      break;
-    case "deleteProject":
-      state.allProjects = state.allProjects.filter((p) => p.id !== action.payload);
-      if (state.current && state.current.id === action.payload) {
-        state.current = null;
-      }
-      break;
-    case "deselectProject":
-      state.current = null;
-      break;
-    case "createProject":
-      state.allProjects.push(action.payload);
-      state.current = action.payload;
-      break;
-    case "switchProject":
-      state.current = state.allProjects.find((p) => p.id === action.payload) || null;
-      break;
-    case "setLoadingStatus":
-      state.loadingStatus = action.payload;
-      break;
-  }
-});
-function getDefaultProjectContextState(status = {
-  loading: false,
-  loaded: true,
-  lastLoaded: 0
-}) {
-  return {
-    allProjects: [],
-    current: null,
-    loadingStatus: status
-  };
-}
-
-// src/backend/LocalStorageBackend.ts
-import * as localforage from "localforage";
-var LocalStorageBackend = class {
-  constructor(settings) {
-    __publicField(this, "namespace");
-    __publicField(this, "saveInterval");
-    __publicField(this, "storage");
-    this.namespace = settings?.namespace || "default-v1.1";
-    this.saveInterval = 5e3;
-    this.storage = localforage.createInstance({
-      name: "manifest-editor-projects"
-    });
-  }
-  async deleteProject(id) {
-    await this.storage.removeItem(`${this.namespace}/projects/${id}`);
-  }
-  async createProject(project) {
-    const index = await this.getProjectIndex();
-    await this.storage.setItem(`${this.namespace}/projects/${project.id}`, JSON.stringify(project));
-    if (index.indexOf(project.id) === -1) {
-      index.push(project.id);
-      await this.saveProjectIndex(index);
-    }
-  }
-  canDelete() {
-    return true;
-  }
-  async getAllProjects() {
-    try {
-      const index = await this.getProjectIndex();
-      const projects = [];
-      for (const item of index) {
-        if (item === "_index") {
-          continue;
-        }
-        const loaded = await this.storage.getItem(`${this.namespace}/projects/${item}`);
-        if (loaded) {
-          try {
-            projects.push(JSON.parse(loaded));
-          } catch (e) {
-          }
-        }
-      }
-      return projects;
-    } catch (e) {
-      console.error("Error loading from localstorage", e);
-      return [];
-    }
-  }
-  async getLastProject() {
-    return this.storage.getItem(`${this.namespace}/last`);
-  }
-  async setLastProject(id) {
-    await this.storage.setItem(`${this.namespace}/last`, id);
-  }
-  async updateProject(project) {
-    await this.storage.setItem(`${this.namespace}/projects/${project.id}`, JSON.stringify(project));
-  }
-  async saveProjectIndex(index) {
-    await this.storage.setItem(`${this.namespace}/_index`, JSON.stringify(index));
-  }
-  async getProjectIndex() {
-    const json = await this.storage.getItem(`${this.namespace}/_index`);
-    if (!json) {
-      return [];
-    }
-    const index = JSON.parse(json);
-    if (!Array.isArray(index)) {
-      return [];
-    }
-    return index;
-  }
-};
-
-// src/storage/AbstractVaultLoader.ts
-import { Vault } from "@iiif/helpers/vault";
-var AbstractVaultLoader = class {
-  constructor(config = {}) {
-    __publicField(this, "vaults", {});
-    __publicField(this, "saveInterval");
-    this.saveInterval = config.saveInterval || 5e3;
-  }
-  shouldUpdateWithVault() {
-    return true;
-  }
-  canCreate() {
-    return true;
-  }
-  canDelete() {
-    return true;
-  }
-  createVaultInstance(project) {
-    const foundVault = this.vaults[project.storage.data.key];
-    if (foundVault) {
-      return [foundVault, Promise.resolve()];
-    }
-    const vault = new Vault();
-    const promise = async () => {
-      const data = await this.getStorage(project.storage);
-      await vault.loadManifest(project.resource.id, JSON.parse(JSON.stringify(data?.data)));
-      this.vaults[project.storage.data.key] = vault;
-    };
-    return [vault, promise()];
-  }
-  closeVaultInstance(project, vault) {
-  }
-  async saveStorage(storage) {
-    const vault = this.vaults[storage.data.key];
-    const manifestRef = {
-      id: storage.data.id,
-      type: storage.data.type
-    };
-    if (vault) {
-      const data = vault.toPresentation3(manifestRef);
-      const stored = data.type === "Collection" ? {
-        type: "collection-storage",
-        data
-      } : {
-        type: "manifest-storage",
-        data
-      };
-      await this.saveStorageData(stored, storage);
-    }
-  }
-};
-
-// src/storage/LocalStorageLoader.ts
-import localforage2 from "localforage";
-var LocalStorageLoader = class extends AbstractVaultLoader {
-  constructor(settings) {
-    super({ saveInterval: 5e3 });
-    __publicField(this, "type", "local-storage");
-    __publicField(this, "namespace");
-    __publicField(this, "storage");
-    __publicField(this, "vaults", {});
-    this.namespace = settings?.namespace || "default";
-    this.storage = localforage2.createInstance({
-      name: "local-storage-resource-loader"
-    });
-  }
-  shouldUpdateWithVault() {
-    return true;
-  }
-  async create(project, data) {
-    const key = randomId2();
-    await localStorage.setItem(`${this.namespace}/store/${key}`, JSON.stringify(data));
-    return {
-      type: "resource-keyed-storage",
-      data: {
-        id: data.id,
-        type: data.type,
-        key
-      }
-    };
-  }
-  async getStorage(storage) {
-    try {
-      const item = await localStorage.getItem(`${this.namespace}/store/${storage.data.key}`);
-      const manifest = item ? JSON.parse(item) : null;
-      invariant(manifest, "Resource not found");
-      if (manifest.type === "Collection") {
-        return {
-          type: "collection-storage",
-          data: manifest
-        };
-      }
-      return {
-        type: "manifest-storage",
-        data: manifest
-      };
-    } catch (e) {
-      return null;
-    }
-  }
-  async saveStorageData(manifestStorage, storage) {
-    await localStorage.setItem(`${this.namespace}/store/${storage.data.key}`, JSON.stringify(manifestStorage.data));
-  }
-  async deleteStorage(storage) {
-    this.vaults[storage.data.key] = null;
-    await localStorage.removeItem(`${this.namespace}/store/${storage.data.key}`);
-  }
-  getBackendStorage(project) {
-    return project.storage;
-  }
-};
-
-// src/ProjectContext.internal.tsx
-import { VaultProvider } from "react-iiif-vault";
-import { jsx } from "react/jsx-runtime";
-function ProjectProvider(props) {
-  const { currentApp, changeApp } = useApps();
-  const backend = useMemo2(() => props.backend || new LocalStorageBackend(), []);
-  const storage = useMemo2(() => props.storage || new LocalStorageLoader(), []);
-  const [state, dispatch] = useReducer(
-    projectContextReducer,
-    void 0,
-    props.initialState || getDefaultProjectContextState
-  );
-  const actions = useProjectActionsWithBackend(dispatch, backend, storage);
-  const context = useMemo2(
-    () => ({ actions, canDelete: backend.canDelete(), ...state }),
-    [actions, backend, state]
-  );
-  const { vault, ready, error } = useProjectLoader(context, storage);
-  const manifestOrCollection = context.current?.resource;
-  const loadingStatus = useMemo2(() => {
-    return { isLoading: !ready, isError: !!error, error };
-  }, [ready, error]);
-  useProjectBackend(context, backend);
-  useEffect2(() => {
-    if (state.loadingStatus && state.loadingStatus.loaded && ready && (!vault || !manifestOrCollection) && currentApp?.id !== (props.defaultApp || "splash")) {
-      changeApp({ id: props.defaultApp || "splash" });
-    }
-  }, []);
-  if (state.loadingStatus && state.loadingStatus.loading || context.current && !manifestOrCollection) {
-    return /* @__PURE__ */ jsx("div", { children: "Loading..." });
-  }
-  return /* @__PURE__ */ jsx(ProjectLoadingReactContext.Provider, { value: loadingStatus, children: /* @__PURE__ */ jsx(ProjectReactContext.Provider, { value: context, children: /* @__PURE__ */ jsx(VaultProvider, { vault: vault || void 0, children: /* @__PURE__ */ jsx(AppResourceInstanceProvider, { id: context.current?.id, children: /* @__PURE__ */ jsx(AppResourceProvider, { resource: manifestOrCollection, children: props.children }) }) }, state.current?.id) }) });
-}
-
-// ../ui/icons/MenuIcon.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var MenuIcon = () => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", height: "1rem", viewBox: "0 0 24 24", width: "24px", fill: "#000000", children: [
-  /* @__PURE__ */ jsx2("path", { d: "M0 0h24v24H0z", fill: "none" }),
-  /* @__PURE__ */ jsx2("path", { d: "M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" })
-] });
-
-// ../ui/atoms/Dropdown.tsx
-import styled2, { css } from "styled-components";
-
-// ../ui/atoms/Button.tsx
-import styled from "styled-components";
-var ButtonReset = styled.button`
+import{createContext as e,useCallback as t,useContext as n,useEffect as r,useMemo as i,useReducer as a,useRef as o,useState as s}from"react";import{useDebounce as c}from"tiny-use-debounce";import{getValue as l}from"@iiif/helpers";import{convertPresentation2 as u}from"@iiif/parser/presentation-2";import{ClientVault as d}from"@manifest-editor/client-vault";import{AppResourceInstanceProvider as f,AppResourceProvider as p,getManifestNomalized as m,useApps as h,useLocalStorage as g}from"@manifest-editor/shell";import{produce as _}from"immer";import*as v from"localforage";import y from"localforage";import{Vault as b}from"@iiif/helpers/vault";import{VaultProvider as ee}from"react-iiif-vault";import{Fragment as x,jsx as S,jsxs as C}from"react/jsx-runtime";import w,{css as T}from"styled-components";import te from"react-accessible-dropdown-menu-hook";import{flushSync as ne}from"react-dom";var re=Object.create,E=Object.defineProperty,ie=Object.getOwnPropertyDescriptor,ae=Object.getOwnPropertyNames,oe=Object.getPrototypeOf,se=Object.prototype.hasOwnProperty,D=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),ce=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=ae(t),a=0,o=i.length,s;a<o;a++)s=i[a],!se.call(e,s)&&s!==n&&E(e,s,{get:(e=>t[e]).bind(null,s),enumerable:!(r=ie(t,s))||r.enumerable});return e},O=(e,t,n)=>(n=e==null?{}:re(oe(e)),ce(t||!e||!e.__esModule?E(n,`default`,{value:e,enumerable:!0}):n,e)),le=!0,k=`Invariant failed`;function A(e,t){if(!e){if(le)throw Error(k);var n=typeof t==`function`?t():t,r=n?`${k}: ${n}`:k;throw Error(r)}}const j=e(null),M=e({error:void 0,isError:!1,isLoading:!1});function ue(){return n(M)}function N(){let e=n(j);return A(e,`useProjectContext can only be called from inside <ProjectProvider />`),e}function de(){let e=N().current;return A(e,`No current project`),e}function fe(){return N().current||null}var pe=D(((e,t)=>{t.exports=function(e,t,n,r){var i=n?n.call(r,e,t):void 0;if(i!==void 0)return!!i;if(e===t)return!0;if(typeof e!=`object`||!e||typeof t!=`object`||!t)return!1;var a=Object.keys(e),o=Object.keys(t);if(a.length!==o.length)return!1;for(var s=Object.prototype.hasOwnProperty.bind(t),c=0;c<a.length;c++){var l=a[c];if(!s(l))return!1;var u=e[l],d=t[l];if(i=n?n.call(r,u,d,l):void 0,i===!1||i===void 0&&u!==d)return!1}return!0}})),P=D(((e,t)=>{(function(n,r,i){typeof e==`object`?(t.exports=i(),t.exports.default=i()):typeof define==`function`&&define.amd?define(i):r[n]=i()})(`slugify`,e,function(){var e=JSON.parse(`{"$":"dollar","%":"percent","&":"and","<":"less",">":"greater","|":"or","¢":"cent","£":"pound","¤":"currency","¥":"yen","©":"(c)","ª":"a","®":"(r)","º":"o","À":"A","Á":"A","Â":"A","Ã":"A","Ä":"A","Å":"A","Æ":"AE","Ç":"C","È":"E","É":"E","Ê":"E","Ë":"E","Ì":"I","Í":"I","Î":"I","Ï":"I","Ð":"D","Ñ":"N","Ò":"O","Ó":"O","Ô":"O","Õ":"O","Ö":"O","Ø":"O","Ù":"U","Ú":"U","Û":"U","Ü":"U","Ý":"Y","Þ":"TH","ß":"ss","à":"a","á":"a","â":"a","ã":"a","ä":"a","å":"a","æ":"ae","ç":"c","è":"e","é":"e","ê":"e","ë":"e","ì":"i","í":"i","î":"i","ï":"i","ð":"d","ñ":"n","ò":"o","ó":"o","ô":"o","õ":"o","ö":"o","ø":"o","ù":"u","ú":"u","û":"u","ü":"u","ý":"y","þ":"th","ÿ":"y","Ā":"A","ā":"a","Ă":"A","ă":"a","Ą":"A","ą":"a","Ć":"C","ć":"c","Č":"C","č":"c","Ď":"D","ď":"d","Đ":"DJ","đ":"dj","Ē":"E","ē":"e","Ė":"E","ė":"e","Ę":"e","ę":"e","Ě":"E","ě":"e","Ğ":"G","ğ":"g","Ģ":"G","ģ":"g","Ĩ":"I","ĩ":"i","Ī":"i","ī":"i","Į":"I","į":"i","İ":"I","ı":"i","Ķ":"k","ķ":"k","Ļ":"L","ļ":"l","Ľ":"L","ľ":"l","Ł":"L","ł":"l","Ń":"N","ń":"n","Ņ":"N","ņ":"n","Ň":"N","ň":"n","Ō":"O","ō":"o","Ő":"O","ő":"o","Œ":"OE","œ":"oe","Ŕ":"R","ŕ":"r","Ř":"R","ř":"r","Ś":"S","ś":"s","Ş":"S","ş":"s","Š":"S","š":"s","Ţ":"T","ţ":"t","Ť":"T","ť":"t","Ũ":"U","ũ":"u","Ū":"u","ū":"u","Ů":"U","ů":"u","Ű":"U","ű":"u","Ų":"U","ų":"u","Ŵ":"W","ŵ":"w","Ŷ":"Y","ŷ":"y","Ÿ":"Y","Ź":"Z","ź":"z","Ż":"Z","ż":"z","Ž":"Z","ž":"z","Ə":"E","ƒ":"f","Ơ":"O","ơ":"o","Ư":"U","ư":"u","Lj":"LJ","lj":"lj","Nj":"NJ","nj":"nj","Ș":"S","ș":"s","Ț":"T","ț":"t","ə":"e","˚":"o","Ά":"A","Έ":"E","Ή":"H","Ί":"I","Ό":"O","Ύ":"Y","Ώ":"W","ΐ":"i","Α":"A","Β":"B","Γ":"G","Δ":"D","Ε":"E","Ζ":"Z","Η":"H","Θ":"8","Ι":"I","Κ":"K","Λ":"L","Μ":"M","Ν":"N","Ξ":"3","Ο":"O","Π":"P","Ρ":"R","Σ":"S","Τ":"T","Υ":"Y","Φ":"F","Χ":"X","Ψ":"PS","Ω":"W","Ϊ":"I","Ϋ":"Y","ά":"a","έ":"e","ή":"h","ί":"i","ΰ":"y","α":"a","β":"b","γ":"g","δ":"d","ε":"e","ζ":"z","η":"h","θ":"8","ι":"i","κ":"k","λ":"l","μ":"m","ν":"n","ξ":"3","ο":"o","π":"p","ρ":"r","ς":"s","σ":"s","τ":"t","υ":"y","φ":"f","χ":"x","ψ":"ps","ω":"w","ϊ":"i","ϋ":"y","ό":"o","ύ":"y","ώ":"w","Ё":"Yo","Ђ":"DJ","Є":"Ye","І":"I","Ї":"Yi","Ј":"J","Љ":"LJ","Њ":"NJ","Ћ":"C","Џ":"DZ","А":"A","Б":"B","В":"V","Г":"G","Д":"D","Е":"E","Ж":"Zh","З":"Z","И":"I","Й":"J","К":"K","Л":"L","М":"M","Н":"N","О":"O","П":"P","Р":"R","С":"S","Т":"T","У":"U","Ф":"F","Х":"H","Ц":"C","Ч":"Ch","Ш":"Sh","Щ":"Sh","Ъ":"U","Ы":"Y","Ь":"","Э":"E","Ю":"Yu","Я":"Ya","а":"a","б":"b","в":"v","г":"g","д":"d","е":"e","ж":"zh","з":"z","и":"i","й":"j","к":"k","л":"l","м":"m","н":"n","о":"o","п":"p","р":"r","с":"s","т":"t","у":"u","ф":"f","х":"h","ц":"c","ч":"ch","ш":"sh","щ":"sh","ъ":"u","ы":"y","ь":"","э":"e","ю":"yu","я":"ya","ё":"yo","ђ":"dj","є":"ye","і":"i","ї":"yi","ј":"j","љ":"lj","њ":"nj","ћ":"c","ѝ":"u","џ":"dz","Ґ":"G","ґ":"g","Ғ":"GH","ғ":"gh","Қ":"KH","қ":"kh","Ң":"NG","ң":"ng","Ү":"UE","ү":"ue","Ұ":"U","ұ":"u","Һ":"H","һ":"h","Ә":"AE","ә":"ae","Ө":"OE","ө":"oe","Ա":"A","Բ":"B","Գ":"G","Դ":"D","Ե":"E","Զ":"Z","Է":"E'","Ը":"Y'","Թ":"T'","Ժ":"JH","Ի":"I","Լ":"L","Խ":"X","Ծ":"C'","Կ":"K","Հ":"H","Ձ":"D'","Ղ":"GH","Ճ":"TW","Մ":"M","Յ":"Y","Ն":"N","Շ":"SH","Չ":"CH","Պ":"P","Ջ":"J","Ռ":"R'","Ս":"S","Վ":"V","Տ":"T","Ր":"R","Ց":"C","Փ":"P'","Ք":"Q'","Օ":"O''","Ֆ":"F","և":"EV","ء":"a","آ":"aa","أ":"a","ؤ":"u","إ":"i","ئ":"e","ا":"a","ب":"b","ة":"h","ت":"t","ث":"th","ج":"j","ح":"h","خ":"kh","د":"d","ذ":"th","ر":"r","ز":"z","س":"s","ش":"sh","ص":"s","ض":"dh","ط":"t","ظ":"z","ع":"a","غ":"gh","ف":"f","ق":"q","ك":"k","ل":"l","م":"m","ن":"n","ه":"h","و":"w","ى":"a","ي":"y","ً":"an","ٌ":"on","ٍ":"en","َ":"a","ُ":"u","ِ":"e","ْ":"","٠":"0","١":"1","٢":"2","٣":"3","٤":"4","٥":"5","٦":"6","٧":"7","٨":"8","٩":"9","پ":"p","چ":"ch","ژ":"zh","ک":"k","گ":"g","ی":"y","۰":"0","۱":"1","۲":"2","۳":"3","۴":"4","۵":"5","۶":"6","۷":"7","۸":"8","۹":"9","฿":"baht","ა":"a","ბ":"b","გ":"g","დ":"d","ე":"e","ვ":"v","ზ":"z","თ":"t","ი":"i","კ":"k","ლ":"l","მ":"m","ნ":"n","ო":"o","პ":"p","ჟ":"zh","რ":"r","ს":"s","ტ":"t","უ":"u","ფ":"f","ქ":"k","ღ":"gh","ყ":"q","შ":"sh","ჩ":"ch","ც":"ts","ძ":"dz","წ":"ts","ჭ":"ch","ხ":"kh","ჯ":"j","ჰ":"h","Ṣ":"S","ṣ":"s","Ẁ":"W","ẁ":"w","Ẃ":"W","ẃ":"w","Ẅ":"W","ẅ":"w","ẞ":"SS","Ạ":"A","ạ":"a","Ả":"A","ả":"a","Ấ":"A","ấ":"a","Ầ":"A","ầ":"a","Ẩ":"A","ẩ":"a","Ẫ":"A","ẫ":"a","Ậ":"A","ậ":"a","Ắ":"A","ắ":"a","Ằ":"A","ằ":"a","Ẳ":"A","ẳ":"a","Ẵ":"A","ẵ":"a","Ặ":"A","ặ":"a","Ẹ":"E","ẹ":"e","Ẻ":"E","ẻ":"e","Ẽ":"E","ẽ":"e","Ế":"E","ế":"e","Ề":"E","ề":"e","Ể":"E","ể":"e","Ễ":"E","ễ":"e","Ệ":"E","ệ":"e","Ỉ":"I","ỉ":"i","Ị":"I","ị":"i","Ọ":"O","ọ":"o","Ỏ":"O","ỏ":"o","Ố":"O","ố":"o","Ồ":"O","ồ":"o","Ổ":"O","ổ":"o","Ỗ":"O","ỗ":"o","Ộ":"O","ộ":"o","Ớ":"O","ớ":"o","Ờ":"O","ờ":"o","Ở":"O","ở":"o","Ỡ":"O","ỡ":"o","Ợ":"O","ợ":"o","Ụ":"U","ụ":"u","Ủ":"U","ủ":"u","Ứ":"U","ứ":"u","Ừ":"U","ừ":"u","Ử":"U","ử":"u","Ữ":"U","ữ":"u","Ự":"U","ự":"u","Ỳ":"Y","ỳ":"y","Ỵ":"Y","ỵ":"y","Ỷ":"Y","ỷ":"y","Ỹ":"Y","ỹ":"y","–":"-","‘":"'","’":"'","“":"\\"","”":"\\"","„":"\\"","†":"+","•":"*","…":"...","₠":"ecu","₢":"cruzeiro","₣":"french franc","₤":"lira","₥":"mill","₦":"naira","₧":"peseta","₨":"rupee","₩":"won","₪":"new shequel","₫":"dong","€":"euro","₭":"kip","₮":"tugrik","₯":"drachma","₰":"penny","₱":"peso","₲":"guarani","₳":"austral","₴":"hryvnia","₵":"cedi","₸":"kazakhstani tenge","₹":"indian rupee","₺":"turkish lira","₽":"russian ruble","₿":"bitcoin","℠":"sm","™":"tm","∂":"d","∆":"delta","∑":"sum","∞":"infinity","♥":"love","元":"yuan","円":"yen","﷼":"rial","ﻵ":"laa","ﻷ":"laa","ﻹ":"lai","ﻻ":"la"}`),t=JSON.parse(`{"bg":{"Й":"Y","Ц":"Ts","Щ":"Sht","Ъ":"A","Ь":"Y","й":"y","ц":"ts","щ":"sht","ъ":"a","ь":"y"},"de":{"Ä":"AE","ä":"ae","Ö":"OE","ö":"oe","Ü":"UE","ü":"ue","ß":"ss","%":"prozent","&":"und","|":"oder","∑":"summe","∞":"unendlich","♥":"liebe"},"es":{"%":"por ciento","&":"y","<":"menor que",">":"mayor que","|":"o","¢":"centavos","£":"libras","¤":"moneda","₣":"francos","∑":"suma","∞":"infinito","♥":"amor"},"fr":{"%":"pourcent","&":"et","<":"plus petit",">":"plus grand","|":"ou","¢":"centime","£":"livre","¤":"devise","₣":"franc","∑":"somme","∞":"infini","♥":"amour"},"pt":{"%":"porcento","&":"e","<":"menor",">":"maior","|":"ou","¢":"centavo","∑":"soma","£":"libra","∞":"infinito","♥":"amor"},"uk":{"И":"Y","и":"y","Й":"Y","й":"y","Ц":"Ts","ц":"ts","Х":"Kh","х":"kh","Щ":"Shch","щ":"shch","Г":"H","г":"h"},"vi":{"Đ":"D","đ":"d"},"da":{"Ø":"OE","ø":"oe","Å":"AA","å":"aa","%":"procent","&":"og","|":"eller","$":"dollar","<":"mindre end",">":"større end"},"nb":{"&":"og","Å":"AA","Æ":"AE","Ø":"OE","å":"aa","æ":"ae","ø":"oe"},"it":{"&":"e"},"nl":{"&":"en"},"sv":{"&":"och","Å":"AA","Ä":"AE","Ö":"OE","å":"aa","ä":"ae","ö":"oe"}}`);function n(n,r){if(typeof n!=`string`)throw Error(`slugify: string argument expected`);r=typeof r==`string`?{replacement:r}:r||{};var i=t[r.locale]||{},a=r.replacement===void 0?`-`:r.replacement,o=r.trim===void 0?!0:r.trim,s=n.normalize().split(``).reduce(function(t,n){var o=i[n];return o===void 0&&(o=e[n]),o===void 0&&(o=n),o===a&&(o=` `),t+o.replace(r.remove||/[^\w\s$*_+~.()'"!\-:@]+/g,``)},``);return r.strict&&(s=s.replace(/[^A-Za-z0-9\s]/g,``)),o&&(s=s.trim()),s=s.replace(/\s+/g,a),r.lower&&(s=s.toLowerCase()),s}return n.extend=function(t){Object.assign(e,t)},n})})),me=O(pe(),1),he=O(P(),1);function ge(){return`${Math.random().toString(36).substr(2)}-${Date.now().toString(36)}`}function F(e,t={}){let n=l(e.label)||`Untitled manifest`;return{id:`manifest-editor://project/${ge()}`,filename:(0,he.default)(n,{lower:!0}),name:n,metadata:{created:Date.now(),modified:Date.now()},resource:{id:e.id,type:`Manifest`},publications:[],previews:[],settings:{},storage:{type:`manifest-storage`,data:e},...t}}var _e=O(P(),1);function I(e,t){let n=t.map(e=>e.filename),r=(e.name||e.filename||`Untitled project`).toLowerCase();if(e.filename&&n.indexOf(e.filename)!==-1&&(e.filename=void 0),!e.filename){let t=0;for(;!e.filename;){let i=`${(0,_e.default)(r,{lower:!0})}${t?` (${t})`:``}`;if(n.indexOf(i)===-1){e.filename=i,e.name=`${e.name} (${t})`;break}t++}}}function L(){return`${Math.random().toString(36).substr(2)}-${Date.now().toString(36)}`}var R=O(P(),1);function ve(e,t={}){let n=l(e.label)||`Untitled collection`;return{id:`manifest-editor://project/${L()}`,filename:(0,R.default)(n,{lower:!0}),name:n,metadata:{created:Date.now(),modified:Date.now()},resource:{id:e.id,type:`Collection`},publications:[],previews:[],settings:{},storage:{type:`collection-storage`,data:e},...t}}function z(e,t,n){async function r(r){let i=await t.getAllProjects(!0),a={...r};if(I(a,i),!n.canCreate())throw Error(`Cannot create project with this storage backend`);let s=await n.create(a,a.storage.data),c={...a,storage:s};await t.createProject(c),e({type:`createProject`,payload:c}),o(a.id)}function a(n){t.canDelete()&&(e({type:`deleteProject`,payload:n}),t.deleteProject(n).then(()=>{console.log(`Loader: project deleted`)}))}function o(n){e({type:`switchProject`,payload:n}),t.setLastProject(n).then(()=>{})}function s(t){e({type:`deselectProject`,payload:t})}function c(t){throw e({type:`forkProject`,payload:t}),Error(`Not implemented yet`)}function l(t){e({type:`setLoadingStatus`,payload:t})}function u(r){console.log(`trying to save project...`),e({type:`saveProject`,payload:r}),Promise.all([t.updateProject(r),n.saveStorage(r.storage)]).then(()=>{console.log(`Loader: project saved`)})}function d(t){e({type:`updateDetails`,payload:t})}function f(t){e({type:`createPublication`,payload:t})}function p(t){e({type:`updatePublication`,payload:t})}function m(t){e({type:`removePublication`,payload:t})}function h(t){e({type:`updateSettings`,payload:t})}function g(t){e({type:`updateThumbnail`,payload:t})}function _(t){e({type:`updateStorage`,payload:t})}function v(t){e({type:`load`,payload:t})}function y(t){e({type:`setPreview`,payload:t})}function b(t){e({type:`removePreview`,payload:t})}return i(()=>({createProject:r,deleteProject:a,switchProject:o,deselectProject:s,forkProject:c,saveProject:u,setLoadingStatus:l,load:v,updateDetails:d,createPublication:f,updatePublication:p,removePublication:m,updateSettings:h,updateThumbnail:g,updateStorage:_,setPreview:y,removePreview:b}),[])}function B({actions:e,current:t},n){r(()=>{e.setLoadingStatus({loading:!0,lastLoaded:0,loaded:!1}),n.getAllProjects().then(async t=>{let r=await n.getLastProject(),i=t.find(e=>e.id===r);e.load({allProjects:t,current:i||null,loadingStatus:{loaded:!0,loading:!1,lastLoaded:Date.now()}})})},[])}function V({actions:e,current:n},a){let l=o(null),[u,f]=s(!1),[p,m]=s(``),h=t(()=>{let t=l.current;t&&a.saveStorage(t.storage).then(()=>{let n=a.getBackendStorage(t);(0,me.default)(n,t.storage)||e.saveProject({...t,storage:n})})},[e,a]),g=c(h,a.saveInterval),_=n?.id;r(()=>{l.current=n},[n]);let{vault:v,promise:y}=i(()=>{if(n){let[e,t]=a.createVaultInstance(n);return{vault:e,promise:t}}return{vault:null,promise:null}},[a,_]);return r(()=>{let e=a,t=n,r=v;return()=>{r&&t?e.closeVaultInstance(t,r):r instanceof d&&r.ws.close()}},[a,n,v]),r(()=>{f(!1);let e=!1;return y&&y.then(()=>{e||f(!0)}).catch(e=>{m(e.message)}),()=>{e=!0}},[y]),r(()=>(window.addEventListener(`beforeunload`,h,!1),()=>{window.removeEventListener(`beforeunload`,h)}),[h]),r(()=>()=>{h()},[h,_]),r(()=>{if(v&&a.shouldUpdateWithVault())return v.subscribe(g,!0)},[g,a,v]),{vault:v,ready:u,error:p}}function ye(){let{actions:e}=N(),n=t(function(){e.createProject(F({"@context":`http://iiif.io/api/presentation/3/context.json`,id:`https://example.org/${L()}`,type:`Manifest`,label:{en:[`Blank Manifest`]},items:[]}))},[]),r=t(async function(t){let n=await m(t);n&&(n[`@id`]&&(n=u(n)),n&&e.createProject(F(n)))},[]),i=t(async function(t){let n=await m(t);n&&(n[`@id`]&&(n=u(n)),n&&e.createProject(ve(n)))},[]);return{createProjectFromManifestJson:t(async function(t){let n=JSON.parse(t);n&&(n[`@id`]&&(n=u(n)),n&&e.createProject(F(n)))},[]),createProjectFromManifestId:r,createProjectFromCollectionId:i,createBlankManifest:n}}const be=_(function(e,t){if(e.current)switch(t.type){case`removePublication`:e.current.publications=e.current.publications.filter(e=>e.id!==t.payload);break;case`saveProject`:e.current.metadata.modified=Date.now();break;case`updateDetails`:e.current.name=t.payload.name,e.current.filename=t.payload.filename;break;case`updateStorage`:e.current.storage=t.payload;break;case`createPublication`:e.current.publications.find(e=>e.id===t.payload.id)||e.current.publications.push(t.payload);break;case`updateThumbnail`:e.current.thumbnail=t.payload;break;case`updateSettings`:e.current.settings=t.payload;break;case`updatePublication`:{let n=e.current.publications.find(e=>e.id===t.payload.id);n&&(n.config=t.payload.config);break}case`removePreview`:{let n=e.current.previews?.findIndex(e=>e.id===t.payload);n!==-1&&e.current.previews.splice(n,1);break}case`setPreview`:{let n=e.current.previews?.findIndex(e=>e.id===t.payload.id);n===-1?e.current.previews.push(t.payload):e.current.previews.splice(n,1,t.payload);break}}switch(t.type){case`load`:e.allProjects=t.payload.allProjects,e.current=t.payload.current,e.loadingStatus=t.payload.loadingStatus;break;case`forkProject`:break;case`deleteProject`:e.allProjects=e.allProjects.filter(e=>e.id!==t.payload),e.current&&e.current.id===t.payload&&(e.current=null);break;case`deselectProject`:e.current=null;break;case`createProject`:e.allProjects.push(t.payload),e.current=t.payload;break;case`switchProject`:e.current=e.allProjects.find(e=>e.id===t.payload)||null;break;case`setLoadingStatus`:e.loadingStatus=t.payload;break}});function xe(e={loading:!1,loaded:!0,lastLoaded:0}){return{allProjects:[],current:null,loadingStatus:e}}function H(e){"@babel/helpers - typeof";return H=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},H(e)}function Se(e,t){if(H(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(H(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function Ce(e){var t=Se(e,`string`);return H(t)==`symbol`?t:t+``}function U(e,t,n){return(t=Ce(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var we=class{constructor(e){U(this,`namespace`,void 0),U(this,`saveInterval`,void 0),U(this,`storage`,void 0),this.namespace=e?.namespace||`default-v1.1`,this.saveInterval=5e3,this.storage=v.createInstance({name:`manifest-editor-projects`})}async deleteProject(e){await this.storage.removeItem(`${this.namespace}/projects/${e}`)}async createProject(e){let t=await this.getProjectIndex();await this.storage.setItem(`${this.namespace}/projects/${e.id}`,JSON.stringify(e)),t.indexOf(e.id)===-1&&(t.push(e.id),await this.saveProjectIndex(t))}canDelete(){return!0}async getAllProjects(){try{let e=await this.getProjectIndex(),t=[];for(let n of e){if(n===`_index`)continue;let e=await this.storage.getItem(`${this.namespace}/projects/${n}`);if(e)try{t.push(JSON.parse(e))}catch{}}return t}catch(e){return console.error(`Error loading from localstorage`,e),[]}}async getLastProject(){return this.storage.getItem(`${this.namespace}/last`)}async setLastProject(e){await this.storage.setItem(`${this.namespace}/last`,e)}async updateProject(e){await this.storage.setItem(`${this.namespace}/projects/${e.id}`,JSON.stringify(e))}async saveProjectIndex(e){await this.storage.setItem(`${this.namespace}/_index`,JSON.stringify(e))}async getProjectIndex(){let e=await this.storage.getItem(`${this.namespace}/_index`);if(!e)return[];let t=JSON.parse(e);return Array.isArray(t)?t:[]}},Te=class{constructor(e={}){U(this,`vaults`,{}),U(this,`saveInterval`,void 0),this.saveInterval=e.saveInterval||5e3}shouldUpdateWithVault(){return!0}canCreate(){return!0}canDelete(){return!0}createVaultInstance(e){let t=this.vaults[e.storage.data.key];if(t)return[t,Promise.resolve()];let n=new b;return[n,(async()=>{let t=await this.getStorage(e.storage);await n.loadManifest(e.resource.id,JSON.parse(JSON.stringify(t?.data))),this.vaults[e.storage.data.key]=n})()]}closeVaultInstance(e,t){}async saveStorage(e){let t=this.vaults[e.data.key],n={id:e.data.id,type:e.data.type};if(t){let r=t.toPresentation3(n),i=r.type===`Collection`?{type:`collection-storage`,data:r}:{type:`manifest-storage`,data:r};await this.saveStorageData(i,e)}}},Ee=class extends Te{constructor(e){super({saveInterval:5e3}),U(this,`type`,`local-storage`),U(this,`namespace`,void 0),U(this,`storage`,void 0),U(this,`vaults`,{}),this.namespace=e?.namespace||`default`,this.storage=y.createInstance({name:`local-storage-resource-loader`})}shouldUpdateWithVault(){return!0}async create(e,t){let n=L();return await localStorage.setItem(`${this.namespace}/store/${n}`,JSON.stringify(t)),{type:`resource-keyed-storage`,data:{id:t.id,type:t.type,key:n}}}async getStorage(e){try{let t=await localStorage.getItem(`${this.namespace}/store/${e.data.key}`),n=t?JSON.parse(t):null;return A(n,`Resource not found`),n.type===`Collection`?{type:`collection-storage`,data:n}:{type:`manifest-storage`,data:n}}catch{return null}}async saveStorageData(e,t){await localStorage.setItem(`${this.namespace}/store/${t.data.key}`,JSON.stringify(e.data))}async deleteStorage(e){this.vaults[e.data.key]=null,await localStorage.removeItem(`${this.namespace}/store/${e.data.key}`)}getBackendStorage(e){return e.storage}};function De(e){let{currentApp:t,changeApp:n}=h(),o=i(()=>e.backend||new we,[]),s=i(()=>e.storage||new Ee,[]),[c,l]=a(be,void 0,e.initialState||xe),u=z(l,o,s),d=i(()=>({actions:u,canDelete:o.canDelete(),...c}),[u,o,c]),{vault:m,ready:g,error:_}=V(d,s),v=d.current?.resource,y=i(()=>({isLoading:!g,isError:!!_,error:_}),[g,_]);return B(d,o),r(()=>{c.loadingStatus&&c.loadingStatus.loaded&&g&&(!m||!v)&&t?.id!==(e.defaultApp||`splash`)&&n({id:e.defaultApp||`splash`})},[]),c.loadingStatus&&c.loadingStatus.loading||d.current&&!v?S(`div`,{children:`Loading...`}):S(M.Provider,{value:y,children:S(j.Provider,{value:d,children:S(ee,{vault:m||void 0,children:S(f,{id:d.current?.id,children:S(p,{resource:v,children:e.children})})},c.current?.id)})})}const Oe=()=>C(`svg`,{xmlns:`http://www.w3.org/2000/svg`,height:`1rem`,viewBox:`0 0 24 24`,width:`24px`,fill:`#000000`,children:[S(`path`,{d:`M0 0h24v24H0z`,fill:`none`}),S(`path`,{d:`M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z`})]});w.button`
   border: none;
   outline: none;
   background-color: transparent;
@@ -883,11 +10,10 @@ var ButtonReset = styled.button`
   &:hover {
     color: inherit;
   }
-`;
-var Button = styled.button`
+`;const W=w.button`
   padding: 0.5rem 1rem;
-  color: ${(props) => props.theme.color.main || "none"};
-  background-color: ${(props) => props.theme.color.white || "white"};
+  color: ${e=>e.theme.color.main||`none`};
+  background-color: ${e=>e.theme.color.white||`white`};
   border-radius: inherit;
   border: none;
   cursor: pointer;
@@ -902,18 +28,16 @@ var Button = styled.button`
   &:hover {
     background: #eee;
   }
-`;
-var SmallButton = styled(Button)`
-  padding: 0.25em ${(props) => props.theme.padding.xs || "0.4em"};
+`,ke=w(W)`
+  padding: 0.25em ${e=>e.theme.padding.xs||`0.4em`};
   height: unset;
   background: none;
-`;
-var SecondaryButton = styled(Button)`
+`;w(W)`
    {
-    padding: 0 ${(props) => props.theme.padding.medium || "1rem"};
-    color: ${(props) => props.theme.color.main || "#B84C74;"};
-    background-color: ${(props) => props.theme.color.white || "white"};
-    border: 1px solid ${(props) => props.theme.color.main || "#B84C74;"};
+    padding: 0 ${e=>e.theme.padding.medium||`1rem`};
+    color: ${e=>e.theme.color.main||`#B84C74;`};
+    background-color: ${e=>e.theme.color.white||`white`};
+    border: 1px solid ${e=>e.theme.color.main||`#B84C74;`};
     border-radius: 0.25rem;
     cursor: pointer;
     height: 2rem;
@@ -927,11 +51,10 @@ var SecondaryButton = styled(Button)`
       cursor: not-allowed;
     }
   }
-`;
-var CalltoButton = styled(Button)`
-  padding: 0 ${(props) => props.theme.padding.medium || "1rem"};
-  color: ${(props) => props.theme.color.white || "white"};
-  background-color: ${(props) => props.theme.color.main || "#B84C74;"};
+`,w(W)`
+  padding: 0 ${e=>e.theme.padding.medium||`1rem`};
+  color: ${e=>e.theme.color.white||`white`};
+  background-color: ${e=>e.theme.color.main||`#B84C74;`};
   border: 1px solid #eee;
   border-radius: 0.25rem;
   cursor: pointer;
@@ -939,42 +62,36 @@ var CalltoButton = styled(Button)`
   display: flex;
   align-items: center;
   &:hover {
-    background-color: ${(props) => props.theme.color.mainHover || "#B84C74;"};
+    background-color: ${e=>e.theme.color.mainHover||`#B84C74;`};
   }
-`;
-var ButtonGroup = styled.div`
+`,w.div`
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   align-items: flex-start;
-  justify-content: ${(props) => props.$right ? "flex-end" : "flex-start"};
-`;
-
-// ../ui/atoms/Dropdown.tsx
-var Dropdown = styled2.div`
+  justify-content: ${e=>e.$right?`flex-end`:`flex-start`};
+`;const Ae=w.div`
   position: relative;
   display: inline-block;
-`;
-var DropdownContent = styled2.div`
+`;w.div`
   display: flex;
   flex-direction: column;
   position: absolute;
-  background-color: ${(props) => props.theme.color.white || "white"};
-  color: ${(props) => props.theme.color.black || " black"};
+  background-color: ${e=>e.theme.color.white||`white`};
+  color: ${e=>e.theme.color.black||` black`};
   font-size: 0.75rem;
   min-width: 160px;
   box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
   z-index: 150;
   button {
     &:hover {
-      background-color: ${(props) => props.theme.color.lightgrey || "lightgrey"};
+      background-color: ${e=>e.theme.color.lightgrey||`lightgrey`};
     }
   }
-`;
-var DropdownItem = styled2.button`
-  padding: 0 ${(props) => props.theme.padding.small || "0.5rem"};
-  color: ${(props) => props.theme.color.main || "none"};
-  background-color: ${(props) => props.theme.color.white || "white"};
+`,w.button`
+  padding: 0 ${e=>e.theme.padding.small||`0.5rem`};
+  color: ${e=>e.theme.color.main||`none`};
+  background-color: ${e=>e.theme.color.white||`white`};
   border-radius: 0;
   border: none;
   cursor: pointer;
@@ -987,10 +104,10 @@ var DropdownItem = styled2.button`
   }
 
   &:hover {
-    background-color: ${(props) => props.theme.color.lightgrey || "lightgrey"};
+    background-color: ${e=>e.theme.color.lightgrey||`lightgrey`};
   }
 
-  ${(props) => props.$active && css`
+  ${e=>e.$active&&T`
       background: #b84c74;
       color: #fff;
       &:hover {
@@ -998,13 +115,12 @@ var DropdownItem = styled2.button`
         color: #fff;
       }
     `}
-`;
-var DropdownMenu = styled2.div`
+`;const je=w.div`
   display: none;
   flex-direction: column;
   position: absolute;
   background: #fff;
-  color: ${(props) => props.theme.color.black || " black"};
+  color: ${e=>e.theme.color.black||` black`};
   font-size: 0.75rem;
   min-width: 190px;
   top: calc(100% + 0.5em);
@@ -1017,118 +133,26 @@ var DropdownMenu = styled2.div`
   overflow: hidden;
   padding-bottom: 3px;
 
-  ${Button} {
+  ${W} {
     &:hover {
-      background-color: ${(props) => props.theme.color.lightgrey || "lightgrey"};
+      background-color: ${e=>e.theme.color.lightgrey||`lightgrey`};
     }
   }
 
-  ${(props) => props.$open && css`
+  ${e=>e.$open&&T`
       display: flex;
     `}
-`;
-var DropdownLabel = styled2.div`
+`,G=w.div`
   color: #999;
   text-transform: uppercase;
   font-weight: 600;
   padding: 0.7em;
   font-size: 0.875em;
-`;
-var DropdownDivider = styled2.div`
+`,K=w.div`
   height: 1px;
   margin: 0 0.5em;
   background: #eee;
-`;
-
-// ../ui/madoc/use-local-storage.ts
-import { useEffect as useEffect3, useRef as useRef2, useState as useState2 } from "react";
-
-// ../../node_modules/.pnpm/mitt@3.0.1/node_modules/mitt/dist/mitt.mjs
-function mitt_default(n) {
-  return { all: n = n || /* @__PURE__ */ new Map(), on: function(t, e) {
-    var i = n.get(t);
-    i ? i.push(e) : n.set(t, [e]);
-  }, off: function(t, e) {
-    var i = n.get(t);
-    i && (e ? i.splice(i.indexOf(e) >>> 0, 1) : n.set(t, []));
-  }, emit: function(t, e) {
-    var i = n.get(t);
-    i && i.slice().map(function(n2) {
-      n2(e);
-    }), (i = n.get("*")) && i.slice().map(function(n2) {
-      n2(t, e);
-    });
-  } };
-}
-
-// ../ui/madoc/use-local-storage.ts
-globalThis.MS_LS_EMITTER = globalThis.MS_LS_EMITTER || mitt_default();
-var lsEmitter = globalThis.MS_LS_EMITTER;
-function useLocalStorage(key, initialValue) {
-  const lastStoredValue = useRef2();
-  if (!lastStoredValue.current && initialValue) {
-    lastStoredValue.current = JSON.stringify(initialValue);
-  }
-  const [storedValue, setStoredValue] = useState2(() => {
-    try {
-      if (typeof window === "undefined" || typeof window.localStorage === "undefined") {
-        return initialValue;
-      }
-      const item = window.localStorage.getItem(key);
-      if (item) {
-        lastStoredValue.current = item;
-      }
-      return item ? JSON.parse(item) : initialValue;
-    } catch (error) {
-      console.log(error);
-      return initialValue;
-    }
-  });
-  const setValue = (value) => {
-    try {
-      if (typeof window !== "undefined" && typeof window.localStorage !== "undefined") {
-        let prev = initialValue;
-        try {
-          prev = typeof lastStoredValue.current === "undefined" ? initialValue : JSON.parse(lastStoredValue.current);
-        } catch (e) {
-        }
-        const valueToStore = value instanceof Function ? value(prev) : value;
-        setStoredValue(valueToStore);
-        const valueJson = JSON.stringify(valueToStore);
-        window.localStorage.setItem(key, valueJson);
-        if (valueJson !== lastStoredValue.current) {
-          lastStoredValue.current = valueJson;
-          lsEmitter.emit(`change:${key}`, { valueJson });
-        }
-      }
-    } catch (error) {
-      console.log(error);
-    }
-  };
-  useEffect3(() => {
-    const listener = ({ valueJson }) => {
-      if (valueJson && valueJson !== lastStoredValue.current) {
-        try {
-          setStoredValue(JSON.parse(valueJson));
-          lastStoredValue.current = valueJson;
-        } catch (e) {
-        }
-      }
-    };
-    lsEmitter.on(`change:${key}`, listener);
-    return () => {
-      lsEmitter.off(`change:${key}`, listener);
-    };
-  }, [key]);
-  return [storedValue, setValue, lastStoredValue];
-}
-
-// src/components/AppMenu.tsx
-import useDropdownMenu from "react-accessible-dropdown-menu-hook";
-import { useApps as useApps2 } from "@manifest-editor/shell";
-import styled3 from "styled-components";
-import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-var IconButton = styled3.button`
+`,q=w.button`
   height: 1.75em;
   width: 1.75em;
   background: #e9e9e9;
@@ -1147,57 +171,7 @@ var IconButton = styled3.button`
       fill: #fff;
     }
   }
-`;
-function AppMenu(props) {
-  const { current: currentProject } = useProjectContext();
-  const [isMenuHidden, setIsMenuHidden] = useLocalStorage("menu-hidden");
-  const { apps, changeApp } = useApps2();
-  const type = currentProject?.resource.type;
-  const filteredApps = Object.values(apps).filter((app) => {
-    if (app.metadata.project && app.metadata.projectType !== type) {
-      return false;
-    }
-    if (!currentProject && app.metadata.project) {
-      return false;
-    }
-    if (app.metadata.type === "launcher") {
-      return false;
-    }
-    return true;
-  });
-  const { itemProps, buttonProps, isOpen, setIsOpen } = useDropdownMenu(filteredApps.length + 1);
-  return /* @__PURE__ */ jsxs2(Dropdown, { children: [
-    /* @__PURE__ */ jsx3(IconButton, { ...buttonProps, children: /* @__PURE__ */ jsx3(MenuIcon, {}) }),
-    /* @__PURE__ */ jsxs2(DropdownMenu, { $open: isOpen, children: [
-      /* @__PURE__ */ jsx3(DropdownLabel, { children: "Apps" }),
-      /* @__PURE__ */ jsx3(DropdownDivider, {}),
-      filteredApps.map((app, key) => /* @__PURE__ */ jsx3(
-        Button,
-        {
-          ...itemProps[key],
-          onClick: () => {
-            changeApp({ id: app.metadata.id });
-            setIsOpen(false);
-          },
-          children: app.metadata.title
-        },
-        app.metadata.id
-      )),
-      props.hideMenu ? null : /* @__PURE__ */ jsxs2(Fragment, { children: [
-        /* @__PURE__ */ jsx3(DropdownLabel, { children: "Quick Settings" }),
-        /* @__PURE__ */ jsx3(DropdownDivider, {}),
-        /* @__PURE__ */ jsx3(Button, { ...itemProps[filteredApps.length + 0], onClick: () => setIsMenuHidden(!isMenuHidden), children: isMenuHidden ? "Show menu" : "Hide menu" })
-      ] })
-    ] })
-  ] });
-}
-
-// src/components/DraftTitleEditor.tsx
-import { useState as useState3 } from "react";
-import { flushSync } from "react-dom";
-import styled4 from "styled-components";
-import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-var Draft = styled4.div`
+`;function Me(e){let{current:t}=N(),[n,r]=g(`menu-hidden`),{apps:i,changeApp:a}=h(),o=t?.resource.type,s=Object.values(i).filter(e=>!(e.metadata.project&&e.metadata.projectType!==o||!t&&e.metadata.project||e.metadata.type===`launcher`)),{itemProps:c,buttonProps:l,isOpen:u,setIsOpen:d}=te(s.length+1);return C(Ae,{children:[S(q,{...l,children:S(Oe,{})}),C(je,{$open:u,children:[S(G,{children:`Apps`}),S(K,{}),s.map((e,t)=>S(W,{...c[t],onClick:()=>{a({id:e.metadata.id}),d(!1)},children:e.metadata.title},e.metadata.id)),e.hideMenu?null:C(x,{children:[S(G,{children:`Quick Settings`}),S(K,{}),S(W,{...c[s.length+0],onClick:()=>r(!n),children:n?`Show menu`:`Hide menu`})]})]})]})}const J=w.div`
   display: flex;
   flex-direction: row;
   flex: 1;
@@ -1205,87 +179,28 @@ var Draft = styled4.div`
   padding-left: 0.5em;
   align-items: center;
   overflow: hidden;
-`;
-var DraftsText = styled4.div`
+`,Y=w.div`
   color: #828282;
   padding-right: 1em;
-`;
-var DraftTitleEdit = styled4.form`
+`,X=w.form`
   margin: 0;
   padding: 0;
   display: flex;
   flex: 1;
-`;
-var DraftTitleEditInput = styled4.input`
+`,Z=w.input`
   font-size: 1em;
   flex: 1;
   border: 1px solid #999;
   padding: 0.2em;
   margin: -0.2em 0;
-`;
-var DraftTitleEditButton = styled4(SmallButton)`
+`,Q=w(ke)`
   font-size: 1em;
   display: inline-block;
-`;
-var DraftTitle = styled4.div`
+`,$=w.div`
   color: #333;
   flex: 1;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
-`;
-function DraftTitleEditor() {
-  const { actions, current } = useProjectContext();
-  const [editingTitle, setIsEditingTitle] = useState3(false);
-  return /* @__PURE__ */ jsxs3(Draft, { children: [
-    /* @__PURE__ */ jsx4(DraftsText, { children: "Drafts" }),
-    current ? /* @__PURE__ */ jsx4(Fragment2, { children: editingTitle ? /* @__PURE__ */ jsxs3(
-      DraftTitleEdit,
-      {
-        onSubmit: (e) => {
-          const form = new FormData(e.target);
-          const data = Object.fromEntries(form.entries());
-          actions.updateDetails(data);
-          setIsEditingTitle(false);
-        },
-        children: [
-          /* @__PURE__ */ jsx4(DraftTitleEditInput, { id: "project-title", defaultValue: current.name, name: "name" }),
-          /* @__PURE__ */ jsx4(DraftTitleEditButton, { children: "Save" })
-        ]
-      }
-    ) : /* @__PURE__ */ jsx4(
-      DraftTitle,
-      {
-        onClick: () => {
-          flushSync(() => {
-            setIsEditingTitle(true);
-          });
-          document.getElementById("project-title")?.focus();
-        },
-        children: current.name || "Untitled project"
-      }
-    ) }) : null
-  ] });
-}
-export {
-  AppMenu,
-  Draft,
-  DraftTitle,
-  DraftTitleEdit,
-  DraftTitleEditButton,
-  DraftTitleEditInput,
-  DraftTitleEditor,
-  DraftsText,
-  IconButton,
-  ProjectLoadingReactContext,
-  ProjectProvider,
-  ProjectReactContext,
-  useCurrentProject,
-  useOptionalCurrentProject,
-  useProjectActionsWithBackend,
-  useProjectBackend,
-  useProjectContext,
-  useProjectCreators,
-  useProjectLoader,
-  useProjectLoading
-};
+`;function Ne(){let{actions:e,current:t}=N(),[n,r]=s(!1);return C(J,{children:[S(Y,{children:`Drafts`}),t?S(x,{children:n?C(X,{onSubmit:t=>{let n=new FormData(t.target),i=Object.fromEntries(n.entries());e.updateDetails(i),r(!1)},children:[S(Z,{id:`project-title`,defaultValue:t.name,name:`name`}),S(Q,{children:`Save`})]}):S($,{onClick:()=>{ne(()=>{r(!0)}),document.getElementById(`project-title`)?.focus()},children:t.name||`Untitled project`})}):null]})}export{Me as AppMenu,J as Draft,$ as DraftTitle,X as DraftTitleEdit,Q as DraftTitleEditButton,Z as DraftTitleEditInput,Ne as DraftTitleEditor,Y as DraftsText,q as IconButton,M as ProjectLoadingReactContext,De as ProjectProvider,j as ProjectReactContext,de as useCurrentProject,fe as useOptionalCurrentProject,z as useProjectActionsWithBackend,B as useProjectBackend,N as useProjectContext,ye as useProjectCreators,V as useProjectLoader,ue as useProjectLoading};
+//# sourceMappingURL=index.js.map