@pod-os/elements 0.1.2-da0e5dd.0 → 0.2.0

package/dist/custom-elements/index.js

@@ -19049,26 +19049,26 @@ var require_InruptError = __commonJS({
       }
       static lookupErrorIri(iri, messageParams) {
         if (InruptError.determineIfVocabTerm(iri)) {
-          const message = messageParams === void 0 ? iri.message : iri.messageParams(...messageParams);
-          return message === void 0 ? `Looked up error message IRI [${iri.value}], but found no message value.` : message;
+          const message2 = messageParams === void 0 ? iri.message : iri.messageParams(...messageParams);
+          return message2 === void 0 ? `Looked up error message IRI [${iri.value}], but found no message value.` : message2;
         }
         return `Error message looked up at: [${iri.value}]${messageParams === void 0 ? "" : `, with params [${messageParams.toString()}]`}`;
       }
-      static appendHttpResponseDetails(message, response, append) {
+      static appendHttpResponseDetails(message2, response, append) {
         if (append && typeof response !== "undefined") {
-          return `${message} HTTP details: status code [${response.status}], status text [${response.statusText}].`;
+          return `${message2} HTTP details: status code [${response.status}], status text [${response.statusText}].`;
         }
-        return message;
+        return message2;
       }
-      static appendErrorIri(message, iri, append) {
-        return append ? `${message} Error IRI: [${iri.value}].` : message;
+      static appendErrorIri(message2, iri, append) {
+        return append ? `${message2} Error IRI: [${iri.value}].` : message2;
       }
-      static substituteParams(message, params) {
-        let fullMessage = message;
+      static substituteParams(message2, params) {
+        let fullMessage = message2;
         if (params !== void 0) {
-          const paramsRequired = message.split("{{").length - 1;
+          const paramsRequired = message2.split("{{").length - 1;
           if (paramsRequired !== params.length) {
-            throw new Error(`Setting parameters on message [${message}], but it requires [${paramsRequired}] params and we received [${params.length}].`);
+            throw new Error(`Setting parameters on message [${message2}], but it requires [${paramsRequired}] params and we received [${params.length}].`);
           }
           for (let i = 0; i < params.length; i += 1) {
             const marker = `{{${i}}}`;
@@ -19498,10 +19498,10 @@ var require_browser_ponyfill = __commonJS({
         try {
           new exports2.DOMException();
         } catch (err) {
-          exports2.DOMException = function(message, name) {
-            this.message = message;
+          exports2.DOMException = function(message2, name) {
+            this.message = message2;
             this.name = name;
-            var error2 = Error(message);
+            var error2 = Error(message2);
             this.stack = error2.stack;
           };
           exports2.DOMException.prototype = Object.create(Error.prototype);
@@ -19733,9 +19733,9 @@ var JOSEError, JWTClaimValidationFailed, JWTExpired, JOSEAlgNotAllowed, JOSENotS
 var init_errors = __esm({
   "../node_modules/jose/dist/browser/util/errors.js"() {
     JOSEError = class extends Error {
-      constructor(message) {
+      constructor(message2) {
         var _a;
-        super(message);
+        super(message2);
         this.code = "ERR_JOSE_GENERIC";
         this.name = this.constructor.name;
         (_a = Error.captureStackTrace) === null || _a === void 0 ? void 0 : _a.call(Error, this, this.constructor);
@@ -19745,8 +19745,8 @@ var init_errors = __esm({
       }
     };
     JWTClaimValidationFailed = class extends JOSEError {
-      constructor(message, claim = "unspecified", reason = "unspecified") {
-        super(message);
+      constructor(message2, claim = "unspecified", reason = "unspecified") {
+        super(message2);
         this.code = "ERR_JWT_CLAIM_VALIDATION_FAILED";
         this.claim = claim;
         this.reason = reason;
@@ -19756,8 +19756,8 @@ var init_errors = __esm({
       }
     };
     JWTExpired = class extends JOSEError {
-      constructor(message, claim = "unspecified", reason = "unspecified") {
-        super(message);
+      constructor(message2, claim = "unspecified", reason = "unspecified") {
+        super(message2);
         this.code = "ERR_JWT_EXPIRED";
         this.claim = claim;
         this.reason = reason;
@@ -19939,8 +19939,9 @@ var init_check_cek_length = __esm({
   "../node_modules/jose/dist/browser/runtime/check_cek_length.js"() {
     init_errors();
     checkCekLength = (cek, expected) => {
-      if (cek.length << 3 !== expected) {
-        throw new JWEInvalid("Invalid Content Encryption Key length");
+      const actual = cek.byteLength << 3;
+      if (actual !== expected) {
+        throw new JWEInvalid(`Invalid Content Encryption Key length. Expected ${expected} bits, got ${actual} bits`);
       }
     };
     check_cek_length_default = checkCekLength;
@@ -19975,7 +19976,7 @@ var init_timing_safe_equal = __esm({
 
 // ../node_modules/jose/dist/browser/runtime/env.js
 function isCloudflareWorkers() {
-  return typeof WebSocketPair === "function";
+  return typeof WebSocketPair !== "undefined" || typeof navigator !== "undefined" && navigator.userAgent === "Cloudflare-Workers" || typeof EdgeRuntime !== "undefined" && EdgeRuntime === "vercel";
 }
 var init_env = __esm({
   "../node_modules/jose/dist/browser/runtime/env.js"() {
@@ -20058,6 +20059,12 @@ function checkSigCryptoKey(key, alg, ...usages) {
         throw unusable("NODE-ED25519");
       break;
     }
+    case "EdDSA": {
+      if (key.algorithm.name !== "Ed25519" && key.algorithm.name !== "Ed448") {
+        throw unusable("Ed25519 or Ed448");
+      }
+      break;
+    }
     case "ES256":
     case "ES384":
     case "ES512": {
@@ -20098,10 +20105,17 @@ function checkEncCryptoKey(key, alg, ...usages) {
         throw unusable(expected, "algorithm.length");
       break;
     }
-    case "ECDH":
-      if (!isAlgorithm(key.algorithm, "ECDH"))
-        throw unusable("ECDH");
+    case "ECDH": {
+      switch (key.algorithm.name) {
+        case "ECDH":
+        case "X25519":
+        case "X448":
+          break;
+        default:
+          throw unusable("ECDH, X25519, or X448");
+      }
       break;
+    }
     case "PBES2-HS256+A128KW":
     case "PBES2-HS384+A192KW":
     case "PBES2-HS512+A256KW":
@@ -20132,29 +20146,34 @@ var init_crypto_key = __esm({
 });
 
 // ../node_modules/jose/dist/browser/lib/invalid_key_input.js
+function message(msg2, actual, ...types2) {
+  if (types2.length > 2) {
+    const last = types2.pop();
+    msg2 += `one of type ${types2.join(", ")}, or ${last}.`;
+  } else if (types2.length === 2) {
+    msg2 += `one of type ${types2[0]} or ${types2[1]}.`;
+  } else {
+    msg2 += `of type ${types2[0]}.`;
+  }
+  if (actual == null) {
+    msg2 += ` Received ${actual}`;
+  } else if (typeof actual === "function" && actual.name) {
+    msg2 += ` Received function ${actual.name}`;
+  } else if (typeof actual === "object" && actual != null) {
+    if (actual.constructor && actual.constructor.name) {
+      msg2 += ` Received an instance of ${actual.constructor.name}`;
+    }
+  }
+  return msg2;
+}
+function withAlg(alg, actual, ...types2) {
+  return message(`Key for the ${alg} algorithm must be `, actual, ...types2);
+}
 var invalid_key_input_default;
 var init_invalid_key_input = __esm({
   "../node_modules/jose/dist/browser/lib/invalid_key_input.js"() {
     invalid_key_input_default = (actual, ...types2) => {
-      let msg2 = "Key must be ";
-      if (types2.length > 2) {
-        const last = types2.pop();
-        msg2 += `one of type ${types2.join(", ")}, or ${last}.`;
-      } else if (types2.length === 2) {
-        msg2 += `one of type ${types2[0]} or ${types2[1]}.`;
-      } else {
-        msg2 += `of type ${types2[0]}.`;
-      }
-      if (actual == null) {
-        msg2 += ` Received ${actual}`;
-      } else if (typeof actual === "function" && actual.name) {
-        msg2 += ` Received function ${actual.name}`;
-      } else if (typeof actual === "object" && actual != null) {
-        if (actual.constructor && actual.constructor.name) {
-          msg2 += ` Received an instance of ${actual.constructor.name}`;
-        }
-      }
-      return msg2;
+      return message("Key must be ", actual, ...types2);
     };
   }
 });
@@ -20387,10 +20406,18 @@ async function deriveKey(publicKey, privateKey, algorithm, keyLength, apu = new
   }
   checkEncCryptoKey(privateKey, "ECDH", "deriveBits");
   const value = concat(lengthAndInput(encoder.encode(algorithm)), lengthAndInput(apu), lengthAndInput(apv), uint32be(keyLength));
+  let length;
+  if (publicKey.algorithm.name === "X25519") {
+    length = 256;
+  } else if (publicKey.algorithm.name === "X448") {
+    length = 448;
+  } else {
+    length = Math.ceil(parseInt(publicKey.algorithm.namedCurve.substr(-3), 10) / 8) << 3;
+  }
   const sharedSecret = new Uint8Array(await webcrypto_default.subtle.deriveBits({
-    name: "ECDH",
+    name: publicKey.algorithm.name,
     public: publicKey
-  }, privateKey, Math.ceil(parseInt(privateKey.algorithm.namedCurve.slice(-3), 10) / 8) << 3));
+  }, privateKey, length));
   return concatKdf(sharedSecret, keyLength, value);
 }
 async function generateEpk(key) {
@@ -20403,7 +20430,7 @@ function ecdhAllowed(key) {
   if (!isCryptoKey(key)) {
     throw new TypeError(invalid_key_input_default(key, ...types));
   }
-  return ["P-256", "P-384", "P-521"].includes(key.algorithm.namedCurve);
+  return ["P-256", "P-384", "P-521"].includes(key.algorithm.namedCurve) || key.algorithm.name === "X25519" || key.algorithm.name === "X448";
 }
 var init_ecdhes = __esm({
   "../node_modules/jose/dist/browser/runtime/ecdhes.js"() {
@@ -20652,8 +20679,14 @@ var init_asn1 = __esm({
           return "P-384";
         case findOid(keyData, [43, 129, 4, 0, 35]):
           return "P-521";
-        case (isCloudflareWorkers() && findOid(keyData, [43, 101, 112])):
+        case findOid(keyData, [43, 101, 110]):
+          return "X25519";
+        case findOid(keyData, [43, 101, 111]):
+          return "X448";
+        case findOid(keyData, [43, 101, 112]):
           return "Ed25519";
+        case findOid(keyData, [43, 101, 113]):
+          return "Ed448";
         default:
           throw new JOSENotSupported("Invalid or unsupported EC Key Curve or OKP Key Sub Type");
       }
@@ -20702,15 +20735,22 @@ var init_asn1 = __esm({
         case "ECDH-ES":
         case "ECDH-ES+A128KW":
         case "ECDH-ES+A192KW":
-        case "ECDH-ES+A256KW":
-          algorithm = { name: "ECDH", namedCurve: getNamedCurve2(keyData) };
+        case "ECDH-ES+A256KW": {
+          const namedCurve = getNamedCurve2(keyData);
+          algorithm = namedCurve.startsWith("P-") ? { name: "ECDH", namedCurve } : { name: namedCurve };
           keyUsages = isPublic ? [] : ["deriveBits"];
           break;
-        case (isCloudflareWorkers() && "EdDSA"):
+        }
+        case (isCloudflareWorkers() && "EdDSA"): {
           const namedCurve = getNamedCurve2(keyData).toUpperCase();
           algorithm = { name: `NODE-${namedCurve}`, namedCurve: `NODE-${namedCurve}` };
           keyUsages = isPublic ? ["verify"] : ["sign"];
           break;
+        }
+        case "EdDSA":
+          algorithm = { name: getNamedCurve2(keyData) };
+          keyUsages = isPublic ? ["verify"] : ["sign"];
+          break;
         default:
           throw new JOSENotSupported('Invalid or unsupported "alg" (Algorithm) value');
       }
@@ -20833,9 +20873,27 @@ function subtleMapping(jwk) {
           keyUsages = jwk.d ? ["sign"] : ["verify"];
           break;
         default:
-          throw new JOSENotSupported('Invalid or unsupported JWK "crv" (Subtype of Key Pair) Parameter value');
+          throw new JOSENotSupported('Invalid or unsupported JWK "alg" (Algorithm) Parameter value');
+      }
+      break;
+    case "OKP": {
+      switch (jwk.alg) {
+        case "EdDSA":
+          algorithm = { name: jwk.crv };
+          keyUsages = jwk.d ? ["sign"] : ["verify"];
+          break;
+        case "ECDH-ES":
+        case "ECDH-ES+A128KW":
+        case "ECDH-ES+A192KW":
+        case "ECDH-ES+A256KW":
+          algorithm = { name: jwk.crv };
+          keyUsages = jwk.d ? ["deriveBits"] : [];
+          break;
+        default:
+          throw new JOSENotSupported('Invalid or unsupported JWK "alg" (Algorithm) Parameter value');
       }
       break;
+    }
     default:
       throw new JOSENotSupported('Invalid or unsupported JWK "kty" (Key Type) Parameter value');
   }
@@ -20895,18 +20953,12 @@ function parseElement(bytes) {
   if (bytes[position] < 128) {
     length = bytes[position];
     position++;
-  } else {
-    let numberOfDigits = bytes[position] & 127;
-    position++;
-    length = 0;
-    for (let i = 0; i < numberOfDigits; i++) {
-      length = length * 256 + bytes[position];
-      position++;
-    }
-  }
-  if (length === 128) {
+  } else if (length === 128) {
     length = 0;
     while (bytes[position + length] !== 0 || bytes[position + length + 1] !== 0) {
+      if (length > bytes.byteLength) {
+        throw new TypeError("invalid indefinite form length");
+      }
       length++;
     }
     const byteLength2 = position + length + 2;
@@ -20915,6 +20967,14 @@ function parseElement(bytes) {
       contents: bytes.subarray(position, position + length),
       raw: bytes.subarray(0, byteLength2)
     };
+  } else {
+    let numberOfDigits = bytes[position] & 127;
+    position++;
+    length = 0;
+    for (let i = 0; i < numberOfDigits; i++) {
+      length = length * 256 + bytes[position];
+      position++;
+    }
   }
   const byteLength = position + length;
   return {
@@ -20942,7 +21002,12 @@ async function importX509(x509, alg, options) {
   if (typeof x509 !== "string" || x509.indexOf("-----BEGIN CERTIFICATE-----") !== 0) {
     throw new TypeError('"x509" must be X.509 formatted string');
   }
-  const spki = getSPKI(x509);
+  let spki;
+  try {
+    spki = getSPKI(x509);
+  } catch (cause) {
+    throw new TypeError("failed to parse the X.509 certificate", { cause });
+  }
   return fromSPKI(spki, alg, options);
 }
 async function importPKCS8(pkcs8, alg, options) {
@@ -20998,19 +21063,19 @@ var init_check_key_type = __esm({
   "../node_modules/jose/dist/browser/lib/check_key_type.js"() {
     init_invalid_key_input();
     init_is_key_like();
-    symmetricTypeCheck = (key) => {
+    symmetricTypeCheck = (alg, key) => {
       if (key instanceof Uint8Array)
         return;
       if (!is_key_like_default(key)) {
-        throw new TypeError(invalid_key_input_default(key, ...types, "Uint8Array"));
+        throw new TypeError(withAlg(alg, key, ...types, "Uint8Array"));
       }
       if (key.type !== "secret") {
         throw new TypeError(`${types.join(" or ")} instances for symmetric algorithms must be of type "secret"`);
       }
     };
-    asymmetricTypeCheck = (key, usage) => {
+    asymmetricTypeCheck = (alg, key, usage) => {
       if (!is_key_like_default(key)) {
-        throw new TypeError(invalid_key_input_default(key, ...types));
+        throw new TypeError(withAlg(alg, key, ...types));
       }
       if (key.type === "secret") {
         throw new TypeError(`${types.join(" or ")} instances for asymmetric algorithms must not be of type "secret"`);
@@ -21031,9 +21096,9 @@ var init_check_key_type = __esm({
     checkKeyType = (alg, key, usage) => {
       const symmetric = alg.startsWith("HS") || alg === "dir" || alg.startsWith("PBES2") || /^A\d{3}(?:GCM)?KW$/.test(alg);
       if (symmetric) {
-        symmetricTypeCheck(key);
+        symmetricTypeCheck(alg, key);
       } else {
-        asymmetricTypeCheck(key, usage);
+        asymmetricTypeCheck(alg, key, usage);
       }
     };
     check_key_type_default = checkKeyType;
@@ -21135,7 +21200,7 @@ var init_aesgcmkw = __esm({
 });
 
 // ../node_modules/jose/dist/browser/lib/decrypt_key_management.js
-async function decryptKeyManagement(alg, key, encryptedKey, joseHeader) {
+async function decryptKeyManagement(alg, key, encryptedKey, joseHeader, options) {
   check_key_type_default(alg, key, "decrypt");
   switch (alg) {
     case "dir": {
@@ -21189,6 +21254,9 @@ async function decryptKeyManagement(alg, key, encryptedKey, joseHeader) {
         throw new JWEInvalid("JWE Encrypted Key missing");
       if (typeof joseHeader.p2c !== "number")
         throw new JWEInvalid(`JOSE Header "p2c" (PBES2 Count) missing or invalid`);
+      const p2cLimit = (options === null || options === void 0 ? void 0 : options.maxPBES2Count) || 1e4;
+      if (joseHeader.p2c > p2cLimit)
+        throw new JWEInvalid(`JOSE Header "p2c" (PBES2 Count) out is of acceptable bounds`);
       if (typeof joseHeader.p2s !== "string")
         throw new JWEInvalid(`JOSE Header "p2s" (PBES2 Salt) missing or invalid`);
       return decrypt2(alg, key, encryptedKey, joseHeader.p2c, decode(joseHeader.p2s));
@@ -21375,9 +21443,9 @@ async function flattenedDecrypt(jwe, key, options) {
   }
   let cek;
   try {
-    cek = await decrypt_key_management_default(alg, key, encryptedKey, joseHeader);
+    cek = await decrypt_key_management_default(alg, key, encryptedKey, joseHeader, options);
   } catch (err) {
-    if (err instanceof TypeError) {
+    if (err instanceof TypeError || err instanceof JWEInvalid || err instanceof JOSENotSupported) {
       throw err;
     }
     cek = cek_default(enc);
@@ -22005,6 +22073,8 @@ function subtleDsa(alg, algorithm) {
     case (isCloudflareWorkers() && "EdDSA"):
       const { namedCurve } = algorithm;
       return { name: namedCurve, namedCurve };
+    case "EdDSA":
+      return { name: algorithm.name };
     default:
       throw new JOSENotSupported(`alg ${alg} is not supported either by JOSE or your javascript runtime`);
   }
@@ -23295,7 +23365,7 @@ function getModulusLengthOption(options) {
   return modulusLength;
 }
 async function generateKeyPair(alg, options) {
-  var _a, _b;
+  var _a, _b, _c;
   let algorithm;
   let keyUsages;
   switch (alg) {
@@ -23356,17 +23426,44 @@ async function generateKeyPair(alg, options) {
           throw new JOSENotSupported("Invalid or unsupported crv option provided");
       }
       break;
+    case "EdDSA":
+      keyUsages = ["sign", "verify"];
+      const crv = (_a = options === null || options === void 0 ? void 0 : options.crv) !== null && _a !== void 0 ? _a : "Ed25519";
+      switch (crv) {
+        case "Ed25519":
+        case "Ed448":
+          algorithm = { name: crv };
+          break;
+        default:
+          throw new JOSENotSupported("Invalid or unsupported crv option provided");
+      }
+      break;
     case "ECDH-ES":
     case "ECDH-ES+A128KW":
     case "ECDH-ES+A192KW":
-    case "ECDH-ES+A256KW":
-      algorithm = { name: "ECDH", namedCurve: (_a = options === null || options === void 0 ? void 0 : options.crv) !== null && _a !== void 0 ? _a : "P-256" };
+    case "ECDH-ES+A256KW": {
       keyUsages = ["deriveKey", "deriveBits"];
+      const crv2 = (_b = options === null || options === void 0 ? void 0 : options.crv) !== null && _b !== void 0 ? _b : "P-256";
+      switch (crv2) {
+        case "P-256":
+        case "P-384":
+        case "P-521": {
+          algorithm = { name: "ECDH", namedCurve: crv2 };
+          break;
+        }
+        case "X25519":
+        case "X448":
+          algorithm = { name: crv2 };
+          break;
+        default:
+          throw new JOSENotSupported("Invalid or unsupported crv option provided, supported values are P-256, P-384, P-521, X25519, and X448");
+      }
       break;
+    }
     default:
       throw new JOSENotSupported('Invalid or unsupported JWK "alg" (Algorithm) Parameter value');
   }
-  return webcrypto_default.subtle.generateKey(algorithm, (_b = options === null || options === void 0 ? void 0 : options.extractable) !== null && _b !== void 0 ? _b : false, keyUsages);
+  return webcrypto_default.subtle.generateKey(algorithm, (_c = options === null || options === void 0 ? void 0 : options.extractable) !== null && _c !== void 0 ? _c : false, keyUsages);
 }
 var init_generate = __esm({
   "../node_modules/jose/dist/browser/runtime/generate.js"() {
@@ -23754,8 +23851,8 @@ var require_ConfigurationError = __commonJS({
   "../node_modules/@inrupt/solid-client-authn-core/dist/errors/ConfigurationError.js"(exports) {
     Object.defineProperty(exports, "__esModule", { value: true });
     var ConfigurationError = class extends Error {
-      constructor(message) {
-        super(message);
+      constructor(message2) {
+        super(message2);
       }
     };
     exports.default = ConfigurationError;
@@ -23796,8 +23893,8 @@ var require_OidcProviderError = __commonJS({
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.OidcProviderError = void 0;
     var OidcProviderError = class extends Error {
-      constructor(message, error2, errorDescription) {
-        super(message);
+      constructor(message2, error2, errorDescription) {
+        super(message2);
         this.error = error2;
         this.errorDescription = errorDescription;
       }
@@ -34526,10 +34623,10 @@ var require_graphTypes = __commonJS({
 var require_JsonLdError = __commonJS({
   "../node_modules/jsonld/lib/JsonLdError.js"(exports, module2) {
     module2.exports = class JsonLdError extends Error {
-      constructor(message = "An unspecified JSON-LD error occurred.", name = "jsonld.Error", details = {}) {
-        super(message);
+      constructor(message2 = "An unspecified JSON-LD error occurred.", name = "jsonld.Error", details = {}) {
+        super(message2);
         this.name = name;
-        this.message = message;
+        this.message = message2;
         this.details = details;
       }
     };
@@ -41296,9 +41393,9 @@ var require_dom = __commonJS({
     ExceptionCode.INVALID_MODIFICATION_ERR = (ExceptionMessage[13] = "Invalid modification", 13);
     ExceptionCode.NAMESPACE_ERR = (ExceptionMessage[14] = "Invalid namespace", 14);
     ExceptionCode.INVALID_ACCESS_ERR = (ExceptionMessage[15] = "Invalid access", 15);
-    function DOMException(code, message) {
-      if (message instanceof Error) {
-        var error2 = message;
+    function DOMException(code, message2) {
+      if (message2 instanceof Error) {
+        var error2 = message2;
       } else {
         error2 = this;
         Error.call(this, ExceptionMessage[code]);
@@ -41307,8 +41404,8 @@ var require_dom = __commonJS({
           Error.captureStackTrace(this, DOMException);
       }
       error2.code = code;
-      if (message)
-        this.message = this.message + ": " + message;
+      if (message2)
+        this.message = this.message + ": " + message2;
       return error2;
     }
     DOMException.prototype = Error.prototype;
@@ -42599,8 +42696,8 @@ var require_sax = __commonJS({
     var S_ATTR_END = 5;
     var S_TAG_SPACE = 6;
     var S_TAG_CLOSE = 7;
-    function ParseError(message, locator) {
-      this.message = message;
+    function ParseError(message2, locator) {
+      this.message = message2;
       this.locator = locator;
       if (Error.captureStackTrace)
         Error.captureStackTrace(this, ParseError);
@@ -43464,19 +43561,59 @@ var BrowserSession = class {
   }
 };
 
+// src/files/BinaryFile.ts
+var BinaryFile = class {
+  constructor(url, data) {
+    this.url = url;
+    this.data = data;
+  }
+  blob() {
+    return this.data;
+  }
+};
+
+// src/files/BrokenFile.ts
+var BrokenFile = class {
+  constructor(url, status) {
+    this.url = url;
+    this.status = status;
+  }
+  toString() {
+    return `${this.status.toString()} - ${this.url}`;
+  }
+  blob() {
+    return null;
+  }
+};
+
+// src/files/HttpStatus.ts
+var HttpStatus = class {
+  constructor(code, text) {
+    this.code = code;
+    this.text = text;
+  }
+  toString() {
+    return this.text ? `${this.code} - ${this.text}` : this.code.toString();
+  }
+};
+
 // src/files/FileFetcher.ts
 var FileFetcher = class {
   constructor(session) {
     this.session = session;
   }
-  fetchBlob(url) {
+  fetchFile(url) {
     return __async(this, null, function* () {
-      return this.session.authenticatedFetch(url).then((response) => {
-        if (!response.ok) {
-          throw new Error(`${response.status} - ${response.statusText}`);
-        }
-        return response.blob();
-      });
+      const response = yield this.session.authenticatedFetch(url);
+      if (response.ok) {
+        const blob = yield response.blob();
+        return new BinaryFile(url, blob);
+      } else {
+        return new BrokenFile(
+          url,
+          new HttpStatus(response.status, response.statusText)
+        );
+      }
     });
   }
 };
@@ -43896,8 +44033,8 @@ var NamedNode = /* @__PURE__ */ function(_Node) {
       throw new Error('NamedNode IRI "' + iri + '" must be absolute.');
     }
     if (_this.value.includes(" ")) {
-      var message = 'Error: NamedNode IRI "' + iri + '" must not contain unencoded spaces.';
-      throw new Error(message);
+      var message2 = 'Error: NamedNode IRI "' + iri + '" must not contain unencoded spaces.';
+      throw new Error(message2);
     }
     return _this;
   }
@@ -47381,8 +47518,8 @@ var N3Parser = class {
   _emit(subject, predicate, object, graph3) {
     this._callback(null, this._quad(subject, predicate, object, graph3 || this.DEFAULTGRAPH));
   }
-  _error(message, token) {
-    const err = new Error(`${message} on line ${token.line}.`);
+  _error(message2, token) {
+    const err = new Error(`${message2} on line ${token.line}.`);
     err.context = {
       token,
       line: token.line,
@@ -55085,13 +55222,13 @@ var Fetcher = /* @__PURE__ */ function() {
           }
         }
       }, function(err) {
-        var message = err.message || err.statusText;
-        message = "Failed to load  <" + uri + "> " + message;
-        console.log(message);
+        var message2 = err.message || err.statusText;
+        message2 = "Failed to load  <" + uri + "> " + message2;
+        console.log(message2);
         if (err.response && err.response.status) {
-          message += " status: " + err.response.status;
+          message2 += " status: " + err.response.status;
         }
-        userCallback(false, message, err.response);
+        userCallback(false, message2, err.response);
       });
     }
   }, {
@@ -55583,16 +55720,16 @@ var Fetcher = /* @__PURE__ */ function() {
           return this.redirectToProxy(proxyUri, options);
         }
       }
-      var message;
+      var message2;
       if (response instanceof Error) {
-        message = "Fetch error: " + response.message;
+        message2 = "Fetch error: " + response.message;
       } else {
-        message = response.statusText;
+        message2 = response.statusText;
         if (response.responseText) {
-          message += " ".concat(response.responseText);
+          message2 += " ".concat(response.responseText);
         }
       }
-      return this.failFetch(options, message, response.status || 998, response);
+      return this.failFetch(options, message2, response.status || 998, response);
     }
   }, {
     key: "addType",
@@ -56047,8 +56184,8 @@ var PodOS = class {
   fetch(uri) {
     return this.store.fetch(uri);
   }
-  fetchBlob(url) {
-    return this.fileFetcher.fetchBlob(url);
+  fetchFile(url) {
+    return this.fileFetcher.fetchFile(url);
   }
   trackSession(callback) {
     return this.session.trackSession(callback);
@@ -56184,7 +56321,28 @@ const PosDescription$1 = class extends HTMLElement$1 {
   }
 };
 
-const posImageCss = ":host{--width:300px;--height:300px;--border-radius:0}img,ion-skeleton-text{border-radius:var(--border-radius);width:var(--width);height:var(--height)}";
+const BrokenImage = ({ file }) => {
+  const iconName = iconForStatus(file.status);
+  return (h("div", null,
+    h("a", { class: "error", href: file.url },
+      h("div", null,
+        h("ion-icon", { name: iconName })),
+      h("div", { class: "code" }, file.status.code),
+      h("div", { class: "text" }, file.status.text))));
+};
+function iconForStatus(status) {
+  switch (status.code) {
+    case 401:
+    case 403:
+      return 'lock-closed-outline';
+    case 404:
+      return 'help-circle-outline';
+    default:
+      return 'alert-circle-outline';
+  }
+}
+
+const posImageCss = ":host{--width:300px;--height:300px;--border-radius:0}img,ion-skeleton-text,div.error{border-radius:var(--border-radius);width:var(--width);height:var(--height)}.error{display:flex;opacity:0.8;background:repeating-linear-gradient( -45deg, rgba(150, 0, 0, 0.1), rgba(150, 0, 0, 0.1) 10px, #fff 5px, #fff 25px );flex-direction:column;border:1px solid red;color:black;align-items:center;justify-content:center;word-break:break-all;padding:1rem;box-sizing:border-box}.error ion-icon{color:#282828;--ionicon-stroke-width:calc(var(--width) / 5);font-size:calc(var(--width) / 2)}a{text-decoration:none;width:var(--width);height:var(--height)}.code{font-weight:bold;font-size:calc(var(--width) / 8)}.text{font-size:calc(var(--width) / 20)}";
 
 const PosImage$1 = class extends HTMLElement$1 {
   constructor() {
@@ -56204,9 +56362,14 @@ const PosImage$1 = class extends HTMLElement$1 {
   async fetchBlob() {
     try {
       this.loading = true;
-      const blob = await this.os.fetchBlob(this.src);
-      this.dataUri = URL.createObjectURL(blob);
-      this.error = null;
+      const file = await this.os.fetchFile(this.src);
+      if (file.blob()) {
+        this.dataUri = URL.createObjectURL(file.blob());
+        this.error = null;
+      }
+      else {
+        this.brokenFile = file;
+      }
     }
     catch (err) {
       this.error = err;
@@ -56222,6 +56385,9 @@ const PosImage$1 = class extends HTMLElement$1 {
     if (this.error) {
       return h("div", { class: "error" }, this.error.message);
     }
+    if (this.brokenFile) {
+      return h(BrokenImage, { file: this.brokenFile });
+    }
     return h("img", { src: this.dataUri });
   }
   static get watchers() { return {
@@ -56812,6 +56978,10 @@ const PosRouter$1 = class extends HTMLElement$1 {
   }
 };
 
+const TestComponent$1 = class extends HTMLElement$1 {
+  static get is() { return "test-component"; }
+};
+
 globalScripts();
 const IonActionSheet = /*@__PURE__*/proxyCustomElement(ActionSheet, [34,"ion-action-sheet",{"overlayIndex":[2,"overlay-index"],"keyboardClose":[4,"keyboard-close"],"enterAnimation":[16],"leaveAnimation":[16],"buttons":[16],"cssClass":[1,"css-class"],"backdropDismiss":[4,"backdrop-dismiss"],"header":[1],"subHeader":[1,"sub-header"],"translucent":[4],"animated":[4],"htmlAttributes":[16]}]);
 const IonAlert = /*@__PURE__*/proxyCustomElement(Alert, [34,"ion-alert",{"overlayIndex":[2,"overlay-index"],"keyboardClose":[4,"keyboard-close"],"enterAnimation":[16],"leaveAnimation":[16],"cssClass":[1,"css-class"],"header":[1],"subHeader":[1,"sub-header"],"message":[1],"buttons":[16],"inputs":[1040],"backdropDismiss":[4,"backdrop-dismiss"],"translucent":[4],"animated":[4],"htmlAttributes":[16]},[[4,"keydown","onKeydown"]]]);
@@ -56905,7 +57075,7 @@ const PosApp = /*@__PURE__*/proxyCustomElement(PosApp$1, [4,"pos-app",{"os":[32]
 const PosAppGeneric = /*@__PURE__*/proxyCustomElement(PosAppGeneric$1, [0,"pos-app-generic"]);
 const PosDemoApp = /*@__PURE__*/proxyCustomElement(PosDemoApp$1, [0,"pos-demo-app"]);
 const PosDescription = /*@__PURE__*/proxyCustomElement(PosDescription$1, [1,"pos-description",{"resource":[32]}]);
-const PosImage = /*@__PURE__*/proxyCustomElement(PosImage$1, [1,"pos-image",{"src":[1],"os":[32],"dataUri":[32],"error":[32],"loading":[32]}]);
+const PosImage = /*@__PURE__*/proxyCustomElement(PosImage$1, [1,"pos-image",{"src":[1],"os":[32],"dataUri":[32],"brokenFile":[32],"error":[32],"loading":[32]}]);
 const PosLabel = /*@__PURE__*/proxyCustomElement(PosLabel$1, [1,"pos-label",{"resource":[32]}]);
 const PosLiterals = /*@__PURE__*/proxyCustomElement(PosLiterals$1, [1,"pos-literals",{"data":[32]}]);
 const PosLogin = /*@__PURE__*/proxyCustomElement(PosLogin$1, [0,"pos-login",{"os":[32]}]);
@@ -57017,7 +57187,8 @@ const defineCustomElements = (opts) => {
   PosResource,
   PosReverseRelations,
   PosRichLink,
-  PosRouter
+  PosRouter,
+  TestComponent
     ].forEach(cmp => {
       if (!customElements.get(cmp.is)) {
         customElements.define(cmp.is, cmp, opts);
@@ -57026,4 +57197,4 @@ const defineCustomElements = (opts) => {
   }
 };
 
-export { IonActionSheet, IonAlert, IonApp, IonAvatar, IonBackButton, IonBackdrop, IonBadge, IonButton, IonButtons, IonCard, IonCardContent, IonCardHeader, IonCardSubtitle, IonCardTitle, IonCheckbox, IonChip, IonCol, IonContent, IonDatetime, IonFab, IonFabButton, IonFabList, IonFooter, IonGrid, IonHeader, IonIcon, IonImg, IonInfiniteScroll, IonInfiniteScrollContent, IonInput, IonItem, IonItemDivider, IonItemGroup, IonItemOption, IonItemOptions, IonItemSliding, IonLabel, IonList, IonListHeader, IonLoading, IonMenu, IonMenuButton, IonMenuToggle, IonModal, IonNav, IonNavLink, IonNote, IonPicker, IonPickerColumn, IonPopover, IonProgressBar, IonRadio, IonRadioGroup, IonRange, IonRefresher, IonRefresherContent, IonReorder, IonReorderGroup, IonRippleEffect, IonRoute, IonRouteRedirect, IonRouter, IonRouterLink, IonRouterOutlet, IonRow, IonSearchbar, IonSegment, IonSegmentButton, IonSelect, IonSelectOption, IonSelectPopover, IonSkeletonText, IonSlide, IonSlides, IonSpinner, IonSplitPane, IonTab, IonTabBar, IonTabButton, IonTabs, IonText, IonTextarea, IonThumbnail, IonTitle, IonToast, IonToggle, IonToolbar, IonVirtualScroll, PosApp, PosAppGeneric, PosDemoApp, PosDescription, PosImage, PosLabel, PosLiterals, PosLogin, PosRelations, PosResource, PosReverseRelations, PosRichLink, PosRouter, addEventListener as a, raf as b, componentOnReady as c, createGesture as d, defineCustomElements, clamp as e, createAnimation as f, getIonPageElement as g, now as n, pointerCoord as p, removeEventListener as r };
+export { IonActionSheet, IonAlert, IonApp, IonAvatar, IonBackButton, IonBackdrop, IonBadge, IonButton, IonButtons, IonCard, IonCardContent, IonCardHeader, IonCardSubtitle, IonCardTitle, IonCheckbox, IonChip, IonCol, IonContent, IonDatetime, IonFab, IonFabButton, IonFabList, IonFooter, IonGrid, IonHeader, IonIcon, IonImg, IonInfiniteScroll, IonInfiniteScrollContent, IonInput, IonItem, IonItemDivider, IonItemGroup, IonItemOption, IonItemOptions, IonItemSliding, IonLabel, IonList, IonListHeader, IonLoading, IonMenu, IonMenuButton, IonMenuToggle, IonModal, IonNav, IonNavLink, IonNote, IonPicker, IonPickerColumn, IonPopover, IonProgressBar, IonRadio, IonRadioGroup, IonRange, IonRefresher, IonRefresherContent, IonReorder, IonReorderGroup, IonRippleEffect, IonRoute, IonRouteRedirect, IonRouter, IonRouterLink, IonRouterOutlet, IonRow, IonSearchbar, IonSegment, IonSegmentButton, IonSelect, IonSelectOption, IonSelectPopover, IonSkeletonText, IonSlide, IonSlides, IonSpinner, IonSplitPane, IonTab, IonTabBar, IonTabButton, IonTabs, IonText, IonTextarea, IonThumbnail, IonTitle, IonToast, IonToggle, IonToolbar, IonVirtualScroll, PosApp, PosAppGeneric, PosDemoApp, PosDescription, PosImage, PosLabel, PosLiterals, PosLogin, PosRelations, PosResource, PosReverseRelations, PosRichLink, PosRouter, TestComponent$1 as TestComponent, addEventListener as a, raf as b, componentOnReady as c, createGesture as d, defineCustomElements, clamp as e, createAnimation as f, getIonPageElement as g, now as n, pointerCoord as p, removeEventListener as r };