@meowdown/core 0.83.2 → 0.83.3

package/README.md

@@ -60,6 +60,7 @@ the current block to that level (or back to a paragraph).
 | `Mod-Alt-5`           | Heading 5                                                 | `##### heading`     |
 | `Mod-Alt-6`           | Heading 6                                                 | `###### heading`    |
 | `Mod-.`               | Fold or unfold a bullet                                   |                     |
+| `Mod-/`               | Open the code block menu                                  |                     |
 | `Shift-Enter`         | Insert a line break                                       |                     |
 | `Mod-Enter`           | Follow the link under the caret, or cycle a checkbox task | `- [ ]` / `- [x]`   |
 | `Mod-Shift-Enter`     | Cycle a circle checkbox task                              | `+ [ ]` / `+ [x]`   |

package/dist/index.d.ts

@@ -1389,6 +1389,7 @@ export declare const EDITOR_KEY_BINDINGS: {
   readonly 'Mod-Alt-5': "Heading 5";
   readonly 'Mod-Alt-6': "Heading 6";
   readonly 'Mod-.': "Fold or unfold a bullet";
+  readonly 'Mod-/': "Open the code block menu";
   readonly 'Shift-Enter': "Insert a line break, or leave a code block from its end";
   readonly 'Mod-Enter': "Follow the link under the caret, or cycle a checkbox task";
   readonly 'Mod-Shift-Enter': "Cycle a circle checkbox task";

package/dist/index.js

@@ -7558,6 +7558,7 @@ const EDITOR_KEY_BINDINGS = {
 	"Mod-Alt-5": "Heading 5",
 	"Mod-Alt-6": "Heading 6",
 	"Mod-.": "Fold or unfold a bullet",
+	"Mod-/": "Open the code block menu",
 	"Shift-Enter": "Insert a line break, or leave a code block from its end",
 	"Mod-Enter": "Follow the link under the caret, or cycle a checkbox task",
 	"Mod-Shift-Enter": "Cycle a circle checkbox task",

package/dist/style.css

@@ -200,6 +200,20 @@
     }
   }
 
+  @keyframes meowdown-embed-fade {
+    from, to {
+      mask-image: linear-gradient(#000 calc(100% - 3rem), #0000);
+      mask-size: 100% calc(var(--_body-limit) - var(--_show-more-height) - 2 * var(--_clip-gutter));
+      mask-repeat: no-repeat;
+    }
+  }
+
+  @keyframes meowdown-embed-show {
+    from, to {
+      visibility: visible;
+    }
+  }
+
   [data-meowdown-embed="x"] [data-root], [data-meowdown-embed="x"] [data-root] *, [data-meowdown-embed="x"] [data-root] :before, [data-meowdown-embed="x"] [data-root] :after {
     all: revert;
     box-sizing: border-box;
@@ -391,6 +405,7 @@
         max-height: calc(var(--_body-limit) - var(--_overflowing) * var(--_show-more-height));
         padding: var(--_clip-gutter);
         margin: calc(-1 * var(--_clip-gutter));
+        scroll-timeline: --meowdown-embed-clip block;
         margin-block-end: calc(var(--_overflowing) * var(--_show-more-height) - var(--_clip-gutter));
         animation: linear both meowdown-embed-overflowing scroll(self);
         overflow: hidden;
@@ -402,23 +417,21 @@
         overflow: visible;
       }
 
-      @container style(--_overflowing: 1) {
-        & > article > [data-content] {
-          mask-image: linear-gradient(#000 calc(100% - 3rem), #0000);
-          mask-size: 100%
-          calc(var(--_body-limit) - var(--_show-more-height) - 2 * var(--_clip-gutter));
-          mask-repeat: no-repeat;
-        }
+      & > article > [data-content] {
+        animation: linear both meowdown-embed-fade --meowdown-embed-clip;
+      }
 
-        & > article > [data-show-more] {
-          inset-inline-start: var(--meowdown-embed-padding, 1rem);
-          bottom: var(--meowdown-embed-padding, 1rem);
-          display: block;
-          position: absolute;
-        }
+      & > article > [data-show-more] {
+        inset-inline-start: var(--meowdown-embed-padding, 1rem);
+        bottom: var(--meowdown-embed-padding, 1rem);
+        visibility: hidden;
+        animation: linear both meowdown-embed-show --meowdown-embed-clip;
+        display: block;
+        position: absolute;
       }
 
       & > article > [data-show-more][open] {
+        visibility: visible;
         z-index: 1;
         width: fit-content;
         margin: .5rem auto 0;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@meowdown/core",
   "type": "module",
-  "version": "0.83.2",
+  "version": "0.83.3",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -25,7 +25,7 @@
     "@codemirror/language-data": "^6.5.2",
     "@floating-ui/dom": "^1.8.0",
     "@lezer/highlight": "^1.2.5",
-    "@meowdown/embed": "0.3.1",
+    "@meowdown/embed": "0.3.2",
     "@meowdown/markdown": "0.78.0",
     "@ocavue/utils": "^1.11.0",
     "@post-embed/exporter": "^0.5.0",