Docs API reference Headlessassistant-selection-toolbar

assistant-selection-toolbar headless API

The core connector and vanilla mount are always visible. Use the framework choice to inspect native composition, props, outputs, context and hooks for the selected adapter.

@grassroot/ui-headless-core/assistant-selection-toolbar

Core connector and vanilla API

5 exports

View source packages/ui-headless/core/src/assistant-selection-toolbar/index.ts

Install npm i @grassroot/ui-headless-core

assistantSelectionToolbarAnatomy

value

assistantSelectionToolbarAnatomyts

export declare const assistantSelectionToolbarAnatomy: {
  readonly scope: "assistant-selection-toolbar";
  readonly parts: readonly ["root", "quote"];
};

Name

Kind

Type

Requirement

parts

property

readonly ["root", "quote"]

required

scope

property

"assistant-selection-toolbar"

required

Name: parts
Kind: property
Type: readonly ["root", "quote"]
Requirement: required

Name: scope
Kind: property
Type: "assistant-selection-toolbar"
Requirement: required

AssistantSelectionToolbarApi

interface

AssistantSelectionToolbarApits

interface AssistantSelectionToolbarApi {
  rootProps(): PartProps;
  quoteProps(): PartProps;
  subscribe(listener: () => void): () => void;
  destroy(): void;
}

Name

Kind

Type

Requirement

destroy

method

() => void

required

quoteProps

method

() => PartProps

required

rootProps

method

() => PartProps

required

Name: destroy
Kind: method
Type: () => void
Requirement: required

Name: quoteProps
Kind: method
Type: () => PartProps
Requirement: required

Name: rootProps
Kind: method
Type: () => PartProps
Requirement: required

Name: subscribe
Kind: method
Type: (listener: () => void) => () => void
Requirement: required

AssistantSelectionToolbarConnectOptions

interface

AssistantSelectionToolbarConnectOptionsts

interface AssistantSelectionToolbarConnectOptions {
  readonly onQuote?: (selection: SelectionObserverSelection) => void;
  readonly quoteLabel?: string;
}

Name

Kind

Type

Requirement

onQuote

property

(selection: SelectionObserverSelection) => void

optional

quoteLabel

property

string

optional

Name: onQuote
Kind: property
Type: (selection: SelectionObserverSelection) => void
Requirement: optional

Name: quoteLabel
Kind: property
Type: string
Requirement: optional

AssistantSelectionToolbarPart

type

AssistantSelectionToolbarPartts

type AssistantSelectionToolbarPart = (typeof assistantSelectionToolbarAnatomy.parts)[number];

connectAssistantSelectionToolbar

function

connectAssistantSelectionToolbarts

declare function connectAssistantSelectionToolbar(observer: SelectionObserverApi, scope: PartScope, options?: AssistantSelectionToolbarConnectOptions): AssistantSelectionToolbarApi;

Name

Kind

Type

Requirement

observer

parameter

SelectionObserverApi

required

scope

parameter

PartScope

required

options

parameter

AssistantSelectionToolbarConnectOptions

optional

return

return value

AssistantSelectionToolbarApi

n/a

Name: observer
Kind: parameter
Type: SelectionObserverApi
Requirement: required

Name: scope
Kind: parameter
Type: PartScope
Requirement: required

Name: options
Kind: parameter
Type: AssistantSelectionToolbarConnectOptions
Requirement: optional

Name: return
Kind: return value
Type: AssistantSelectionToolbarApi
Requirement: n/a

Framework adapters

Each panel keeps its adapter's public vocabulary. React compound exports, Vue composables, standalone Angular declarations, Svelte components, and Solid hooks stay native to their framework.

React imports

Vue imports

@grassroot/ui-headless-vue/assistant-selection-toolbarts

<script setup lang="ts">
import { AssistantSelectionToolbar, Quote, Root } from "@grassroot/ui-headless-vue/assistant-selection-toolbar";
</script>

Angular imports

@grassroot/ui-headless-angular/assistant-selection-toolbarts

import { GrAssistantB3Surface, GrAssistantSelectionToolbarQuote, GrAssistantSelectionToolbarRoot } from "@grassroot/ui-headless-angular/assistant-selection-toolbar";

Svelte imports

