lakelib 0.3.4 → 0.3.6

package/lib/lake.js

@@ -37,7 +37,7 @@ var checkCircle = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height
 
 var warningCircle = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" fill=\"#000000\" viewBox=\"0 0 256 256\"><path d=\"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm-8-80V80a8,8,0,0,1,16,0v56a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,172Z\"></path></svg>";
 
-var open = "<svg width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M6.25 4.5A1.75 1.75 0 0 0 4.5 6.25v11.5c0 .966.783 1.75 1.75 1.75h11.5a1.75 1.75 0 0 0 1.75-1.75v-4a.75.75 0 0 1 1.5 0v4A3.25 3.25 0 0 1 17.75 21H6.25A3.25 3.25 0 0 1 3 17.75V6.25A3.25 3.25 0 0 1 6.25 3h4a.75.75 0 0 1 0 1.5h-4ZM13 3.75a.75.75 0 0 1 .75-.75h6.5a.75.75 0 0 1 .75.75v6.5a.75.75 0 0 1-1.5 0V5.56l-5.22 5.22a.75.75 0 0 1-1.06-1.06l5.22-5.22h-4.69a.75.75 0 0 1-.75-.75Z\" fill=\"#000000\"/></svg>";
+var open = "<svg width=\"24\" height=\"24\" fill=\"#000000\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M6.25 4.5A1.75 1.75 0 0 0 4.5 6.25v11.5c0 .966.783 1.75 1.75 1.75h11.5a1.75 1.75 0 0 0 1.75-1.75v-4a.75.75 0 0 1 1.5 0v4A3.25 3.25 0 0 1 17.75 21H6.25A3.25 3.25 0 0 1 3 17.75V6.25A3.25 3.25 0 0 1 6.25 3h4a.75.75 0 0 1 0 1.5h-4ZM13 3.75a.75.75 0 0 1 .75-.75h6.5a.75.75 0 0 1 .75.75v6.5a.75.75 0 0 1-1.5 0V5.56l-5.22 5.22a.75.75 0 0 1-1.06-1.06l5.22-5.22h-4.69a.75.75 0 0 1-.75-.75Z\"/></svg>";
 
 var download = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" fill=\"#000000\" viewBox=\"0 0 256 256\"><path d=\"M224,144v64a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8V144a8,8,0,0,1,16,0v56H208V144a8,8,0,0,1,16,0Zm-101.66,5.66a8,8,0,0,0,11.32,0l40-40a8,8,0,0,0-11.32-11.32L136,124.69V32a8,8,0,0,0-16,0v92.69L93.66,98.34a8,8,0,0,0-11.32,11.32Z\"></path></svg>";
 
@@ -109,9 +109,9 @@ var underline$1 = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height
 
 var strikethrough$1 = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" fill=\"#000000\" viewBox=\"0 0 256 256\"><path d=\"M224,128a8,8,0,0,1-8,8H175.93c9.19,7.11,16.07,17.2,16.07,32,0,13.34-7,25.7-19.75,34.79C160.33,211.31,144.61,216,128,216s-32.33-4.69-44.25-13.21C71,193.7,64,181.34,64,168a8,8,0,0,1,16,0c0,17.35,22,32,48,32s48-14.65,48-32c0-14.85-10.54-23.58-38.77-32H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM76.33,104a8,8,0,0,0,7.61-10.49A17.3,17.3,0,0,1,83.11,88c0-18.24,19.3-32,44.89-32,18.84,0,34.16,7.42,41,19.85a8,8,0,0,0,14-7.7C173.33,50.52,152.77,40,128,40,93.29,40,67.11,60.63,67.11,88a33.73,33.73,0,0,0,1.62,10.49A8,8,0,0,0,76.33,104Z\"></path></svg>";
 
-var superscript$1 = "<svg width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M18.736 3.5c-.543 0-.986.495-.986 1.023a.75.75 0 0 1-1.5 0C16.25 3.278 17.258 2 18.736 2c.855 0 1.684.4 2.15 1.117.49.751.5 1.724-.057 2.672-.285.484-.673.847-1.045 1.141-.187.148-.379.284-.557.41l-.078.056a17.45 17.45 0 0 0-.432.311c-.356.268-.619.511-.78.793h2.514a.75.75 0 0 1 0 1.5H17a.75.75 0 0 1-.75-.75c0-1.396.821-2.182 1.565-2.741.157-.119.32-.234.472-.341l.074-.052c.177-.126.34-.243.493-.363.306-.242.532-.47.682-.724.31-.53.229-.886.093-1.094-.158-.244-.486-.435-.893-.435Z\" fill=\"#000000\"/><path d=\"M15.26 4.71c.06.562.385 1.043.847 1.318L10.987 12l5.583 6.512a.75.75 0 1 1-1.14.976L10 13.152l-5.43 6.336a.75.75 0 0 1-1.14-.976L9.013 12 3.431 5.488a.75.75 0 1 1 1.139-.976L10 10.848l5.26-6.137Z\" fill=\"#000000\"/></svg>";
+var superscript$1 = "<svg width=\"24\" height=\"24\" fill=\"#000000\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M18.736 3.5c-.543 0-.986.495-.986 1.023a.75.75 0 0 1-1.5 0C16.25 3.278 17.258 2 18.736 2c.855 0 1.684.4 2.15 1.117.49.751.5 1.724-.057 2.672-.285.484-.673.847-1.045 1.141-.187.148-.379.284-.557.41l-.078.056a17.45 17.45 0 0 0-.432.311c-.356.268-.619.511-.78.793h2.514a.75.75 0 0 1 0 1.5H17a.75.75 0 0 1-.75-.75c0-1.396.821-2.182 1.565-2.741.157-.119.32-.234.472-.341l.074-.052c.177-.126.34-.243.493-.363.306-.242.532-.47.682-.724.31-.53.229-.886.093-1.094-.158-.244-.486-.435-.893-.435Z\"/><path d=\"M15.26 4.71c.06.562.385 1.043.847 1.318L10.987 12l5.583 6.512a.75.75 0 1 1-1.14.976L10 13.152l-5.43 6.336a.75.75 0 0 1-1.14-.976L9.013 12 3.431 5.488a.75.75 0 1 1 1.139-.976L10 10.848l5.26-6.137Z\"/></svg>";
 
