@kritzel/editor 0.4.32 → 0.4.34

package/dist/kritzel-editor/{p-d5439a4f.entry.js → p-adc45d46.entry.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, c as createEvent, g as getElement, f as forceUpdate } from './p-2x7dfLlM.js';
+import { r as registerInstance, h, H as Host, c as createEvent, g as getElement, f as forceUpdate } from './p-YR-6hzAW.js';
 import { KritzelColorHelper as KritzelColorHelper$1, KritzelHTMLHelper as KritzelHTMLHelper$1, ABSOLUTE_SCALE_MAX as ABSOLUTE_SCALE_MAX$1, ABSOLUTE_SCALE_MIN as ABSOLUTE_SCALE_MIN$1, KritzelSelectionTool as KritzelSelectionTool$1, DEFAULT_BRUSH_CONFIG, KritzelBrushTool as KritzelBrushTool$1, KritzelEraserTool as KritzelEraserTool$1, DEFAULT_LINE_TOOL_CONFIG, KritzelLineTool as KritzelLineTool$1, ShapeType as ShapeType$1, DEFAULT_SHAPE_CONFIG, KritzelShapeTool as KritzelShapeTool$1, DEFAULT_TEXT_CONFIG, KritzelTextTool as KritzelTextTool$1, KritzelImageTool as KritzelImageTool$1, KritzelAlignment as KritzelAlignment$1, hasRemoteSyncProvider, DEFAULT_SYNC_CONFIG as DEFAULT_SYNC_CONFIG$1, DEFAULT_ASSET_STORAGE_CONFIG, ObjectHelper as ObjectHelper$1, resolveTextToolAvailableFonts as resolveTextToolAvailableFonts$1, ThemeHelper as ThemeHelper$1, darkTheme as darkTheme$1, lightTheme as lightTheme$1, KritzelSelectionGroup as KritzelSelectionGroup$1, KritzelSelectionBox as KritzelSelectionBox$1, KritzelIconRegistry as KritzelIconRegistry$1, KritzelFontRegistry as KritzelFontRegistry$1, KritzelKeyboardHelper as KritzelKeyboardHelper$1, KritzelDevicesHelper as KritzelDevicesHelper$1, KRITZEL_VERSION, CURRENT_APP_STATE_SCHEMA_VERSION as CURRENT_APP_STATE_SCHEMA_VERSION$1, CURRENT_WORKSPACE_SCHEMA_VERSION as CURRENT_WORKSPACE_SCHEMA_VERSION$1, KritzelToolConfigHelper, KritzelWorkspace as KritzelWorkspace$1 } from '@kritzel/engine';
 
 const kritzelActiveUsersCss = () => `:host{display:inline-flex;align-items:center}.avatars{display:flex;align-items:center}.avatar-wrapper{position:relative;transition:margin-left 200ms ease}.avatar-wrapper kritzel-avatar{border-radius:50%;box-shadow:0 0 0 2px var(--kritzel-active-users-avatar-border-color, #ffffff)}.avatars:hover .avatar-wrapper{margin-left:-6px !important}.avatar-tooltip{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:12px;padding:4px 8px;background-color:var(--kritzel-active-users-tooltip-background, #333333);color:var(--kritzel-active-users-tooltip-color, #ffffff);font-family:var(--kritzel-active-users-font-family, var(--kritzel-global-font-family, sans-serif));font-size:12px;font-weight:500;border-radius:4px;white-space:nowrap;width:max-content;pointer-events:none;opacity:0;transition:opacity 150ms ease}.avatar-wrapper:hover .avatar-tooltip,.overflow-count:hover .avatar-tooltip{opacity:1}.overflow-count{position:relative;margin-left:8px;font-family:var(--kritzel-active-users-font-family, var(--kritzel-global-font-family, sans-serif));font-size:var(--kritzel-active-users-overflow-font-size, 14px);font-weight:500;color:var(--kritzel-active-users-overflow-color, #666666);white-space:nowrap;cursor:default}.overflow-count .avatar-tooltip{white-space:nowrap;text-align:left;margin-top:20px}`;
