@webx-ui/core 0.38.0 → 0.40.0

package/dist/components/Actions/Actions.d.ts

@@ -38,6 +38,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     align: import('./types').ActionsAlign;
     ariaLabel: string;
     collapse: boolean | "always";
+    moreLabel: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     root: HTMLDivElement;
     row: HTMLDivElement;

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

@@ -17,6 +17,11 @@ export interface ActionsProps {
     collapse?: boolean | 'always';
     /** Accessible name of the group, e.g. "Row actions". */
     ariaLabel?: string;
+    /**
+     * The name of the button the folded-up menu opens from — its tip and its accessible name.
+     * English by default, like every word of a component: whoever places it knows the language.
+     */
+    moreLabel?: string;
 }
 export interface ActionsEmits {
     /** The row collapsed into the dropdown, or came back out of it. */

package/dist/components/FileCard/FileCard.d.ts

@@ -40,6 +40,9 @@ declare function __VLS_template(): {
                 readonly autocomplete?: string | undefined;
                 readonly ariaLabel?: string | undefined;
                 readonly localized?: boolean | undefined;
+                readonly tokens?: import('../..').TokenOption[] | undefined;
+                readonly tokensTitle?: string | undefined;
+                readonly tokensLabel?: string | undefined;
                 readonly onChange?: ((value: string) => any) | undefined;
                 readonly "onUpdate:modelValue"?: ((value: import('..').InputModelValue) => any) | undefined;
                 readonly onInput?: ((value: string) => any) | undefined;
@@ -51,7 +54,9 @@ declare function __VLS_template(): {
             $refs: {
                 [x: string]: unknown;
             } & {
+                rootRef: HTMLDivElement;
                 inputRef: HTMLInputElement;
+                mirrorRef: HTMLSpanElement;
             };
             $slots: Readonly<{
                 [name: string]: import('vue').Slot<any> | undefined;
@@ -96,6 +101,9 @@ declare function __VLS_template(): {
                 maxlength: number;
                 showCount: boolean;
                 localized: boolean;
+                tokens: import('../..').TokenOption[];
+                tokensTitle: string;
+                tokensLabel: string;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -130,6 +138,9 @@ declare function __VLS_template(): {
             maxlength: number;
             showCount: boolean;
             localized: boolean;
+            tokens: import('../..').TokenOption[];
+            tokensTitle: string;
+            tokensLabel: string;
         }> & Omit<Readonly<{
             modelValue?: import('..').InputModelValue;
         } & import('..').InputProps> & Readonly<{
@@ -139,7 +150,7 @@ declare function __VLS_template(): {
             onClear?: (() => any) | undefined;
             onBlur?: ((event: FocusEvent) => any) | undefined;
             onFocus?: ((event: FocusEvent) => any) | undefined;
-        }>, "input" | "select" | "blur" | "focus" | ("size" | "disabled" | "type" | "placeholder" | "ariaLabel" | "clearable" | "status" | "id" | "readonly" | "autocomplete" | "maxlength" | "showCount" | "localized")> & {
+        }>, "input" | "select" | "blur" | "focus" | ("size" | "disabled" | "type" | "placeholder" | "ariaLabel" | "clearable" | "status" | "id" | "readonly" | "autocomplete" | "maxlength" | "showCount" | "localized" | "tokens" | "tokensTitle" | "tokensLabel")> & {
             focus: () => void | undefined;
             blur: () => void | undefined;
             select: () => void | undefined;
@@ -158,12 +169,14 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<FileCardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     edit: () => any;
     copy: (url: string) => any;
+    view: () => any;
     remove: () => any;
     rename: (name: string) => any;
     "copy-error": (error: unknown) => any;
 }, string, import('vue').PublicProps, Readonly<FileCardProps> & Readonly<{
     onEdit?: (() => any) | undefined;
     onCopy?: ((url: string) => any) | undefined;
+    onView?: (() => any) | undefined;
     onRemove?: (() => any) | undefined;
     onRename?: ((name: string) => any) | undefined;
     "onCopy-error"?: ((error: unknown) => any) | undefined;
@@ -172,11 +185,15 @@ declare const __VLS_component: import('vue').DefineComponent<FileCardProps, {},
     disabled: boolean;
     type: string;
     icon: import('..').IconName;
+    moreLabel: string;
     url: string;
     selected: boolean;
     thumbnail: string;
+    extension: string;
+    showExtension: boolean;
     renamable: boolean;
     editable: boolean;
+    viewable: boolean;
     removable: boolean;
     confirmRemove: boolean;
     copyable: boolean;
@@ -186,11 +203,13 @@ declare const __VLS_component: import('vue').DefineComponent<FileCardProps, {},
     saveLabel: string;
     cancelLabel: string;
     editLabel: string;
+    viewLabel: string;
     removeLabel: string;
     removeConfirmText: string;
     copyLabel: string;
     downloadLabel: string;
     copiedLabel: string;
+    actionsLabel: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     field: ({
         $: import('vue').ComponentInternalInstance;
@@ -210,6 +229,9 @@ declare const __VLS_component: import('vue').DefineComponent<FileCardProps, {},
             readonly autocomplete?: string | undefined;
             readonly ariaLabel?: string | undefined;
             readonly localized?: boolean | undefined;
+            readonly tokens?: import('../..').TokenOption[] | undefined;
+            readonly tokensTitle?: string | undefined;
+            readonly tokensLabel?: string | undefined;
             readonly onChange?: ((value: string) => any) | undefined;
             readonly "onUpdate:modelValue"?: ((value: import('..').InputModelValue) => any) | undefined;
             readonly onInput?: ((value: string) => any) | undefined;
@@ -221,7 +243,9 @@ declare const __VLS_component: import('vue').DefineComponent<FileCardProps, {},
         $refs: {
             [x: string]: unknown;
         } & {
+            rootRef: HTMLDivElement;
             inputRef: HTMLInputElement;
+            mirrorRef: HTMLSpanElement;
         };
         $slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
@@ -266,6 +290,9 @@ declare const __VLS_component: import('vue').DefineComponent<FileCardProps, {},
             maxlength: number;
             showCount: boolean;
             localized: boolean;
+            tokens: import('../..').TokenOption[];
+            tokensTitle: string;
+            tokensLabel: string;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -300,6 +327,9 @@ declare const __VLS_component: import('vue').DefineComponent<FileCardProps, {},
         maxlength: number;
         showCount: boolean;
         localized: boolean;
+        tokens: import('../..').TokenOption[];
+        tokensTitle: string;
+        tokensLabel: string;
     }> & Omit<Readonly<{
         modelValue?: import('..').InputModelValue;
     } & import('..').InputProps> & Readonly<{
@@ -309,7 +339,7 @@ declare const __VLS_component: import('vue').DefineComponent<FileCardProps, {},
         onClear?: (() => any) | undefined;
         onBlur?: ((event: FocusEvent) => any) | undefined;
         onFocus?: ((event: FocusEvent) => any) | undefined;
-    }>, "input" | "select" | "blur" | "focus" | ("size" | "disabled" | "type" | "placeholder" | "ariaLabel" | "clearable" | "status" | "id" | "readonly" | "autocomplete" | "maxlength" | "showCount" | "localized")> & {
+    }>, "input" | "select" | "blur" | "focus" | ("size" | "disabled" | "type" | "placeholder" | "ariaLabel" | "clearable" | "status" | "id" | "readonly" | "autocomplete" | "maxlength" | "showCount" | "localized" | "tokens" | "tokensTitle" | "tokensLabel")> & {
         focus: () => void | undefined;
         blur: () => void | undefined;
         select: () => void | undefined;

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

@@ -17,6 +17,17 @@ export interface FileCardProps {
     type?: string;
     /** Icon to draw instead of the one the extension picks. */
     icon?: IconName;
+    /**
+     * The extension, for a `name` that does not carry one — a library that shows titles rather
+     * than file names. Given, it picks the glyph and the word under it instead of the name.
+     */
+    extension?: string;
+    /**
+     * Puts the extension in a corner of a picture too, not only under a glyph. A grid of
+     * thumbnails looks alike whether the files are JPEGs or PNGs, and the format is often
+     * exactly what somebody is looking for.
+     */
+    showExtension?: boolean;
     /** Draws the card as chosen. The choosing itself belongs to whatever holds the cards. */
     selected?: boolean;
     size?: FileCardSize;
@@ -30,6 +41,12 @@ export interface FileCardProps {
      * nothing to open for a `.zip`.
      */
     editable?: boolean;
+    /**
+     * Offers the view action — "show this picture large" — which the card only reports: a
+     * lightbox over one file is a poorer thing than one over the grid it is in, and only whoever
+     * holds the cards knows the grid. Pictures only.
+     */
+    viewable?: boolean;
     removable?: boolean;
     /**
      * Asks before deleting. On, because a file deleted from a grid of thumbnails is a file
@@ -57,6 +74,7 @@ export interface FileCardProps {
     saveLabel?: string;
     cancelLabel?: string;
     editLabel?: string;
+    viewLabel?: string;
     removeLabel?: string;
     /** The question `confirmRemove` asks. The file name is worth putting in it. */
     removeConfirmText?: string;
@@ -64,12 +82,18 @@ export interface FileCardProps {
     downloadLabel?: string;
     /** Shown on the copy action for a moment after it worked. */
     copiedLabel?: string;
+    /** The button the folded-up actions open from. */
+    moreLabel?: string;
+    /** The accessible name of the actions, said with the file's name in it. */
+    actionsLabel?: string;
 }
 export interface FileCardEmits {
     /** A new name was committed. The file is not renamed until the caller says so. */
     rename: [name: string];
     /** Open this picture in an editor. */
     edit: [];
+    /** Show this picture large. */
+    view: [];
     remove: [];
     /** The URL reached the clipboard. */
     copy: [url: string];

package/dist/components/Icon/icons.d.ts

@@ -16,6 +16,8 @@ export declare const builtinIcons: {
     readonly edit: "<path d=\"M4 20h4L19.5 8.5a2.83 2.83 0 0 0-4-4L4 16v4Z\"/><path d=\"m14.5 5.5 4 4\"/>";
     readonly trash: "<path d=\"M4 7h16M10 7V5.5A1.5 1.5 0 0 1 11.5 4h1A1.5 1.5 0 0 1 14 5.5V7M6.5 7l.8 11.6a2 2 0 0 0 2 1.9h5.4a2 2 0 0 0 2-1.9L17.5 7\"/><path d=\"M10 11v5.5M14 11v5.5\"/>";
     readonly copy: "<rect x=\"8.5\" y=\"8.5\" width=\"11\" height=\"11\" rx=\"2.2\"/><path d=\"M15.5 8.5v-2a2 2 0 0 0-2-2h-7a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h2\"/>";
+    readonly clipboard: "<rect x=\"8.5\" y=\"2.8\" width=\"7\" height=\"3.6\" rx=\"1\"/><path d=\"M15.5 4.6H17a2 2 0 0 1 2 2V19a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6.6a2 2 0 0 1 2-2h1.5\"/>";
+    readonly 'clipboard-paste': "<rect x=\"8.5\" y=\"2.8\" width=\"7\" height=\"3.6\" rx=\"1\"/><path d=\"M15.5 4.6H17a2 2 0 0 1 2 2V19a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6.6a2 2 0 0 1 2-2h1.5\"/><path d=\"M12 10v7M9.2 14.4 12 17.2l2.8-2.8\"/>";
     readonly search: "<circle cx=\"11\" cy=\"11\" r=\"6.5\"/><path d=\"m16 16 4.5 4.5\"/>";
     readonly 'zoom-in': "<circle cx=\"11\" cy=\"11\" r=\"6.5\"/><path d=\"m16 16 4.5 4.5M8.5 11h5M11 8.5v5\"/>";
     readonly 'zoom-out': "<circle cx=\"11\" cy=\"11\" r=\"6.5\"/><path d=\"m16 16 4.5 4.5M8.5 11h5\"/>";

package/dist/components/Indicator/Indicator.d.ts

@@ -17,8 +17,8 @@ declare const __VLS_component: import('vue').DefineComponent<IndicatorProps, {},
     hidden: boolean;
     max: number;
     dot: boolean;
-    showZero: boolean;
     placement: import('./types').IndicatorPlacement;
+    showZero: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/Input/Input.d.ts

@@ -1,3 +1,4 @@
+import { TokenOption } from '../../composables/useTokens';
 import { InputModelValue, InputProps } from './types';
 type __VLS_Props = InputProps;
 type __VLS_PublicProps = {
@@ -10,7 +11,9 @@ declare function __VLS_template(): {
         suffix?(_: {}): any;
     };
     refs: {
+        rootRef: HTMLDivElement;
         inputRef: HTMLInputElement;
+        mirrorRef: HTMLSpanElement;
     };
     rootEl: any;
 };
@@ -48,8 +51,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     maxlength: number;
     showCount: boolean;
     localized: boolean;
+    tokens: TokenOption[];
+    tokensTitle: string;
+    tokensLabel: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    rootRef: HTMLDivElement;
     inputRef: HTMLInputElement;
+    mirrorRef: HTMLSpanElement;
 }, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -1,8 +1,9 @@
 import { LocalizedFieldProps, LocalizedValue } from '../../composables/useLocalized';
+import { TokenFieldProps } from '../../composables/useTokens';
 export type InputSize = 'sm' | 'md' | 'lg';
 export type InputStatus = 'default' | 'success' | 'warning' | 'error';
 export type InputNativeType = 'text' | 'password' | 'email' | 'number' | 'search' | 'tel' | 'url';
-export interface InputProps extends LocalizedFieldProps {
+export interface InputProps extends LocalizedFieldProps, TokenFieldProps {
     /** Overrides the id generated for the control (and used by a WxFormItem label). */
     id?: string;
     /** `type` attribute of the underlying `<input>`. */

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

@@ -21,6 +21,15 @@ export interface RepeaterProps<T extends object = Record<string, unknown>> {
     newItem?: () => T;
     addLabel?: string;
     removeLabel?: string;
+    /**
+     * Removing a row asks first, in a popover by the button: a row is often a whole record's
+     * worth of typing, and the button sits where a hand reaching for the row's header lands.
+     */
+    confirmRemove?: boolean;
+    /** The question `confirmRemove` asks. */
+    removeQuestion?: string;
+    /** The button of that question that keeps the row. */
+    cancelLabel?: string;
     /** What the grip is called to a screen reader. */
     dragLabel?: string;
     /** Rows fold to their header, so a long form stays readable. */

package/dist/components/RichText/RichText.d.ts

@@ -1,3 +1,4 @@
+import { TokenOption } from '../../composables/useTokens';
 import { RichTextLabels, RichTextModelValue, RichTextProps, RichTextTool } from './types';
 type __VLS_Props = RichTextProps;
 type __VLS_PublicProps = {
@@ -27,14 +28,19 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
     ariaLabel: string;
     status: import('../..').ControlStatus;
     id: string;
+    inline: boolean;
     readonly: boolean;
     minHeight: string;
     localized: boolean;
+    tokens: TokenOption[];
+    tokensTitle: string;
+    tokensLabel: string;
     tools: RichTextTool[];
     pickImage: import('./types').RichTextImagePicker;
     accept: string[];
     labels: RichTextLabels;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    rootRef: HTMLDivElement;
     fileInput: HTMLInputElement;
 }, any>;
 export default _default;

package/dist/components/RichText/source.d.ts

@@ -0,0 +1,18 @@
+/**
+ * The HTML behind the editor, as a person reads and edits it.
+ *
+ * Tiptap writes the document as one line, which is unreadable past a paragraph. Blocks go on
+ * lines of their own here, and whatever holds other blocks indents them. Whitespace between
+ * blocks means nothing to the parser, so the document that comes back is the one that went in.
+ */
+export declare function formatHtml(html: string, indent?: string): string;
+/**
+ * What a document loses on its way into the editor: the tags and attributes the editor's schema
+ * does not know, each named once. ProseMirror drops them without a word, which is fine for a
+ * paste and not for markup a person has just typed by hand.
+ *
+ * Counted rather than merely listed, so that one `<span>` the editor keeps does not vouch for
+ * the nine it drops. What the editor adds — a paragraph around bare text, its own `rel` on a
+ * link — is not a loss and is not reported.
+ */
+export declare function lostMarkup(before: string, after: string): string[];

package/dist/components/RichText/tools.d.ts

@@ -4,6 +4,8 @@ import { RichTextTableTool, RichTextTool } from './types';
  * declared inside `<script setup>` — it is hoisted out of `setup()`.
  */
 export declare const DEFAULT_TOOLS: RichTextTool[];
+/** What an inline field offers: the marks a line of a heading is ever given. */
+export declare const INLINE_TOOLS: RichTextTool[];
 export declare const DEFAULT_ACCEPT: string[];
 export interface ToolMeta {
     label: string;

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

@@ -1,17 +1,24 @@
 import { ControlSize, ControlStatus } from '../../composables/useFormField';
 import { LocalizedFieldProps, LocalizedValue } from '../../composables/useLocalized';
-export type RichTextTool = 'bold' | 'italic' | 'strike' | 'code' | 'h2' | 'h3' | 'h4' | 'bulletList' | 'orderedList' | 'blockquote' | 'hr' | 'link' | 'table' | 'image' | 'youtube' | 'undo' | 'redo'
+import { TokenFieldProps } from '../../composables/useTokens';
+export type RichTextTool = 'bold' | 'italic'
+/** The accent of an inline field: a bare `<span>` the site's styles colour. */
+ | 'accent' | 'strike' | 'code' | 'h2' | 'h3' | 'h4' | 'bulletList' | 'orderedList' | 'blockquote' | 'hr' | 'link' | 'table' | 'image' | 'youtube' | 'undo' | 'redo'
+/** Shows the document as HTML to read and edit by hand. */
+ | 'source'
 /** A vertical rule between groups. */
  | 'divider';
 /** The keys of the second toolbar, the one that appears inside a table. */
 export type RichTextTableTool = 'addRowAfter' | 'addRowBefore' | 'addColumnAfter' | 'addColumnBefore' | 'deleteRow' | 'deleteColumn' | 'mergeOrSplit' | 'deleteTable';
 /**
  * Everything this editor says out loud: a tooltip on every button, the two lines of the link
- * bar, and the word shown while a file is going up.
+ * bar, the word shown while a file is going up, and the warning the source view gives.
  */
 export type RichTextLabelKey = Exclude<RichTextTool, 'divider'> | RichTextTableTool
 /** The accessible name of the toolbar itself. */
- | 'toolbar' | 'linkAddress' | 'youtubeAddress' | 'apply' | 'cancel' | 'uploading';
+ | 'toolbar' | 'linkAddress' | 'youtubeAddress' | 'apply' | 'cancel' | 'uploading'
+/** The warning before the editor drops markup typed in the source, and its two answers. */
+ | 'sourceLoss' | 'sourceDrop' | 'sourceKeep';
 /**
  * What the editor calls its own buttons. It knows nothing about the panel it is opened in, so
  * whoever opens it translates it; a key left out stays English.
@@ -42,7 +49,7 @@ export type RichTextUpload = (file: File) => Promise<RichTextImage>;
 export type RichTextImagePicker = () => Promise<RichTextImage | string | null>;
 /** One language's HTML, or every language's when the field is localized. */
 export type RichTextModelValue = string | LocalizedValue;
-export interface RichTextProps extends LocalizedFieldProps {
+export interface RichTextProps extends LocalizedFieldProps, TokenFieldProps {
     placeholder?: string;
     disabled?: boolean;
     readonly?: boolean;
@@ -51,6 +58,12 @@ export interface RichTextProps extends LocalizedFieldProps {
     id?: string;
     /** Accessible label used when there is no visible `<label>`. */
     ariaLabel?: string;
+    /**
+     * One line of text with a few marks instead of a document: no paragraphs, no Enter, and the
+     * value is the bare line — `Deeply heard<span>.</span> Gently guided` — for a heading or a
+     * caption that carries a touch of markup. The toolbar defaults to bold, italic and accent.
+     */
+    inline?: boolean;
     /** Height of the editing area before it starts growing. */
     minHeight?: string;
     /** Which buttons the toolbar shows, in order. */

package/dist/components/SelectionArea/SelectionArea.d.ts

@@ -37,6 +37,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     threshold: number;
     touch: boolean;
     clickSelect: boolean;
+    dragItems: boolean;
     edgeScroll: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     root: HTMLDivElement;

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

@@ -18,6 +18,12 @@ export interface SelectionAreaProps {
      * because on a touch screen a drag means scroll — a tap still picks either way.
      */
     touch?: boolean;
+    /**
+     * Items can be dragged somewhere else — onto a folder, into another list — with the
+     * browser's own drag and drop. A press on an item then never becomes a box (the drag is
+     * the item's), and a box starts from the background only. A click still picks.
+     */
+    dragItems?: boolean;
     /** How near the scroller's edge the pointer scrolls it, in pixels. `0` never does. */
     edgeScroll?: number;
     disabled?: boolean;

package/dist/components/Textarea/Textarea.d.ts

@@ -1,3 +1,4 @@
+import { TokenOption } from '../../composables/useTokens';
 import { TextareaModelValue, TextareaProps } from './types';
 type __VLS_Props = TextareaProps;
 type __VLS_PublicProps = {
@@ -32,9 +33,14 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
     maxlength: number;
     showCount: boolean;
     localized: boolean;
+    tokens: TokenOption[];
+    tokensTitle: string;
+    tokensLabel: string;
     rows: number;
     autosize: boolean | import('./types').AutosizeOptions;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    rootRef: HTMLDivElement;
     textareaRef: HTMLTextAreaElement;
+    mirrorRef: HTMLDivElement;
 }, any>;
 export default _default;

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

@@ -1,10 +1,11 @@
 import { ControlSize, ControlStatus } from '../../composables/useFormField';
 import { LocalizedFieldProps, LocalizedValue } from '../../composables/useLocalized';
+import { TokenFieldProps } from '../../composables/useTokens';
 export interface AutosizeOptions {
     minRows?: number;
     maxRows?: number;
 }
-export interface TextareaProps extends LocalizedFieldProps {
+export interface TextareaProps extends LocalizedFieldProps, TokenFieldProps {
     size?: ControlSize;
     status?: ControlStatus;
     id?: string;

package/dist/components/Tooltip/Tooltip.d.ts

@@ -16,7 +16,53 @@ declare function __VLS_template(): {
         /** The tip itself, when the text is not enough. */
         content?: () => unknown;
     };
-    refs: {};
+    refs: {
+        trigger: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly reference?: import('reka-ui').ReferenceElement | undefined;
+                readonly asChild?: boolean | undefined;
+                readonly as?: (import('reka-ui').AsTag | import('vue').Component) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: import('vue').Attrs;
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui').TooltipTriggerProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, 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<{}> & Omit<Readonly<import('reka-ui').TooltipTriggerProps> & Readonly<{}>, never> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                default?: (props: {}) => any;
+            };
+        }) | null;
+    };
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
@@ -34,7 +80,53 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     arrow: boolean;
     maxWidth: number | string;
     teleport: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    trigger: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly reference?: import('reka-ui').ReferenceElement | undefined;
+            readonly asChild?: boolean | undefined;
+            readonly as?: (import('reka-ui').AsTag | import('vue').Component) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui').TooltipTriggerProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, 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<{}> & Omit<Readonly<import('reka-ui').TooltipTriggerProps> & Readonly<{}>, never> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    }) | null;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -85,6 +85,10 @@ export interface TreeProps<T = TreeNode> {
     emptyText?: string;
     /** What the drag handle is called, before the name of the node it holds. */
     dragLabel?: string;
+    /** What the button that opens a branch is called, before the node's name. */
+    expandLabel?: string;
+    /** What the same button is called while the branch is open. */
+    collapseLabel?: string;
     /** Accessible name for the tree. */
     ariaLabel?: string;
 }