-var subscript$1 = "<svg width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M16.488 4.43a.75.75 0 0 1 .082 1.058L10.988 12l5.032 5.871c-.302.41-.555.906-.682 1.51L10 13.151l-5.43 6.336a.75.75 0 0 1-1.14-.976L9.013 12 3.431 5.488a.75.75 0 0 1 1.139-.976L10 10.848l5.43-6.336a.75.75 0 0 1 1.058-.081ZM17.75 15.523c0-.528.444-1.023.986-1.023.407 0 .735.19.893.434.136.21.218.566-.093 1.095-.15.255-.376.482-.682.724-.152.12-.316.237-.493.363l-.074.052c-.152.107-.315.222-.472.34-.744.56-1.565 1.346-1.565 2.742 0 .414.336.75.75.75h3.451a.75.75 0 0 0 0-1.5h-2.513c.16-.282.423-.525.779-.793.137-.103.279-.203.432-.312l.078-.054c.178-.127.37-.264.557-.41.372-.295.76-.658 1.045-1.142.557-.948.546-1.921.058-2.672C20.42 13.4 19.59 13 18.736 13c-1.478 0-2.486 1.278-2.486 2.523a.75.75 0 0 0 1.5 0Z\" fill=\"#000000\"/></svg>";
+var subscript$1 = "<svg width=\"24\" height=\"24\" fill=\"#000000\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M16.488 4.43a.75.75 0 0 1 .082 1.058L10.988 12l5.032 5.871c-.302.41-.555.906-.682 1.51L10 13.151l-5.43 6.336a.75.75 0 0 1-1.14-.976L9.013 12 3.431 5.488a.75.75 0 0 1 1.139-.976L10 10.848l5.43-6.336a.75.75 0 0 1 1.058-.081ZM17.75 15.523c0-.528.444-1.023.986-1.023.407 0 .735.19.893.434.136.21.218.566-.093 1.095-.15.255-.376.482-.682.724-.152.12-.316.237-.493.363l-.074.052c-.152.107-.315.222-.472.34-.744.56-1.565 1.346-1.565 2.742 0 .414.336.75.75.75h3.451a.75.75 0 0 0 0-1.5h-2.513c.16-.282.423-.525.779-.793.137-.103.279-.203.432-.312l.078-.054c.178-.127.37-.264.557-.41.372-.295.76-.658 1.045-1.142.557-.948.546-1.921.058-2.672C20.42 13.4 19.59 13 18.736 13c-1.478 0-2.486 1.278-2.486 2.523a.75.75 0 0 0 1.5 0Z\"/></svg>";
 
 var code$1 = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" fill=\"#000000\" viewBox=\"0 0 256 256\"><path d=\"M93.31,70,28,128l65.27,58a8,8,0,1,1-10.62,12l-72-64a8,8,0,0,1,0-12l72-64A8,8,0,1,1,93.31,70Zm152,52-72-64a8,8,0,0,0-10.62,12L228,128l-65.27,58a8,8,0,1,0,10.62,12l72-64a8,8,0,0,0,0-12Z\"></path></svg>";
 
@@ -123,13 +123,13 @@ var fontColor$1 = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 2
 
 var fontColorAccent = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\"><rect width=\"256\" height=\"256\" fill=\"none\"/><line x1=\"40\" y1=\"216\" x2=\"216\" y2=\"216\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"16\"/></svg>";
 
-var highlight$1 = "<svg width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M4.38 14.003A2.5 2.5 0 0 0 2 16.5v3A2.5 2.5 0 0 0 4.5 22h15a2.5 2.5 0 0 0 2.5-2.5v-3a2.5 2.5 0 0 0-2.5-2.5h-5.954l-1.316 1.314a3.237 3.237 0 0 1-.203.186H19.5a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-15a1 1 0 0 1-1-1v-3a1 1 0 0 1 .504-.869 2 2 0 0 1 .092-.744l.285-.884Z\" fill=\"#000000\"/><path d=\"M18.648 2.944a3.218 3.218 0 0 1-.002 4.551l-7.123 7.111a2.25 2.25 0 0 1-.942.563l-4.294 1.289a1 1 0 0 1-1.239-1.265l1.362-4.228c.11-.34.298-.65.552-.902l7.132-7.122a3.22 3.22 0 0 1 4.554.003Zm-3.494 1.059-7.133 7.121a.75.75 0 0 0-.184.301l-1.07 3.322 3.382-1.015a.75.75 0 0 0 .315-.187l7.121-7.11a1.718 1.718 0 1 0-2.43-2.432Z\" fill=\"#000000\"/></svg>";
+var highlight$1 = "<svg width=\"24\" height=\"24\" fill=\"#000000\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M4.38 14.003A2.5 2.5 0 0 0 2 16.5v3A2.5 2.5 0 0 0 4.5 22h15a2.5 2.5 0 0 0 2.5-2.5v-3a2.5 2.5 0 0 0-2.5-2.5h-5.954l-1.316 1.314a3.237 3.237 0 0 1-.203.186H19.5a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-15a1 1 0 0 1-1-1v-3a1 1 0 0 1 .504-.869 2 2 0 0 1 .092-.744l.285-.884Z\"/><path d=\"M18.648 2.944a3.218 3.218 0 0 1-.002 4.551l-7.123 7.111a2.25 2.25 0 0 1-.942.563l-4.294 1.289a1 1 0 0 1-1.239-1.265l1.362-4.228c.11-.34.298-.65.552-.902l7.132-7.122a3.22 3.22 0 0 1 4.554.003Zm-3.494 1.059-7.133 7.121a.75.75 0 0 0-.184.301l-1.07 3.322 3.382-1.015a.75.75 0 0 0 .315-.187l7.121-7.11a1.718 1.718 0 1 0-2.43-2.432Z\"/></svg>";
 
