@unofficialbox/box-open-elements 0.29.0 → 0.29.2

package/README.md

@@ -12,7 +12,7 @@
 
 Browse the full catalog on the **[live docs site](https://unofficialbox.github.io/box-open-elements)** — live previews, an events/properties inspector, per-framework code snippets (React / Angular / Vue / Svelte / HTML), and the foundations pages.
 
-The library is organized around three layers (see [taxonomy](https://github.com/unofficialbox/box-open-elements/blob/v0.29.0/docs/taxonomy.md) for the canonical model):
+The library is organized around three layers (see [taxonomy](https://github.com/unofficialbox/box-open-elements/blob/v0.29.2/docs/taxonomy.md) for the canonical model):
 
 - **Foundations** — design decisions as data: tokens, color, typography, iconography, accessibility, theming
 - **Components** — accessible Web Components for single controls, organized by category
@@ -77,7 +77,7 @@ selection.toggleSelection("1");
 - optimized component entrypoints: `@unofficialbox/box-open-elements/<name>`
 - patterns: `@unofficialbox/box-open-elements/patterns/<area>` and `@unofficialbox/box-open-elements/patterns/<area>/<module>`
 
-See the versioned [API guidelines](https://github.com/unofficialbox/box-open-elements/blob/v0.29.0/docs/api-guidelines.md).
+See the versioned [API guidelines](https://github.com/unofficialbox/box-open-elements/blob/v0.29.2/docs/api-guidelines.md).
 
 ## Developing
 
@@ -91,17 +91,17 @@ bun run docs     # build + serve the docs site at http://localhost:4600
 
 ## Documentation
 
-The versioned docs index is at [docs/README.md](https://github.com/unofficialbox/box-open-elements/blob/v0.29.0/docs/README.md). The most important entries:
-
-- [Taxonomy](https://github.com/unofficialbox/box-open-elements/blob/v0.29.0/docs/taxonomy.md)
-- [Architecture](https://github.com/unofficialbox/box-open-elements/blob/v0.29.0/docs/architecture.md)
-- [API Guidelines](https://github.com/unofficialbox/box-open-elements/blob/v0.29.0/docs/api-guidelines.md)
-- [Components catalog](https://github.com/unofficialbox/box-open-elements/blob/v0.29.0/docs/components/catalog.md) and [patterns catalog](https://github.com/unofficialbox/box-open-elements/blob/v0.29.0/docs/patterns/catalog.md)
-- [Using with React, Angular, Vue, and Svelte](https://github.com/unofficialbox/box-open-elements/blob/v0.29.0/docs/integration/frameworks.md)
-- [Design Tokens](https://github.com/unofficialbox/box-open-elements/blob/v0.29.0/docs/foundations/tokens.md)
-- [Content Explorer](https://github.com/unofficialbox/box-open-elements/blob/v0.29.0/docs/patterns/content-explorer.md)
-- [Box Server Integration](https://github.com/unofficialbox/box-open-elements/blob/v0.29.0/docs/integration/box-server.md)
-- [Agent UI guidelines](https://github.com/unofficialbox/box-open-elements/blob/v0.29.0/docs/patterns/agent-ui-guidelines.md), [building blocks](https://github.com/unofficialbox/box-open-elements/blob/v0.29.0/docs/patterns/agent-ui.md), and [motion](https://github.com/unofficialbox/box-open-elements/blob/v0.29.0/docs/foundations/motion.md)
+The versioned docs index is at [docs/README.md](https://github.com/unofficialbox/box-open-elements/blob/v0.29.2/docs/README.md). The most important entries:
+
+- [Taxonomy](https://github.com/unofficialbox/box-open-elements/blob/v0.29.2/docs/taxonomy.md)
+- [Architecture](https://github.com/unofficialbox/box-open-elements/blob/v0.29.2/docs/architecture.md)
+- [API Guidelines](https://github.com/unofficialbox/box-open-elements/blob/v0.29.2/docs/api-guidelines.md)
+- [Components catalog](https://github.com/unofficialbox/box-open-elements/blob/v0.29.2/docs/components/catalog.md) and [patterns catalog](https://github.com/unofficialbox/box-open-elements/blob/v0.29.2/docs/patterns/catalog.md)
+- [Using with React, Angular, Vue, and Svelte](https://github.com/unofficialbox/box-open-elements/blob/v0.29.2/docs/integration/frameworks.md)
+- [Design Tokens](https://github.com/unofficialbox/box-open-elements/blob/v0.29.2/docs/foundations/tokens.md)
+- [Content Explorer](https://github.com/unofficialbox/box-open-elements/blob/v0.29.2/docs/patterns/content-explorer.md)
+- [Box Server Integration](https://github.com/unofficialbox/box-open-elements/blob/v0.29.2/docs/integration/box-server.md)
+- [Agent UI guidelines](https://github.com/unofficialbox/box-open-elements/blob/v0.29.2/docs/patterns/agent-ui-guidelines.md), [building blocks](https://github.com/unofficialbox/box-open-elements/blob/v0.29.2/docs/patterns/agent-ui.md), and [motion](https://github.com/unofficialbox/box-open-elements/blob/v0.29.2/docs/foundations/motion.md)
 
 ## Contributing
 

package/dist/patterns/process-modeler/process-modeler.js

@@ -612,7 +612,11 @@ export class ProcessModeler extends BaseElement {
         this.shadowRoot.append(keyboardChooser);
         keyboardPicker.addEventListener('kind-pick', event => {
             const edit = this.keyboardInsertion;
-            this.closeKeyboardChooser();
+            this.closeKeyboardChooser(true);
+            // Keep a stable step focused while the host applies and accepts the edit.
+            // World refreshes preserve step focus, including deferred acceptance.
+            if (edit?.from)
+                this.focusBox(edit.from);
             if (edit)
                 this.requestEdit({ ...edit, kind: event.detail.kind });
         });
@@ -748,7 +752,7 @@ export class ProcessModeler extends BaseElement {
             const trigger = document.createElement("button");
             trigger.dataset.command = part === "palette" ? "palette" : "details";
             trigger.textContent = part === "palette" ? "Add" : "Details";
-            trigger.setAttribute("aria-label", `Open ${label.toLowerCase()}`);
+            trigger.setAttribute("aria-label", part === "palette" ? "Add building blocks" : `Open ${label.toLowerCase()}`);
             trigger.setAttribute('aria-expanded', 'false');
             trigger.onclick = () => this.openDrawer(part);
             toolbar.append(trigger);
@@ -1854,7 +1858,8 @@ export class ProcessModeler extends BaseElement {
         anchor.style.cssText = `position:absolute;left:${point.x}px;top:${point.y}px;width:1px;height:1px;pointer-events:none`;
         this.shadowRoot.querySelector('[part=world]').append(anchor);
         this.transientChooserAnchor = anchor;
-        this.openAnchoredChooser(edit, title, anchor, returnFocus);
+        const source = edit.from ? Array.from(this.shadowRoot.querySelectorAll('[data-box-id]')).find(box => box.dataset.boxId === edit.from) : undefined;
+        this.openAnchoredChooser(edit, title, anchor, returnFocus ?? source ?? this.shadowRoot.querySelector('[part=canvas]'));
     }
     openLineChooser(line, returnFocus) {
         const source = this.projection.boxes.find(box => box.id === line.from);
@@ -2086,10 +2091,20 @@ export class ProcessModeler extends BaseElement {
                 element.append(message);
             }
             element.addEventListener("keydown", event => {
-                if (event.target === element && (event.key === "Enter" || event.key === " ")) {
+                if (event.target !== element)
+                    return;
+                if (event.key === " ") {
                     event.preventDefault();
                     element.click();
                 }
+                // Let Enter reach the canvas handler after selecting the focused step.
+                // Cancelling it here prevents the editor from opening and taking focus.
+                else if (event.key === "Enter") {
+                    // Connection completion consumes Enter; it must not also edit the target.
+                    if (this.connecting || this.pendingReattach)
+                        event.preventDefault();
+                    element.click();
+                }
             });
             element.addEventListener("click", event => {
                 if (this.suppressClick && event.detail !== 0) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unofficialbox/box-open-elements",
-  "version": "0.29.0",
+  "version": "0.29.2",
   "description": "Box Open Elements: an open, framework-agnostic design system and web component library for Box-style experiences",
   "license": "MIT",
   "homepage": "https://unofficialbox.github.io/box-open-elements",