@grassroot/ui-headless-svelte/assistant-selection-toolbarts

<script lang="ts">
  import { AssistantSelectionToolbar, Quote, Root } from "@grassroot/ui-headless-svelte/assistant-selection-toolbar";
</script>

Solid imports

@grassroot/ui-headless-react/assistant-selection-toolbar

React adapter

7 exports

View source packages/ui-headless/react/src/assistant-selection-toolbar/index.ts

Install npm i @grassroot/ui-headless-react

AssistantSelectionToolbarContext

value

AssistantSelectionToolbarContextts

export declare const AssistantSelectionToolbarContext: import("react").Context<AssistantSelectionToolbarContextValue | null>;

Name

Kind

Type

Requirement

props

parameter

P

required

return

return value

ReactNode

n/a

Name: props
Kind: parameter
Type: P
Requirement: required

Name: return
Kind: return value
Type: ReactNode
Requirement: n/a

AssistantSelectionToolbarContextValue

interface

AssistantSelectionToolbarContextValuets

interface AssistantSelectionToolbarContextValue {
  readonly connector: AssistantSelectionToolbarApi;
  readonly observer: SelectionObserverApi;
}

Name

Kind

Type

Requirement

connector

property

AssistantSelectionToolbarApi

required

observer

property

SelectionObserverApi

required

Name: connector
Kind: property
Type: AssistantSelectionToolbarApi
Requirement: required

Name: observer
Kind: property
Type: SelectionObserverApi
Requirement: required

AssistantSelectionToolbarRootProps

interface

AssistantSelectionToolbarRootPropsts

interface AssistantSelectionToolbarRootProps extends Omit<ComponentPropsWithoutRef<"div">, "children"> {
  readonly asChild?: boolean;
  readonly onQuote?: (selection: SelectionObserverSelection) => void;
  readonly quoteLabel?: string;
  readonly selectionRoot?: RefObject<HTMLElement | null>;
  readonly children?: ReactNode;
}

Name

Kind

Type

Requirement

asChild

property

boolean

optional

children

property

ReactNode

optional

onQuote

property

(selection: SelectionObserverSelection) => void

optional

quoteLabel

property

string

optional

selectionRoot

property

RefObject<HTMLElement | null>

optional

Name: asChild
Kind: property
Type: boolean
Requirement: optional

Name: children
Kind: property
Type: ReactNode
Requirement: optional

Name: onQuote
Kind: property
Type: (selection: SelectionObserverSelection) => void
Requirement: optional

Name: quoteLabel
Kind: property
Type: string
Requirement: optional

Name: selectionRoot
Kind: property
Type: RefObject<HTMLElement | null>
Requirement: optional

Quote

value

Quotets

export declare const Quote: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

Name

Kind

Type

Requirement

props

parameter

P

required

return

return value

ReactNode

n/a

Name: props
Kind: parameter
Type: P
Requirement: required

Name: return
Kind: return value
Type: ReactNode
Requirement: n/a

Root

value

Rootts

export declare const Root: import("react").ForwardRefExoticComponent<AssistantSelectionToolbarRootProps & import("react").RefAttributes<HTMLDivElement>>;

Name

Kind

Type

Requirement

props

parameter

P

required

return

return value

ReactNode

n/a

Name: props
Kind: parameter
Type: P
Requirement: required

Name: return
Kind: return value
Type: ReactNode
Requirement: n/a

SelectionToolbar

value

SelectionToolbarts

export declare const SelectionToolbar: {
  Root: import("react").ForwardRefExoticComponent<AssistantSelectionToolbarRootProps & import("react").RefAttributes<HTMLDivElement>>;
  Quote: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
};

Name

Kind

Type

Requirement

Quote

property

import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>

required

Root

property

import("react").ForwardRefExoticComponent<AssistantSelectionToolbarRootProps & import("react").RefAttributes<HTMLDivElement>>

required

Name: Quote
Kind: property
Type: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>
Requirement: required

Name: Root
Kind: property
Type: import("react").ForwardRefExoticComponent<AssistantSelectionToolbarRootProps & import("react").RefAttributes<HTMLDivElement>>
Requirement: required

useAssistantSelectionToolbarContext

function

useAssistantSelectionToolbarContextts

declare function useAssistantSelectionToolbarContext(part: string): AssistantSelectionToolbarContextValue;