-var highlightAccent = "<svg width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M4.004 15.631a2 2 0 0 0 2.571 1.784l4.293-1.288a3.25 3.25 0 0 0 1.159-.627H19.5a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-15a1 1 0 0 1-1-1v-3a1 1 0 0 1 .504-.869Z\" fill=\"#000000\"/></svg>";
+var highlightAccent = "<svg width=\"24\" height=\"24\" fill=\"#000000\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M4.004 15.631a2 2 0 0 0 2.571 1.784l4.293-1.288a3.25 3.25 0 0 0 1.159-.627H19.5a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-15a1 1 0 0 1-1-1v-3a1 1 0 0 1 .504-.869Z\"/></svg>";
 
-var backgroundColor = "<svg width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2 12.414V17.5A2.5 2.5 0 0 0 4.5 20h15a2.5 2.5 0 0 0 2.5-2.5v-11A2.5 2.5 0 0 0 19.5 4h-8.944l1.5 1.5H19.5a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1h-15a1 1 0 0 1-1-1v-3.586l-1.5-1.5Z\" fill=\"#212121\"/><path d=\"M6 1.75a.75.75 0 1 1 1.5 0v1.265c.45.04.89.233 1.235.578l3.536 3.536a2 2 0 0 1 0 2.828L8.027 14.2a2 2 0 0 1-2.829 0l-3.535-3.536a2 2 0 0 1 0-2.828l4.243-4.243c.03-.03.061-.06.093-.087V1.75Zm0 4.5v-.629l-2.89 2.89h8.245a.498.498 0 0 0-.145-.322L7.674 4.654A.498.498 0 0 0 7.5 4.54v1.71a.75.75 0 0 1-1.5 0Zm-2.868 3.76 3.128 3.13a.5.5 0 0 0 .707 0l3.129-3.13H3.132ZM11 13.375c0-.493.154-.972.342-1.381.19-.416.438-.806.673-1.134.238-.331.474-.613.65-.812.085-.097.24-.261.299-.323l.005-.005a.75.75 0 0 1 1.061 0l.305.328c.176.199.412.48.649.812.236.328.483.718.674 1.134.188.409.342.888.342 1.381C16 14.765 14.97 16 13.5 16c-1.471 0-2.5-1.235-2.5-2.625Zm2.234-1.64c-.202.28-.392.585-.53.885-.14.305-.204.56-.204.755 0 .691.48 1.125 1 1.125.519 0 1-.434 1-1.125 0-.194-.065-.45-.205-.755a5.494 5.494 0 0 0-.53-.886 8.417 8.417 0 0 0-.265-.35 8.33 8.33 0 0 0-.266.35Z\" fill=\"#212121\"/></svg>";
+var backgroundColor = "<svg width=\"24\" height=\"24\" fill=\"#000000\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2 12.414V17.5A2.5 2.5 0 0 0 4.5 20h15a2.5 2.5 0 0 0 2.5-2.5v-11A2.5 2.5 0 0 0 19.5 4h-8.944l1.5 1.5H19.5a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1h-15a1 1 0 0 1-1-1v-3.586l-1.5-1.5Z\"/><path d=\"M6 1.75a.75.75 0 1 1 1.5 0v1.265c.45.04.89.233 1.235.578l3.536 3.536a2 2 0 0 1 0 2.828L8.027 14.2a2 2 0 0 1-2.829 0l-3.535-3.536a2 2 0 0 1 0-2.828l4.243-4.243c.03-.03.061-.06.093-.087V1.75Zm0 4.5v-.629l-2.89 2.89h8.245a.498.498 0 0 0-.145-.322L7.674 4.654A.498.498 0 0 0 7.5 4.54v1.71a.75.75 0 0 1-1.5 0Zm-2.868 3.76 3.128 3.13a.5.5 0 0 0 .707 0l3.129-3.13H3.132ZM11 13.375c0-.493.154-.972.342-1.381.19-.416.438-.806.673-1.134.238-.331.474-.613.65-.812.085-.097.24-.261.299-.323l.005-.005a.75.75 0 0 1 1.061 0l.305.328c.176.199.412.48.649.812.236.328.483.718.674 1.134.188.409.342.888.342 1.381C16 14.765 14.97 16 13.5 16c-1.471 0-2.5-1.235-2.5-2.625Zm2.234-1.64c-.202.28-.392.585-.53.885-.14.305-.204.56-.204.755 0 .691.48 1.125 1 1.125.519 0 1-.434 1-1.125 0-.194-.065-.45-.205-.755a5.494 5.494 0 0 0-.53-.886 8.417 8.417 0 0 0-.265-.35 8.33 8.33 0 0 0-.266.35Z\"/></svg>";
 
-var backgroundColorAccent = "<svg width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12.978 6.422a2.99 2.99 0 0 1 .878 2.115c.323.066.63.225.881.476l.013.013.326.35.008.01c.192.216.45.525.712.89.26.36.545.808.77 1.3.22.478.434 1.106.434 1.799C17 15.232 15.606 17 13.5 17c-2.008 0-3.37-1.608-3.491-3.367l-1.274 1.274a3 3 0 0 1-4.243 0L3 13.415V17.5A1.5 1.5 0 0 0 4.5 19h15a1.5 1.5 0 0 0 1.5-1.5v-11A1.5 1.5 0 0 0 19.5 5h-7.944l1.422 1.422Z\" fill=\"#212121\"/></svg>";
+var backgroundColorAccent = "<svg width=\"24\" height=\"24\" fill=\"#000000\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12.978 6.422a2.99 2.99 0 0 1 .878 2.115c.323.066.63.225.881.476l.013.013.326.35.008.01c.192.216.45.525.712.89.26.36.545.808.77 1.3.22.478.434 1.106.434 1.799C17 15.232 15.606 17 13.5 17c-2.008 0-3.37-1.608-3.491-3.367l-1.274 1.274a3 3 0 0 1-4.243 0L3 13.415V17.5A1.5 1.5 0 0 0 4.5 19h15a1.5 1.5 0 0 0 1.5-1.5v-11A1.5 1.5 0 0 0 19.5 5h-7.944l1.422 1.422Z\"/></svg>";
 
 var link$1 = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" fill=\"#000000\" viewBox=\"0 0 256 256\"><path d=\"M165.66,90.34a8,8,0,0,1,0,11.32l-64,64a8,8,0,0,1-11.32-11.32l64-64A8,8,0,0,1,165.66,90.34ZM215.6,40.4a56,56,0,0,0-79.2,0L106.34,70.45a8,8,0,0,0,11.32,11.32l30.06-30a40,40,0,0,1,56.57,56.56l-30.07,30.06a8,8,0,0,0,11.31,11.32L215.6,119.6a56,56,0,0,0,0-79.2ZM138.34,174.22l-30.06,30.06a40,40,0,1,1-56.56-56.57l30.05-30.05a8,8,0,0,0-11.32-11.32L40.4,136.4a56,56,0,0,0,79.2,79.2l30.06-30.07a8,8,0,0,0-11.32-11.31Z\"></path></svg>";
 
