@ai-ecoverse/slicc-spectrum 1.84.2 → 1.84.3

package/dist/slicc-ui.js

@@ -8675,6 +8675,15 @@ var o43 = class extends a10 {
 e25("swc-icon-close", o43);
 
 // src/app/base.ts
+var typed = false;
+document.addEventListener("keydown", () => typed = true, true);
+document.addEventListener("pointerdown", () => typed = false, true);
+function keyboardFocus() {
+  let active = document.activeElement;
+  while (active?.shadowRoot?.activeElement) active = active.shadowRoot.activeElement;
+  if (!active || active === document.body) return typed;
+  return active.matches(":focus-visible");
+}
 var ModelElement = class extends i2 {
   static properties = { model: { attribute: false } };
   static shadowRootOptions = {
@@ -8693,7 +8702,8 @@ var ModelElement = class extends i2 {
     this.focusWith({}, ...selectors);
   }
   focusWith(options, ...selectors) {
-    const focus = () => selectors.map((selector) => this.renderRoot.querySelector(selector)).find(Boolean)?.focus(options);
+    const settled3 = { focusVisible: keyboardFocus(), ...options };
+    const focus = () => selectors.map((selector) => this.renderRoot.querySelector(selector)).find(Boolean)?.focus(settled3);
     if (this.hasUpdated) focus();
     else void this.updateComplete.then(focus);
   }
@@ -35188,7 +35198,7 @@ function called(value = "") {
     return `Called ${url}`.trim();
   }
 }
-function typed(action) {
+function typed2(action) {
   const count = action.length === void 0 ? "" : ` ${action.length} ${action.length === 1 ? "character" : "characters"}`;
   return `Typed${count}${action.target ? ` into ${action.target}` : ""}`;
 }
@@ -35203,8 +35213,8 @@ var verbs2 = {
   screenshot: () => "Took a screenshot",
   eval: () => "Ran a script",
   click: (action) => `Clicked${action.target ? ` ${action.target}` : ""}`,
-  fill: typed,
-  type: typed,
+  fill: typed2,
+  type: typed2,
   press: (action) => `Pressed${action.value ? ` ${action.value}` : ""}`,
   scroll: () => "Scrolled",
   request: (action) => called(action.value)