likec4 1.36.0 → 1.37.0

package/__app__/src/{index-iX7kahqQ.js → index-CIsxIzOH.js}

@@ -22,10 +22,6 @@ function toArray(arrayLike) {
     arr.push(arrayLike[i]);
   return arr;
 }
-let styleProps = null;
-function getStyleProperties(options = {}) {
-  return styleProps || (options.includeStyleProperties ? (styleProps = options.includeStyleProperties, styleProps) : (styleProps = toArray(window.getComputedStyle(document.documentElement)), styleProps));
-}
 function px(node, styleProperty) {
   const val = (node.ownerDocument.defaultView || window).getComputedStyle(node).getPropertyValue(styleProperty);
   return val ? parseFloat(val.replace("px", "")) : 0;
@@ -70,11 +66,7 @@ function canvasToBlob(canvas, options = {}) {
 function createImage(url) {
   return new Promise((resolve, reject) => {
     const img = new Image();
-    img.onload = () => {
-      img.decode().then(() => {
-        requestAnimationFrame(() => resolve(img));
-      });
-    }, img.onerror = reject, img.crossOrigin = "anonymous", img.decoding = "async", img.src = url;
+    img.decode = () => resolve(img), img.onload = () => resolve(img), img.onerror = reject, img.crossOrigin = "anonymous", img.decoding = "async", img.src = url;
   });
 }
 async function svgToDataURL(svg) {
@@ -94,17 +86,17 @@ function formatCSSText(style) {
   const content = style.getPropertyValue("content");
   return `${style.cssText} content: '${content.replace(/'|"/g, "")}';`;
 }
-function formatCSSProperties(style, options) {
-  return getStyleProperties(options).map((name) => {
+function formatCSSProperties(style) {
+  return toArray(style).map((name) => {
     const value = style.getPropertyValue(name), priority = style.getPropertyPriority(name);
     return `${name}: ${value}${priority ? " !important" : ""};`;
   }).join(" ");
 }
-function getPseudoElementStyle(className, pseudo, style, options) {
-  const selector = `.${className}:${pseudo}`, cssText = style.cssText ? formatCSSText(style) : formatCSSProperties(style, options);
+function getPseudoElementStyle(className, pseudo, style) {
+  const selector = `.${className}:${pseudo}`, cssText = style.cssText ? formatCSSText(style) : formatCSSProperties(style);
   return document.createTextNode(`${selector}{${cssText}}`);
 }
-function clonePseudoElement(nativeNode, clonedNode, pseudo, options) {
+function clonePseudoElement(nativeNode, clonedNode, pseudo) {
   const style = window.getComputedStyle(nativeNode, pseudo), content = style.getPropertyValue("content");
   if (content === "" || content === "none")
     return;
@@ -115,10 +107,10 @@ function clonePseudoElement(nativeNode, clonedNode, pseudo, options) {
     return;
   }
   const styleElement = document.createElement("style");
-  styleElement.appendChild(getPseudoElementStyle(className, pseudo, style, options)), clonedNode.appendChild(styleElement);
+  styleElement.appendChild(getPseudoElementStyle(className, pseudo, style)), clonedNode.appendChild(styleElement);
 }
-function clonePseudoElements(nativeNode, clonedNode, options) {
-  clonePseudoElement(nativeNode, clonedNode, ":before", options), clonePseudoElement(nativeNode, clonedNode, ":after", options);
+function clonePseudoElements(nativeNode, clonedNode) {
+  clonePseudoElement(nativeNode, clonedNode, ":before"), clonePseudoElement(nativeNode, clonedNode, ":after");
 }
 const WOFF = "application/font-woff", JPEG = "image/jpeg", mimes = {
   woff: WOFF,
@@ -201,34 +193,32 @@ async function cloneVideoElement(video, options) {
   const poster = video.poster, contentType = getMimeType(poster), dataURL = await resourceToDataURL(poster, contentType, options);
   return createImage(dataURL);
 }
-async function cloneIFrameElement(iframe, options) {
+async function cloneIFrameElement(iframe) {
   var _a;
   try {
     if (!((_a = iframe?.contentDocument) === null || _a === void 0) && _a.body)
-      return await cloneNode(iframe.contentDocument.body, options, !0);
+      return await cloneNode(iframe.contentDocument.body, {}, !0);
   } catch {
   }
   return iframe.cloneNode(!1);
 }
 async function cloneSingleNode(node, options) {
-  return isInstanceOfElement(node, HTMLCanvasElement) ? cloneCanvasElement(node) : isInstanceOfElement(node, HTMLVideoElement) ? cloneVideoElement(node, options) : isInstanceOfElement(node, HTMLIFrameElement) ? cloneIFrameElement(node, options) : node.cloneNode(isSVGElement(node));
+  return isInstanceOfElement(node, HTMLCanvasElement) ? cloneCanvasElement(node) : isInstanceOfElement(node, HTMLVideoElement) ? cloneVideoElement(node, options) : isInstanceOfElement(node, HTMLIFrameElement) ? cloneIFrameElement(node) : node.cloneNode(!1);
 }
-const isSlotElement = (node) => node.tagName != null && node.tagName.toUpperCase() === "SLOT", isSVGElement = (node) => node.tagName != null && node.tagName.toUpperCase() === "SVG";
+const isSlotElement = (node) => node.tagName != null && node.tagName.toUpperCase() === "SLOT";
 async function cloneChildren(nativeNode, clonedNode, options) {
   var _a, _b;
-  if (isSVGElement(clonedNode))
-    return clonedNode;
   let children = [];
   return isSlotElement(nativeNode) && nativeNode.assignedNodes ? children = toArray(nativeNode.assignedNodes()) : isInstanceOfElement(nativeNode, HTMLIFrameElement) && (!((_a = nativeNode.contentDocument) === null || _a === void 0) && _a.body) ? children = toArray(nativeNode.contentDocument.body.childNodes) : children = toArray(((_b = nativeNode.shadowRoot) !== null && _b !== void 0 ? _b : nativeNode).childNodes), children.length === 0 || isInstanceOfElement(nativeNode, HTMLVideoElement) || await children.reduce((deferred, child) => deferred.then(() => cloneNode(child, options)).then((clonedChild) => {
     clonedChild && clonedNode.appendChild(clonedChild);
   }), Promise.resolve()), clonedNode;
 }
-function cloneCSSStyle(nativeNode, clonedNode, options) {
+function cloneCSSStyle(nativeNode, clonedNode) {
   const targetStyle = clonedNode.style;
   if (!targetStyle)
     return;
   const sourceStyle = window.getComputedStyle(nativeNode);
-  sourceStyle.cssText ? (targetStyle.cssText = sourceStyle.cssText, targetStyle.transformOrigin = sourceStyle.transformOrigin) : getStyleProperties(options).forEach((name) => {
+  sourceStyle.cssText ? (targetStyle.cssText = sourceStyle.cssText, targetStyle.transformOrigin = sourceStyle.transformOrigin) : toArray(sourceStyle).forEach((name) => {
     let value = sourceStyle.getPropertyValue(name);
     name === "font-size" && value.endsWith("px") && (value = `${Math.floor(parseFloat(value.substring(0, value.length - 2))) - 0.1}px`), isInstanceOfElement(nativeNode, HTMLIFrameElement) && name === "display" && value === "inline" && (value = "block"), name === "d" && clonedNode.getAttribute("d") && (value = `path(${clonedNode.getAttribute("d")})`), targetStyle.setProperty(name, value, sourceStyle.getPropertyPriority(name));
   });
@@ -242,8 +232,8 @@ function cloneSelectValue(nativeNode, clonedNode) {
     selectedOption && selectedOption.setAttribute("selected", "");
   }
 }
-function decorate(nativeNode, clonedNode, options) {
-  return isInstanceOfElement(clonedNode, Element) && (cloneCSSStyle(nativeNode, clonedNode, options), clonePseudoElements(nativeNode, clonedNode, options), cloneInputValue(nativeNode, clonedNode), cloneSelectValue(nativeNode, clonedNode)), clonedNode;
+function decorate(nativeNode, clonedNode) {
+  return isInstanceOfElement(clonedNode, Element) && (cloneCSSStyle(nativeNode, clonedNode), clonePseudoElements(nativeNode, clonedNode), cloneInputValue(nativeNode, clonedNode), cloneSelectValue(nativeNode, clonedNode)), clonedNode;
 }
 async function ensureSVGSymbols(clone, options) {
   const uses = clone.querySelectorAll ? clone.querySelectorAll("use") : [];
@@ -270,7 +260,7 @@ async function ensureSVGSymbols(clone, options) {
   return clone;
 }
 async function cloneNode(node, options, isRoot) {
-  return !isRoot && options.filter && !options.filter(node) ? null : Promise.resolve(node).then((clonedNode) => cloneSingleNode(clonedNode, options)).then((clonedNode) => cloneChildren(node, clonedNode, options)).then((clonedNode) => decorate(node, clonedNode, options)).then((clonedNode) => ensureSVGSymbols(clonedNode, options));
+  return !isRoot && options.filter && !options.filter(node) ? null : Promise.resolve(node).then((clonedNode) => cloneSingleNode(clonedNode, options)).then((clonedNode) => cloneChildren(node, clonedNode, options)).then((clonedNode) => decorate(node, clonedNode)).then((clonedNode) => ensureSVGSymbols(clonedNode, options));
 }
 const URL_REGEX = /url\((['"]?)([^'"]+?)\1\)/g, URL_WITH_FORMAT_REGEX = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, FONT_SRC_REGEX = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
 function toRegex(url) {
@@ -320,7 +310,7 @@ async function embedProp(propName, node, options) {
   return !1;
 }
 async function embedBackground(clonedNode, options) {
-  await embedProp("background", clonedNode, options) || await embedProp("background-image", clonedNode, options), await embedProp("mask", clonedNode, options) || await embedProp("-webkit-mask", clonedNode, options) || await embedProp("mask-image", clonedNode, options) || await embedProp("-webkit-mask-image", clonedNode, options);
+  await embedProp("background", clonedNode, options) || await embedProp("background-image", clonedNode, options), await embedProp("mask", clonedNode, options) || await embedProp("mask-image", clonedNode, options);
 }
 async function embedImageNode(clonedNode, options) {
   const isImageElement = isInstanceOfElement(clonedNode, HTMLImageElement);
@@ -328,13 +318,7 @@ async function embedImageNode(clonedNode, options) {
     return;
   const url = isImageElement ? clonedNode.src : clonedNode.href.baseVal, dataURL = await resourceToDataURL(url, getMimeType(url), options);
   await new Promise((resolve, reject) => {
-    clonedNode.onload = resolve, clonedNode.onerror = options.onImageErrorHandler ? (...attributes) => {
-      try {
-        resolve(options.onImageErrorHandler(...attributes));
-      } catch (error) {
-        reject(error);
-      }
-    } : reject;
+    clonedNode.onload = resolve, clonedNode.onerror = reject;
     const image = clonedNode;
     image.decode && (image.decode = resolve), image.loading === "lazy" && (image.loading = "eager"), isImageElement ? (clonedNode.srcset = "", clonedNode.src = dataURL) : clonedNode.href.baseVal = dataURL;
   });
@@ -422,7 +406,7 @@ async function getCSSRules(styleSheets, options) {
       } catch (e) {
         const inline = styleSheets.find((a) => a.href == null) || document.styleSheets[0];
         sheet.href != null && deferreds.push(fetchCSS(sheet.href).then((metadata) => embedFonts(metadata, options)).then((cssText) => parseCSS(cssText).forEach((rule) => {
-          inline.insertRule(rule, inline.cssRules.length);
+          inline.insertRule(rule, sheet.cssRules.length);
         })).catch((err) => {
           console.error("Error loading remote stylesheet", err);
         })), console.error("Error inlining remote css file", e);
@@ -447,23 +431,9 @@ async function parseWebFontRules(node, options) {
   const styleSheets = toArray(node.ownerDocument.styleSheets), cssRules = await getCSSRules(styleSheets, options);
   return getWebFontRules(cssRules);
 }
-function normalizeFontFamily(font) {
-  return font.trim().replace(/["']/g, "");
-}
-function getUsedFonts(node) {
-  const fonts = /* @__PURE__ */ new Set();
-  function traverse(node2) {
-    (node2.style.fontFamily || getComputedStyle(node2).fontFamily).split(",").forEach((font) => {
-      fonts.add(normalizeFontFamily(font));
-    }), Array.from(node2.children).forEach((child) => {
-      child instanceof HTMLElement && traverse(child);
-    });
-  }
-  return traverse(node), fonts;
-}
 async function getWebFontCSS(node, options) {
-  const rules = await parseWebFontRules(node, options), usedFonts = getUsedFonts(node);
-  return (await Promise.all(rules.filter((rule) => usedFonts.has(normalizeFontFamily(rule.style.fontFamily))).map((rule) => {
+  const rules = await parseWebFontRules(node, options);
+  return (await Promise.all(rules.map((rule) => {
     const baseUrl = rule.parentStyleSheet ? rule.parentStyleSheet.href : null;
     return embedResources(rule.cssText, baseUrl, options);
   }))).join(`