@empathyco/x-components 6.0.0-alpha.184 → 6.0.0-alpha.185

package/docs/API-reference/api/x-components.fadeandslide.md

@@ -9,21 +9,21 @@ Renders a transition group wrapping the elements passed in the default slot and
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     tag: StringConstructor;
     appear: {
         type: BooleanConstructor;
         default: boolean;
     };
-}, {
+}>, {
     name: import("vue").ComputedRef<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     tag: StringConstructor;
     appear: {
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+}>> & Readonly<{}>, {
     appear: boolean;
-}, {}>
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

package/docs/API-reference/api/x-components.fallbackdisclaimer.md

@@ -12,5 +12,5 @@ The `FallbackDisclaimer` component shows a message if the filters have been remo
 _default: import("vue").DefineComponent<{}, {
     query: import("vue").ComputedRef<string>;
     fromNoResultsWithFilters: import("vue").ComputedRef<boolean>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

package/docs/API-reference/api/x-components.filterslist.md

@@ -9,7 +9,7 @@ Renders a list with a list item per each [BooleanFilter](./x-types.booleanfilter
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     filters: PropType<Filter[]>;
     parentId: {
         type: PropType<Filter["id"]>;
@@ -19,11 +19,11 @@ _default: import("vue").DefineComponent<{
         type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
         default: string;
     };
-}, {
+}>, {
     hasFiltersToRender: import("vue").ComputedRef<boolean>;
     cssClasses: import("vue").ComputedRef<VueCSSClasses>;
     renderedFilters: import("vue").ComputedRef<Filter[]>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     filters: PropType<Filter[]>;
     parentId: {
         type: PropType<Filter["id"]>;
@@ -33,7 +33,7 @@ _default: import("vue").DefineComponent<{
         type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
         default: string;
     };
-}>>, {
+}>> & Readonly<{}>, {
     animation: string | Function | Record<string, any>;
-}, {}>
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

package/docs/API-reference/api/x-components.filterssearch.md

@@ -9,7 +9,7 @@ Renders the filters sifted with the input query.
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     filters: PropType<Filter[]>;
     parentId: {
         type: PropType<Filter["id"]>;
@@ -19,13 +19,13 @@ _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-}, {
+}>, {
     clearQuery: () => void;
     setQuery: (query: string) => void;
     cssClasses: import("vue").ComputedRef<VueCSSClasses>;
     siftedFilters: import("vue").ComputedRef<Filter[]>;
-    query: import("vue").Ref<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    query: import("vue").Ref<string, string>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     filters: PropType<Filter[]>;
     parentId: {
         type: PropType<Filter["id"]>;
@@ -35,7 +35,7 @@ _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-}>>, {
+}>> & Readonly<{}>, {
     debounceInMs: number;
-}, {}>
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

package/docs/API-reference/api/x-components.fixedheaderandasideslayout.md

@@ -14,16 +14,20 @@ Component for use as Layout to be filled with the rest of the components.
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     devMode: BooleanConstructor;
-}, {
+}>, {
     rightAsideAnimation: import("vue").DefineComponent;
     leftAsideAnimation: import("vue").DefineComponent;
     setPosition: (position: number) => void;
     isBackdropVisible: import("vue").ComputedRef<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     devMode: BooleanConstructor;
-}>>, {
+}>> & Readonly<{}>, {
     devMode: boolean;
-}, {}>
+}, {}, {
+    BaseIdModal: import("vue").DefineComponent<{}, {}, any>;
+    MainScroll: import("vue").DefineComponent<{}, {}, any>;
+    Scroll: import("vue").DefineComponent<{}, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

package/docs/API-reference/api/x-components.globalxbus.md

@@ -9,15 +9,15 @@ This component helps to subscribe to any [XEvent](./x-components.xevent.md) with
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     listeners: {
         type: PropType<XEventListeners>;
         required: true;
     };
-}, () => string, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => string, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     listeners: {
         type: PropType<XEventListeners>;
         required: true;
     };
-}>>, {}, {}>
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

package/docs/API-reference/api/x-components.hierarchicalfilter.md

@@ -9,7 +9,7 @@ Renders a hierarchical filter recursively, emitting the needed events when click
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     filter: {
         type: PropType<HierarchicalFilterModel>;
         required: true;
@@ -22,7 +22,7 @@ _default: import("vue").DefineComponent<{
     };
     childrenFiltersClass: StringConstructor;
     filterItemClass: StringConstructor;
-}, {
+}>, {
     innerClickEvents: import("vue").ComputedRef<{
         ColumnsNumberProvided?: number | undefined;
         RenderedColumnsNumberChanged?: number | undefined;
@@ -203,7 +203,7 @@ _default: import("vue").DefineComponent<{
     innerCssClasses: import("vue").ComputedRef<(string | Dictionary<boolean>)[]>;
     renderedChildrenFilters: import("vue").ComputedRef<HierarchicalFilterModel[]>;
     getChildFilterClickEvents: (childFilter: HierarchicalFilterModel) => Partial<XEventsTypes>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     filter: {
         type: PropType<HierarchicalFilterModel>;
         required: true;
@@ -216,7 +216,10 @@ _default: import("vue").DefineComponent<{
     };
     childrenFiltersClass: StringConstructor;
     filterItemClass: StringConstructor;
-}>>, {
+}>> & Readonly<{}>, {
     cssClasses: (string | Dictionary<boolean>)[];
-}, {}>
+}, {}, {
+    FiltersList: import("vue").DefineComponent<{}, {}, any>;
+    RenderlessFilter: import("vue").DefineComponent<{}, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

package/docs/API-reference/api/x-components.highlight_2.md

@@ -9,7 +9,7 @@ Highlights the given part of the text. The component is smart enough to do match
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     text: {
         type: StringConstructor;
         default: string;
@@ -30,7 +30,7 @@ _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}, {
+}>, {
     hasMatch: import("vue").ComputedRef<boolean>;
     matchParts: import("vue").ComputedRef<{
         start: string;
@@ -42,7 +42,7 @@ _default: import("vue").DefineComponent<{
         'x-highlight--has-match': boolean;
         'x-highlight-text': boolean;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     text: {
         type: StringConstructor;
         default: string;
@@ -63,11 +63,11 @@ _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}>>, {
+}>> & Readonly<{}>, {
     text: string;
     highlight: string;
     matchClass: string;
     noMatchClass: string;
     matchingPartClass: string;
-}, {}>
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

package/docs/API-reference/api/x-components.historyqueries.md

@@ -11,5 +11,8 @@ This component renders a list of suggestions coming from the user queries histor
 ```typescript
 _default: import("vue").DefineComponent<{}, {
     historyQueriesWithResults: import("vue").ComputedRef<import("@empathyco/x-types").HistoryQuery[]>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
+    BaseSuggestions: import("vue").DefineComponent<{}, {}, any>;
+    HistoryQuery: import("vue").DefineComponent<{}, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

package/docs/API-reference/api/x-components.historyqueriesswitch.md

@@ -12,5 +12,7 @@ History Queries Switch is a component to activate or deactivate the history quer
 _default: import("vue").DefineComponent<{}, {
     toggle: () => void;
     isEnabled: import("vue").ComputedRef<boolean>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
+    BaseSwitch: import("vue").DefineComponent<{}, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

package/docs/API-reference/api/x-components.historyquery.md

@@ -9,24 +9,27 @@ This component renders a history query suggestion combining two buttons: one for
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     suggestion: {
         type: PropType<HistoryQueryModel>;
         required: true;
     };
     removeButtonClass: StringConstructor;
     suggestionClass: StringConstructor;
-}, {
+}>, {
     query: import("vue").ComputedRef<string>;
     suggestionSelectedEvents: import("vue").ComputedRef<Partial<XEventsTypes>>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     suggestion: {
         type: PropType<HistoryQueryModel>;
         required: true;
     };
     removeButtonClass: StringConstructor;
     suggestionClass: StringConstructor;
-}>> & {
+}>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
-}, {}, {}>
+}>, {}, {}, {
+    RemoveHistoryQuery: import("vue").DefineComponent<{}, {}, any>;
+    BaseSuggestion: import("vue").DefineComponent<{}, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

package/docs/API-reference/api/x-components.identifierresult.md

@@ -9,18 +9,18 @@ This component renders an identifier result value and highlights its matching pa
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     result: {
         type: PropType<Result>;
         required: true;
     };
-}, {
+}>, {
     query: import("vue").ComputedRef<string>;
     highlightedQueryHTML: import("vue").ComputedRef<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     result: {
         type: PropType<Result>;
         required: true;
     };
-}>>, {}, {}>
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

package/docs/API-reference/api/x-components.identifierresults.md

@@ -9,22 +9,22 @@ Paints the list of identifier results stored in the state. Each identifier resul
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     animation: {
         type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
         default: string;
     };
     maxItemsToRender: NumberConstructor;
-}, {
+}>, {
     identifierResults: import("vue").ComputedRef<Result[]>;
     identifierResultsToRender: import("vue").ComputedRef<Result[]>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     animation: {
         type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
         default: string;
     };
     maxItemsToRender: NumberConstructor;
-}>>, {
+}>> & Readonly<{}>, {
     animation: string | Function | Record<string, any>;
-}, {}>
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

package/docs/API-reference/api/x-components.itemslist.md

@@ -9,7 +9,7 @@ It renders a list of [ListItem](./x-components.listitem.md) providing a slot for
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     animation: {
         type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
         default: string;
@@ -19,7 +19,7 @@ _default: import("vue").DefineComponent<{
         required: true;
     };
     itemClass: StringConstructor;
-}, {
+}>, {
     computedItems: import("vue").ComputedRef<{
         dataTest: string;
         class: (string | undefined)[];
@@ -27,7 +27,7 @@ _default: import("vue").DefineComponent<{
         id: string | number;
         modelName: string;
     }[]>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     animation: {
         type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
         default: string;
@@ -37,7 +37,7 @@ _default: import("vue").DefineComponent<{
         required: true;
     };
     itemClass: StringConstructor;
-}>>, {
+}>> & Readonly<{}>, {
     animation: string | Function | Record<string, any>;
-}, {}>
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

package/docs/API-reference/api/x-components.locationprovider.md

@@ -9,17 +9,17 @@ Location Provider component. This component injects the location with value pass
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     location: {
         type: PropType<FeatureLocation>;
         required: true;
     };
-}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}>, () => "" | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}> | "", unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     location: {
         type: PropType<FeatureLocation>;
         required: true;
     };
-}>>, {}, {}>
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

package/docs/API-reference/api/x-components.mainmodal.md

@@ -9,7 +9,7 @@ A specialised version of a modal component, made to contain a full search applic
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     animation: {
         type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
     };
@@ -29,7 +29,7 @@ _default: import("vue").DefineComponent<{
         type: PropType<keyof import("../../wiring/events.types").XEventsTypes>;
         default: string;
     };
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     animation: {
         type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
     };
@@ -49,10 +49,12 @@ _default: import("vue").DefineComponent<{
         type: PropType<keyof import("../../wiring/events.types").XEventsTypes>;
         default: string;
     };
-}>>, {
+}>> & Readonly<{}>, {
     closeEvents: (keyof import("../../wiring/events.types").XEventsTypes)[];
     focusOnOpen: boolean;
     openEvents: (keyof import("../../wiring/events.types").XEventsTypes)[];
     outOfModalClickEvent: keyof import("../../wiring/events.types").XEventsTypes;
-}, {}>
+}, {}, {
+    BaseEventsModal: import("vue").DefineComponent<{}, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

package/docs/API-reference/api/x-components.mainscroll.md

@@ -11,7 +11,7 @@ Each child element that wants to have this support must be wrapped in a [MainScr
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     useWindow: {
         type: BooleanConstructor;
         default: boolean;
@@ -28,9 +28,9 @@ _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}>, () => "" | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}> | "", unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     useWindow: {
         type: BooleanConstructor;
         default: boolean;
@@ -47,10 +47,10 @@ _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}>>, {
+}>> & Readonly<{}>, {
     useWindow: boolean;
     restoreScrollTimeoutMs: number;
     threshold: number;
     margin: string;
-}, {}>
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

package/docs/API-reference/api/x-components.mainscrollitem.md

@@ -9,7 +9,7 @@ Wrapper for elements contained in the [MainScroll](./x-components.mainscroll.md)
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     item: {
         type: PropType<Identifiable>;
         required: true;
@@ -18,9 +18,9 @@ _default: import("vue").DefineComponent<{
         type: PropType<string | Component>;
         default: string;
     };
-}, {
-    rootRef: Ref<HTMLElement | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {
+    rootRef: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     item: {
         type: PropType<Identifiable>;
         required: true;
@@ -29,7 +29,7 @@ _default: import("vue").DefineComponent<{
         type: PropType<string | Component>;
         default: string;
     };
-}>>, {
+}>> & Readonly<{}>, {
     tag: string | Component;
-}, {}>
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

package/docs/API-reference/api/x-components.md

@@ -298,6 +298,7 @@ X-Components is a library usable everywhere not only for search experiences.
 |  [TakeNavigationControl](./x-components.takenavigationcontrol.md) | Represents when to take control of the navigation. |
 |  [ThrottleFunction](./x-components.throttlefunction.md) | The type returned by the [throttle()](./x-components.throttle.md) function. Basically is the function the [throttle()](./x-components.throttle.md) receives but throttled. |
 |  [TimedWireOperatorOptions](./x-components.timedwireoperatoroptions.md) | Options for wire operators that delay subscribers. |
+|  [TypingHTMLElement](./x-components.typinghtmlelement.md) |  |
 |  [TypingOptions](./x-components.typingoptions.md) | TypingOptions interface. |
 |  [UrlActions](./x-components.urlactions.md) | URL store actions. |
 |  [UrlGetters](./x-components.urlgetters.md) | URL store getters. |

package/docs/API-reference/api/x-components.multicolumnmaxwidthlayout.md

@@ -14,20 +14,24 @@ Component for use as Layout to be filled with the rest of the Components.
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     asideAnimation: {
         type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
         default: () => import("vue").DefineComponent<{}, {}, any>;
     };
     devMode: BooleanConstructor;
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     asideAnimation: {
         type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
         default: () => import("vue").DefineComponent<{}, {}, any>;
     };
     devMode: BooleanConstructor;
-}>>, {
-    asideAnimation: string | Function | Record<string, any>;
+}>> & Readonly<{}>, {
     devMode: boolean;
-}, {}>
+    asideAnimation: string | Function | Record<string, any>;
+}, {}, {
+    BaseIdTogglePanel: import("vue").DefineComponent<{}, {}, any>;
+    MainScroll: import("vue").DefineComponent<{}, {}, any>;
+    Scroll: import("vue").DefineComponent<{}, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

package/docs/API-reference/api/x-components.myhistory.md

@@ -9,7 +9,7 @@ The component renders the full history of user searched queries grouped by the d
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     animation: {
         type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
         default: string;
@@ -19,12 +19,12 @@ _default: import("vue").DefineComponent<{
         default: string;
     };
     queriesListClass: StringConstructor;
-}, {
+}>, {
     hasHistoryQueries: import("vue").ComputedRef<boolean>;
     groupByDate: import("vue").ComputedRef<Dictionary<HistoryQueryType[]>>;
     historyQueries: import("vue").ComputedRef<HistoryQueryType[]>;
     formatTime: (timestamp: number) => string;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     animation: {
         type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
         default: string;
@@ -34,10 +34,13 @@ _default: import("vue").DefineComponent<{
         default: string;
     };
     queriesListClass: StringConstructor;
-}>>, {
+}>> & Readonly<{}>, {
     animation: string | Function | Record<string, any>;
     locale: string;
-}, {}>
+}, {}, {
+    HistoryQuery: import("vue").DefineComponent<{}, {}, any>;
+    BaseSuggestions: import("vue").DefineComponent<{}, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```
 
 ## Remarks

package/docs/API-reference/api/x-components.nextqueries.md

@@ -9,21 +9,24 @@ Simple next-queries component that renders a list of \[`BaseSuggestions`<!-- -->
 **Signature:**
 
 ```typescript
-_default: import("vue").DefineComponent<{
+_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     highlightCurated: {
         type: BooleanConstructor;
         default: boolean;
     };
     suggestions: PropType<NextQueryModel[]>;
-}, {
+}>, {
     renderedNextQueries: import("vue").ComputedRef<NextQueryModel[]>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     highlightCurated: {
         type: BooleanConstructor;
         default: boolean;
     };
     suggestions: PropType<NextQueryModel[]>;
-}>>, {
+}>> & Readonly<{}>, {
     highlightCurated: boolean;
-}, {}>
+}, {}, {
+    NextQuery: import("vue").DefineComponent<{}, {}, any>;
+    BaseSuggestions: import("vue").DefineComponent<{}, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```