@limetech/lime-elements 40.11.2 → 40.11.3

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [40.11.3](https://github.com/Lundalogik/lime-elements/compare/v40.11.2...v40.11.3) (2026-10-19)
+
+### Bug Fixes
+
+
+* **util:** return focus to the trigger with the shared focus lookup ([985f596](https://github.com/Lundalogik/lime-elements/commit/985f596b818d91b07c8d33f4fd85c458916acf6f))
+
 ## [40.11.2](https://github.com/Lundalogik/lime-elements/compare/v40.11.1...v40.11.2) (2026-10-19)
 
 ### Bug Fixes

package/dist/cjs/{focus-trigger-element-BfnJmxKO.js → focus-trigger-element-Sr7Yjtmk.js}

@@ -1,6 +1,7 @@
 'use strict';
 
 var _assignValue = require('./_assignValue-DQh76m39.js');
+var getFocusTarget = require('./get-focus-target-DgqZ25gx.js');
 
 /**
  * This base implementation of `_.zipObject` which assigns values using `assignFunc`.
@@ -44,36 +45,24 @@ function zipObject(props, values) {
   return baseZipObject(props || [], values || [], _assignValue.assignValue);
 }
 
-const FOCUSABLE_SELECTOR = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
 const isDisabled = (element) => {
     return (element.disabled === true ||
         element.hasAttribute('disabled') ||
         element.getAttribute('aria-disabled') === 'true');
 };
 /**
- * Focuses the first focusable element inside a trigger element.
- * Supports custom elements by searching both the element's shadow root
- * and its light DOM.
+ * Focuses a trigger element, or the first focusable element inside it if the
+ * trigger can not take focus itself. Supports custom elements by searching
+ * both the element's shadow root and its light DOM.
  *
  * @param trigger - The trigger element to focus.
- * @returns `true` if focus was moved, otherwise `false`.
+ * @returns `false` if there is no trigger, or it is disabled. Otherwise `true`.
  */
 const focusTriggerElement = (trigger) => {
-    var _a;
     if (!trigger || isDisabled(trigger)) {
         return false;
     }
-    const shadowFocusable = (_a = trigger.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(FOCUSABLE_SELECTOR);
-    if (shadowFocusable) {
-        shadowFocusable.focus();
-        return true;
-    }
-    const lightDomFocusable = trigger.querySelector(FOCUSABLE_SELECTOR);
-    if (lightDomFocusable) {
-        lightDomFocusable.focus();
-        return true;
-    }
-    trigger.focus();
+    getFocusTarget.findFocusTarget(trigger).focus();
     return true;
 };
 

package/dist/cjs/get-focus-target-DgqZ25gx.js

@@ -0,0 +1,105 @@
+'use strict';
+
+const CONTROLS = ['button', 'input:not([type="hidden"])', 'select', 'textarea'];
+const FOCUSABLE = [
+    'a[href]',
+    ...CONTROLS.map((selector) => `${selector}:not([disabled])`),
+    'summary',
+    '[contenteditable]:not([contenteditable="false"])',
+    '[tabindex]',
+]
+    .map((selector) => `${selector}:not([tabindex="-1"])`)
+    .join(', ');
+const DISABLED = CONTROLS.map((selector) => `${selector}[disabled]:not([tabindex="-1"])`).join(', ');
+/**
+ * Get the element that gets the focus when a user moves to `owner`. That is
+ * the owner itself if it can be focused, otherwise the first element that can
+ * be focused inside it, also inside shadow roots. A disabled control is only
+ * used when there is nothing that can be focused, and if there is no control
+ * at all, the owner itself is used.
+ *
+ * An element that passes the focus on to an element in its shadow root is
+ * never used itself, since the focus lands on the element inside.
+ *
+ * Waits for the components in the way to render, so use this for an owner
+ * that may not have rendered yet.
+ *
+ * @see findFocusTarget for an owner that has already rendered
+ * @param owner
+ */
+async function getFocusTarget(owner) {
+    return runWalk(findTarget(owner));
+}
+async function runWalk(walk, step = walk.next()) {
+    if (step.done) {
+        return step.value;
+    }
+    await step.value.componentOnReady();
+    const found = await runWalk(walk, walk.next());
+    return found;
+}
+/**
+ * Same as `getFocusTarget`, for an owner that has already rendered, without
+ * waiting for any component.
+ *
+ * @see getFocusTarget for an owner that may not have rendered yet
+ * @param owner
+ */
+function findFocusTarget(owner) {
+    const walk = findTarget(owner);
+    for (let step = walk.next();; step = walk.next()) {
+        if (step.done) {
+            return step.value;
+        }
+    }
+}
+function* findTarget(owner) {
+    var _a;
+    const search = {};
+    const found = yield* find(owner, search);
+    return (_a = found !== null && found !== void 0 ? found : search.disabled) !== null && _a !== void 0 ? _a : owner;
+}
+function* find(element, search) {
+    if (isFocusable(element)) {
+        return element;
+    }
+    rememberDisabled(element, search);
+    return yield* findInside(element, search);
+}
+function* findInside(element, search) {
+    if (isStencilComponent(element)) {
+        yield element;
+    }
+    const inShadowRoot = element.shadowRoot
+        ? yield* findAmong(element.shadowRoot.children, search)
+        : undefined;
+    return inShadowRoot !== null && inShadowRoot !== void 0 ? inShadowRoot : (yield* findAmong(element.children, search));
+}
+function* findAmong(elements, search) {
+    for (const element of elements) {
+        if (element.localName === 'limel-tooltip') {
+            continue;
+        }
+        const found = yield* find(element, search);
+        if (found) {
+            return found;
+        }
+    }
+    return undefined;
+}
+function isFocusable(element) {
+    var _a;
+    return !((_a = element.shadowRoot) === null || _a === void 0 ? void 0 : _a.delegatesFocus) && element.matches(FOCUSABLE);
+}
+function rememberDisabled(element, search) {
+    if (!search.disabled && element.matches(DISABLED)) {
+        search.disabled = element;
+    }
+}
+function isStencilComponent(element) {
+    return ('componentOnReady' in element &&
+        typeof element.componentOnReady === 'function');
+}
+
+exports.findFocusTarget = findFocusTarget;
+exports.getFocusTarget = getFocusTarget;

package/dist/cjs/limel-breadcrumbs_6.cjs.entry.js

@@ -9,7 +9,7 @@ var linkHelper = require('./link-helper-DwlfFJVL.js');
 var config = require('./config-dit--4m5.js');
 var debounce = require('./debounce-DgDnRSlt.js');
 var component = require('./component-Cz24PdGy.js');
-var focusTriggerElement = require('./focus-trigger-element-BfnJmxKO.js');
+var focusTriggerElement = require('./focus-trigger-element-Sr7Yjtmk.js');
 var hotkeys = require('./hotkeys-D761KWnZ.js');
 var isFunction = require('./isFunction-RSHwsz1x.js');
 var ponyfill = require('./ponyfill-CHp7Zocr.js');
@@ -25,6 +25,7 @@ require('./_assignValue-DQh76m39.js');
 require('./_defineProperty-Csu6P9HT.js');
 require('./_getNative-Cf52giNE.js');
 require('./eq-DFcUoVzv.js');
+require('./get-focus-target-DgqZ25gx.js');
 
 const breadcrumbsCss = () => `@charset "UTF-8";:host(limel-breadcrumbs){--limel-breadcrumbs-item-height:1.5rem;--limel-breadcrumbs-gap:0.75rem;--limel-breadcrumbs-gap:0.75rem;--limel-breadcrumbs-item-text-color:var(       --breadcrumbs-item-text-color,       rgb(var(--contrast-1500))   );--limel-overflow-mask-horizontal:linear-gradient(       to right,       transparent 0%,       black calc(0% + var(--limel-left-edge-fade-width, 1rem)),       black calc(100% - var(--limel-right-edge-fade-width, 1rem)),       transparent 100%   );-webkit-mask-image:var(--limel-overflow-mask-horizontal);mask-image:var(--limel-overflow-mask-horizontal);padding-left:var(--limel-left-edge-fade-width, 1rem);padding-right:var(--limel-right-edge-fade-width, 1rem);--limel-left-edge-fade-width:0.5rem;--limel-right-edge-fade-width:0.5rem}ol,li,.step{all:unset}*{box-sizing:border-box}ol{padding:0.5rem;gap:var(--limel-breadcrumbs-gap)}.step{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:0.25rem;max-width:var(--breadcrumbs-item-max-width, 10rem);height:var(--limel-breadcrumbs-item-height);color:var(--limel-breadcrumbs-item-text-color);border-radius:100vw;font-size:var(--limel-theme-default-font-size);padding:0 0.25rem}.step:not(:has(.text)){padding:0 0.125rem}.step:not(.last):focus{outline:none}.step:not(.last):focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}.step:not(.last):after{content:var(--limel-breadcrumbs-divider);display:flex;align-items:center;justify-content:center;width:var(--limel-breadcrumbs-gap);position:absolute;top:0;right:calc(var(--limel-breadcrumbs-gap) * -1);bottom:0;left:auto;text-align:center}a.step{position:relative;cursor:pointer;transition:color 0.2s ease;color:var(--limel-breadcrumbs-item-text-color)}a.step:before{transition:opacity 0.2s ease, transform 0.3s ease-out;content:"";position:absolute;inset:auto 0 0 0;width:calc(100% - 0.5rem);margin:auto;height:0.125rem;border-radius:1rem;background-color:currentColor;opacity:0;transform:scale(0.6)}a.step:hover{color:rgb(var(--color-blue-default))}a.step:hover:before{opacity:0.3;transform:scale(1)}button.step:not(.last){transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--limel-breadcrumbs-item-text-color);background-color:transparent}button.step:not(.last):hover,button.step:not(.last):focus,button.step:not(.last):focus-visible{will-change:color, background-color, box-shadow, transform}button.step:not(.last):hover,button.step:not(.last):focus-visible{transform:translate3d(0, 0.01rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color)}button.step:not(.last):hover{box-shadow:var(--button-shadow-hovered)}button.step:not(.last):active{--limel-clickable-transform-timing-function:cubic-bezier(       0.83,       -0.15,       0.49,       1.16   );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}button.step:not(.last):hover,button.step:not(.last):active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}limel-icon{flex-shrink:0;width:calc(var(--limel-breadcrumbs-item-height) - 0.25rem);height:calc(var(--limel-breadcrumbs-item-height) - 0.25rem)}.text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 0.25rem}.last{opacity:0.7}:host(limel-breadcrumbs){box-sizing:border-box;display:flex;width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}:host(limel-breadcrumbs)::-webkit-scrollbar{display:none}:host(limel-breadcrumbs){direction:rtl}ol{display:flex;flex-direction:row-reverse;justify-content:flex-end;margin-right:auto}.step{direction:ltr}`;
 

package/dist/cjs/limel-hotkey_4.cjs.entry.js

@@ -4,6 +4,7 @@ var index = require('./index-BlsqxTB1.js');
 var hotkeys = require('./hotkeys-D761KWnZ.js');
 var device = require('./device-C9O7lYI9.js');
 var randomString = require('./random-string-CFCtFh5l.js');
+var getFocusTarget = require('./get-focus-target-DgqZ25gx.js');
 
 // Note: this function handles the same key aliases as `KEY_ALIASES` in
 // `../../util/hotkeys.ts`, but maps them to display strings rather than
@@ -2344,76 +2345,6 @@ function normalize(text) {
     return text.replaceAll(/\s+/g, ' ').trim().toLowerCase();
 }
 
-const CONTROLS = ['button', 'input:not([type="hidden"])', 'select', 'textarea'];
-const FOCUSABLE = [
-    'a[href]',
-    ...CONTROLS.map((selector) => `${selector}:not([disabled])`),
-    'summary',
-    '[contenteditable]:not([contenteditable="false"])',
-    '[tabindex]',
-]
-    .map((selector) => `${selector}:not([tabindex="-1"])`)
-    .join(', ');
-const DISABLED = CONTROLS.map((selector) => `${selector}[disabled]:not([tabindex="-1"])`).join(', ');
-/**
- * Get the element that a screen reader describes for the owner element of a
- * tooltip. That is the owner itself if it can be focused, otherwise the first
- * element that can be focused inside it, also inside shadow roots. A disabled
- * control is only used when there is nothing that can be focused, and if
- * there is no control at all, the owner itself is used.
- *
- * An element that passes the focus on to an element in its shadow root is
- * never used itself, since the screen reader lands on the element inside.
- *
- * @param owner
- */
-async function getFocusTarget(owner) {
-    var _a, _b;
-    const search = {};
-    return (_b = (_a = (await find(owner, search))) !== null && _a !== void 0 ? _a : search.disabled) !== null && _b !== void 0 ? _b : owner;
-}
-async function find(element, search) {
-    if (isFocusable(element)) {
-        return element;
-    }
-    rememberDisabled(element, search);
-    return findInside(element, search);
-}
-async function findInside(element, search) {
-    if (isStencilComponent(element)) {
-        await element.componentOnReady();
-    }
-    const inShadowRoot = element.shadowRoot
-        ? await findAmong(element.shadowRoot.children, search)
-        : undefined;
-    return inShadowRoot !== null && inShadowRoot !== void 0 ? inShadowRoot : findAmong(element.children, search);
-}
-async function findAmong(elements, search) {
-    for (const element of elements) {
-        if (element.localName === 'limel-tooltip') {
-            continue;
-        }
-        const found = await find(element, search);
-        if (found) {
-            return found;
-        }
-    }
-    return undefined;
-}
-function isFocusable(element) {
-    var _a;
-    return !((_a = element.shadowRoot) === null || _a === void 0 ? void 0 : _a.delegatesFocus) && element.matches(FOCUSABLE);
-}
-function rememberDisabled(element, search) {
-    if (!search.disabled && element.matches(DISABLED)) {
-        search.disabled = element;
-    }
-}
-function isStencilComponent(element) {
-    return ('componentOnReady' in element &&
-        typeof element.componentOnReady === 'function');
-}
-
 /**
  *
  * @param id
@@ -2499,7 +2430,7 @@ const Tooltip = class {
             return;
         }
         const update = ++this.latestUpdate;
-        const element = await getFocusTarget(this.ownerElement);
+        const element = await getFocusTarget.getFocusTarget(this.ownerElement);
         if (!this.host.isConnected || update !== this.latestUpdate) {
             return;
         }

package/dist/cjs/limel-popover_2.cjs.entry.js

@@ -3,13 +3,14 @@
 var index = require('./index-BlsqxTB1.js');
 var randomString = require('./random-string-CFCtFh5l.js');
 var keycodes = require('./keycodes-BQ_AERli.js');
-var focusTriggerElement = require('./focus-trigger-element-BfnJmxKO.js');
+var focusTriggerElement = require('./focus-trigger-element-Sr7Yjtmk.js');
 require('./_assignValue-DQh76m39.js');
 require('./_defineProperty-Csu6P9HT.js');
 require('./_getNative-Cf52giNE.js');
 require('./isFunction-RSHwsz1x.js');
 require('./isObject-B6Osvvqp.js');
 require('./eq-DFcUoVzv.js');
+require('./get-focus-target-DgqZ25gx.js');
 
 /**
  * Check if an element is a descendant of another

package/dist/collection/util/focus-trigger-element.js

@@ -1,32 +1,21 @@
-const FOCUSABLE_SELECTOR = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
+import { findFocusTarget } from "./get-focus-target";
 const isDisabled = (element) => {
     return (element.disabled === true ||
         element.hasAttribute('disabled') ||
         element.getAttribute('aria-disabled') === 'true');
 };
 /**
- * Focuses the first focusable element inside a trigger element.
- * Supports custom elements by searching both the element's shadow root
- * and its light DOM.
+ * Focuses a trigger element, or the first focusable element inside it if the
+ * trigger can not take focus itself. Supports custom elements by searching
+ * both the element's shadow root and its light DOM.
  *
  * @param trigger - The trigger element to focus.
- * @returns `true` if focus was moved, otherwise `false`.
+ * @returns `false` if there is no trigger, or it is disabled. Otherwise `true`.
  */
 export const focusTriggerElement = (trigger) => {
-    var _a;
     if (!trigger || isDisabled(trigger)) {
         return false;
     }
-    const shadowFocusable = (_a = trigger.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(FOCUSABLE_SELECTOR);
-    if (shadowFocusable) {
-        shadowFocusable.focus();
-        return true;
-    }
-    const lightDomFocusable = trigger.querySelector(FOCUSABLE_SELECTOR);
-    if (lightDomFocusable) {
-        lightDomFocusable.focus();
-        return true;
-    }
-    trigger.focus();
+    findFocusTarget(trigger).focus();
     return true;
 };

package/dist/collection/util/get-focus-target.js

@@ -10,44 +10,75 @@ const FOCUSABLE = [
     .join(', ');
 const DISABLED = CONTROLS.map((selector) => `${selector}[disabled]:not([tabindex="-1"])`).join(', ');
 /**
- * Get the element that a screen reader describes for the owner element of a
- * tooltip. That is the owner itself if it can be focused, otherwise the first
- * element that can be focused inside it, also inside shadow roots. A disabled
- * control is only used when there is nothing that can be focused, and if
- * there is no control at all, the owner itself is used.
+ * Get the element that gets the focus when a user moves to `owner`. That is
+ * the owner itself if it can be focused, otherwise the first element that can
+ * be focused inside it, also inside shadow roots. A disabled control is only
+ * used when there is nothing that can be focused, and if there is no control
+ * at all, the owner itself is used.
  *
  * An element that passes the focus on to an element in its shadow root is
- * never used itself, since the screen reader lands on the element inside.
+ * never used itself, since the focus lands on the element inside.
  *
+ * Waits for the components in the way to render, so use this for an owner
+ * that may not have rendered yet.
+ *
+ * @see findFocusTarget for an owner that has already rendered
  * @param owner
  */
 export async function getFocusTarget(owner) {
-    var _a, _b;
+    return runWalk(findTarget(owner));
+}
+async function runWalk(walk, step = walk.next()) {
+    if (step.done) {
+        return step.value;
+    }
+    await step.value.componentOnReady();
+    const found = await runWalk(walk, walk.next());
+    return found;
+}
+/**
+ * Same as `getFocusTarget`, for an owner that has already rendered, without
+ * waiting for any component.
+ *
+ * @see getFocusTarget for an owner that may not have rendered yet
+ * @param owner
+ */
+export function findFocusTarget(owner) {
+    const walk = findTarget(owner);
+    for (let step = walk.next();; step = walk.next()) {
+        if (step.done) {
+            return step.value;
+        }
+    }
+}
+function* findTarget(owner) {
+    var _a;
     const search = {};
-    return (_b = (_a = (await find(owner, search))) !== null && _a !== void 0 ? _a : search.disabled) !== null && _b !== void 0 ? _b : owner;
+    const found = yield* find(owner, search);
+    return (_a = found !== null && found !== void 0 ? found : search.disabled) !== null && _a !== void 0 ? _a : owner;
 }
-async function find(element, search) {
+function* find(element, search) {
     if (isFocusable(element)) {
         return element;
     }
     rememberDisabled(element, search);
-    return findInside(element, search);
+    return yield* findInside(element, search);
 }
-async function findInside(element, search) {
+function* findInside(element, search) {
     if (isStencilComponent(element)) {
-        await element.componentOnReady();
+        yield element;
     }
     const inShadowRoot = element.shadowRoot
-        ? await findAmong(element.shadowRoot.children, search)
+        ? yield* findAmong(element.shadowRoot.children, search)
         : undefined;
-    return inShadowRoot !== null && inShadowRoot !== void 0 ? inShadowRoot : findAmong(element.children, search);
+    return inShadowRoot !== null && inShadowRoot !== void 0 ? inShadowRoot : (yield* findAmong(element.children, search));
 }
-async function findAmong(elements, search) {
+function* findAmong(elements, search) {
     for (const element of elements) {
         if (element.localName === 'limel-tooltip') {
             continue;
         }
-        const found = await find(element, search);
+        const found = yield* find(element, search);
         if (found) {
             return found;
         }

package/dist/esm/{focus-trigger-element-BOFcjLq3.js → focus-trigger-element-CIEHI_yk.js}

@@ -1,4 +1,5 @@
 import { a as assignValue } from './_assignValue-CEFvyZxO.js';
+import { f as findFocusTarget } from './get-focus-target-BhoYaGlg.js';
 
 /**
  * This base implementation of `_.zipObject` which assigns values using `assignFunc`.
@@ -42,36 +43,24 @@ function zipObject(props, values) {
   return baseZipObject(props || [], values || [], assignValue);
 }
 
-const FOCUSABLE_SELECTOR = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
 const isDisabled = (element) => {
     return (element.disabled === true ||
         element.hasAttribute('disabled') ||
         element.getAttribute('aria-disabled') === 'true');
 };
 /**
- * Focuses the first focusable element inside a trigger element.
- * Supports custom elements by searching both the element's shadow root
- * and its light DOM.
+ * Focuses a trigger element, or the first focusable element inside it if the
+ * trigger can not take focus itself. Supports custom elements by searching
+ * both the element's shadow root and its light DOM.
  *
  * @param trigger - The trigger element to focus.
- * @returns `true` if focus was moved, otherwise `false`.
+ * @returns `false` if there is no trigger, or it is disabled. Otherwise `true`.
  */
 const focusTriggerElement = (trigger) => {
-    var _a;
     if (!trigger || isDisabled(trigger)) {
         return false;
     }
-    const shadowFocusable = (_a = trigger.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(FOCUSABLE_SELECTOR);
-    if (shadowFocusable) {
-        shadowFocusable.focus();
-        return true;
-    }
-    const lightDomFocusable = trigger.querySelector(FOCUSABLE_SELECTOR);
-    if (lightDomFocusable) {
-        lightDomFocusable.focus();
-        return true;
-    }
-    trigger.focus();
+    findFocusTarget(trigger).focus();
     return true;
 };
 

package/dist/esm/get-focus-target-BhoYaGlg.js

@@ -0,0 +1,102 @@
+const CONTROLS = ['button', 'input:not([type="hidden"])', 'select', 'textarea'];
+const FOCUSABLE = [
+    'a[href]',
+    ...CONTROLS.map((selector) => `${selector}:not([disabled])`),
+    'summary',
+    '[contenteditable]:not([contenteditable="false"])',
+    '[tabindex]',
+]
+    .map((selector) => `${selector}:not([tabindex="-1"])`)
+    .join(', ');
+const DISABLED = CONTROLS.map((selector) => `${selector}[disabled]:not([tabindex="-1"])`).join(', ');
+/**
+ * Get the element that gets the focus when a user moves to `owner`. That is
+ * the owner itself if it can be focused, otherwise the first element that can
+ * be focused inside it, also inside shadow roots. A disabled control is only
+ * used when there is nothing that can be focused, and if there is no control
+ * at all, the owner itself is used.
+ *
+ * An element that passes the focus on to an element in its shadow root is
+ * never used itself, since the focus lands on the element inside.
+ *
+ * Waits for the components in the way to render, so use this for an owner
+ * that may not have rendered yet.
+ *
+ * @see findFocusTarget for an owner that has already rendered
+ * @param owner
+ */
+async function getFocusTarget(owner) {
+    return runWalk(findTarget(owner));
+}
+async function runWalk(walk, step = walk.next()) {
+    if (step.done) {
+        return step.value;
+    }
+    await step.value.componentOnReady();
+    const found = await runWalk(walk, walk.next());
+    return found;
+}
+/**
+ * Same as `getFocusTarget`, for an owner that has already rendered, without
+ * waiting for any component.
+ *
+ * @see getFocusTarget for an owner that may not have rendered yet
+ * @param owner
+ */
+function findFocusTarget(owner) {
+    const walk = findTarget(owner);
+    for (let step = walk.next();; step = walk.next()) {
+        if (step.done) {
+            return step.value;
+        }
+    }
+}
+function* findTarget(owner) {
+    var _a;
+    const search = {};
+    const found = yield* find(owner, search);
+    return (_a = found !== null && found !== void 0 ? found : search.disabled) !== null && _a !== void 0 ? _a : owner;
+}
+function* find(element, search) {
+    if (isFocusable(element)) {
+        return element;
+    }
+    rememberDisabled(element, search);
+    return yield* findInside(element, search);
+}
+function* findInside(element, search) {
+    if (isStencilComponent(element)) {
+        yield element;
+    }
+    const inShadowRoot = element.shadowRoot
+        ? yield* findAmong(element.shadowRoot.children, search)
+        : undefined;
+    return inShadowRoot !== null && inShadowRoot !== void 0 ? inShadowRoot : (yield* findAmong(element.children, search));
+}
+function* findAmong(elements, search) {
+    for (const element of elements) {
+        if (element.localName === 'limel-tooltip') {
+            continue;
+        }
+        const found = yield* find(element, search);
+        if (found) {
+            return found;
+        }
+    }
+    return undefined;
+}
+function isFocusable(element) {
+    var _a;
+    return !((_a = element.shadowRoot) === null || _a === void 0 ? void 0 : _a.delegatesFocus) && element.matches(FOCUSABLE);
+}
+function rememberDisabled(element, search) {
+    if (!search.disabled && element.matches(DISABLED)) {
+        search.disabled = element;
+    }
+}
+function isStencilComponent(element) {
+    return ('componentOnReady' in element &&
+        typeof element.componentOnReady === 'function');
+}
+
+export { findFocusTarget as f, getFocusTarget as g };

package/dist/esm/limel-breadcrumbs_6.entry.js

@@ -7,7 +7,7 @@ import { b as getHref, a as getTarget, g as getRel } from './link-helper-5KsJICv
 import { g as globalConfig } from './config-Dnt5w_Bp.js';
 import { d as debounce } from './debounce-B67JMchz.js';
 import { M as MDCTextField } from './component-CVihTrav.js';
-import { f as focusTriggerElement, z as zipObject } from './focus-trigger-element-BOFcjLq3.js';
+import { f as focusTriggerElement, z as zipObject } from './focus-trigger-element-CIEHI_yk.js';
 import { h as hotkeyFromKeyboardEvent, t as tokenizeHotkeyString, n as normalizeHotkeyString } from './hotkeys-DjmlD0Mw.js';
 import { i as isFunction } from './isFunction-9zQTeQI8.js';
 import { _ as __extends, a as __assign, b as __values, M as MDCFoundation, c as MDCComponent, d as closest } from './ponyfill-6YuZiAPi.js';
@@ -23,6 +23,7 @@ import './_assignValue-CEFvyZxO.js';
 import './_defineProperty-C69Btzid.js';
 import './_getNative-COawFdVX.js';
 import './eq-CZ30nDJE.js';
+import './get-focus-target-BhoYaGlg.js';
 
 const breadcrumbsCss = () => `@charset "UTF-8";:host(limel-breadcrumbs){--limel-breadcrumbs-item-height:1.5rem;--limel-breadcrumbs-gap:0.75rem;--limel-breadcrumbs-gap:0.75rem;--limel-breadcrumbs-item-text-color:var(       --breadcrumbs-item-text-color,       rgb(var(--contrast-1500))   );--limel-overflow-mask-horizontal:linear-gradient(       to right,       transparent 0%,       black calc(0% + var(--limel-left-edge-fade-width, 1rem)),       black calc(100% - var(--limel-right-edge-fade-width, 1rem)),       transparent 100%   );-webkit-mask-image:var(--limel-overflow-mask-horizontal);mask-image:var(--limel-overflow-mask-horizontal);padding-left:var(--limel-left-edge-fade-width, 1rem);padding-right:var(--limel-right-edge-fade-width, 1rem);--limel-left-edge-fade-width:0.5rem;--limel-right-edge-fade-width:0.5rem}ol,li,.step{all:unset}*{box-sizing:border-box}ol{padding:0.5rem;gap:var(--limel-breadcrumbs-gap)}.step{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:0.25rem;max-width:var(--breadcrumbs-item-max-width, 10rem);height:var(--limel-breadcrumbs-item-height);color:var(--limel-breadcrumbs-item-text-color);border-radius:100vw;font-size:var(--limel-theme-default-font-size);padding:0 0.25rem}.step:not(:has(.text)){padding:0 0.125rem}.step:not(.last):focus{outline:none}.step:not(.last):focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}.step:not(.last):after{content:var(--limel-breadcrumbs-divider);display:flex;align-items:center;justify-content:center;width:var(--limel-breadcrumbs-gap);position:absolute;top:0;right:calc(var(--limel-breadcrumbs-gap) * -1);bottom:0;left:auto;text-align:center}a.step{position:relative;cursor:pointer;transition:color 0.2s ease;color:var(--limel-breadcrumbs-item-text-color)}a.step:before{transition:opacity 0.2s ease, transform 0.3s ease-out;content:"";position:absolute;inset:auto 0 0 0;width:calc(100% - 0.5rem);margin:auto;height:0.125rem;border-radius:1rem;background-color:currentColor;opacity:0;transform:scale(0.6)}a.step:hover{color:rgb(var(--color-blue-default))}a.step:hover:before{opacity:0.3;transform:scale(1)}button.step:not(.last){transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--limel-breadcrumbs-item-text-color);background-color:transparent}button.step:not(.last):hover,button.step:not(.last):focus,button.step:not(.last):focus-visible{will-change:color, background-color, box-shadow, transform}button.step:not(.last):hover,button.step:not(.last):focus-visible{transform:translate3d(0, 0.01rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color)}button.step:not(.last):hover{box-shadow:var(--button-shadow-hovered)}button.step:not(.last):active{--limel-clickable-transform-timing-function:cubic-bezier(       0.83,       -0.15,       0.49,       1.16   );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}button.step:not(.last):hover,button.step:not(.last):active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}limel-icon{flex-shrink:0;width:calc(var(--limel-breadcrumbs-item-height) - 0.25rem);height:calc(var(--limel-breadcrumbs-item-height) - 0.25rem)}.text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 0.25rem}.last{opacity:0.7}:host(limel-breadcrumbs){box-sizing:border-box;display:flex;width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}:host(limel-breadcrumbs)::-webkit-scrollbar{display:none}:host(limel-breadcrumbs){direction:rtl}ol{display:flex;flex-direction:row-reverse;justify-content:flex-end;margin-right:auto}.step{direction:ltr}`;