sit-onyx 1.4.0-dev-20251110091137 → 1.4.0-dev-20251111093451

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

@@ -23,7 +23,12 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<OnyxBasicDialogProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const __VLS_component: import('vue').DefineComponent<OnyxBasicDialogProps, {
+    /**
+     * Template ref to the internal `<dialog>` element.
+     */
+    dialog: Readonly<import('vue').ShallowRef<HTMLDialogElement | null>>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:open": (open: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<OnyxBasicDialogProps> & Readonly<{
     "onUpdate:open"?: ((open: boolean) => any) | undefined;

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

@@ -0,0 +1,106 @@
+import { OnyxGlobalSearchProps } from './types.js';
+/**
+ * @experimental
+ * @deprecated This component is still under active development and its API might change in patch releases.
+ */
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<OnyxGlobalSearchProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+    "update:open": (open: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<OnyxGlobalSearchProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    dialogRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly density?: import('../../index.js', { with: { "resolution-mode": "import" } }).Density | undefined;
+            readonly label: string;
+            readonly open?: import('../../index.js', { with: { "resolution-mode": "import" } }).Nullable<boolean>;
+            readonly modal?: boolean | undefined;
+            readonly nonDismissible?: boolean | undefined;
+            readonly alert?: boolean | undefined;
+            readonly alignment?: import('../OnyxBasicDialog/types.js', { with: { "resolution-mode": "import" } }).DialogAlignment | undefined;
+            readonly "onUpdate:open"?: ((open: boolean) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            dialogRef: HTMLDialogElement;
+            contentRef: HTMLDivElement;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: "update:open", open: boolean) => void;
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('../OnyxBasicDialog/types.js', { with: { "resolution-mode": "import" } }).OnyxBasicDialogProps> & Readonly<{
+            "onUpdate:open"?: ((open: boolean) => any) | undefined;
+        }>, {
+            dialog: Readonly<import('vue').ShallowRef<HTMLDialogElement | null>>;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:open": (open: boolean) => any;
+        }, string, {
+            alert: boolean;
+            modal: boolean;
+            nonDismissible: boolean;
+            alignment: import('../OnyxBasicDialog/types.js', { with: { "resolution-mode": "import" } }).DialogAlignment;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        alert: boolean;
+        modal: boolean;
+        nonDismissible: boolean;
+        alignment: import('../OnyxBasicDialog/types.js', { with: { "resolution-mode": "import" } }).DialogAlignment;
+    }> & Omit<Readonly<import('../OnyxBasicDialog/types.js', { with: { "resolution-mode": "import" } }).OnyxBasicDialogProps> & Readonly<{
+        "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    }>, "dialog" | ("alert" | "modal" | "nonDismissible" | "alignment")> & import('vue').ShallowUnwrapRef<{
+        dialog: Readonly<import('vue').ShallowRef<HTMLDialogElement | null>>;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: Readonly<{
+            default(): unknown;
+        }> & {
+            default(): unknown;
+        };
+    }) | null;
+}, any>, Readonly<{
+    /**
+     * Slot to pass search results / groups. Only `OnyxGlobalSearchGroup` components should be used.
+     */
+    default?(): unknown;
+}> & {
+    /**
+     * Slot to pass search results / groups. Only `OnyxGlobalSearchGroup` components should be used.
+     */
+    default?(): unknown;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,24 @@
+import { createComboBox } from '@sit-onyx/headless';
+import { InjectionKey, Ref } from 'vue';
+import { Nullable } from '../../types/utils.js';
+import { OnyxBasicDialogProps } from '../OnyxBasicDialog/types.js';
+export type OnyxGlobalSearchProps = Omit<OnyxBasicDialogProps, "modal" | "alignment" | "label"> & {
+    /**
+     * The current search term.
+     */
+    modelValue?: Nullable<string>;
+    /**
+     * Whether the search is currently loading results.
+     */
+    loading?: boolean;
+};
+export declare const GLOBAL_SEARCH_INJECTION_KEY: InjectionKey<{
+    /**
+     * Headless elements required for accessibility / keyboard support.
+     */
+    headless: ReturnType<typeof createComboBox<string, "list", false>>;
+    /**
+     * Value of the currently active option.
+     */
+    activeValue: Ref<string | undefined>;
+}>;

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

@@ -0,0 +1,22 @@
+import { OnyxGlobalSearchGroupProps } from './types.js';
+/**
+ * @experimental
+ * @deprecated This component is still under active development and its API might change in patch releases.
+ */
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<OnyxGlobalSearchGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<OnyxGlobalSearchGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLUListElement>, Readonly<{
+    /**
+     * Group options. Should only use `OnyxGlobalSearchOption` components here.
+     */
+    default?(): unknown;
+}> & {
+    /**
+     * Group options. Should only use `OnyxGlobalSearchOption` components here.
+     */
+    default?(): unknown;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/OnyxGlobalSearchGroup/types.d.ts

@@ -0,0 +1,11 @@
+import { DensityProp } from '../../composables/density.js';
+export type OnyxGlobalSearchGroupProps = DensityProp & {
+    /**
+     * Group name.
+     */
+    label: string;
+    /**
+     * Whether to show skeleton options.
+     */
+    skeleton?: boolean | number;
+};

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

@@ -0,0 +1,32 @@
+import { OnyxGlobalSearchOptionProps } from './types.js';
+/**
+ * @experimental
+ * @deprecated This component is still under active development and its API might change in patch releases.
+ */
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<OnyxGlobalSearchOptionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<OnyxGlobalSearchOptionProps> & Readonly<{}>, {
+    skeleton: import('../../composables/useSkeletonState.js', { with: { "resolution-mode": "import" } }).SkeletonInjected;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<{
+    /**
+     * Optional slot to override the option content. By default the `label` and `icon` property will be displayed.
+     */
+    default?(): unknown;
+    /**
+     * Optional slot to insert custom content on the right side / end of the option.
+     */
+    trailing?(): unknown;
+}> & {
+    /**
+     * Optional slot to override the option content. By default the `label` and `icon` property will be displayed.
+     */
+    default?(): unknown;
+    /**
+     * Optional slot to insert custom content on the right side / end of the option.
+     */
+    trailing?(): unknown;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/OnyxGlobalSearchOption/types.d.ts

@@ -0,0 +1,23 @@
+import { DensityProp } from '../../composables/density.js';
+import { SkeletonInjected } from '../../composables/useSkeletonState.js';
+import { OnyxButtonProps } from '../OnyxButton/types.js';
+import { WithLinkProp } from '../OnyxRouterLink/types.js';
+export type OnyxGlobalSearchOptionProps = DensityProp & WithLinkProp<true> & Pick<OnyxButtonProps, "autofocus"> & {
+    /**
+     * Option label.
+     */
+    label: string;
+    /**
+     * Unique value of the option inside the global search.
+     * Required for accessibility and keyboard support.
+     */
+    value: string;
+    /**
+     * Optional icon to show next to the label.
+     */
+    icon?: string;
+    /**
+     * Whether to show a skeleton option.
+     */
+    skeleton?: SkeletonInjected;
+};

package/dist/i18n/locales/de-DE.json

@@ -249,5 +249,17 @@
         "copied": "Kopiert!",
         "failed": "Fehlgeschlagen!",
         "tabLabel": "Code"
+    },
+    "globalSearch": {
+        "label": "Globale Suche",
+        "searchResults": "Suchergebnisse",
+        "input": {
+            "label": "Nach Inhalten suchen",
+            "placeholder": "Suchen..."
+        },
+        "shortcuts": {
+            "move": "Navigieren",
+            "select": "Auswählen"
+        }
     }
 }

package/dist/i18n/locales/en-US.json

@@ -252,5 +252,17 @@
         "copied": "Copied!",
         "failed": "Failed!",
         "tabLabel": "Code"
+    },
+    "globalSearch": {
+        "label": "Global search",
+        "searchResults": "Search results",
+        "input": {
+            "label": "Search for content",
+            "placeholder": "Search..."
+        },
+        "shortcuts": {
+            "move": "Navigate",
+            "select": "Select"
+        }
     }
 }

