@salt-ds/core 1.64.0 → 1.65.0

package/dist-es/toolbar/toolbarKeyboardUtils.js

@@ -0,0 +1,381 @@
+const TOOLBAR_SCOPE_ROOT_ATTR = "data-salt-toolbar-scope-root";
+const TOOLBAR_ITEM_ATTR = "data-salt-toolbar-item-id";
+const TOOLBAR_GROUP_KEY_ATTR = "data-salt-toolbar-overflow-group-key";
+const TOOLBAR_OVERFLOW_TRIGGER_ATTR = "data-salt-toolbar-overflow-trigger";
+const toolbarFocusableSelector = [
+  "button",
+  "[href]",
+  "input",
+  "select",
+  "textarea",
+  "[tabindex]"
+].join(", ");
+const textEntryInputTypes = /* @__PURE__ */ new Set([
+  "",
+  "date",
+  "datetime-local",
+  "email",
+  "month",
+  "number",
+  "password",
+  "search",
+  "tel",
+  "text",
+  "time",
+  "url",
+  "week"
+]);
+function getClosestToolbarScopeRoot(target) {
+  if (!(target instanceof Element)) {
+    return null;
+  }
+  return target.closest(`[${TOOLBAR_SCOPE_ROOT_ATTR}]`);
+}
+function getToolbarItemId(target) {
+  var _a;
+  return ((_a = target == null ? void 0 : target.closest(`[${TOOLBAR_ITEM_ATTR}]`)) == null ? void 0 : _a.getAttribute(TOOLBAR_ITEM_ATTR)) ?? null;
+}
+function isToolbarFocusFromPointerTarget(focusTarget, pointerTarget) {
+  if (!(pointerTarget instanceof Node)) {
+    return false;
+  }
+  if (focusTarget === pointerTarget || focusTarget.contains(pointerTarget)) {
+    return true;
+  }
+  if (!(pointerTarget instanceof Element)) {
+    return false;
+  }
+  const focusItemId = getToolbarItemId(focusTarget);
+  const pointerItemId = getToolbarItemId(pointerTarget);
+  return focusItemId != null && focusItemId === pointerItemId;
+}
+function getToolbarScopeFocusableElements(scopeRoot, options = {}) {
+  return Array.from(
+    scopeRoot.querySelectorAll(toolbarFocusableSelector)
+  ).filter((element) => {
+    return getClosestToolbarScopeRoot(element) === scopeRoot && (isToolbarFocusable(element, options) || isToolbarToggleGroupButton(element));
+  });
+}
+function getToolbarFocusMemory(scopeRoot, target, options = {}) {
+  const scopeElements = getToolbarScopeFocusableElements(scopeRoot, options);
+  const scopeIndex = scopeElements.indexOf(target);
+  if (scopeIndex === -1) {
+    return null;
+  }
+  const groupTrigger = target.closest(
+    `[${TOOLBAR_OVERFLOW_TRIGGER_ATTR}]`
+  );
+  const groupKey = groupTrigger == null ? void 0 : groupTrigger.getAttribute(TOOLBAR_GROUP_KEY_ATTR);
+  if (groupKey) {
+    return {
+      groupKey,
+      scopeIndex,
+      type: "overflow-trigger"
+    };
+  }
+  const itemRoot = target.closest(`[${TOOLBAR_ITEM_ATTR}]`);
+  const itemId = itemRoot == null ? void 0 : itemRoot.getAttribute(TOOLBAR_ITEM_ATTR);
+  if (itemRoot && itemId) {
+    const itemElements = getToolbarItemFocusableElements(
+      itemRoot,
+      scopeRoot,
+      options
+    );
+    const controlIndex = itemElements.indexOf(target);
+    return {
+      controlIndex: Math.max(controlIndex, 0),
+      itemId,
+      scopeIndex,
+      type: "item"
+    };
+  }
+  return {
+    scopeIndex,
+    type: "scope"
+  };
+}
+function resolveToolbarFocusTarget(scopeRoot, focusMemory, {
+  includeTabIndexMinusOne,
+  items = [],
+  overflowedIds
+} = {}) {
+  const focusableOptions = {
+    includeTabIndexMinusOne
+  };
+  if (!focusMemory) {
+    return getToolbarScopeFocusableElements(scopeRoot, focusableOptions)[0] ?? null;
+  }
+  const fallback = getToolbarFocusFallback(
+    scopeRoot,
+    focusMemory.scopeIndex,
+    focusableOptions
+  );
+  if (focusMemory.type === "overflow-trigger") {
+    const trigger = getToolbarOverflowTriggerElement(
+      scopeRoot,
+      focusMemory.groupKey
+    );
+    if (trigger) {
+      return trigger;
+    }
+    const firstVisibleItem = items.find((item) => {
+      return item.overflowGroupKey === focusMemory.groupKey;
+    });
+    if (firstVisibleItem) {
+      return getToolbarFocusableElementForItem(
+        scopeRoot,
+        firstVisibleItem.id,
+        0,
+        focusableOptions
+      ) ?? fallback;
+    }
+    return fallback;
+  }
+  if (focusMemory.type === "item") {
+    const visibleItemTarget = getToolbarFocusableElementForItem(
+      scopeRoot,
+      focusMemory.itemId,
+      focusMemory.controlIndex,
+      focusableOptions
+    );
+    if (visibleItemTarget) {
+      return visibleItemTarget;
+    }
+    const item = items.find((entry) => entry.id === focusMemory.itemId);
+    if (item && (overflowedIds == null ? void 0 : overflowedIds.has(item.id))) {
+      return getToolbarOverflowTriggerElement(scopeRoot, item.overflowGroupKey) ?? fallback;
+    }
+    return fallback;
+  }
+  return fallback;
+}
+function getToolbarDirectionalMoveTarget(scopeRoot, target, key, options = {}) {
+  if (key !== "ArrowLeft" && key !== "ArrowRight") {
+    return null;
+  }
+  if (getToolbarKeyboardPolicy(target).preserveHorizontalArrows) {
+    return null;
+  }
+  const toggleGroupButtons = getToggleGroupButtons(target);
+  if (toggleGroupButtons.length > 0) {
+    const visualDelta = getVisualDelta(scopeRoot, key);
+    const currentIndex2 = toggleGroupButtons.indexOf(target);
+    if (currentIndex2 === -1 || !isToggleGroupBoundary(
+      currentIndex2,
+      toggleGroupButtons.length,
+      visualDelta
+    )) {
+      return null;
+    }
+  }
+  const scopeElements = getToolbarScopeFocusableElements(scopeRoot, options);
+  const currentIndex = scopeElements.indexOf(target);
+  if (currentIndex === -1 || scopeElements.length <= 1) {
+    return null;
+  }
+  const nextIndex = (currentIndex + getVisualDelta(scopeRoot, key) + scopeElements.length) % scopeElements.length;
+  return scopeElements[nextIndex] ?? null;
+}
+function getToolbarTabMoveTarget(scopeRoot, shiftKey) {
+  const focusableElements = getDocumentFocusableElements(
+    scopeRoot.ownerDocument
+  );
+  if (shiftKey) {
+    for (let index = focusableElements.length - 1; index >= 0; index -= 1) {
+      const element = focusableElements[index];
+      if (!element || scopeRoot.contains(element)) {
+        continue;
+      }
+      if (element.compareDocumentPosition(scopeRoot) & Node.DOCUMENT_POSITION_FOLLOWING) {
+        return element;
+      }
+    }
+    return null;
+  }
+  return focusableElements.find((element) => {
+    return !scopeRoot.contains(element) && !!(scopeRoot.compareDocumentPosition(element) & Node.DOCUMENT_POSITION_FOLLOWING);
+  }) ?? null;
+}
+function shouldToolbarPreserveNativeTab(target) {
+  return getToolbarKeyboardPolicy(target).preserveNativeTab;
+}
+function getToolbarItemFocusableElements(itemRoot, scopeRoot, options = {}) {
+  return Array.from(
+    itemRoot.querySelectorAll(toolbarFocusableSelector)
+  ).filter((element) => {
+    return getClosestToolbarScopeRoot(element) === scopeRoot && (isToolbarFocusable(element, options) || isToolbarToggleGroupButton(element));
+  });
+}
+function getToolbarFocusableElementForItem(scopeRoot, itemId, controlIndex, options = {}) {
+  const itemRoot = scopeRoot.querySelector(
+    `[${TOOLBAR_ITEM_ATTR}="${itemId}"]`
+  );
+  if (!itemRoot) {
+    return null;
+  }
+  const itemElements = getToolbarItemFocusableElements(
+    itemRoot,
+    scopeRoot,
+    options
+  );
+  return itemElements[Math.min(controlIndex, itemElements.length - 1)] ?? itemElements[0] ?? null;
+}
+function getToolbarOverflowTriggerElement(scopeRoot, groupKey) {
+  return scopeRoot.querySelector(
+    `[${TOOLBAR_OVERFLOW_TRIGGER_ATTR}][${TOOLBAR_GROUP_KEY_ATTR}="${groupKey}"]`
+  );
+}
+function getToolbarFocusFallback(scopeRoot, rememberedIndex, options = {}) {
+  const focusableElements = getToolbarScopeFocusableElements(
+    scopeRoot,
+    options
+  );
+  if (focusableElements.length === 0) {
+    return null;
+  }
+  return focusableElements[Math.max(0, Math.min(rememberedIndex, focusableElements.length - 1))] ?? focusableElements[0];
+}
+function getVisualDelta(scopeRoot, key) {
+  var _a;
+  const direction = (_a = scopeRoot.ownerDocument.defaultView) == null ? void 0 : _a.getComputedStyle(scopeRoot).direction;
+  if (key === "ArrowRight") {
+    return direction === "rtl" ? -1 : 1;
+  }
+  return direction === "rtl" ? 1 : -1;
+}
+function isToggleGroupBoundary(currentIndex, length, visualDelta) {
+  if (visualDelta > 0) {
+    return currentIndex === length - 1;
+  }
+  return currentIndex === 0;
+}
+function getToggleGroupButtons(target) {
+  const toggleGroup = target.closest(".saltToggleButtonGroup");
+  if (!toggleGroup || target.tagName !== "BUTTON") {
+    return [];
+  }
+  return Array.from(toggleGroup.querySelectorAll("button")).filter(
+    (button) => isToolbarFocusable(button, { includeTabIndexMinusOne: true })
+  );
+}
+function isToolbarToggleGroupButton(target) {
+  return target.tagName === "BUTTON" && target.closest(".saltToggleButtonGroup") != null && isToolbarFocusable(target, { includeTabIndexMinusOne: true });
+}
+function getToolbarKeyboardPolicy(target) {
+  if (target.isContentEditable || isPlainTextInput(target) || isComboBoxInput(target) || isPillInputPill(target)) {
+    return {
+      preserveHorizontalArrows: true,
+      preserveNativeTab: true
+    };
+  }
+  if (isDropdownControl(target)) {
+    return {
+      preserveHorizontalArrows: false,
+      preserveNativeTab: false
+    };
+  }
+  if (isSelectLikeControl(target) || target.closest(".saltDatePickerTrigger") != null) {
+    return {
+      preserveHorizontalArrows: false,
+      preserveNativeTab: true
+    };
+  }
+  return {
+    preserveHorizontalArrows: false,
+    preserveNativeTab: false
+  };
+}
+function isComboBoxInput(target) {
+  return target.tagName === "INPUT" && target.closest('[role="combobox"], .saltComboBox') != null;
+}
+function isPillInputPill(target) {
+  return target.tagName === "BUTTON" && target.classList.contains("saltPill") && target.closest(".saltPillInput") != null;
+}
+function isDropdownControl(target) {
+  return target.closest(".saltDropdown") != null;
+}
+function isSelectLikeControl(target) {
+  return target.tagName === "SELECT" || target.closest('[role="combobox"], .saltComboBox, .saltDropdown') != null;
+}
+function isPlainTextInput(target) {
+  if (target.tagName === "TEXTAREA") {
+    return true;
+  }
+  if (target.tagName !== "INPUT") {
+    return false;
+  }
+  return textEntryInputTypes.has(
+    target.type.toLowerCase()
+  );
+}
+function isNativeDisabledFormControl(target) {
+  return "disabled" in target && target.disabled;
+}
+function isToolbarFocusable(target, { includeTabIndexMinusOne = false } = {}) {
+  if (isNativeDisabledFormControl(target)) {
+    return false;
+  }
+  if (target.getAttribute("aria-hidden") === "true") {
+    return false;
+  }
+  if (!includeTabIndexMinusOne && target.getAttribute("tabindex") === "-1") {
+    return false;
+  }
+  if (target.hidden) {
+    return false;
+  }
+  const win = target.ownerDocument.defaultView;
+  if (!win) {
+    return false;
+  }
+  const styles = win.getComputedStyle(target);
+  if (styles.display === "none" || styles.visibility === "hidden") {
+    return false;
+  }
+  return target.getClientRects().length > 0;
+}
+const toolbarFocusEntryOverrides = [
+  { root: ".saltComboBox", interactive: 'input[role="combobox"]' }
+];
+function focusToolbarElement(target) {
+  const focusTarget = resolveToolbarFocusEntryTarget(target);
+  if (focusTarget == null ? void 0 : focusTarget.isConnected) {
+    focusTarget.focus({ preventScroll: true });
+  }
+}
+function resolveToolbarFocusEntryTarget(target) {
+  if (!target) {
+    return target;
+  }
+  for (const { root, interactive } of toolbarFocusEntryOverrides) {
+    if (target.matches(root)) {
+      return target.querySelector(interactive) ?? target;
+    }
+  }
+  return target;
+}
+function scheduleToolbarFocus(target, targetWindow = target == null ? void 0 : target.ownerDocument.defaultView) {
+  if (!target) {
+    return () => void 0;
+  }
+  if (targetWindow == null ? void 0 : targetWindow.requestAnimationFrame) {
+    const frame = targetWindow.requestAnimationFrame(() => {
+      focusToolbarElement(target);
+    });
+    return () => {
+      targetWindow.cancelAnimationFrame(frame);
+    };
+  }
+  queueMicrotask(() => {
+    focusToolbarElement(target);
+  });
+  return () => void 0;
+}
+function getDocumentFocusableElements(ownerDocument) {
+  return Array.from(
+    ownerDocument.querySelectorAll(toolbarFocusableSelector)
+  ).filter((element) => isToolbarFocusable(element));
+}
+
+export { TOOLBAR_GROUP_KEY_ATTR, TOOLBAR_ITEM_ATTR, TOOLBAR_OVERFLOW_TRIGGER_ATTR, TOOLBAR_SCOPE_ROOT_ATTR, focusToolbarElement, getClosestToolbarScopeRoot, getDocumentFocusableElements, getToolbarDirectionalMoveTarget, getToolbarFocusMemory, getToolbarItemId, getToolbarScopeFocusableElements, getToolbarTabMoveTarget, isToolbarFocusFromPointerTarget, isToolbarFocusable, resolveToolbarFocusTarget, scheduleToolbarFocus, shouldToolbarPreserveNativeTab, toolbarFocusableSelector };
+//# sourceMappingURL=toolbarKeyboardUtils.js.map