Name

Kind

Type

Requirement

part

parameter

string

required

return

return value

AssistantSelectionToolbarContextValue

n/a

Name: part
Kind: parameter
Type: string
Requirement: required

Name: return
Kind: return value
Type: AssistantSelectionToolbarContextValue
Requirement: n/a

@grassroot/ui-headless-vue/assistant-selection-toolbar

Vue adapter

3 exports

View source packages/ui-headless/vue/src/assistant-selection-toolbar/index.ts

Install npm i @grassroot/ui-headless-vue

AssistantSelectionToolbar

value

AssistantSelectionToolbarts

export declare const AssistantSelectionToolbar: {
  Root: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    onQuote: {
      type: PropType<(selection: SelectionObserverSelection) => void>;
      default: undefined;
    };
    quoteLabel: {
      type: StringConstructor;
      default: undefined;
    };
  }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
    [key: string]: any;
  }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    onQuote: {
      type: PropType<(selection: SelectionObserverSelection) => void>;
      default: undefined;
    };
    quoteLabel: {
      type: StringConstructor;
      default: undefined;
    };
  }>> & Readonly<{}>, {
    onQuote: (selection: SelectionObserverSelection) => void;
    quoteLabel: string;
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
  Quote: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
    [key: string]: any;
  }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
};

Name

Kind

Type

Requirement

Quote

property

import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
    [key: string]: any;
  }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>

required

Root

property