package/dist/i18n/locales/en-US.json.d.ts

@@ -252,6 +252,18 @@ declare const _default: {
     "copied": "Copied!",
     "failed": "Failed!",
     "tabLabel": "Code"
+  },
+  "globalSearch": {
+    "label": "Global search",
+    "searchResults": "Search results",
+    "input": {
+      "label": "Search for content",
+      "placeholder": "Search..."
+    },
+    "shortcuts": {
+      "move": "Navigate",
+      "select": "Select"
+    }
   }
 }
 ;

package/dist/index.d.ts

@@ -59,6 +59,12 @@ export { default as OnyxForm } from './components/OnyxForm/OnyxForm.vue';
 export * from './components/OnyxForm/types.js';
 export { default as OnyxFormElement } from './components/OnyxFormElement/OnyxFormElement.vue';
 export * from './components/OnyxFormElement/types.js';
+export { default as OnyxUnstableGlobalSearch } from './components/OnyxGlobalSearch/OnyxGlobalSearch.vue';
+export * from './components/OnyxGlobalSearch/types.js';
+export { default as OnyxUnstableGlobalSearchGroup } from './components/OnyxGlobalSearchGroup/OnyxGlobalSearchGroup.vue';
+export * from './components/OnyxGlobalSearchGroup/types.js';
+export { default as OnyxUnstableGlobalSearchOption } from './components/OnyxGlobalSearchOption/OnyxGlobalSearchOption.vue';
+export * from './components/OnyxGlobalSearchOption/types.js';
 export { default as OnyxHeadline } from './components/OnyxHeadline/OnyxHeadline.vue';
 export * from './components/OnyxHeadline/types.js';
 export { default as OnyxIcon } from './components/OnyxIcon/OnyxIcon.vue';