@@ -28377,7 +28377,6 @@ class Mark {
         if (!type)
             throw new RangeError(`There is no mark type ${json.type} in this schema`);
         let mark = type.create(json.attrs);
-        type.checkAttrs(mark.attrs);
         return mark;
     }
     /**
@@ -29357,11 +29356,11 @@ class Node {
     */
     check() {
         this.type.checkContent(this.content);
-        this.type.checkAttrs(this.attrs);
+        checkAttrs(this.type.attrs, this.attrs, "node", this.type.name);
         let copy = Mark.none;
         for (let i = 0; i < this.marks.length; i++) {
             let mark = this.marks[i];
-            mark.type.checkAttrs(mark.attrs);
+            checkAttrs(mark.type.attrs, mark.attrs, "mark", mark.type.name);
             copy = mark.addToSet(copy);
         }
         if (!Mark.sameSet(copy, this.marks))
@@ -29402,7 +29401,6 @@ class Node {
         }
         let content = Fragment.fromJSON(schema, json.content);
         let node = schema.nodeType(json.type).create(json.attrs, content, marks);
-        node.type.checkAttrs(node.attrs);
         return node;
     }
 }
@@ -29452,6 +29450,15 @@ function wrapMarks(marks, str) {
         str = marks[i].type.name + "(" + str + ")";
     return str;
 }
+function checkAttrs(attrs, values, type, name) {
+    for (let attr in values)
+        if (!(attr in attrs))
+            throw new RangeError(`Unsupported attribute ${attr} for ${type} of type ${name}`);
+    for (let attr in attrs) {
+        if (attrs[attr].validate)
+            attrs[attr].validate(values[attr]);
+    }
+}
 
 /**
 Instances of this class represent a match state of a node type's
@@ -29906,27 +29913,21 @@ function defaultAttrs(attrs) {
 function computeAttrs(attrs, value) {
     let built = Object.create(null);
     for (let name in attrs) {
+        let attr = attrs[name];
         let given = value && value[name];
         if (given === undefined) {
-            let attr = attrs[name];
             if (attr.hasDefault)
                 given = attr.default;
             else
                 throw new RangeError("No value supplied for attribute " + name);
         }
+        else if (attr.validate) {
+            attr.validate(given);
+        }
         built[name] = given;
     }
     return built;
 }
-function checkAttrs(attrs, values, type, name) {
-    for (let attr in values)
-        if (!(attr in attrs))
-            throw new RangeError(`Unsupported attribute ${attr} for ${type} of type ${name}`);
-    for (let attr in attrs) {
-        if (attrs[attr].validate)
-            attrs[attr].validate(values[attr]);
-    }
-}
 function initAttrs(typeName, attrs) {
     let result = Object.create(null);
     if (attrs)
@@ -30098,11 +30099,9 @@ let NodeType$1 = class NodeType {
             throw new RangeError(`Invalid content for node ${this.name}: ${content.toString().slice(0, 50)}`);
     }
     /**
-    @internal
+    @internal no longer useful, but called by old prosemirror-view versions
     */
-    checkAttrs(attrs) {
-        checkAttrs(this.attrs, attrs, "node", this.name);
-    }
+    checkAttrs(attrs) { }
     /**
     Check whether the given mark type is allowed in this node.
     */
@@ -30249,12 +30248,6 @@ class MarkType {
                 return set[i];
     }
     /**
-    @internal
-    */
-    checkAttrs(attrs) {
-        checkAttrs(this.attrs, attrs, "mark", this.name);
-    }
-    /**
     Queries whether a given mark type is
     [excluded](https://prosemirror.net/docs/ref/#model.MarkSpec.excludes) by this one.
     */