package/dist-es/toolbar/toolbarKeyboardUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbarKeyboardUtils.js","sources":["../src/toolbar/toolbarKeyboardUtils.ts"],"sourcesContent":["import type { ToolbarOverflowItem } from \"./toolbarUtils\";\n\nexport const TOOLBAR_SCOPE_ROOT_ATTR = \"data-salt-toolbar-scope-root\";\nexport const TOOLBAR_ITEM_ATTR = \"data-salt-toolbar-item-id\";\nexport const TOOLBAR_GROUP_KEY_ATTR = \"data-salt-toolbar-overflow-group-key\";\nexport const TOOLBAR_OVERFLOW_TRIGGER_ATTR =\n  \"data-salt-toolbar-overflow-trigger\";\n\nexport const toolbarFocusableSelector = [\n  \"button\",\n  \"[href]\",\n  \"input\",\n  \"select\",\n  \"textarea\",\n  \"[tabindex]\",\n].join(\", \");\n\nconst textEntryInputTypes = new Set([\n  \"\",\n  \"date\",\n  \"datetime-local\",\n  \"email\",\n  \"month\",\n  \"number\",\n  \"password\",\n  \"search\",\n  \"tel\",\n  \"text\",\n  \"time\",\n  \"url\",\n  \"week\",\n]);\n\nexport type ToolbarFocusMemory =\n  | {\n      controlIndex: number;\n      itemId: string;\n      scopeIndex: number;\n      type: \"item\";\n    }\n  | {\n      groupKey: string;\n      scopeIndex: number;\n      type: \"overflow-trigger\";\n    }\n  | {\n      scopeIndex: number;\n      type: \"scope\";\n    };\n\nexport interface ToolbarFocusableOptions {\n  includeTabIndexMinusOne?: boolean;\n}\n\ninterface ToolbarKeyboardPolicy {\n  preserveHorizontalArrows: boolean;\n  preserveNativeTab: boolean;\n}\n\nexport function getClosestToolbarScopeRoot(target: EventTarget | null) {\n  if (!(target instanceof Element)) {\n    return null;\n  }\n\n  return target.closest<HTMLElement>(`[${TOOLBAR_SCOPE_ROOT_ATTR}]`);\n}\n\nexport function getToolbarItemId(target: Element | null) {\n  return (\n    target\n      ?.closest<HTMLElement>(`[${TOOLBAR_ITEM_ATTR}]`)\n      ?.getAttribute(TOOLBAR_ITEM_ATTR) ?? null\n  );\n}\n\nexport function isToolbarFocusFromPointerTarget(\n  focusTarget: HTMLElement,\n  pointerTarget: EventTarget | null,\n) {\n  if (!(pointerTarget instanceof Node)) {\n    return false;\n  }\n\n  if (focusTarget === pointerTarget || focusTarget.contains(pointerTarget)) {\n    return true;\n  }\n\n  if (!(pointerTarget instanceof Element)) {\n    return false;\n  }\n\n  const focusItemId = getToolbarItemId(focusTarget);\n  const pointerItemId = getToolbarItemId(pointerTarget);\n\n  return focusItemId != null && focusItemId === pointerItemId;\n}\n\nexport function getToolbarScopeFocusableElements(\n  scopeRoot: HTMLElement,\n  options: ToolbarFocusableOptions = {},\n) {\n  return Array.from(\n    scopeRoot.querySelectorAll<HTMLElement>(toolbarFocusableSelector),\n  ).filter((element) => {\n    return (\n      getClosestToolbarScopeRoot(element) === scopeRoot &&\n      (isToolbarFocusable(element, options) ||\n        isToolbarToggleGroupButton(element))\n    );\n  });\n}\n\nexport function getToolbarFocusMemory(\n  scopeRoot: HTMLElement,\n  target: HTMLElement,\n  options: ToolbarFocusableOptions = {},\n): ToolbarFocusMemory | null {\n  const scopeElements = getToolbarScopeFocusableElements(scopeRoot, options);\n  const scopeIndex = scopeElements.indexOf(target);\n  if (scopeIndex === -1) {\n    return null;\n  }\n\n  const groupTrigger = target.closest<HTMLElement>(\n    `[${TOOLBAR_OVERFLOW_TRIGGER_ATTR}]`,\n  );\n  const groupKey = groupTrigger?.getAttribute(TOOLBAR_GROUP_KEY_ATTR);\n\n  if (groupKey) {\n    return {\n      groupKey,\n      scopeIndex,\n      type: \"overflow-trigger\",\n    };\n  }\n\n  const itemRoot = target.closest<HTMLElement>(`[${TOOLBAR_ITEM_ATTR}]`);\n  const itemId = itemRoot?.getAttribute(TOOLBAR_ITEM_ATTR);\n\n  if (itemRoot && itemId) {\n    const itemElements = getToolbarItemFocusableElements(\n      itemRoot,\n      scopeRoot,\n      options,\n    );\n    const controlIndex = itemElements.indexOf(target);\n\n    return {\n      controlIndex: Math.max(controlIndex, 0),\n      itemId,\n      scopeIndex,\n      type: \"item\",\n    };\n  }\n\n  return {\n    scopeIndex,\n    type: \"scope\",\n  };\n}\n\nexport function resolveToolbarFocusTarget(\n  scopeRoot: HTMLElement,\n  focusMemory: ToolbarFocusMemory | null,\n  {\n    includeTabIndexMinusOne,\n    items = [],\n    overflowedIds,\n  }: {\n    items?: ToolbarOverflowItem[];\n    includeTabIndexMinusOne?: boolean;\n    overflowedIds?: Set<string>;\n  } = {},\n) {\n  const focusableOptions = {\n    includeTabIndexMinusOne,\n  };\n\n  if (!focusMemory) {\n    return (\n      getToolbarScopeFocusableElements(scopeRoot, focusableOptions)[0] ?? null\n    );\n  }\n\n  const fallback = getToolbarFocusFallback(\n    scopeRoot,\n    focusMemory.scopeIndex,\n    focusableOptions,\n  );\n\n  if (focusMemory.type === \"overflow-trigger\") {\n    const trigger = getToolbarOverflowTriggerElement(\n      scopeRoot,\n      focusMemory.groupKey,\n    );\n\n    if (trigger) {\n      return trigger;\n    }\n\n    const firstVisibleItem = items.find((item) => {\n      return item.overflowGroupKey === focusMemory.groupKey;\n    });\n\n    if (firstVisibleItem) {\n      return (\n        getToolbarFocusableElementForItem(\n          scopeRoot,\n          firstVisibleItem.id,\n          0,\n          focusableOptions,\n        ) ?? fallback\n      );\n    }\n\n    return fallback;\n  }\n\n  if (focusMemory.type === \"item\") {\n    const visibleItemTarget = getToolbarFocusableElementForItem(\n      scopeRoot,\n      focusMemory.itemId,\n      focusMemory.controlIndex,\n      focusableOptions,\n    );\n\n    if (visibleItemTarget) {\n      return visibleItemTarget;\n    }\n\n    const item = items.find((entry) => entry.id === focusMemory.itemId);\n\n    if (item && overflowedIds?.has(item.id)) {\n      return (\n        getToolbarOverflowTriggerElement(scopeRoot, item.overflowGroupKey) ??\n        fallback\n      );\n    }\n\n    return fallback;\n  }\n\n  return fallback;\n}\n\nexport function getToolbarDirectionalMoveTarget(\n  scopeRoot: HTMLElement,\n  target: HTMLElement,\n  key: string,\n  options: ToolbarFocusableOptions = {},\n) {\n  if (key !== \"ArrowLeft\" && key !== \"ArrowRight\") {\n    return null;\n  }\n\n  if (getToolbarKeyboardPolicy(target).preserveHorizontalArrows) {\n    return null;\n  }\n\n  const toggleGroupButtons = getToggleGroupButtons(target);\n\n  if (toggleGroupButtons.length > 0) {\n    const visualDelta = getVisualDelta(scopeRoot, key);\n    const currentIndex = toggleGroupButtons.indexOf(target);\n\n    if (\n      currentIndex === -1 ||\n      !isToggleGroupBoundary(\n        currentIndex,\n        toggleGroupButtons.length,\n        visualDelta,\n      )\n    ) {\n      return null;\n    }\n  }\n\n  const scopeElements = getToolbarScopeFocusableElements(scopeRoot, options);\n  const currentIndex = scopeElements.indexOf(target);\n\n  if (currentIndex === -1 || scopeElements.length <= 1) {\n    return null;\n  }\n\n  const nextIndex =\n    (currentIndex + getVisualDelta(scopeRoot, key) + scopeElements.length) %\n    scopeElements.length;\n\n  return scopeElements[nextIndex] ?? null;\n}\n\nexport function getToolbarTabMoveTarget(\n  scopeRoot: HTMLElement,\n  shiftKey: boolean,\n) {\n  const focusableElements = getDocumentFocusableElements(\n    scopeRoot.ownerDocument,\n  );\n\n  if (shiftKey) {\n    for (let index = focusableElements.length - 1; index >= 0; index -= 1) {\n      const element = focusableElements[index];\n\n      if (!element || scopeRoot.contains(element)) {\n        continue;\n      }\n\n      if (\n        element.compareDocumentPosition(scopeRoot) &\n        Node.DOCUMENT_POSITION_FOLLOWING\n      ) {\n        return element;\n      }\n    }\n\n    return null;\n  }\n\n  return (\n    focusableElements.find((element) => {\n      return (\n        !scopeRoot.contains(element) &&\n        !!(\n          scopeRoot.compareDocumentPosition(element) &\n          Node.DOCUMENT_POSITION_FOLLOWING\n        )\n      );\n    }) ?? null\n  );\n}\n\nexport function shouldToolbarPreserveNativeTab(target: HTMLElement) {\n  return getToolbarKeyboardPolicy(target).preserveNativeTab;\n}\n\nfunction getToolbarItemFocusableElements(\n  itemRoot: HTMLElement,\n  scopeRoot: HTMLElement,\n  options: ToolbarFocusableOptions = {},\n) {\n  return Array.from(\n    itemRoot.querySelectorAll<HTMLElement>(toolbarFocusableSelector),\n  ).filter((element) => {\n    return (\n      getClosestToolbarScopeRoot(element) === scopeRoot &&\n      (isToolbarFocusable(element, options) ||\n        isToolbarToggleGroupButton(element))\n    );\n  });\n}\n\nfunction getToolbarFocusableElementForItem(\n  scopeRoot: HTMLElement,\n  itemId: string,\n  controlIndex: number,\n  options: ToolbarFocusableOptions = {},\n) {\n  const itemRoot = scopeRoot.querySelector<HTMLElement>(\n    `[${TOOLBAR_ITEM_ATTR}=\"${itemId}\"]`,\n  );\n\n  if (!itemRoot) {\n    return null;\n  }\n\n  const itemElements = getToolbarItemFocusableElements(\n    itemRoot,\n    scopeRoot,\n    options,\n  );\n\n  return (\n    itemElements[Math.min(controlIndex, itemElements.length - 1)] ??\n    itemElements[0] ??\n    null\n  );\n}\n\nfunction getToolbarOverflowTriggerElement(\n  scopeRoot: HTMLElement,\n  groupKey: string,\n) {\n  return scopeRoot.querySelector<HTMLElement>(\n    `[${TOOLBAR_OVERFLOW_TRIGGER_ATTR}][${TOOLBAR_GROUP_KEY_ATTR}=\"${groupKey}\"]`,\n  );\n}\n\nfunction getToolbarFocusFallback(\n  scopeRoot: HTMLElement,\n  rememberedIndex: number,\n  options: ToolbarFocusableOptions = {},\n) {\n  const focusableElements = getToolbarScopeFocusableElements(\n    scopeRoot,\n    options,\n  );\n\n  if (focusableElements.length === 0) {\n    return null;\n  }\n\n  return (\n    focusableElements[\n      Math.max(0, Math.min(rememberedIndex, focusableElements.length - 1))\n    ] ?? focusableElements[0]\n  );\n}\n\nfunction getVisualDelta(scopeRoot: HTMLElement, key: string) {\n  const direction =\n    scopeRoot.ownerDocument.defaultView?.getComputedStyle(scopeRoot).direction;\n\n  if (key === \"ArrowRight\") {\n    return direction === \"rtl\" ? -1 : 1;\n  }\n\n  return direction === \"rtl\" ? 1 : -1;\n}\n\nfunction isToggleGroupBoundary(\n  currentIndex: number,\n  length: number,\n  visualDelta: number,\n) {\n  if (visualDelta > 0) {\n    return currentIndex === length - 1;\n  }\n\n  return currentIndex === 0;\n}\n\nfunction getToggleGroupButtons(target: HTMLElement) {\n  const toggleGroup = target.closest<HTMLElement>(\".saltToggleButtonGroup\");\n\n  if (!toggleGroup || target.tagName !== \"BUTTON\") {\n    return [];\n  }\n\n  return Array.from(toggleGroup.querySelectorAll<HTMLElement>(\"button\")).filter(\n    (button) => isToolbarFocusable(button, { includeTabIndexMinusOne: true }),\n  );\n}\n\nfunction isToolbarToggleGroupButton(target: HTMLElement) {\n  return (\n    target.tagName === \"BUTTON\" &&\n    target.closest(\".saltToggleButtonGroup\") != null &&\n    isToolbarFocusable(target, { includeTabIndexMinusOne: true })\n  );\n}\n\nfunction getToolbarKeyboardPolicy(target: HTMLElement): ToolbarKeyboardPolicy {\n  if (\n    target.isContentEditable ||\n    isPlainTextInput(target) ||\n    isComboBoxInput(target) ||\n    isPillInputPill(target)\n  ) {\n    return {\n      preserveHorizontalArrows: true,\n      preserveNativeTab: true,\n    };\n  }\n\n  if (isDropdownControl(target)) {\n    return {\n      preserveHorizontalArrows: false,\n      preserveNativeTab: false,\n    };\n  }\n\n  if (\n    isSelectLikeControl(target) ||\n    target.closest(\".saltDatePickerTrigger\") != null\n  ) {\n    return {\n      preserveHorizontalArrows: false,\n      preserveNativeTab: true,\n    };\n  }\n\n  return {\n    preserveHorizontalArrows: false,\n    preserveNativeTab: false,\n  };\n}\n\nfunction isComboBoxInput(target: HTMLElement) {\n  return (\n    target.tagName === \"INPUT\" &&\n    target.closest('[role=\"combobox\"], .saltComboBox') != null\n  );\n}\n\nfunction isPillInputPill(target: HTMLElement) {\n  return (\n    target.tagName === \"BUTTON\" &&\n    target.classList.contains(\"saltPill\") &&\n    target.closest(\".saltPillInput\") != null\n  );\n}\n\nfunction isDropdownControl(target: HTMLElement) {\n  return target.closest(\".saltDropdown\") != null;\n}\n\nfunction isSelectLikeControl(target: HTMLElement) {\n  return (\n    target.tagName === \"SELECT\" ||\n    target.closest('[role=\"combobox\"], .saltComboBox, .saltDropdown') != null\n  );\n}\n\nfunction isPlainTextInput(target: HTMLElement) {\n  if (target.tagName === \"TEXTAREA\") {\n    return true;\n  }\n\n  if (target.tagName !== \"INPUT\") {\n    return false;\n  }\n\n  return textEntryInputTypes.has(\n    (target as HTMLInputElement).type.toLowerCase(),\n  );\n}\n\nfunction isNativeDisabledFormControl(target: HTMLElement) {\n  return (\n    \"disabled\" in target &&\n    (target as HTMLButtonElement | HTMLInputElement).disabled\n  );\n}\n\nexport function isToolbarFocusable(\n  target: HTMLElement,\n  { includeTabIndexMinusOne = false }: ToolbarFocusableOptions = {},\n) {\n  if (isNativeDisabledFormControl(target)) {\n    return false;\n  }\n\n  if (target.getAttribute(\"aria-hidden\") === \"true\") {\n    return false;\n  }\n\n  if (!includeTabIndexMinusOne && target.getAttribute(\"tabindex\") === \"-1\") {\n    return false;\n  }\n\n  if (target.hidden) {\n    return false;\n  }\n\n  const win = target.ownerDocument.defaultView;\n\n  if (!win) {\n    return false;\n  }\n\n  const styles = win.getComputedStyle(target);\n\n  if (styles.display === \"none\" || styles.visibility === \"hidden\") {\n    return false;\n  }\n\n  return target.getClientRects().length > 0;\n}\n\n// Composite controls whose focus root (the element toolbar focus restore lands\n// on) differs from the inner element that handles keyboard interaction.\n// Restoring focus to the root would leave ArrowDown/Enter/Space targeting a\n// non-interactive wrapper, so we redirect to the interactive element\nconst toolbarFocusEntryOverrides = [\n  { root: \".saltComboBox\", interactive: 'input[role=\"combobox\"]' },\n] as const;\n\nexport function focusToolbarElement(target: HTMLElement | null | undefined) {\n  const focusTarget = resolveToolbarFocusEntryTarget(target);\n\n  if (focusTarget?.isConnected) {\n    focusTarget.focus({ preventScroll: true });\n  }\n}\n\nfunction resolveToolbarFocusEntryTarget(\n  target: HTMLElement | null | undefined,\n) {\n  if (!target) {\n    return target;\n  }\n\n  for (const { root, interactive } of toolbarFocusEntryOverrides) {\n    if (target.matches(root)) {\n      return target.querySelector<HTMLElement>(interactive) ?? target;\n    }\n  }\n\n  return target;\n}\n\nexport function scheduleToolbarFocus(\n  target: HTMLElement | null | undefined,\n  targetWindow = target?.ownerDocument.defaultView,\n) {\n  if (!target) {\n    return () => undefined;\n  }\n\n  if (targetWindow?.requestAnimationFrame) {\n    const frame = targetWindow.requestAnimationFrame(() => {\n      focusToolbarElement(target);\n    });\n\n    return () => {\n      targetWindow.cancelAnimationFrame(frame);\n    };\n  }\n\n  queueMicrotask(() => {\n    focusToolbarElement(target);\n  });\n\n  return () => undefined;\n}\n\nexport function getDocumentFocusableElements(ownerDocument: Document) {\n  return Array.from(\n    ownerDocument.querySelectorAll<HTMLElement>(toolbarFocusableSelector),\n  ).filter((element) => isToolbarFocusable(element));\n}\n"],"names":["currentIndex"],"mappings":"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"}

