sit-onyx 1.6.0-dev-20260113111714 → 1.6.0-dev-20260113131929

package/dist/components/OnyxGlobalSearch/OnyxGlobalSearch.d.vue.ts

@@ -95,11 +95,43 @@ declare const _default: __VLS_WithTemplateSlots<import('vue', { with: { "resolut
      * Slot to pass search results / groups. Only `OnyxGlobalSearchGroup` components should be used.
      */
     default?(): unknown;
+    /**
+     * Slot to pass content after search results.
+     */
+    endOfList?(props: {
+        /**
+         * Helper to make an element navigable.
+         * @param value - Must be a unique name (e.g., 'show-all').
+         */
+        getOptionProps: (value: string) => {
+            role: string;
+            id: string;
+            "aria-selected": boolean;
+        };
+        /** The value of the currently highlighted option. */
+        activeValue?: string;
+    }): unknown;
 }> & {
     /**
      * Slot to pass search results / groups. Only `OnyxGlobalSearchGroup` components should be used.
      */
     default?(): unknown;
+    /**
+     * Slot to pass content after search results.
+     */
+    endOfList?(props: {
+        /**
+         * Helper to make an element navigable.
+         * @param value - Must be a unique name (e.g., 'show-all').
+         */
+        getOptionProps: (value: string) => {
+            role: string;
+            id: string;
+            "aria-selected": boolean;
+        };
+        /** The value of the currently highlighted option. */
+        activeValue?: string;
+    }): unknown;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/index.esm-bundler.js

@@ -6854,7 +6854,7 @@ const _hoisted_7$6 = {
   key: 0,
   class: "onyx-table__header"
 };
-const _hoisted_8$5 = { key: 0 };
+const _hoisted_8$6 = { key: 0 };
 const _hoisted_9$2 = ["colspan"];
 const _hoisted_10$1 = { class: "onyx-table__empty" };
 const _hoisted_11 = { colspan: "99" };
@@ -6912,7 +6912,7 @@ function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
             /* KEYED_FRAGMENT */
           )),
           $setup.slots.head ? (openBlock(), createElementBlock("thead", _hoisted_7$6, [
-            $setup.props.columnGroups?.length ? (openBlock(), createElementBlock("tr", _hoisted_8$5, [
+            $setup.props.columnGroups?.length ? (openBlock(), createElementBlock("tr", _hoisted_8$6, [
               (openBlock(true), createElementBlock(
                 Fragment,
                 null,
@@ -8520,7 +8520,7 @@ const _hoisted_7$5 = {
   key: 2,
   class: "onyx-select__slot"
 };
-const _hoisted_8$4 = {
+const _hoisted_8$5 = {
   key: 0,
   class: "onyx-select__description onyx-text--small"
 };
@@ -8713,7 +8713,7 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
           ]),
           $setup.props.listDescription ? (openBlock(), createElementBlock(
             "div",
-            _hoisted_8$4,
+            _hoisted_8$5,
             toDisplayString($setup.props.listDescription),
             1
             /* TEXT */
@@ -10739,21 +10739,33 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
       onActivatePrevious: () => activateOption("previous"),
       onSelect
     });
+    const getOptionProps = (value) => {
+      const isActive = activeValue.value === value;
+      return {
+        role: "option",
+        id: headless.internals.getOptionId(value),
+        "aria-selected": isActive
+      };
+    };
     provide(GLOBAL_SEARCH_INJECTION_KEY, { headless, activeValue });
-    const __returned__ = { props, emit, slots, t, basicDialogProps, searchTerm, dialog: dialog2, dialogElement, activeValue, getAllOptions, activateOption, onAutocomplete, onSelect, headless, get iconSearch() {
+    const __returned__ = { props, emit, slots, t, basicDialogProps, searchTerm, dialog: dialog2, dialogElement, activeValue, getAllOptions, activateOption, onAutocomplete, onSelect, headless, getOptionProps, get iconSearch() {
       return iconSearch;
     }, OnyxBasicDialog, OnyxIcon, OnyxInput, OnyxLoadingIndicator };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
 });
-const _hoisted_1$z = { class: "onyx-global-search__footer onyx-text--small" };
-const _hoisted_2$r = { class: "onyx-global-search__shortcut" };
-const _hoisted_3$j = { class: "onyx-global-search__shortcut-label" };
-const _hoisted_4$f = { class: "onyx-global-search__shortcut" };
-const _hoisted_5$b = { class: "onyx-global-search__shortcut-label" };
-const _hoisted_6$9 = { class: "onyx-global-search__shortcut" };
-const _hoisted_7$4 = { class: "onyx-global-search__shortcut-label" };
+const _hoisted_1$z = {
+  key: 0,
+  class: "onyx-global-search__end-of-list"
+};
+const _hoisted_2$r = { class: "onyx-global-search__footer onyx-text--small" };
+const _hoisted_3$j = { class: "onyx-global-search__shortcut" };
+const _hoisted_4$f = { class: "onyx-global-search__shortcut-label" };
+const _hoisted_5$b = { class: "onyx-global-search__shortcut" };
+const _hoisted_6$9 = { class: "onyx-global-search__shortcut-label" };
+const _hoisted_7$4 = { class: "onyx-global-search__shortcut" };
+const _hoisted_8$4 = { class: "onyx-global-search__shortcut-label" };
 function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock($setup["OnyxBasicDialog"], mergeProps($setup.basicDialogProps, {
     ref: "dialogRef",
@@ -10788,7 +10800,13 @@ function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
         "div",
         mergeProps({ class: "onyx-global-search__body" }, $setup.headless.elements.listbox.value),
         [
-          renderSlot(_ctx.$slots, "default")
+          renderSlot(_ctx.$slots, "default"),
+          !!$setup.slots.endOfList ? (openBlock(), createElementBlock("div", _hoisted_1$z, [
+            renderSlot(_ctx.$slots, "endOfList", {
+              getOptionProps: $setup.getOptionProps,
+              activeValue: $setup.activeValue
+            })
+          ])) : createCommentVNode("v-if", true)
         ],
         16
         /* FULL_PROPS */
@@ -10797,9 +10815,9 @@ function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       withDirectives(createElementVNode(
         "div",
-        _hoisted_1$z,
+        _hoisted_2$r,
         [
-          createElementVNode("span", _hoisted_2$r, [
+          createElementVNode("span", _hoisted_3$j, [
             _cache[2] || (_cache[2] = createElementVNode(
               "kbd",
               null,
@@ -10816,13 +10834,13 @@ function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
             )),
             createElementVNode(
               "span",
-              _hoisted_3$j,
+              _hoisted_4$f,
               toDisplayString($setup.t("globalSearch.shortcuts.move")),
               1
               /* TEXT */
             )
           ]),
-          createElementVNode("span", _hoisted_4$f, [
+          createElementVNode("span", _hoisted_5$b, [
             _cache[4] || (_cache[4] = createElementVNode(
               "kbd",
               null,
@@ -10832,13 +10850,13 @@ function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
             )),
             createElementVNode(
               "span",
-              _hoisted_5$b,
+              _hoisted_6$9,
               toDisplayString($setup.t("globalSearch.shortcuts.select")),
               1
               /* TEXT */
             )
           ]),
-          createElementVNode("span", _hoisted_6$9, [
+          createElementVNode("span", _hoisted_7$4, [
             _cache[5] || (_cache[5] = createElementVNode(
               "kbd",
               null,
@@ -10848,7 +10866,7 @@ function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
             )),
             createElementVNode(
               "span",
-              _hoisted_7$4,
+              _hoisted_8$4,
               toDisplayString($setup.t("cancel")),
               1
               /* TEXT */