@@ -36946,7 +36939,8 @@ function nodeLen(node) {
 }
 function isIgnorable(dom, dir) {
     let desc = dom.pmViewDesc;
-    return desc && desc.size == 0 && (dir < 0 || dom.nextSibling || dom.nodeName != "BR");
+    return desc ? desc.size == 0 && (dir < 0 || dom.nextSibling || dom.nodeName != "BR")
+        : dom.nodeType == 1 && dom.contentEditable == "false";
 }
 function skipIgnoredNodes(view, dir) {
     return dir < 0 ? skipIgnoredNodesBefore(view) : skipIgnoredNodesAfter(view);
@@ -37535,12 +37529,11 @@ function addContext(slice, context) {
         if (!type || type.hasRequiredAttrs())
             break;
         try {
-            type.checkAttrs(array[i + 1]);
+            content = Fragment.from(type.create(array[i + 1], content));
         }
         catch (e) {
             break;
         }
-        content = Fragment.from(type.create(array[i + 1], content));
         openStart++;
         openEnd++;
     }
@@ -38020,7 +38013,7 @@ editHandlers.compositionstart = editHandlers.compositionupdate = view => {
     if (!view.composing) {
         view.domObserver.flush();
         let { state } = view, $pos = state.selection.$to;
-        if (state.selection instanceof TextSelection &&
+        if (state.selection instanceof TextSelection && state.selection.empty &&
             (state.storedMarks ||
                 (!$pos.textOffset && $pos.parentOffset && $pos.nodeBefore.marks.some(m => m.type.spec.inclusive === false)) ||
                 chrome && windows$1 && selectionBeforeUneditable(view))) { // Issue #1500
@@ -39657,9 +39650,7 @@ function readDOMChange(view, from, to, typeOver, addedNodes) {
     // as being an iOS enter press), just dispatch an Enter key instead.
     if (((ios && view.input.lastIOSEnter > Date.now() - 225 &&
         (!inlineChange || addedNodes.some(n => n.nodeName == "DIV" || n.nodeName == "P"))) ||
-        (!inlineChange && $from.pos < parse.doc.content.size &&
-            (!$from.sameParent($to) || !$from.parent.inlineContent) &&
-            $from.pos < $to.pos && !/\S/.test(parse.doc.textBetween($from.pos, $to.pos, "", "")))) &&
+        (!inlineChange && looksLikeEnter(parse.doc, $from.pos, $to.pos))) &&
         view.someProp("handleKeyDown", f => f(view, keyEvent(13, "Enter")))) {
         view.input.lastIOSEnter = 0;
         return;
@@ -39810,6 +39801,16 @@ function looksLikeBackspace(old, start, end, $newStart, $newEnd) {
     // The fragments after the join point must match
     return $newStart.parent.content.cut($newStart.parentOffset).eq($next.parent.content);
 }
+function looksLikeEnter(content, from, to) {
+    let newTextlines = 0, newLeaves = 0;
+    content.nodesBetween(from, to, (node, pos) => {
+        if (node.isTextblock && pos >= from && pos < to)
+            newTextlines++;
+        else if (node.isText ? /\S/.test(node.text.slice(Math.max(0, from - pos), Math.min(node.nodeSize, to - pos))) : node.isLeaf)
+            newLeaves++;
+    });
+    return newLeaves == 0 && newTextlines == 1;
+}
 function skipClosingAndOpening($pos, fromEnd, mayOpen) {
     let depth = $pos.depth, end = fromEnd ? $pos.end() : $pos.pos;
     while (depth > 0 && (fromEnd || $pos.indexAfter(depth) == $pos.node(depth).childCount)) {
@@ -52212,20 +52213,22 @@ const cleanupTransactions = (transactionCleanups, i) => {
           // We need to think about the possibility that the user transforms the
           // Y.Doc in the event.
           if (type._dEH.l.length > 0 && (type._item === null || !type._item.deleted)) {
-            events = events
-              .filter(event =>
-                event.target._item === null || !event.target._item.deleted
-              );
-            events
-              .forEach(event => {
-                event.currentTarget = type;
-                // path is relative to the current target
-                event._path = null;
-              });
-            // sort events by path length so that top-level events are fired first.
-            events
-              .sort((event1, event2) => event1.path.length - event2.path.length);
             fs.push(() => {
+              // The same event instance is shared by all parent types. Hence, we must set
+              // currentTarget right before calling the handlers (see #768).
+              events = events
+                .filter(event =>
+                  event.target._item === null || !event.target._item.deleted
+                );
+              events
+                .forEach(event => {
+                  event.currentTarget = type;
+                  // path is relative to the current target
+                  event._path = null;
+                });
+              // sort events by path length so that top-level events are fired first.
+              events
+                .sort((event1, event2) => event1.path.length - event2.path.length);
               // We don't need to check for events.length
               // because we know it has at least one element
               callEventHandlerListeners(type._dEH, events, transaction);
@@ -52239,6 +52242,7 @@ const cleanupTransactions = (transactionCleanups, i) => {
           }
         });
       });
+      // note the nested fs calls, must not modify fs at this point
       callAll(fs, []);
     } finally {
       // Replace deleted items with ItemDeleted / GC.

package/dist/types/stencil-public-runtime.d.ts

@@ -752,7 +752,7 @@ declare namespace LocalJSX {
 }
 export { LocalJSX as JSX };
 export declare namespace JSXBase {
-    interface IntrinsicElements {
+    export interface IntrinsicElements {
         slot: JSXBase.SlotAttributes<HTMLSlotElement>;
         a: JSXBase.AnchorHTMLAttributes<HTMLAnchorElement>;
         abbr: JSXBase.HTMLAttributes;
@@ -923,12 +923,12 @@ export declare namespace JSXBase {
         use: JSXBase.SVGAttributes;
         view: JSXBase.SVGAttributes;
     }
-    interface SlotAttributes<T = HTMLSlotElement> extends JSXAttributes<T> {
+    export interface SlotAttributes<T = HTMLSlotElement> extends JSXAttributes<T> {
         name?: string;
         slot?: string;
         onSlotchange?: (event: Event) => void;
     }
-    interface AnchorHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface AnchorHTMLAttributes<T> extends HTMLAttributes<T> {
         download?: any;
         href?: string;
         hrefLang?: string;
@@ -939,9 +939,9 @@ export declare namespace JSXBase {
         target?: string;
         referrerPolicy?: ReferrerPolicy;
     }
-    interface AudioHTMLAttributes<T> extends MediaHTMLAttributes<T> {
+    export interface AudioHTMLAttributes<T> extends MediaHTMLAttributes<T> {
     }
-    interface AreaHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface AreaHTMLAttributes<T> extends HTMLAttributes<T> {
         alt?: string;
         coords?: string;
         download?: any;
@@ -953,14 +953,14 @@ export declare namespace JSXBase {
         shape?: string;
         target?: string;
     }
-    interface BaseHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface BaseHTMLAttributes<T> extends HTMLAttributes<T> {
         href?: string;
         target?: string;
     }
-    interface BlockquoteHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface BlockquoteHTMLAttributes<T> extends HTMLAttributes<T> {
         cite?: string;
     }
-    interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
         disabled?: boolean;
         form?: string;
         formAction?: string;
@@ -983,45 +983,45 @@ export declare namespace JSXBase {
         commandFor?: string;
         commandfor?: string;
     }
-    interface CanvasHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface CanvasHTMLAttributes<T> extends HTMLAttributes<T> {
         height?: number | string;
         width?: number | string;
     }
-    interface ColHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface ColHTMLAttributes<T> extends HTMLAttributes<T> {
         span?: number;
     }
-    interface ColgroupHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface ColgroupHTMLAttributes<T> extends HTMLAttributes<T> {
         span?: number;
     }
-    interface DetailsHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface DetailsHTMLAttributes<T> extends HTMLAttributes<T> {
         open?: boolean;
         name?: string;
         onToggle?: (event: ToggleEvent) => void;
     }
-    interface DelHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface DelHTMLAttributes<T> extends HTMLAttributes<T> {
         cite?: string;
         dateTime?: string;
         datetime?: string;
     }
-    interface DialogHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface DialogHTMLAttributes<T> extends HTMLAttributes<T> {
         onCancel?: (event: Event) => void;
         onClose?: (event: Event) => void;
         open?: boolean;
         returnValue?: string;
         closedby?: 'any' | 'closerequest' | 'none';
     }
-    interface EmbedHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface EmbedHTMLAttributes<T> extends HTMLAttributes<T> {
         height?: number | string;
         src?: string;
         type?: string;
         width?: number | string;
     }
-    interface FieldsetHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface FieldsetHTMLAttributes<T> extends HTMLAttributes<T> {
         disabled?: boolean;
         form?: string;
         name?: string;
     }
-    interface FormHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface FormHTMLAttributes<T> extends HTMLAttributes<T> {
         acceptCharset?: string;
         acceptcharset?: string;
         action?: string;
@@ -1035,10 +1035,10 @@ export declare namespace JSXBase {
         novalidate?: boolean | string;
         target?: string;
     }
-    interface HtmlHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface HtmlHTMLAttributes<T> extends HTMLAttributes<T> {
         manifest?: string;
     }
-    interface IframeHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface IframeHTMLAttributes<T> extends HTMLAttributes<T> {
         allow?: string;
         allowFullScreen?: boolean;
         allowfullScreen?: string | boolean;
@@ -1065,7 +1065,7 @@ export declare namespace JSXBase {
         srcdoc?: string;
         width?: number | string;
     }
-    interface ImgHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface ImgHTMLAttributes<T> extends HTMLAttributes<T> {
         alt?: string;
         crossOrigin?: string;
         crossorigin?: string;
@@ -1084,12 +1084,12 @@ export declare namespace JSXBase {
         usemap?: string;
         width?: number | string;
     }
-    interface InsHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface InsHTMLAttributes<T> extends HTMLAttributes<T> {
         cite?: string;
         dateTime?: string;
         datetime?: string;
     }
-    interface InputHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface InputHTMLAttributes<T> extends HTMLAttributes<T> {
         accept?: string;
         allowdirs?: boolean;
         alt?: string;
@@ -1152,7 +1152,7 @@ export declare namespace JSXBase {
         popoverTargetElement?: Element | null;
         popoverTarget?: string;
     }
-    interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
         challenge?: string;
         disabled?: boolean;
         form?: string;
@@ -1162,14 +1162,14 @@ export declare namespace JSXBase {
         keyparams?: string;
         name?: string;
     }
-    interface LabelHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface LabelHTMLAttributes<T> extends HTMLAttributes<T> {
         form?: string;
         htmlFor?: string;
     }
-    interface LiHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface LiHTMLAttributes<T> extends HTMLAttributes<T> {
         value?: string | string[] | number;
     }
-    interface LinkHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface LinkHTMLAttributes<T> extends HTMLAttributes<T> {
         as?: string;
         fetchPriority?: 'high' | 'low' | 'auto';
         fetchpriority?: 'high' | 'low' | 'auto';
@@ -1183,13 +1183,13 @@ export declare namespace JSXBase {
         sizes?: string;
         type?: string;
     }
-    interface MapHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface MapHTMLAttributes<T> extends HTMLAttributes<T> {
         name?: string;
     }
-    interface MenuHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface MenuHTMLAttributes<T> extends HTMLAttributes<T> {
         type?: string;
     }
-    interface MediaHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface MediaHTMLAttributes<T> extends HTMLAttributes<T> {
         autoPlay?: boolean;
         autoplay?: boolean | string;
         controls?: boolean;
@@ -1229,7 +1229,7 @@ export declare namespace JSXBase {
         onVolumeChange?: (event: Event) => void;
         onWaiting?: (event: Event) => void;
     }
-    interface MetaHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface MetaHTMLAttributes<T> extends HTMLAttributes<T> {
         charSet?: string;
         charset?: string;
         content?: string;
@@ -1237,7 +1237,7 @@ export declare namespace JSXBase {
         httpequiv?: string;
         name?: string;
     }
-    interface MeterHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface MeterHTMLAttributes<T> extends HTMLAttributes<T> {
         form?: string;
         high?: number;
         low?: number;
@@ -1246,10 +1246,10 @@ export declare namespace JSXBase {
         optimum?: number;
         value?: string | string[] | number;
     }
-    interface QuoteHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface QuoteHTMLAttributes<T> extends HTMLAttributes<T> {
         cite?: string;
     }
-    interface ObjectHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface ObjectHTMLAttributes<T> extends HTMLAttributes<T> {
         classID?: string;
         classid?: string;
         data?: string;
@@ -1262,34 +1262,34 @@ export declare namespace JSXBase {
         width?: number | string;
         wmode?: string;
     }
-    interface OlHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface OlHTMLAttributes<T> extends HTMLAttributes<T> {
         reversed?: boolean;
         start?: number;
     }
-    interface OptgroupHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface OptgroupHTMLAttributes<T> extends HTMLAttributes<T> {
         disabled?: boolean;
         label?: string;
     }
-    interface OptionHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface OptionHTMLAttributes<T> extends HTMLAttributes<T> {
         disabled?: boolean;
         label?: string;
         selected?: boolean;
         value?: string | string[] | number;
     }
-    interface OutputHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface OutputHTMLAttributes<T> extends HTMLAttributes<T> {
         form?: string;
         htmlFor?: string;
         name?: string;
     }
-    interface ParamHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface ParamHTMLAttributes<T> extends HTMLAttributes<T> {
         name?: string;
         value?: string | string[] | number;
     }
-    interface ProgressHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface ProgressHTMLAttributes<T> extends HTMLAttributes<T> {
         max?: number | string;
         value?: string | string[] | number;
     }
-    interface ScriptHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface ScriptHTMLAttributes<T> extends HTMLAttributes<T> {
         async?: boolean;
         charSet?: string;
         charset?: string;
@@ -1304,7 +1304,7 @@ export declare namespace JSXBase {
         src?: string;
         type?: string;
     }
-    interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
         disabled?: boolean;
         form?: string;
         multiple?: boolean;
@@ -1314,7 +1314,7 @@ export declare namespace JSXBase {
         autoComplete?: string;
         autocomplete?: string;
     }
-    interface SourceHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface SourceHTMLAttributes<T> extends HTMLAttributes<T> {
         height?: number;
         media?: string;
         sizes?: string;
@@ -1323,20 +1323,20 @@ export declare namespace JSXBase {
         type?: string;
         width?: number;
     }
-    interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
         media?: string;
         nonce?: string;
         scoped?: boolean;
         type?: string;
     }
-    interface TableHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface TableHTMLAttributes<T> extends HTMLAttributes<T> {
         cellPadding?: number | string;
         cellpadding?: number | string;
         cellSpacing?: number | string;
         cellspacing?: number | string;
         summary?: string;
     }
-    interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
         autoComplete?: string;
         autocomplete?: string;
         cols?: number;
@@ -1357,12 +1357,12 @@ export declare namespace JSXBase {
         value?: string | string[] | number;
         wrap?: string;
     }
-    interface TdHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface TdHTMLAttributes<T> extends HTMLAttributes<T> {
         colSpan?: number;
         headers?: string;
         rowSpan?: number;
     }
-    interface ThHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface ThHTMLAttributes<T> extends HTMLAttributes<T> {
         abbr?: string;
         colSpan?: number;
         headers?: string;
@@ -1370,10 +1370,10 @@ export declare namespace JSXBase {
         rowspan?: number | string;
         scope?: string;
     }
-    interface TimeHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface TimeHTMLAttributes<T> extends HTMLAttributes<T> {
         dateTime?: string;
     }
-    interface TrackHTMLAttributes<T> extends HTMLAttributes<T> {
+    export interface TrackHTMLAttributes<T> extends HTMLAttributes<T> {
         default?: boolean;
         kind?: string;
         label?: string;
@@ -1381,14 +1381,14 @@ export declare namespace JSXBase {
         srcLang?: string;
         srclang?: string;
     }
-    interface VideoHTMLAttributes<T> extends MediaHTMLAttributes<T> {
+    export interface VideoHTMLAttributes<T> extends MediaHTMLAttributes<T> {
         height?: number | string;
         playsInline?: boolean;
         playsinline?: boolean | string;
         poster?: string;
         width?: number | string;
     }
-    interface HTMLAttributes<T = HTMLElement> extends DOMAttributes<T> {
+    export interface HTMLAttributes<T = HTMLElement> extends DOMAttributes<T> {
         innerHTML?: string;
         accessKey?: string;
         autoFocus?: boolean;
@@ -1454,7 +1454,7 @@ export declare namespace JSXBase {
         security?: string;
         unselectable?: boolean;
     }
-    interface SVGAttributes<T = SVGElement> extends DOMAttributes<T> {
+    export interface SVGAttributes<T = SVGElement> extends DOMAttributes<T> {
         class?: string | {
             [className: string]: boolean;
         };
@@ -1716,13 +1716,19 @@ export declare namespace JSXBase {
         zoomAndPan?: string;
     }
     /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/ToggleEvent) */
-    interface ToggleEvent extends Event {
+    export interface ToggleEvent extends Event {
         /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/ToggleEvent/newState) */
         readonly newState: string;
         /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/ToggleEvent/oldState) */
         readonly oldState: string;
     }
-    interface DOMAttributes<T> extends JSXAttributes<T> {
+    type AriaIDLPropertyName = {
+        [K in keyof ARIAMixin]: ARIAMixin[K] extends string | null ? K : never;
+    }[keyof ARIAMixin];
+    type JSXAriaProperties = {
+        [K in AriaIDLPropertyName]?: string | boolean | undefined;
+    };
+    export interface DOMAttributes<T> extends JSXAttributes<T>, JSXAriaProperties {
         slot?: string;
         part?: string;
         exportparts?: string;
@@ -1852,8 +1858,8 @@ export declare namespace JSXBase {
         onTransitionStart?: (event: TransitionEvent) => void;
         onTransitionStartCapture?: (event: TransitionEvent) => void;
         [key: `aria-${string}`]: string | boolean | undefined;
-        [key: `aria${string}`]: string | boolean | undefined;
     }
+    export {};
 }
 export interface JSXAttributes<T = Element> {
     key?: string | number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kritzel/editor",
-  "version": "0.4.32",
+  "version": "0.4.34",
   "description": "Core editor package for Kritzel UI components.",
   "homepage": "https://kritzel.io/",
   "keywords": [
@@ -64,7 +64,7 @@
     "qrcode": "^1.5.4"
   },
   "devDependencies": {
-    "@kritzel/engine": "^0.4.32",
+    "@kritzel/engine": "^0.4.34",
     "@stencil/angular-output-target": "^1.3.0",
     "@stencil/core": "^4.43.3",
     "@stencil/react-output-target": "^1.2.0",
@@ -78,6 +78,6 @@
     "ts-jest": "^29.4.4"
   },
   "peerDependencies": {
-    "@kritzel/engine": "^0.4.32"
+    "@kritzel/engine": "^0.4.34"
   }
 }