@@ -167,9 +167,9 @@ var tableColumn = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height
 
 var tableRow = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" fill=\"#000000\" viewBox=\"0 0 256 256\"><path d=\"M208,136H48a16,16,0,0,0-16,16v40a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V152A16,16,0,0,0,208,136Zm0,56H48V152H208v40Zm0-144H48A16,16,0,0,0,32,64v40a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V64A16,16,0,0,0,208,48Zm0,56H48V64H208v40Z\"></path></svg>";
 
-var tableMerge = "<svg width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M6.25 3A3.25 3.25 0 0 0 3 6.25v11.5A3.25 3.25 0 0 0 6.25 21h11.5A3.25 3.25 0 0 0 21 17.75V6.25A3.25 3.25 0 0 0 17.75 3H6.25ZM4.5 6.25c0-.966.784-1.75 1.75-1.75H11v3H4.5V6.25Zm8 10.25h7v1.25a1.75 1.75 0 0 1-1.75 1.75H12.5v-3Zm7-9h-7v-3h5.25c.966 0 1.75.784 1.75 1.75V7.5Zm-8.5 9v3H6.25a1.75 1.75 0 0 1-1.75-1.75V16.5H11ZM4.5 9h15v6h-15V9Z\" fill=\"#212121\"/></svg>";
+var tableMerge = "<svg width=\"24\" height=\"24\" fill=\"#000000\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M6.25 3A3.25 3.25 0 0 0 3 6.25v11.5A3.25 3.25 0 0 0 6.25 21h11.5A3.25 3.25 0 0 0 21 17.75V6.25A3.25 3.25 0 0 0 17.75 3H6.25ZM4.5 6.25c0-.966.784-1.75 1.75-1.75H11v3H4.5V6.25Zm8 10.25h7v1.25a1.75 1.75 0 0 1-1.75 1.75H12.5v-3Zm7-9h-7v-3h5.25c.966 0 1.75.784 1.75 1.75V7.5Zm-8.5 9v3H6.25a1.75 1.75 0 0 1-1.75-1.75V16.5H11ZM4.5 9h15v6h-15V9Z\"/></svg>";
 
-var tableSplit = "<svg width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12.5 10H11v4h1.5v-4Z\" fill=\"#212121\"/><path d=\"M3 6.25A3.25 3.25 0 0 1 6.25 3h11.5A3.25 3.25 0 0 1 21 6.25v11.5A3.25 3.25 0 0 1 17.75 21H6.25A3.25 3.25 0 0 1 3 17.75V6.25ZM6.25 4.5A1.75 1.75 0 0 0 4.5 6.25V7.5H11v-3H6.25Zm13.25 12h-7v3h5.25a1.75 1.75 0 0 0 1.75-1.75V16.5Zm0-10.25a1.75 1.75 0 0 0-1.75-1.75H12.5v3h7V6.25ZM4.5 16.5v1.25c0 .966.784 1.75 1.75 1.75H11v-3H4.5Zm0-1.5h15V9h-15v6Z\" fill=\"#212121\"/></svg>";
+var tableSplit = "<svg width=\"24\" height=\"24\" fill=\"#000000\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M12.5 10H11v4h1.5v-4Z\" fill=\"#212121\"/><path d=\"M3 6.25A3.25 3.25 0 0 1 6.25 3h11.5A3.25 3.25 0 0 1 21 6.25v11.5A3.25 3.25 0 0 1 17.75 21H6.25A3.25 3.25 0 0 1 3 17.75V6.25ZM6.25 4.5A1.75 1.75 0 0 0 4.5 6.25V7.5H11v-3H6.25Zm13.25 12h-7v3h5.25a1.75 1.75 0 0 0 1.75-1.75V16.5Zm0-10.25a1.75 1.75 0 0 0-1.75-1.75H12.5v3h7V6.25ZM4.5 16.5v1.25c0 .966.784 1.75 1.75 1.75H11v-3H4.5Zm0-1.5h15V9h-15v6Z\"/></svg>";
 
 var info = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" fill=\"#000000\" viewBox=\"0 0 256 256\"><path d=\"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm16-40a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176ZM112,84a12,12,0,1,1,12,12A12,12,0,0,1,112,84Z\"></path></svg>";
 
@@ -194,8 +194,6 @@ var danger = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32
 //
 // Phosphor Icons (https://phosphoricons.com/).
 // - other icons
