@threadlabs/looma 0.26.17 → 0.26.19

package/vue/components.css

@@ -4041,39 +4041,39 @@ ul[data-v-516afff1] {
   display: none;
 }
 
-[data-component~="ui-editor-table-overlay"][data-v-57feae5c] {
+[data-component~="ui-editor-table-overlay"][data-v-0e632fe0] {
   display: block;
   width: 100%;
   height: 100%;
   overflow: visible;
   pointer-events: none;
 }
-[data-component~="ui-editor-table-overlay"][data-v-57feae5c] {
+[data-component~="ui-editor-table-overlay"][data-v-0e632fe0] {
   position: relative;
   width: 100%;
   height: 100%;
   overflow: visible;
   pointer-events: none;
 }
-.rows[data-v-57feae5c],
-.cols[data-v-57feae5c] {
+.rows[data-v-0e632fe0],
+.cols[data-v-0e632fe0] {
   pointer-events: none;
   position: absolute;
 }
-.rows[data-v-57feae5c] {
+.rows[data-v-0e632fe0] {
   inset: 0;
   width: 100%;
 }
-.cols[data-v-57feae5c] {
+.cols[data-v-0e632fe0] {
   inset: 0;
   height: 100%;
 }
-.control[data-v-57feae5c] {
+.control[data-v-0e632fe0] {
   position: absolute;
   z-index: 1;
   pointer-events: none;
 }
-.handle[data-v-57feae5c] {
+.handle[data-v-0e632fe0] {
   position: absolute;
   display: inline-flex;
   align-items: center;
@@ -4100,65 +4100,65 @@ ul[data-v-516afff1] {
   pointer-events: auto;
   cursor: pointer;
 }
-.handle[data-v-57feae5c] {
+.handle[data-v-0e632fe0] {
   --_ui-default-icon-size: 14px;
   --_ui-default-icon-stroke-width: 2;
 }
-.handle[data-ui-proximity="near"][data-v-57feae5c],
-.control.active .handle[data-v-57feae5c],
-.handle[data-v-57feae5c]:focus-visible {
+.handle[data-ui-proximity="near"][data-v-0e632fe0],
+.control.active .handle[data-v-0e632fe0],
+.handle[data-v-0e632fe0]:focus-visible {
   opacity: 1;
   scale: 1;
 }
-.control.active .handle[data-v-57feae5c],
-.handle[data-v-57feae5c]:focus-visible {
+.control.active .handle[data-v-0e632fe0],
+.handle[data-v-0e632fe0]:focus-visible {
   border-color: var(--ui-affordance-direct-color, var(--ui-accent-solid));
   background: var(--ui-affordance-direct-color, var(--ui-accent-solid));
   color: var(--ui-text-on-accent);
   box-shadow: var(--ui-shadow-sm, 0 1px 3px rgb(0 0 0 / 0.1));
 }
-.handle[data-v-57feae5c]:focus-visible,
-.selector[data-v-57feae5c]:focus-visible,
-.cell-menu[data-v-57feae5c]:focus-visible {
+.handle[data-v-0e632fe0]:focus-visible,
+.selector[data-v-0e632fe0]:focus-visible,
+.cell-menu[data-v-0e632fe0]:focus-visible {
   outline: var(--ui-focus-width) solid var(--ui-focus-ring);
   outline-offset: var(--ui-focus-width);
 }
-.control.row[data-v-57feae5c] {
+.control.row[data-v-0e632fe0] {
   left: 0;
   width: 100%;
   height: 0;
 }
-.control.row .handle[data-v-57feae5c] {
+.control.row .handle[data-v-0e632fe0] {
   top: -12px;
   left: -30px;
 }
-.control.col[data-v-57feae5c] {
+.control.col[data-v-0e632fe0] {
   top: 0;
   width: 0;
   height: 100%;
 }
-.control.col .handle[data-v-57feae5c] {
+.control.col .handle[data-v-0e632fe0] {
   top: -30px;
   left: -12px;
 }
-.line[data-v-57feae5c] {
+.line[data-v-0e632fe0] {
   position: absolute;
   background: var(--ui-affordance-direct-color, var(--ui-accent-solid));
   opacity: 0;
   transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
 }
-.control.row .line[data-v-57feae5c] {
+.control.row .line[data-v-0e632fe0] {
   inset: calc(-0.5 * var(--ui-accent-line-width)) 0 auto;
   height: var(--ui-accent-line-width);
 }
-.control.col .line[data-v-57feae5c] {
+.control.col .line[data-v-0e632fe0] {
   inset: 0 auto 0 calc(-0.5 * var(--ui-accent-line-width));
   width: var(--ui-accent-line-width);
 }
-.control.active .line[data-v-57feae5c] {
+.control.active .line[data-v-0e632fe0] {
   opacity: 0.8;
 }
-.guide[data-v-57feae5c] {
+.guide[data-v-0e632fe0] {
   position: absolute;
   width: var(--ui-affordance-guide-size);
   height: var(--ui-affordance-guide-size);
@@ -4167,19 +4167,19 @@ ul[data-v-516afff1] {
   opacity: calc(var(--ui-affordance-guide-opacity) * var(--ui-affordance-scope-guide, 1));
   transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
 }
-.control.row .guide[data-v-57feae5c] {
+.control.row .guide[data-v-0e632fe0] {
   left: -10px;
   top: -2px;
 }
-.control.col .guide[data-v-57feae5c] {
+.control.col .guide[data-v-0e632fe0] {
   left: -2px;
   top: -10px;
 }
-.control:has(.handle[data-ui-proximity="near"]) .guide[data-v-57feae5c],
-.control.active .guide[data-v-57feae5c] {
+.control:has(.handle[data-ui-proximity="near"]) .guide[data-v-0e632fe0],
+.control.active .guide[data-v-0e632fe0] {
   opacity: 0;
 }
-.tooltip[data-v-57feae5c] {
+.tooltip[data-v-0e632fe0] {
   position: absolute;
   z-index: 2;
   top: calc(100% + 6px);
@@ -4198,18 +4198,18 @@ ul[data-v-516afff1] {
   transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
   pointer-events: none;
 }
-.control.row .tooltip[data-v-57feae5c] {
+.control.row .tooltip[data-v-0e632fe0] {
   top: 50%;
   left: auto;
   right: calc(100% + 8px);
   transform: translateY(-50%);
 }
-.control.active .tooltip[data-v-57feae5c],
-.handle:focus-visible .tooltip[data-v-57feae5c] {
+.control.active .tooltip[data-v-0e632fe0],
+.handle:focus-visible .tooltip[data-v-0e632fe0] {
   opacity: 1;
 }
-.selector[data-v-57feae5c],
-.cell-menu[data-v-57feae5c] {
+.selector[data-v-0e632fe0],
+.cell-menu[data-v-0e632fe0] {
   position: absolute;
   z-index: 2;
   display: inline-flex;
@@ -4228,21 +4228,21 @@ ul[data-v-516afff1] {
     border-color var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease),
     box-shadow var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
 }
-.selector[data-v-57feae5c]:hover,
-.cell-menu[data-v-57feae5c]:hover {
+.selector[data-v-0e632fe0]:hover,
+.cell-menu[data-v-0e632fe0]:hover {
   background: var(--ui-surface-muted);
   color: var(--ui-text-primary);
   box-shadow: var(--ui-shadow-xs, 0 1px 2px rgb(0 0 0 / 0.05));
 }
-.selector[data-v-57feae5c] {
+.selector[data-v-0e632fe0] {
   border-radius: var(--ui-radius-round);
   touch-action: none;
   cursor: grab;
 }
-.selector[data-v-57feae5c]:active {
+.selector[data-v-0e632fe0]:active {
   cursor: grabbing;
 }
-.selector[data-v-57feae5c]::before {
+.selector[data-v-0e632fe0]::before {
   content: "";
   position: absolute;
   inset: 50% auto auto 50%;
@@ -4253,7 +4253,7 @@ ul[data-v-516afff1] {
   transition: opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
   pointer-events: none;
 }
-.selector .glyph[data-v-57feae5c] {
+.selector .glyph[data-v-0e632fe0] {
   display: block;
   width: 14px;
   height: 14px;
@@ -4265,75 +4265,75 @@ ul[data-v-516afff1] {
     opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease),
     transform var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);
 }
-.selector[data-v-57feae5c]:hover::before,
-.selector[data-v-57feae5c]:focus-visible::before {
+.selector[data-v-0e632fe0]:hover::before,
+.selector[data-v-0e632fe0]:focus-visible::before {
   opacity: 0;
 }
-.selector:hover .glyph[data-v-57feae5c],
-.selector:focus-visible .glyph[data-v-57feae5c] {
+.selector:hover .glyph[data-v-0e632fe0],
+.selector:focus-visible .glyph[data-v-0e632fe0] {
   opacity: 1;
   transform: scale(1);
 }
-.selector.row[data-v-57feae5c] {
+.selector.row[data-v-0e632fe0] {
   left: -9px;
   width: 18px;
   height: 32px;
   transform: translateY(-50%);
 }
-.selector.row[data-v-57feae5c]::before {
+.selector.row[data-v-0e632fe0]::before {
   width: 2px;
   height: 16px;
 }
-.selector.column[data-v-57feae5c] {
+.selector.column[data-v-0e632fe0] {
   top: -9px;
   width: 32px;
   height: 18px;
   transform: translateX(-50%);
 }
-.selector.column[data-v-57feae5c]::before {
+.selector.column[data-v-0e632fe0]::before {
   width: 16px;
   height: 2px;
 }
 @media (hover: none), (pointer: coarse) {
-.selector[data-v-57feae5c]::before {
+.selector[data-v-0e632fe0]::before {
     opacity: 0;
 }
-.selector .glyph[data-v-57feae5c] {
+.selector .glyph[data-v-0e632fe0] {
     opacity: 1;
     transform: none;
 }
 }
-.cell-menu[data-v-57feae5c] {
+.cell-menu[data-v-0e632fe0] {
   width: 24px;
   height: 24px;
   border-radius: var(--ui-radius-sm);
   background: color-mix(in srgb, var(--ui-surface-muted) 78%, transparent);
 }
-.cell-menu[data-v-57feae5c] {
+.cell-menu[data-v-0e632fe0] {
   --_ui-default-icon-size: 15px;
   --_ui-default-icon-stroke-width: 2;
 }
-.drop-indicator[data-v-57feae5c] {
+.drop-indicator[data-v-0e632fe0] {
   position: absolute;
   z-index: 3;
   background: var(--ui-accent-solid);
   box-shadow: 0 0 0 var(--ui-border-width) var(--ui-surface);
   pointer-events: none;
 }
-.drop-indicator.row[data-v-57feae5c] {
+.drop-indicator.row[data-v-0e632fe0] {
   left: 0;
   width: 100%;
   height: var(--ui-accent-line-width);
 }
-.drop-indicator.column[data-v-57feae5c] {
+.drop-indicator.column[data-v-0e632fe0] {
   top: 0;
   width: var(--ui-accent-line-width);
   height: 100%;
 }
-.drop-indicator[hidden][data-v-57feae5c] {
+.drop-indicator[hidden][data-v-0e632fe0] {
   display: none;
 }
-[data-component~="ui-editor-table-overlay"][hidden][data-v-57feae5c] {
+[data-component~="ui-editor-table-overlay"][hidden][data-v-0e632fe0] {
   display: none;
 }
 
@@ -6254,7 +6254,7 @@ svg[data-v-219fa683-s] {
 
 /* Compact sets its items' defaults, so nothing has to rescale a global; an item's own hooks
    still win. */
-[data-component~="ui-menu"][data-ui-menu-state~="density=compact"][data-v-672d5adf] {
+[data-component~="ui-menu"][data-ui-menu-state~="density=compact"][data-v-b6bd5ab3] {
   --_ui-default-menu-item-padding-block: var(--ui-space-1);
   --_ui-default-menu-item-padding-inline: var(--ui-space-2);
   --_ui-default-menu-item-font-size: var(--ui-font-size-sm);
@@ -6264,7 +6264,7 @@ svg[data-v-219fa683-s] {
 }
 
 /* Small follows its trigger down: an item's own hooks still win. */
-[data-component~="ui-menu"][data-ui-menu-state~="size=sm"][data-v-672d5adf] {
+[data-component~="ui-menu"][data-ui-menu-state~="size=sm"][data-v-b6bd5ab3] {
   --_ui-default-menu-item-padding-block: var(--ui-space-0-5);
   --_ui-default-menu-item-padding-inline: var(--ui-space-2);
   --_ui-default-menu-item-font-size: var(--ui-font-size-xs);
@@ -6275,7 +6275,10 @@ svg[data-v-219fa683-s] {
   padding: var(--ui-space-1);
   gap: 0;
 }
-[data-component~="ui-menu"][data-v-672d5adf] {
+[data-component~="ui-menu"][data-ui-menu-state~="icons"][data-v-b6bd5ab3] {
+  --_ui-default-menu-icon-display: inline-flex;
+}
+[data-component~="ui-menu"][data-v-b6bd5ab3] {
   --_ui-menu-surface: var(--ui-menu-surface);
   --_ui-menu-border: var(--ui-menu-border);
   --_ui-menu-radius: var(--ui-menu-radius);
@@ -6287,6 +6290,7 @@ svg[data-v-219fa683-s] {
   --_ui-default-menu-item-radius: initial;
   --_ui-default-menu-item-min-block-size: initial;
   --_ui-default-menu-indicator-size: initial;
+  --_ui-default-menu-icon-display: none;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
@@ -6301,7 +6305,7 @@ svg[data-v-219fa683-s] {
   box-shadow: none;
   overflow: visible;
 }
-.surface[data-v-672d5adf] {
+.surface[data-v-b6bd5ab3] {
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
@@ -6318,17 +6322,17 @@ svg[data-v-219fa683-s] {
   max-block-size: inherit;
   overflow: auto;
 }
-.surface hr[data-v-672d5adf] {
+.surface hr[data-v-b6bd5ab3] {
   align-self: stretch;
   block-size: 0;
   margin: var(--ui-space-1) 0;
   border: 0;
   border-block-start: var(--ui-border-width) solid var(--ui-border-divider);
 }
-[data-component~="ui-menu"][data-v-672d5adf]:not([data-component~="ui-menu"][data-ui-menu-state~="internalOpen"]):not([data-component~="ui-menu"][data-ui-menu-state~="inline"]) {
+[data-component~="ui-menu"][data-v-b6bd5ab3]:not([data-component~="ui-menu"][data-ui-menu-state~="internalOpen"]):not([data-component~="ui-menu"][data-ui-menu-state~="inline"]) {
   display: none;
 }
-[data-component~="ui-menu"][popover][data-v-672d5adf] {
+[data-component~="ui-menu"][popover][data-v-b6bd5ab3] {
   position: fixed;
   inset: auto;
   margin: 0;
@@ -6342,21 +6346,21 @@ svg[data-v-219fa683-s] {
     display var(--ui-motion-fast) allow-discrete,
     overlay var(--ui-motion-fast) allow-discrete;
 }
-[data-component~="ui-menu"][popover][data-v-672d5adf]:popover-open {
+[data-component~="ui-menu"][popover][data-v-b6bd5ab3]:popover-open {
   opacity: 1;
   transform: translateY(0) scale(1);
 }
 @starting-style {
-[data-component~="ui-menu"][popover][data-v-672d5adf]:popover-open {
+[data-component~="ui-menu"][popover][data-v-b6bd5ab3]:popover-open {
     opacity: 0;
     transform: translateY(-4px) scale(0.99);
 }
 }
-[data-component~="ui-menu"][hidden][data-v-672d5adf] {
+[data-component~="ui-menu"][hidden][data-v-b6bd5ab3] {
   display: none;
 }
 @media (prefers-reduced-motion: reduce) {
-[data-component~="ui-menu"][popover][data-v-672d5adf] {
+[data-component~="ui-menu"][popover][data-v-b6bd5ab3] {
     transition: none;
 }
 }
@@ -6401,7 +6405,7 @@ svg[data-v-219fa683-s] {
   syntax: "*";
   inherits: false;
 }
-[data-component~="ui-menu-item"][data-v-3aab9247] {
+[data-component~="ui-menu-item"][data-v-32e2a3e1] {
   display: flex;
   align-items: center;
   gap: var(--ui-space-2);
@@ -6433,14 +6437,34 @@ svg[data-v-219fa683-s] {
     background-color var(--ui-motion-fast) var(--ui-motion-ease),
     color var(--ui-motion-fast) var(--ui-motion-ease);
 }
-.label[data-v-3aab9247] {
+
+/* A named icon has a fixed column; an icon-enabled menu reserves it on every row. */
+.icon[data-v-32e2a3e1] {
+  display: var(--_ui-default-menu-icon-display, none);
+  align-items: center;
+  justify-content: center;
+  flex: none;
+  inline-size: var(--ui-icon-size-sm);
+  block-size: var(--ui-icon-size-sm);
+}
+.icon[data-v-32e2a3e1]:not(:empty) {
+  display: inline-flex;
+}
+.icon svg[data-v-32e2a3e1-s] {
+  inline-size: 100%;
+  block-size: 100%;
+}
+[data-component~="ui-menu-item"][data-ui-menu-item-state~="tone=danger"][data-v-32e2a3e1] {
+  color: var(--ui-danger);
+}
+.label[data-v-32e2a3e1] {
   display: flex;
   align-items: center;
   gap: var(--ui-space-2);
   flex: 1;
   min-inline-size: 0;
 }
-.indicator[data-v-3aab9247] {
+.indicator[data-v-32e2a3e1] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -6453,39 +6477,39 @@ svg[data-v-219fa683-s] {
   color: var(--ui-surface);
   --_ui-default-icon-size: 0.75rem;
 }
-[data-component~="ui-menu-item"][data-ui-menu-item-state~="type=action"] .indicator[data-v-3aab9247] {
+[data-component~="ui-menu-item"][data-ui-menu-item-state~="type=action"] .indicator[data-v-32e2a3e1] {
   display: none;
 }
 [data-component~="ui-menu-item"][data-ui-menu-item-state~="type=checkbox"][aria-checked="true"]
-  .indicator[data-v-3aab9247] {
+  .indicator[data-v-32e2a3e1] {
   border-color: var(--ui-accent);
   background: var(--ui-accent);
 }
 
 /* A menu marks its chosen item with a check, as menus conventionally do; a radio circle reads
    as a form control. The empty slot keeps unchosen labels aligned with the chosen one. */
-[data-component~="ui-menu-item"][data-ui-menu-item-state~="type=radio"] .indicator[data-v-3aab9247] {
+[data-component~="ui-menu-item"][data-ui-menu-item-state~="type=radio"] .indicator[data-v-32e2a3e1] {
   border-color: transparent;
   color: var(--ui-text-secondary);
 }
-.shortcut[data-v-3aab9247] {
+.shortcut[data-v-32e2a3e1] {
   margin-inline-start: auto;
   color: var(--ui-text-secondary);
   font-size: var(--ui-font-size-sm);
   font-weight: var(--ui-font-normal);
 }
-.shortcut[data-v-3aab9247]:empty {
+.shortcut[data-v-32e2a3e1]:empty {
   display: none;
 }
 
 /* A <kbd> takes the browser's monospace; the hint reads in the item's own type. */
-.shortcut kbd[data-v-3aab9247-s] {
+.shortcut kbd[data-v-32e2a3e1-s] {
   font: inherit;
 }
 
 /* Keep the text row at the shared control height where cap trimming is available. */
 @supports (text-box-trim: trim-both) {
-[data-component~="ui-menu-item"][data-v-3aab9247] {
+[data-component~="ui-menu-item"][data-v-32e2a3e1] {
     min-block-size: var(
       --ui-menu-item-min-block-size,
       var(--_ui-default-menu-item-min-block-size, var(--ui-control-size-md, 2.5rem))
@@ -6494,34 +6518,34 @@ svg[data-v-219fa683-s] {
     text-box-edge: cap alphabetic;
 }
 }
-[data-component~="ui-menu-item"][data-v-3aab9247]:is(:hover, :focus-visible):not([aria-disabled="true"]) {
+[data-component~="ui-menu-item"][data-v-32e2a3e1]:is(:hover, :focus-visible):not([aria-disabled="true"]) {
   background: var(--ui-menu-item-hover-surface, var(--ui-surface-subtle));
 }
-[data-component~="ui-menu-item"][data-v-3aab9247]:focus-visible {
+[data-component~="ui-menu-item"][data-v-32e2a3e1]:focus-visible {
   outline: var(--ui-focus-width) solid var(--ui-focus-ring);
   outline-offset: calc(-1 * var(--ui-focus-width));
 }
-[data-component~="ui-menu-item"][aria-disabled="true"][data-v-3aab9247] {
+[data-component~="ui-menu-item"][aria-disabled="true"][data-v-32e2a3e1] {
   background: var(--ui-disabled-surface);
   color: var(--ui-disabled-text);
   cursor: not-allowed;
 }
-[data-component~="ui-menu-item"][aria-disabled="true"] .indicator[data-v-3aab9247] {
+[data-component~="ui-menu-item"][aria-disabled="true"] .indicator[data-v-32e2a3e1] {
   border-color: var(--ui-disabled-border);
   background: transparent;
   color: var(--ui-disabled-text);
 }
-[data-component~="ui-menu-item"][aria-disabled="true"] .indicator[data-v-3aab9247]::after {
+[data-component~="ui-menu-item"][aria-disabled="true"] .indicator[data-v-32e2a3e1]::after {
   background: var(--ui-disabled-text);
 }
 @media (forced-colors: active) {
-[data-component~="ui-menu-item"][data-v-3aab9247]:focus-visible {
+[data-component~="ui-menu-item"][data-v-32e2a3e1]:focus-visible {
     outline-color: Highlight;
 }
 }
 
 /* A component that sets its display still honours the hidden attribute on its root. */
-[data-component~="ui-menu-item"][hidden][data-v-3aab9247] {
+[data-component~="ui-menu-item"][hidden][data-v-32e2a3e1] {
   display: none;
 }
 
@@ -10058,6 +10082,21 @@ html[data-ui-input-modality="touch"]
 
 [data-component~="ui-editor-surface"][data-density="compact"] .ProseMirror > :first-child { margin-block-start: 0; }
 [data-component~="ui-editor-surface"][data-density="compact"] .ProseMirror > :last-child { margin-block-end: 0; }
+
+/* List items own their small inter-item gap; paragraphs must not add another one. */
+.looma-editor .ProseMirror li > p:last-of-type,
+.looma-editor .ProseMirror li > div > p:last-of-type {
+  margin-block-end: 0;
+}
+
+/* A list ending a cell needs no document-level gap before the cell's padding. */
+.looma-editor .ProseMirror :is(th, td) > :is(ul, ol):not(:has(~ :not(.column-resize-handle))) {
+  margin-block-end: 0;
+}
+
+.looma-editor .ProseMirror li > :is(ul, ol) {
+  margin-block: var(--ui-space-1) 0;
+}
 /**
  * Looma editor styles (tokens-based).
  * Tables, context menu, insert-table grid, slash menu. Use with ProseMirror/Tiptap content.

package/vue/editor/index.js

@@ -2658,7 +2658,8 @@ var LoomaEditor = defineComponent({
 			const focusInTableUi = [
 				tableToolbarShell.value,
 				tableOverlayShell.value,
-				tableMenuShell.value
+				tableMenuShell.value,
+				mobileToolbarShell.value
 			].some((shell) => shell?.contains(document.activeElement));
 			if (!instance || instance.isDestroyed || !props.editable || !instance.isFocused && !tableInteractionActive && !hoveredTableCell && !focusInTableUi) {
 				closeTableUi();
@@ -2712,7 +2713,7 @@ var LoomaEditor = defineComponent({
 			queueMicrotask(updateTableUi);
 			updateCodeUi();
 			setTimeout(() => {
-				if (!tableInteractionActive && !editor.value?.isFocused) editorFocused.value = false;
+				if (!tableInteractionActive && !editor.value?.isFocused && !mobileToolbarShell.value?.contains(document.activeElement)) editorFocused.value = false;
 				if (!editor.value?.isFocused && !formattingPickerOpen() && !formattingPopup?.popper.contains(document.activeElement)) heldFormattingSelection = null;
 			}, 0);
 		};