package/dist-es/toolbar/toolbarUtils.js

@@ -0,0 +1,216 @@
+import { Children, isValidElement, Fragment } from 'react';
+import { Divider } from '../divider/Divider.js';
+import { getRefFromChildren } from '../utils/getRefFromChildren.js';
+import 'clsx';
+import 'react/jsx-runtime';
+import '../utils/useFloatingUI/useFloatingUI.js';
+import '../utils/useId.js';
+import '../salt-provider/SaltProvider.js';
+import '../viewport/ViewportProvider.js';
+import { ToolbarContent } from './ToolbarContent.js';
+import { Tooltray } from './Tooltray.js';
+
+function buildContentOverflowRenderSlots(items, overflowedIds, activeNamedGroupKeys) {
+  const triggerGroupByItemId = /* @__PURE__ */ new Map();
+  for (const groupKey of activeNamedGroupKeys) {
+    const anchorItem = items.find((item) => {
+      return overflowedIds.has(item.id) && item.overflowGroupKey === groupKey;
+    });
+    if (anchorItem) {
+      triggerGroupByItemId.set(anchorItem.id, groupKey);
+    }
+  }
+  const slots = [];
+  let hasSurvivingPredecessor = false;
+  for (const item of items) {
+    const overflowed = overflowedIds.has(item.id);
+    const triggerGroupKey = triggerGroupByItemId.get(item.id);
+    const survives = !overflowed || triggerGroupKey != null;
+    if (overflowed && !triggerGroupKey) {
+      continue;
+    }
+    slots.push({
+      item,
+      overflowed,
+      showLeadingDecorations: item.leadingDecorations.length > 0 && hasSurvivingPredecessor && survives,
+      showTrailingDecorations: !overflowed && item.trailingDecorations.length > 0,
+      triggerGroupKey
+    });
+    if (survives) {
+      hasSurvivingPredecessor = true;
+    }
+  }
+  return slots;
+}
+function flattenToolbarChildren(children) {
+  const flattened = [];
+  Children.forEach(children, (child) => {
+    if (child == null || typeof child === "boolean") {
+      return;
+    }
+    if (isValidElement(child) && child.type === Fragment) {
+      flattened.push(...flattenToolbarChildren(child.props.children));
+      return;
+    }
+    flattened.push(child);
+  });
+  return flattened;
+}
+function isToolbarContentElement(child) {
+  return isValidElement(child) && child.type === ToolbarContent;
+}
+function isTooltrayElement(child) {
+  return isValidElement(child) && child.type === Tooltray;
+}
+function isDividerElement(child) {
+  return isValidElement(child) && child.type === Divider;
+}
+function buildItemId(contentKey, element, order) {
+  const elementKey = element.key != null ? String(element.key) : `tray-${order}`;
+  return `${contentKey}-${elementKey}-${order}`;
+}
+function buildOverflowGroupKey(contentKey, overflowGroup) {
+  return overflowGroup === "shared" ? "shared" : `${contentKey}:${overflowGroup}`;
+}
+function normalizeContentItems(children, contentKey) {
+  var _a;
+  const flattenedChildren = flattenToolbarChildren(children);
+  const items = [];
+  let pendingLeadingDecorations = [];
+  for (const child of flattenedChildren) {
+    if (isDividerElement(child)) {
+      pendingLeadingDecorations.push(child);
+      continue;
+    }
+    if (!isTooltrayElement(child)) {
+      return null;
+    }
+    const {
+      align = "start",
+      overflowGroup = "shared",
+      overflowLabel,
+      overflowMode = "independent",
+      overflowPriority = 0
+    } = child.props;
+    const order = items.length;
+    items.push({
+      align,
+      element: child,
+      id: buildItemId(contentKey, child, order),
+      leadingDecorations: pendingLeadingDecorations,
+      order,
+      overflowGroup,
+      overflowGroupKey: buildOverflowGroupKey(contentKey, overflowGroup),
+      overflowLabel,
+      overflowMode,
+      overflowPriority,
+      contentKey,
+      trailingDecorations: []
+    });
+    pendingLeadingDecorations = [];
+  }
+  if (pendingLeadingDecorations.length > 0 && items.length > 0) {
+    (_a = items[items.length - 1]) == null ? void 0 : _a.trailingDecorations.push(
+      ...pendingLeadingDecorations
+    );
+  }
+  return items;
+}
+function normalizeExplicitContent(children) {
+  const content = [];
+  for (const [index, child] of children.entries()) {
+    if (!isToolbarContentElement(child)) {
+      continue;
+    }
+    const {
+      children: contentChildren,
+      position,
+      ...contentProps
+    } = child.props;
+    const contentKey = child.key != null ? String(child.key) : `${position}-content-${index}`;
+    const items = normalizeContentItems(contentChildren, contentKey);
+    if (items == null) {
+      return null;
+    }
+    content.push({
+      implicit: false,
+      items,
+      key: contentKey,
+      position,
+      props: contentProps,
+      ref: getRefFromChildren(child)
+    });
+  }
+  return content;
+}
+function normalizeFlatChildren(children) {
+  const buckets = {
+    start: [],
+    center: [],
+    end: []
+  };
+  let currentPosition = "start";
+  for (const child of children) {
+    if (isTooltrayElement(child)) {
+      currentPosition = child.props.align ?? "start";
+      buckets[currentPosition].push(child);
+      continue;
+    }
+    if (isDividerElement(child)) {
+      buckets[currentPosition].push(child);
+      continue;
+    }
+    return null;
+  }
+  return Object.keys(buckets).reduce((content, position) => {
+    const contentKey = `${position}-implicit`;
+    const contentItems = normalizeContentItems(buckets[position], contentKey);
+    if (contentItems == null || contentItems.length === 0) {
+      return content;
+    }
+    content.push({
+      implicit: true,
+      items: contentItems,
+      key: contentKey,
+      position,
+      props: {},
+      ref: null
+    });
+    return content;
+  }, []);
+}
+function normalizeToolbarChildren(children) {
+  const flattenedChildren = flattenToolbarChildren(children);
+  const hasContentChildren = flattenedChildren.some(isToolbarContentElement);
+  const hasOnlyContent = hasContentChildren && flattenedChildren.every(isToolbarContentElement);
+  const hasOnlyFlatChildren = flattenedChildren.every(
+    (child) => isTooltrayElement(child) || isDividerElement(child)
+  );
+  if (hasOnlyContent) {
+    const content = normalizeExplicitContent(flattenedChildren);
+    if (content == null) {
+      return { mode: "invalid", content: [] };
+    }
+    return {
+      mode: "explicit",
+      content
+    };
+  }
+  if (hasOnlyFlatChildren) {
+    const content = normalizeFlatChildren(flattenedChildren);
+    if (content == null) {
+      return { mode: "invalid", content: [] };
+    }
+    return {
+      mode: "flat",
+      content
+    };
+  }
+  return {
+    mode: "invalid",
+    content: []
+  };
+}
+
+export { buildContentOverflowRenderSlots, flattenToolbarChildren, normalizeToolbarChildren };
+//# sourceMappingURL=toolbarUtils.js.map