-// eslint-disable-next-line ts/ban-ts-comment
-// @ts-nocheck
 // common
 const icons = new Map([
     // common
@@ -280,7 +278,7 @@ const icons = new Map([
     ['tableRow', tableRow],
     ['tableMerge', tableMerge],
     ['tableSplit', tableSplit],
-    // alerts
+    // alert
     ['info', info],
     ['tip', tip],
     ['warning', warning],
@@ -2460,7 +2458,7 @@ const moreStyleMenuItems = [
     },
 ];
 // These colors are sourced from Ant Design (https://ant.design/docs/spec/colors)
-const colors = [
+const colors$1 = [
     // Dust Red, Volcano, Sunset Orange, Calendula Gold, Sunrise Yellow, Lime, Polar Green, Cyan, Daybreak Blue, Geek Blue, Golden Purple, Magenta
     '#f5222d', '#fa541c', '#fa8c16', '#faad14', '#fadb14', '#a0d911', '#52c41a', '#13c2c2', '#1677ff', '#2f54eb', '#722ed1', '#eb2f96', // color 6
     '#fff1f0', '#fff2e8', '#fff7e6', '#fffbe6', '#feffe6', '#fcffe6', '#f6ffed', '#e6fffb', '#e6f4ff', '#f0f5ff', '#f9f0ff', '#fff0f6', // color 1
@@ -2482,7 +2480,7 @@ const colorMenuItems = [
         text: locale => locale.toolbar.removeColor(),
     },
 ];
-for (const color of colors) {
+for (const color of colors$1) {
     colorMenuItems.push({
         value: color.toLowerCase(),
         text: color.toUpperCase(),
@@ -6275,7 +6273,7 @@ function removeBox(range) {
     return box;
 }
 
-var version = "0.3.4";
+var version = "0.3.6";
 
 // Converts the custom HTML tags to the special tags that can not be parsed by browser.
 function denormalizeValue(value) {
@@ -6667,7 +6665,7 @@ Repository: https://github.com/bigskysoftware/idiomorph
 */
 const EMPTY_SET = new Set();
 function noOp() { }
-// default configuration values, updatable by users now
+// Default configuration values, updatable by users now.
 const defaults = {
     morphStyle: 'outerHTML',
     callbacks: {
@@ -6689,9 +6687,9 @@ const defaults = {
         afterHeadMorphed: noOp,
     },
 };
-/*
+/**
   Deep merges the config object and the Idiomoroph.defaults object to
-  produce a final configuration object
+  produce a final configuration object.
  */
 function mergeDefaults(config) {
     const finalConfig = {};
@@ -6728,21 +6726,18 @@ function getIdIntersectionCount(ctx, node1, node2) {
     const sourceSet = ctx.idMap.get(node1) || EMPTY_SET;
     let matchCount = 0;
     for (const id of sourceSet) {
-        // a potential match is an id in the source and potentialIdsSet, but
-        // that has not already been merged into the DOM
+        // A potential match is an id in the source and potentialIdsSet, but
+        // that has not already been merged into the DOM.
         if (isIdInConsideration(ctx, id) && idIsWithinNode(ctx, id, node2)) {
             ++matchCount;
         }
     }
     return matchCount;
 }
-/*
+/**
  * A bottom up algorithm that finds all elements with ids inside of the node
  * argument and populates id sets for those nodes and all their parents, generating
- * a set of ids contained within all nodes for the entire hierarchy in the DOM
- *
- * @param node {Element}
- * @param {Map<Node, Set<String>>} idMap
+ * a set of ids contained within all nodes for the entire hierarchy in the DOM.
  */
 function populateIdMapForNode(node, idMap) {
     const nodeParent = node.parentElement;
@@ -6764,15 +6759,15 @@ function populateIdMapForNode(node, idMap) {
         }
     }
 }
-/*
+/**
  * This function computes a map of nodes to all ids contained within that node (inclusive of the
  * node).  This map can be used to ask if two nodes have intersecting sets of ids, which allows
  * for a looser definition of "matching" than tradition id matching, and allows child nodes
  * to contribute to a parent nodes matching.
  *
- * @param {Element} oldContent  the old content that will be morphed
- * @param {Element} newContent  the new content to morph to
- * @returns {Map<Node, Set<String>>} a map of nodes to id sets for the
+ * @param oldContent The old content that will be morphed.
+ * @param newContent The new content to morph to.
+ * @returns A map of nodes to id sets.
  */
 function createIdMap(oldContent, newContent) {
     const idMap = new Map();
@@ -6815,8 +6810,9 @@ function isSoftMatch(node1, node2) {
 }
 function removeNode(tempNode, ctx) {
     removeIdsFromConsideration(ctx, tempNode);
-    if (ctx.callbacks.beforeNodeRemoved(tempNode) === false)
+    if (ctx.callbacks.beforeNodeRemoved(tempNode) === false) {
         return;
+    }
     tempNode.remove();
     ctx.callbacks.afterNodeRemoved(tempNode);
 }
@@ -6830,12 +6826,12 @@ function removeNodesBetween(startInclusive, endExclusive, ctx) {
     removeIdsFromConsideration(ctx, endExclusive);
     return endExclusive.nextSibling;
 }
-// =============================================================================
-// Scans forward from the insertionPoint in the old parent looking for a potential id match
-// for the newChild.  We stop if we find a potential id match for the new child OR
-// if the number of potential id matches we are discarding is greater than the
-// potential id matches for the new child
-// =============================================================================
+/**
+ * Scans forward from the insertionPoint in the old parent looking for a potential id match
+ * for the newChild. We stop if we find a potential id match for the new child OR
+ * if the number of potential id matches we are discarding is greater than the
+ * potential id matches for the new child.
+ */
 function findIdSetMatch(newContent, oldParent, newChild, insertionPoint, ctx) {
     // max id matches we are willing to discard in our search
     const newChildPotentialIdCount = getIdIntersectionCount(ctx, newChild, oldParent);
@@ -6866,12 +6862,12 @@ function findIdSetMatch(newContent, oldParent, newChild, insertionPoint, ctx) {
     }
     return potentialMatch;
 }
-// =============================================================================
-// Scans forward from the insertionPoint in the old parent looking for a potential soft match
-// for the newChild.  We stop if we find a potential soft match for the new child OR
-// if we find a potential id match in the old parents children OR if we find two
-// potential soft matches for the next two pieces of new content
-// =============================================================================
+/**
+ * Scans forward from the insertionPoint in the old parent looking for a potential soft match
+ * for the newChild. We stop if we find a potential soft match for the new child OR
+ * if we find a potential id match in the old parents children OR if we find two
+ * potential soft matches for the next two pieces of new content.
+ */
 function findSoftMatch(newContent, oldParent, newChild, insertionPoint, ctx) {
     let potentialSoftMatch = insertionPoint;
     let nextSibling = newChild.nextSibling;
@@ -6981,12 +6977,12 @@ function findBestNodeMatch(newContent, oldNode, ctx) {
 // =============================================================================
 // Attribute Syncing Code
 // =============================================================================
-/*
- * @param attr {String} the attribute to be mutated
- * @param to {Element} the element that is going to be updated
- * @param updateType {("update"|"remove")}
- * @param ctx the merge context
- * @returns {boolean} true if the attribute should be ignored, false otherwise
+/**
+ * @param attr The attribute to be mutated.
+ * @param to The element that is going to be updated.
+ * @param updateType 'update' or 'remove'
+ * @param ctx The merge context.
+ * @returns True if the attribute should be ignored, false otherwise.
  */
 function ignoreAttribute(attr, to, updateType, ctx) {
     if (attr === 'value' && ctx.ignoreActiveValue && to === document.activeElement) {
@@ -6994,21 +6990,20 @@ function ignoreAttribute(attr, to, updateType, ctx) {
     }
     return ctx.callbacks.beforeAttributeUpdated(attr, to, updateType) === false;
 }
-/*
+/**
  * @param possibleActiveElement
  * @param ctx
- * @returns {boolean}
  */
 function ignoreValueOfActiveElement(possibleActiveElement, ctx) {
     return ctx.ignoreActiveValue && possibleActiveElement === document.activeElement;
 }
-/*
- * syncs a given node with another node, copying over all attributes and
- * inner element state from the 'from' node to the 'to' node
+/**
+ * Syncs a given node with another node, copying over all attributes and
+ * inner element state from the 'from' node to the 'to' node.
  *
- * @param {Element} from the element to copy attributes & state from
- * @param {Element} to the element to copy attributes & state to
- * @param ctx the merge context
+ * @param from The element to copy attributes & state from.
+ * @param to The element to copy attributes & state to.
+ * @param ctx The merge context.
  */
 function syncNodeFrom(from, to, ctx) {
     const type = from.nodeType;
@@ -7045,11 +7040,11 @@ function syncNodeFrom(from, to, ctx) {
         }
     }
 }
-/*
- * @param oldNode root node to merge content into
- * @param newContent new content to merge
- * @param ctx the merge context
- * @returns {Element} the element that ended up in the DOM
+/**
+ * @param oldNode Root node to merge content into.
+ * @param newContent New content to merge.
+ * @param ctx The merge context.
+ * @returns The element that ended up in the DOM.
  */
 function morphOldNodeTo(oldNode, newContent, ctx) {
     var _a;
@@ -7082,27 +7077,27 @@ function morphOldNodeTo(oldNode, newContent, ctx) {
         return oldNode;
     }
 }
-/*
- * This is the core algorithm for matching up children.  The idea is to use id sets to try to match up
- * nodes as faithfully as possible.  We greedily match, which allows us to keep the algorithm fast, but
+/**
+ * This is the core algorithm for matching up children. The idea is to use id sets to try to match up
+ * nodes as faithfully as possible. We greedily match, which allows us to keep the algorithm fast, but
  * by using id sets, we are able to better match up with content deeper in the DOM.
  *
  * Basic algorithm is, for each node in the new content:
  *
- * - if we have reached the end of the old parent, append the new content
- * - if the new content has an id set match with the current insertion point, morph
- * - search for an id set match
- * - if id set match found, morph
- * - otherwise search for a "soft" match
- * - if a soft match is found, morph
- * - otherwise, prepend the new node before the current insertion point
+ * - If we have reached the end of the old parent, append the new content.
+ * - If the new content has an id set match with the current insertion point, morph.
+ * - Search for an id set match.
+ * - If id set match found, morph.
+ * - Otherwise search for a "soft" match.
+ * - If a soft match is found, morph.
+ * - Otherwise, prepend the new node before the current insertion point.
  *
  * The two search algorithms terminate if competing node matches appear to outweigh what can be achieved
- * with the current node.  See findIdSetMatch() and findSoftMatch() for details.
+ * with the current node. See findIdSetMatch() and findSoftMatch() for details.
  *
- * @param {Element} newParent the parent element of the new content
- * @param {Element } oldParent the old content that we are merging the new content into
- * @param ctx the merge context
+ * @param newParent The parent element of the new content.
+ * @param oldParent The old content that we are merging the new content into.
+ * @param ctx The merge context.
  */
 function morphChildren(newParent, oldParent, ctx) {
     let nextNewChild = newParent.firstChild;
@@ -7167,28 +7162,25 @@ function morphNormalizedContent(oldNode, normalizedNewContent, ctx) {
         morphChildren(normalizedNewContent, oldNode, ctx);
         return oldNode.children;
     }
-    if (ctx.morphStyle === 'outerHTML' || ctx.morphStyle == null) {
-        // otherwise find the best element match in the new content, morph that, and merge its siblings
-        // into either side of the best match
-        const bestMatch = findBestNodeMatch(normalizedNewContent, oldNode, ctx);
-        // stash the siblings that will need to be inserted on either side of the best match
-        const previousSibling = bestMatch === null || bestMatch === void 0 ? void 0 : bestMatch.previousSibling;
-        const nextSibling = bestMatch === null || bestMatch === void 0 ? void 0 : bestMatch.nextSibling;
-        // morph it
-        const morphedNode = morphOldNodeTo(oldNode, bestMatch, ctx);
-        if (bestMatch) {
-            // if there was a best match, merge the siblings in too and return the
-            // whole bunch
-            return insertSiblings(previousSibling, morphedNode, nextSibling);
-        }
-        // otherwise nothing was added to the DOM
-        return [];
-    }
-    throw `Do not understand how to morph style ${ctx.morphStyle}`;
+    // otherwise find the best element match in the new content, morph that, and merge its siblings
+    // into either side of the best match
+    const bestMatch = findBestNodeMatch(normalizedNewContent, oldNode, ctx);
+    // stash the siblings that will need to be inserted on either side of the best match
+    const previousSibling = bestMatch === null || bestMatch === void 0 ? void 0 : bestMatch.previousSibling;
+    const nextSibling = bestMatch === null || bestMatch === void 0 ? void 0 : bestMatch.nextSibling;
+    // morph it
+    const morphedNode = morphOldNodeTo(oldNode, bestMatch, ctx);
+    if (bestMatch) {
+        // if there was a best match, merge the siblings in too and return the
+        // whole bunch
+        return insertSiblings(previousSibling, morphedNode, nextSibling);
+    }
+    // otherwise nothing was added to the DOM
+    return [];
 }
-// =============================================================================
-// Core Morphing Algorithm - morph, morphNormalizedContent, morphOldNodeTo, morphChildren
-// =============================================================================
+/**
+ * Morphs one DOM tree to another.
+ */
 function morph(node, otherNode, config = {}) {
     const normalizedContent = normalizeContent(otherNode.get(0));
     const ctx = createMorphContext(node.get(0), normalizedContent, config);
@@ -7732,37 +7724,7 @@ class Editor {
          * Triggers the statechange event when the current selection is changed.
          */
         this.emitStateChangeEvent = debounce(() => {
-            const commandNames = this.command.getNames();
-            let activeItems = this.selection.getActiveItems();
-            if (activeItems.length > 0 && !this.container.contains(activeItems[0].node)) {
-                activeItems = [];
-            }
-            const disabledNameMap = new Map();
-            const selectedNameMap = new Map();
-            const selectedValuesMap = new Map();
-            if (activeItems.length > 0) {
-                for (const name of commandNames) {
-                    const commandItem = this.command.getItem(name);
-                    if (commandItem.isDisabled && commandItem.isDisabled(activeItems)) {
-                        disabledNameMap.set(name, true);
-                    }
-                    if (commandItem.isSelected && commandItem.isSelected(activeItems)) {
-                        selectedNameMap.set(name, true);
-                    }
-                    if (commandItem.selectedValues) {
-                        const values = commandItem.selectedValues(activeItems);
-                        if (values.length > 0) {
-                            selectedValuesMap.set(name, values);
-                        }
-                    }
-                }
-            }
-            const state = {
-                activeItems,
-                disabledNameMap,
-                selectedNameMap,
-                selectedValuesMap,
-            };
+            const state = this.getState();
             if (isEqual(state, this.state)) {
                 return;
             }
@@ -8103,6 +8065,40 @@ class Editor {
     blur() {
         this.container.blur();
     }
+    /**
+     * Returns the state of the current selection.
+     */
+    getState() {
+        const commandNames = this.command.getNames();
+        let activeItems = this.selection.getActiveItems();
+        if (activeItems.length > 0 && !this.container.contains(activeItems[0].node)) {
+            activeItems = [];
+        }
+        const disabledNameMap = new Map();
+        const selectedNameMap = new Map();
+        const selectedValuesMap = new Map();
+        for (const name of commandNames) {
+            const commandItem = this.command.getItem(name);
+            if (commandItem.isDisabled && commandItem.isDisabled(activeItems)) {
+                disabledNameMap.set(name, true);
+            }
+            if (commandItem.isSelected && commandItem.isSelected(activeItems)) {
+                selectedNameMap.set(name, true);
+            }
+            if (activeItems.length > 0 && commandItem.selectedValues) {
+                const values = commandItem.selectedValues(activeItems);
+                if (values.length > 0) {
+                    selectedValuesMap.set(name, values);
+                }
+            }
+        }
+        return {
+            activeItems,
+            disabledNameMap,
+            selectedNameMap,
+            selectedValuesMap,
+        };
+    }
     /**
      * Sets the specified content to the editor.
      */
@@ -8148,6 +8144,8 @@ class Editor {
         this.renderBoxes();
         if (this.toolbar) {
             this.toolbar.render(this);
+            const state = this.getState();
+            this.toolbar.updateState(state);
         }
         document.addEventListener('copy', this.copyListener);
         if (!this.readonly) {
@@ -10460,81 +10458,27 @@ var hr = (editor) => {
     });
 };
 
-const config = {
-    comment: '#57606a',
-    name: '#444d56',
-    variableName: '#953800',
-    typeName: '#0550ae',
-    propertyName: '#444d56',
-    className: '#24292e',
-    labelName: '#005cc5',
-    namespace: '#0550ae',
-    macroName: '#444d56',
-    literal: '#444d56',
-    string: '#0a3069',
-    number: '#0550ae',
-    bool: '#0550ae',
-    regexp: '#116329',
-    color: '#0550ae',
-    keyword: '#cf222e',
-    modifier: '#24292f',
-    operator: '#cf222e',
-    bracket: '#57606a',
-    content: '#57606a',
-    meta: '#8250df',
-    heading: '#0550ae',
-    invalid: '#f6f8fa',
-    definition: '#cf222e',
-    constant: '#0550ae',
-    function: '#005cc5',
-    standard: '#444d56',
-    special: '#444d56',
-};
 // https://lezer.codemirror.net/docs/ref/#highlight.tags
-function getHighlightStyle(CodeMirror) {
+function getHighlightStyle(CodeMirror, colors) {
     const { HighlightStyle, tags } = CodeMirror;
     return HighlightStyle.define([
-        { tag: [tags.comment, tags.lineComment, tags.blockComment, tags.docComment], color: config.comment },
-        { tag: [tags.name], color: config.name },
-        { tag: [tags.variableName, tags.self], color: config.variableName },
-        { tag: [tags.typeName, tags.tagName], color: config.typeName },
-        { tag: [tags.propertyName, tags.attributeName], color: config.propertyName },
-        { tag: [tags.className], color: config.className },
-        { tag: [tags.labelName], color: config.labelName },
-        { tag: [tags.namespace], color: config.namespace },
-        { tag: [tags.macroName], color: config.macroName },
-        { tag: [tags.literal], color: config.literal },
-        { tag: [tags.string, tags.docString, tags.character, tags.attributeValue, tags.unit], color: config.string },
-        { tag: [tags.number, tags.integer, tags.float], color: config.number },
-        { tag: [tags.bool, tags.null, tags.atom], color: config.bool },
-        { tag: [tags.regexp, tags.escape, tags.url], color: config.regexp },
-        { tag: [tags.color], color: config.color },
-        { tag: [
-                tags.keyword, tags.operatorKeyword, tags.controlKeyword,
-                tags.definitionKeyword, tags.moduleKeyword,
-            ], color: config.keyword },
-        { tag: [tags.modifier], color: config.modifier },
-        { tag: [
-                tags.operator, tags.derefOperator, tags.arithmeticOperator, tags.logicOperator, tags.bitwiseOperator,
-                tags.compareOperator, tags.updateOperator, tags.definitionOperator, tags.typeOperator, tags.controlOperator,
-            ], color: config.operator },
-        { tag: [
-                tags.punctuation, tags.separator, tags.bracket, tags.angleBracket, tags.squareBracket,
-                tags.paren, tags.brace, tags.contentSeparator,
-            ], color: config.bracket },
-        { tag: [tags.content], color: config.content },
-        { tag: [tags.meta, tags.documentMeta, tags.annotation, tags.processingInstruction], color: config.meta },
-        { tag: tags.heading, fontWeight: 'bold', color: config.heading },
-        { tag: tags.strong, fontWeight: 'bold' },
-        { tag: tags.emphasis, fontStyle: 'italic' },
-        { tag: tags.link, textDecoration: 'underline' },
-        { tag: tags.strikethrough, textDecoration: 'line-through' },
-        { tag: [tags.invalid, tags.inserted, tags.deleted, tags.changed], color: config.invalid },
-        { tag: [tags.definition(tags.name)], color: config.definition },
-        { tag: [tags.constant(tags.name)], color: config.constant },
-        { tag: [tags.function(tags.variableName)], color: config.function },
-        { tag: [tags.standard(tags.name)], color: config.standard },
-        { tag: [tags.special(tags.variableName)], color: config.special },
+        { tag: [tags.keyword], color: colors.keyword },
+        { tag: [tags.name, tags.deleted, tags.character, tags.propertyName, tags.macroName], color: colors.name },
+        { tag: [tags.function(tags.variableName), tags.labelName], color: colors.function },
+        { tag: [tags.constant(tags.name), tags.color, tags.standard(tags.name)], color: colors.constant },
+        { tag: [tags.definition(tags.name), tags.separator], color: colors.definition },
+        { tag: [tags.typeName, tags.className, tags.changed, tags.annotation, tags.modifier, tags.self, tags.namespace], color: colors.type },
+        { tag: [tags.operator, tags.operatorKeyword, tags.url, tags.escape, tags.regexp, tags.link, tags.special(tags.string)], color: colors.operator },
+        { tag: [tags.comment, tags.meta], color: colors.comment },
+        { tag: [tags.strong], fontWeight: 'bold' },
+        { tag: [tags.emphasis], fontStyle: 'italic' },
+        { tag: [tags.strikethrough], textDecoration: 'line-through' },
+        { tag: [tags.link], textDecoration: 'underline' },
+        { tag: [tags.heading], fontWeight: 'bold', color: colors.heading },
+        { tag: [tags.bool, tags.atom, tags.special(tags.variableName)], color: colors.boolean },
+        { tag: [tags.string, tags.processingInstruction, tags.inserted], color: colors.string },
+        { tag: [tags.number], color: colors.number },
+        { tag: [tags.invalid], color: colors.invalid },
     ]);
 }
 var codeBlockBox = {
@@ -10570,8 +10514,8 @@ var codeBlockBox = {
         }
         const { EditorState, Compartment, EditorView, keymap, history, defaultKeymap, historyKeymap, indentWithTab, syntaxHighlighting, } = CodeMirror;
         const defaultLangItems = CodeMirror.langItems;
-        const codeBlockConfig = editor.config.codeBlock;
-        const langItems = defaultLangItems.filter((item) => codeBlockConfig.langList.indexOf(item.value) >= 0);
+        const { langList, defaultLang, colors } = editor.config.codeBlock;
+        const langItems = defaultLangItems.filter((item) => langList.indexOf(item.value) >= 0);
         // language menu items
         const langItemMap = new Map();
         for (const item of langItems) {
@@ -10608,7 +10552,7 @@ var codeBlockBox = {
                     ...historyKeymap,
                     indentWithTab,
                 ]),
-                syntaxHighlighting(getHighlightStyle(CodeMirror)),
+                syntaxHighlighting(getHighlightStyle(CodeMirror, colors)),
                 language.of(langItem && langItem.component ? langItem.component() : []),
                 updateListener,
             ],
@@ -10618,7 +10562,7 @@ var codeBlockBox = {
             root: rootNode,
             name: 'langType',
             downIcon: icons.get('down'),
-            defaultValue: langItem ? boxValue.lang : codeBlockConfig.defaultLang,
+            defaultValue: langItem ? boxValue.lang : defaultLang,
             tooltip: editor.locale.codeBlock.langType(),
             location: 'global',
             menuType: 'list',
@@ -10672,6 +10616,21 @@ const langList = [
     'xml',
     'yaml',
 ];
+const colors = {
+    keyword: 'var(--lake-code-highlight-keyword)',
+    name: 'var(--lake-code-highlight-name)',
+    function: 'var(--lake-code-highlight-function)',
+    constant: 'var(--lake-code-highlight-constant)',
+    definition: 'var(--lake-code-highlight-definition)',
+    type: 'var(--lake-code-highlight-type)',
+    operator: 'var(--lake-code-highlight-operator)',
+    comment: 'var(--lake-code-highlight-comment)',
+    heading: 'var(--lake-code-highlight-heading)',
+    boolean: 'var(--lake-code-highlight-boolean)',
+    string: 'var(--lake-code-highlight-string)',
+    number: 'var(--lake-code-highlight-number)',
+    invalid: 'var(--lake-code-highlight-invalid)',
+};
 var codeBlock = (editor) => {
     if (!window.LakeCodeMirror) {
         return;
@@ -10679,6 +10638,7 @@ var codeBlock = (editor) => {
     editor.setPluginConfig('codeBlock', {
         langList,
         defaultLang: 'text',
+        colors,
     });
     if (editor.readonly) {
         return;
@@ -11407,7 +11367,7 @@ var imageBox = {
 var image = (editor) => {
     editor.setPluginConfig('image', {
         requestMethod: 'POST',
-        requestTypes: ['image/gif', 'image/jpeg', 'image/png', 'image/svg+xml'],
+        requestTypes: ['image/gif', 'image/jpeg', 'image/png', 'image/svg+xml', 'image/webp'],
     });
     if (editor.readonly) {
         return;
@@ -11718,6 +11678,7 @@ var file = (editor) => {
             'image/jpeg',
             'image/png',
             'image/svg+xml',
+            'image/webp',
             'text/plain',
             'text/html',
             'application/pdf',