import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    onQuote: {
      type: PropType<(selection: SelectionObserverSelection) => void>;
      default: undefined;
    };
    quoteLabel: {
      type: StringConstructor;
      default: undefined;
    };
  }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
    [key: string]: any;
  }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    onQuote: {
      type: PropType<(selection: SelectionObserverSelection) => void>;
      default: undefined;
    };
    quoteLabel: {
      type: StringConstructor;
      default: undefined;
    };
  }>> & Readonly<{}>, {
    onQuote: (selection: SelectionObserverSelection) => void;
    quoteLabel: string;
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>

required

Name: Quote
Kind: property
Type: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
Requirement: required

Name: Root
Kind: property
Type: import("vue").DefineComponent<import("vue").ExtractPropTypes<{ onQuote: { type: PropType<(selection: SelectionObserverSelection) => void>; default: undefined; }; quoteLabel: { type: StringConstructor; default: undefined; }; }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, { [key: string]: any; }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{ onQuote: { type: PropType<(selection: SelectionObserverSelection) => void>; default: undefined; }; quoteLabel: { type: StringConstructor; default: undefined; }; }>> & Readonly<{}>, { onQuote: (selection: SelectionObserverSelection) => void; quoteLabel: string; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
Requirement: required

Quote

value

Quotets

export declare const Quote: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
  [key: string]: any;
}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

Root

value

Rootts

export declare const Root: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
  onQuote: {
    type: PropType<(selection: SelectionObserverSelection) => void>;
    default: undefined;
  };
  quoteLabel: {
    type: StringConstructor;
    default: undefined;
  };
}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
  [key: string]: any;
}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
  onQuote: {
    type: PropType<(selection: SelectionObserverSelection) => void>;
    default: undefined;
  };
  quoteLabel: {
    type: StringConstructor;
    default: undefined;
  };
}>> & Readonly<{}>, {
  onQuote: (selection: SelectionObserverSelection) => void;
  quoteLabel: string;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

@grassroot/ui-headless-angular/assistant-selection-toolbar

Angular adapter

3 exports

View source packages/ui-headless/angular/src/assistant-selection-toolbar/index.ts

Install npm i @grassroot/ui-headless-angular

GrAssistantB3Surface

class

GrAssistantB3Surfacets

export declare class GrAssistantB3Surface implements OnDestroy {
    readonly client: import("@angular/core").InputSignal<AssistantClient | undefined>;
    readonly queueEvents: import("@angular/core").WritableSignal<string>;
    readonly quoteText: import("@angular/core").WritableSignal<string>;
    readonly quoteMessageId: import("@angular/core").WritableSignal<string>;
    readonly version: import("@angular/core").WritableSignal<number>;
    private readonly host;
    private state;
    private readonly cleanup;
    constructor();
    private ensureState;
    private syncDom;
    private apply;
    ngOnDestroy(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<GrAssistantB3Surface, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<GrAssistantB3Surface, "gr-assistant-b3-surface", never, { "client": { "alias": "client"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}

Name

Kind

Type

Requirement

apply

property

any

required

cleanup

property

any

required

client

property

import("@angular/core").InputSignal<AssistantClient | undefined>

required

ensureState

property

any

required

host

property

any

required

ngOnDestroy

method

() => void

required

ɵcmp

property

i0.ɵɵComponentDeclaration<GrAssistantB3Surface, "gr-assistant-b3-surface", never, { "client": { "alias": "client"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>

required

ɵfac

property

i0.ɵɵFactoryDeclaration<GrAssistantB3Surface, never>

required

queueEvents

property

import("@angular/core").WritableSignal<string>

required

quoteMessageId

property

import("@angular/core").WritableSignal<string>

required

quoteText

property

import("@angular/core").WritableSignal<string>

required

state

property

any

required

syncDom

property

any

required

version

property

import("@angular/core").WritableSignal<number>

required

Name: apply
Kind: property
Type: any
Requirement: required

Name: cleanup
Kind: property
Type: any
Requirement: required

Name: client
Kind: property
Type: import("@angular/core").InputSignal<AssistantClient | undefined>
Requirement: required

Name: ensureState
Kind: property
Type: any
Requirement: required

Name: host
Kind: property
Type: any
Requirement: required

Name: ngOnDestroy
Kind: method
Type: () => void
Requirement: required

Name: ɵcmp
Kind: property
Type: i0.ɵɵComponentDeclaration<GrAssistantB3Surface, "gr-assistant-b3-surface", never, { "client": { "alias": "client"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>
Requirement: required

Name: ɵfac
Kind: property
Type: i0.ɵɵFactoryDeclaration<GrAssistantB3Surface, never>
Requirement: required

Name: queueEvents
Kind: property
Type: import("@angular/core").WritableSignal<string>
Requirement: required

Name: quoteMessageId
Kind: property
Type: import("@angular/core").WritableSignal<string>
Requirement: required

Name: quoteText
Kind: property
Type: import("@angular/core").WritableSignal<string>
Requirement: required

Name: state
Kind: property
Type: any
Requirement: required

Name: syncDom
Kind: property
Type: any
Requirement: required

Name: version
Kind: property
Type: import("@angular/core").WritableSignal<number>
Requirement: required

GrAssistantSelectionToolbarQuote

class

GrAssistantSelectionToolbarQuotets

export declare class GrAssistantB3Surface implements OnDestroy {
    readonly client: import("@angular/core").InputSignal<AssistantClient | undefined>;
    readonly queueEvents: import("@angular/core").WritableSignal<string>;
    readonly quoteText: import("@angular/core").WritableSignal<string>;
    readonly quoteMessageId: import("@angular/core").WritableSignal<string>;
    readonly version: import("@angular/core").WritableSignal<number>;
    private readonly host;
    private state;
    private readonly cleanup;
    constructor();
    private ensureState;
    private syncDom;
    private apply;
    ngOnDestroy(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<GrAssistantB3Surface, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<GrAssistantB3Surface, "gr-assistant-b3-surface", never, { "client": { "alias": "client"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}

Name

Kind

Type

Requirement

apply

property

any

required

cleanup

property

any

required

client

property

import("@angular/core").InputSignal<AssistantClient | undefined>

required

ensureState

property

any

required

host

property

any

required

ngOnDestroy

method

() => void

required

ɵcmp

property

i0.ɵɵComponentDeclaration<GrAssistantB3Surface, "gr-assistant-b3-surface", never, { "client": { "alias": "client"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>

required

ɵfac

property

i0.ɵɵFactoryDeclaration<GrAssistantB3Surface, never>

required

queueEvents

property

import("@angular/core").WritableSignal<string>

required

quoteMessageId

property

import("@angular/core").WritableSignal<string>

required

quoteText

property

import("@angular/core").WritableSignal<string>

required

state

property

any

required

syncDom

property

any

required

version

property

import("@angular/core").WritableSignal<number>

required

Name: apply
Kind: property
Type: any
Requirement: required

Name: cleanup
Kind: property
Type: any
Requirement: required

Name: client
Kind: property
Type: import("@angular/core").InputSignal<AssistantClient | undefined>
Requirement: required

Name: ensureState
Kind: property
Type: any
Requirement: required

Name: host
Kind: property
Type: any
Requirement: required

Name: ngOnDestroy
Kind: method
Type: () => void
Requirement: required

Name: ɵcmp
Kind: property
Type: i0.ɵɵComponentDeclaration<GrAssistantB3Surface, "gr-assistant-b3-surface", never, { "client": { "alias": "client"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>
Requirement: required

Name: ɵfac
Kind: property
Type: i0.ɵɵFactoryDeclaration<GrAssistantB3Surface, never>
Requirement: required

Name: queueEvents
Kind: property
Type: import("@angular/core").WritableSignal<string>
Requirement: required

Name: quoteMessageId
Kind: property
Type: import("@angular/core").WritableSignal<string>
Requirement: required

Name: quoteText
Kind: property
Type: import("@angular/core").WritableSignal<string>
Requirement: required

Name: state
Kind: property
Type: any
Requirement: required

Name: syncDom
Kind: property
Type: any
Requirement: required

Name: version
Kind: property
Type: import("@angular/core").WritableSignal<number>
Requirement: required

GrAssistantSelectionToolbarRoot

class

GrAssistantSelectionToolbarRootts

export declare class GrAssistantB3Surface implements OnDestroy {
    readonly client: import("@angular/core").InputSignal<AssistantClient | undefined>;
    readonly queueEvents: import("@angular/core").WritableSignal<string>;
    readonly quoteText: import("@angular/core").WritableSignal<string>;
    readonly quoteMessageId: import("@angular/core").WritableSignal<string>;
    readonly version: import("@angular/core").WritableSignal<number>;
    private readonly host;
    private state;
    private readonly cleanup;
    constructor();
    private ensureState;
    private syncDom;
    private apply;
    ngOnDestroy(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<GrAssistantB3Surface, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<GrAssistantB3Surface, "gr-assistant-b3-surface", never, { "client": { "alias": "client"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}

Name

Kind

Type

Requirement

apply

property

any

required

cleanup

property

any

required

client

property

import("@angular/core").InputSignal<AssistantClient | undefined>

required

ensureState

property

any

required

host

property

any

required

ngOnDestroy

method

() => void

required

ɵcmp

property

i0.ɵɵComponentDeclaration<GrAssistantB3Surface, "gr-assistant-b3-surface", never, { "client": { "alias": "client"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>

required

ɵfac

property

i0.ɵɵFactoryDeclaration<GrAssistantB3Surface, never>

required

queueEvents

property

import("@angular/core").WritableSignal<string>

required

quoteMessageId

property

import("@angular/core").WritableSignal<string>

required

quoteText

property

import("@angular/core").WritableSignal<string>

required

state

property

any

required

syncDom

property

any

required

version

property

import("@angular/core").WritableSignal<number>

required

Name: apply
Kind: property
Type: any
Requirement: required

Name: cleanup
Kind: property
Type: any
Requirement: required

Name: client
Kind: property
Type: import("@angular/core").InputSignal<AssistantClient | undefined>
Requirement: required

Name: ensureState
Kind: property
Type: any
Requirement: required

Name: host
Kind: property
Type: any
Requirement: required

Name: ngOnDestroy
Kind: method
Type: () => void
Requirement: required

Name: ɵcmp
Kind: property
Type: i0.ɵɵComponentDeclaration<GrAssistantB3Surface, "gr-assistant-b3-surface", never, { "client": { "alias": "client"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>
Requirement: required

Name: ɵfac
Kind: property
Type: i0.ɵɵFactoryDeclaration<GrAssistantB3Surface, never>
Requirement: required

Name: queueEvents
Kind: property
Type: import("@angular/core").WritableSignal<string>
Requirement: required

Name: quoteMessageId
Kind: property
Type: import("@angular/core").WritableSignal<string>
Requirement: required

Name: quoteText
Kind: property
Type: import("@angular/core").WritableSignal<string>
Requirement: required

Name: state
Kind: property
Type: any
Requirement: required

Name: syncDom
Kind: property
Type: any
Requirement: required

Name: version
Kind: property
Type: import("@angular/core").WritableSignal<number>
Requirement: required

@grassroot/ui-headless-svelte/assistant-selection-toolbar

Svelte adapter

3 exports

View source packages/ui-headless/svelte/src/assistant-selection-toolbar/index.ts

Install npm i @grassroot/ui-headless-svelte

AssistantSelectionToolbar

value

AssistantSelectionToolbarts

export declare const AssistantSelectionToolbar: LegacyComponentType;

Name

Kind

Type

Requirement

args

parameter

Parameters<Component<Record<string, any>>>

optional

return

return value

ReturnType<Component<Record<string, any>, Record<string, any>>>

n/a

Name: args
Kind: parameter
Type: Parameters<Component<Record<string, any>>>
Requirement: optional

Name: return
Kind: return value
Type: ReturnType<Component<Record<string, any>, Record<string, any>>>
Requirement: n/a

Quote

value

Quotets

export declare const Quote: LegacyComponentType;

Name

Kind

Type

Requirement

args

parameter

Parameters<Component<Record<string, any>>>

optional

return

return value

ReturnType<Component<Record<string, any>, Record<string, any>>>

n/a

Name: args
Kind: parameter
Type: Parameters<Component<Record<string, any>>>
Requirement: optional

Name: return
Kind: return value
Type: ReturnType<Component<Record<string, any>, Record<string, any>>>
Requirement: n/a

Root

value

Rootts

export declare const Root: LegacyComponentType;

Name

Kind

Type

Requirement

args

parameter

Parameters<Component<Record<string, any>>>

optional

return

return value

ReturnType<Component<Record<string, any>, Record<string, any>>>

n/a

Name: args
Kind: parameter
Type: Parameters<Component<Record<string, any>>>
Requirement: optional

Name: return
Kind: return value
Type: ReturnType<Component<Record<string, any>, Record<string, any>>>
Requirement: n/a

@grassroot/ui-headless-solid/assistant-selection-toolbar

Solid adapter

3 exports

View source packages/ui-headless/solid/src/assistant-selection-toolbar/index.ts

Install npm i @grassroot/ui-headless-solid

AssistantSelectionToolbar

value

AssistantSelectionToolbarts

export declare const AssistantSelectionToolbar: {
    Root: typeof AssistantSelectionToolbarRoot;
    Quote: typeof AssistantSelectionToolbarQuote;
};

Name

Kind

Type

Requirement

Quote

property

typeof AssistantSelectionToolbarQuote

required

Root

property

typeof AssistantSelectionToolbarRoot

required

Name: Quote
Kind: property
Type: typeof AssistantSelectionToolbarQuote
Requirement: required

Name: Root
Kind: property
Type: typeof AssistantSelectionToolbarRoot
Requirement: required

Quote

function

Quotets

export declare function AssistantSelectionToolbarQuote(props: JSX.ButtonHTMLAttributes<HTMLButtonElement>): JSX.Element;

Name

Kind

Type

Requirement

props

parameter

JSX.ButtonHTMLAttributes<HTMLButtonElement>

required

return

return value

JSX.Element

n/a

Name: props
Kind: parameter
Type: JSX.ButtonHTMLAttributes<HTMLButtonElement>
Requirement: required

Name: return
Kind: return value
Type: JSX.Element
Requirement: n/a

Root

function

Rootts

export declare function AssistantSelectionToolbarRoot(props: JSX.HTMLAttributes<HTMLDivElement> & {
    readonly onQuote?: (selection: SelectionObserverSelection) => void;
    readonly quoteLabel?: string;
}): JSX.Element;

Name

Kind

Type

Requirement

props

parameter

JSX.HTMLAttributes<HTMLDivElement> & {
    readonly onQuote?: (selection: SelectionObserverSelection) => void;
    readonly quoteLabel?: string;
}

required

return

return value

JSX.Element

n/a

Name: props
Kind: parameter
Type: JSX.HTMLAttributes<HTMLDivElement> & { readonly onQuote?: (selection: SelectionObserverSelection) => void; readonly quoteLabel?: string; }
Requirement: required

Name: return
Kind: return value
Type: JSX.Element
Requirement: n/a

Framework adapters

React imports

Vue imports

Angular imports

Svelte imports

Solid imports

Related references