superdoc 2.29.0-next.1 → 2.29.0-next.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (67) hide show
  1. package/dist/chunks/{FindReplaceSurface-Dm043CZP.es.js → FindReplaceSurface-BKVHzhQ4.es.js} +34 -26
  2. package/dist/chunks/{FindReplaceSurface-BRs3JrCq.cjs → FindReplaceSurface-BNDrJ6VS.cjs} +34 -26
  3. package/dist/chunks/{PasswordPromptSurface-DGjmN7A-.es.js → PasswordPromptSurface-6mF6Azda.es.js} +6 -4
  4. package/dist/chunks/{PasswordPromptSurface-BpqP4pUa.cjs → PasswordPromptSurface-BNkaztaP.cjs} +6 -4
  5. package/dist/chunks/{create-super-doc-ui-0OA8hCNb.cjs → create-super-doc-ui-BAGOnYGM.cjs} +2 -2
  6. package/dist/chunks/{create-super-doc-ui-Duf65d0b.es.js → create-super-doc-ui-BFt8agAI.es.js} +2 -2
  7. package/dist/collaboration-upgrade-engine.cjs +1 -1
  8. package/dist/collaboration-upgrade-engine.es.js +1 -1
  9. package/dist/document-api/src/contract/metadata-types.d.ts +1 -1
  10. package/dist/document-api/src/contract/operation-definitions.d.ts +1 -1
  11. package/dist/document-api/src/tables/tables.d.ts +2 -1
  12. package/dist/document-api/src/types/table-operations.types.d.ts +1 -0
  13. package/dist/layout-engine/contracts/src/index.d.ts +1 -1
  14. package/dist/layout-engine/contracts/src/paragraph-visible-text.d.ts +3 -1
  15. package/dist/public/ui-react.cjs +1 -1
  16. package/dist/public/ui-react.es.js +1 -1
  17. package/dist/public/ui-vue.cjs +1 -1
  18. package/dist/public/ui-vue.es.js +1 -1
  19. package/dist/public/ui.cjs +1 -1
  20. package/dist/public/ui.es.js +1 -1
  21. package/dist/style.css +1 -1
  22. package/dist/style.layered.css +1 -1
  23. package/dist/superdoc/src/components/CommentsLayer/CommentDialog.vue.d.ts +88 -1264
  24. package/dist/superdoc/src/components/CommentsLayer/CommentHeader.vue.d.ts +106 -22
  25. package/dist/superdoc/src/components/CommentsLayer/CommentInput.vue.d.ts +74 -14
  26. package/dist/superdoc/src/components/CommentsLayer/CommentsDropdown.vue.d.ts +55 -20
  27. package/dist/superdoc/src/components/CommentsLayer/InternalDropdown.vue.d.ts +24 -8
  28. package/dist/superdoc/src/components/CommentsLayer/PdfCommentsLayer.vue.d.ts +5 -3
  29. package/dist/superdoc/src/components/CommentsLayer/commentsList/ReviewDirectoryListItem.vue.d.ts +60 -12
  30. package/dist/superdoc/src/components/CommentsLayer/commentsList/commentsList.vue.d.ts +20 -6
  31. package/dist/superdoc/src/components/CommentsLayer/use-comment.d.ts +1 -0
  32. package/dist/superdoc/src/components/general/Avatar.vue.d.ts +12 -5
  33. package/dist/superdoc/src/components/surfaces/FindReplaceSurface.vue.d.ts +58 -15
  34. package/dist/superdoc/src/components/surfaces/PasswordPromptSurface.vue.d.ts +58 -15
  35. package/dist/superdoc/src/components/surfaces/SurfaceFloating.vue.d.ts +14 -6
  36. package/dist/superdoc/src/components/surfaces/SurfaceHost.vue.d.ts +25 -15
  37. package/dist/superdoc/src/core/SuperDoc.d.ts +1 -6
  38. package/dist/superdoc/src/core/collaboration/permissions.d.ts +1 -1
  39. package/dist/superdoc/src/core/editor-runtime/index.d.ts +1 -1
  40. package/dist/superdoc/src/core/editor-runtime/types.d.ts +7 -0
  41. package/dist/superdoc/src/core/editor-runtime/v2/v2-editor-runtime-adapter.d.ts +2 -1
  42. package/dist/superdoc/src/icons.d.ts +8 -0
  43. package/dist/superdoc/src/internal/toolbar/built-in/AIWriter.vue.d.ts +76 -15
  44. package/dist/superdoc/src/internal/toolbar/built-in/AlignmentButtons.vue.d.ts +5 -3
  45. package/dist/superdoc/src/internal/toolbar/built-in/ButtonGroup.vue.d.ts +105 -5
  46. package/dist/superdoc/src/internal/toolbar/built-in/DocumentMode.vue.d.ts +20 -6
  47. package/dist/superdoc/src/internal/toolbar/built-in/IconGrid.vue.d.ts +44 -12
  48. package/dist/superdoc/src/internal/toolbar/built-in/IconGridRow.vue.d.ts +32 -9
  49. package/dist/superdoc/src/internal/toolbar/built-in/StyleButtonsList.vue.d.ts +39 -10
  50. package/dist/superdoc/src/internal/toolbar/built-in/TableActions.vue.d.ts +24 -6
  51. package/dist/superdoc/src/internal/toolbar/built-in/TableGrid.vue.d.ts +7 -3
  52. package/dist/superdoc/src/internal/toolbar/built-in/ToolbarComboBox.vue.d.ts +1 -1
  53. package/dist/superdoc/src/internal/toolbar/built-in/ToolbarDropdown.vue.d.ts +1 -0
  54. package/dist/superdoc/src/internal/toolbar/built-in/ToolbarSeparator.vue.d.ts +16 -6
  55. package/dist/superdoc/src/internal/toolbar/built-in/color-dropdown-helpers.d.ts +2 -2
  56. package/dist/superdoc/src/internal/toolbar/built-in/list-style-buttons.d.ts +2 -2
  57. package/dist/superdoc/src/internal/toolbar/built-in/toolbarIcons.d.ts +67 -0
  58. package/dist/superdoc/src/stores/helpers/comment-draft-text.d.ts +1 -0
  59. package/dist/superdoc/src/stores/helpers/tracked-change-row-values.d.ts +25 -0
  60. package/dist/superdoc.cjs +349 -231
  61. package/dist/superdoc.es.js +322 -207
  62. package/dist-cdn/style.layered.css +1 -1
  63. package/dist-cdn/superdoc.min.css +1 -1
  64. package/dist-cdn/superdoc.min.js +42 -42
  65. package/package.json +2 -2
  66. package/dist/superdoc/src/internal/toolbar/built-in/FontFamilyCombobox.vue.d.ts +0 -10
  67. package/dist/superdoc/src/internal/toolbar/built-in/FontSizeCombobox.vue.d.ts +0 -10
@@ -1,10 +1,18 @@
1
- declare const _default: import('vue').DefineComponent<{}, {
2
- rootEl: import('vue').Ref<null, null>;
3
- surface: Record<string, any>;
4
- $props: {
5
- readonly surface?: Record<string, any> | undefined;
1
+ import { PropType } from 'vue';
2
+ import { ActiveSurface } from '../../core/surface-manager.js';
3
+ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
4
+ surface: {
5
+ type: PropType<ActiveSurface>;
6
+ required: true;
6
7
  };
7
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
8
+ }>, {
9
+ rootEl: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
10
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
11
+ surface: {
12
+ type: PropType<ActiveSurface>;
13
+ required: true;
14
+ };
15
+ }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
8
16
  floatingRef: HTMLDivElement;
9
17
  }, HTMLDivElement>;
10
18
  export default _default;
@@ -1,16 +1,25 @@
1
- declare const _default: import('vue').DefineComponent<{}, {
2
- geometryTarget: Record<string, any>;
3
- $props: {
4
- readonly geometryTarget?: Record<string, any> | undefined;
1
+ import { PropType } from 'vue';
2
+ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
3
+ geometryTarget: {
4
+ type: PropType<HTMLElement | null>;
5
+ default: null;
5
6
  };
6
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
7
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
8
+ geometryTarget: {
9
+ type: PropType<HTMLElement | null>;
10
+ default: null;
11
+ };
12
+ }>> & Readonly<{}>, {
13
+ geometryTarget: HTMLElement | null;
14
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
7
15
  hostRef: HTMLDivElement;
8
- floatingRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
9
- rootEl: import('vue').Ref<null, null>;
10
- surface: Record<string, any>;
11
- $props: {
12
- readonly surface?: Record<string, any> | undefined;
16
+ floatingRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
17
+ surface: {
18
+ type: PropType<import('../../core/surface-manager.js').ActiveSurface>;
19
+ required: true;
13
20
  };
21
+ }>> & Readonly<{}>, {
22
+ rootEl: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
14
23
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
15
24
  floatingRef: HTMLDivElement;
16
25
  }, HTMLDivElement, import('vue').ComponentProvideOptions, {
@@ -20,12 +29,13 @@ declare const _default: import('vue').DefineComponent<{}, {
20
29
  C: {};
21
30
  M: {};
22
31
  Defaults: {};
23
- }, Readonly<{}> & Readonly<{}>, {
24
- rootEl: import('vue').Ref<null, null>;
25
- surface: Record<string, any>;
26
- $props: {
27
- readonly surface?: Record<string, any> | undefined;
32
+ }, Readonly<import('vue').ExtractPropTypes<{
33
+ surface: {
34
+ type: PropType<import('../../core/surface-manager.js').ActiveSurface>;
35
+ required: true;
28
36
  };
37
+ }>> & Readonly<{}>, {
38
+ rootEl: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
29
39
  }, {}, {}, {}, {}> | null;
30
40
  }, any>;
31
41
  export default _default;
@@ -103,12 +103,6 @@ interface SuperDocEventMap {
103
103
  'source:complete': [];
104
104
  'source:signals-complete': [];
105
105
  }
106
- /**
107
- * SuperDoc class
108
- * Expects a config object
109
- *
110
- * @class
111
- */
112
106
  export declare class SuperDoc extends EventEmitter<SuperDocEventMap> {
113
107
  #private;
114
108
  static allowedTypes: ("application/vnd.openxmlformats-officedocument.wordprocessingml.document" | "application/pdf")[];
@@ -372,6 +366,7 @@ export declare class SuperDoc extends EventEmitter<SuperDocEventMap> {
372
366
  * @returns The attached room and document once the collaborative runtime is ready
373
367
  */
374
368
  upgradeToCollaboration(options: UpgradeToCollaborationOptions): Promise<UpgradeToCollaborationResult>;
369
+ setUser(user: User): Promise<void>;
375
370
  /**
376
371
  * Add a user to the shared users list. Requires the instance to be
377
372
  * ready; pre-ready mutations would be silently overwritten by the
@@ -12,7 +12,7 @@ export const PERMISSIONS: Readonly<{
12
12
  }>;
13
13
  export function createTrackedChangePermissionResolver(superdoc: any): (payload?: {}) => any;
14
14
  export function readBuiltInTrackedChangePermissionDecision(superdoc: any, canPerform: any, permission: any, trackedChange: any): any;
15
- export function isAllowed(permission: string, role: string, isInternal: boolean, context?: {
15
+ export function isAllowed(permission: string, role: string | undefined, isInternal: boolean | undefined, context?: {
16
16
  comment?: object | null | undefined;
17
17
  superdoc?: object | null | undefined;
18
18
  currentUser?: object | null | undefined;
@@ -1 +1 @@
1
- export type { EditorRuntimeKind, EditorRuntimeId, EditorRuntimeDocumentMode, EditorRuntimeState, EditorRuntime, EditorRuntimeSnapshot, EditorRuntimeCapabilities, RuntimeLifecycleCapabilities, RuntimeSelectionCapabilities, RuntimeCommandCapabilities, RuntimeFindReplaceCapabilities, RuntimeAiCapabilities, RuntimeCommentCapabilities, RuntimeTrackedChangeCapabilities, RuntimeToolbarCapabilities, RuntimeLayoutCapabilities, RuntimeZoomCapabilities, RuntimeNavigationCapabilities, RuntimePersistenceCapabilities, EditorRuntimeCommand, EditorRuntimeCommandKind, EditorRuntimeCommandResult, EditorRuntimeRejectionCode, EditorRuntimeNoopReason, EditorRuntimeSelectionSnapshot, EditorRuntimeFindSessionSnapshot, EditorRuntimeToolbarState, EditorRuntimeLayoutSnapshot, EditorRuntimePositionToken, EditorRuntimeFocusOptions, EditorRuntimeSaveOptions, EditorRuntimeExportOptions, EditorRuntimeNavigationTarget, EditorRuntimeEvent, EditorRuntimeListener, EditorRuntimeUnsubscribe, RuntimeJsonPrimitive, RuntimeJsonValue, RuntimeJsonObject, } from './types.js';
1
+ export type { EditorRuntimeKind, EditorRuntimeId, EditorRuntimeDocumentMode, EditorRuntimeUser, EditorRuntimeState, EditorRuntime, EditorRuntimeSnapshot, EditorRuntimeCapabilities, RuntimeLifecycleCapabilities, RuntimeSelectionCapabilities, RuntimeCommandCapabilities, RuntimeFindReplaceCapabilities, RuntimeAiCapabilities, RuntimeCommentCapabilities, RuntimeTrackedChangeCapabilities, RuntimeToolbarCapabilities, RuntimeLayoutCapabilities, RuntimeZoomCapabilities, RuntimeNavigationCapabilities, RuntimePersistenceCapabilities, EditorRuntimeCommand, EditorRuntimeCommandKind, EditorRuntimeCommandResult, EditorRuntimeRejectionCode, EditorRuntimeNoopReason, EditorRuntimeSelectionSnapshot, EditorRuntimeFindSessionSnapshot, EditorRuntimeToolbarState, EditorRuntimeLayoutSnapshot, EditorRuntimePositionToken, EditorRuntimeFocusOptions, EditorRuntimeSaveOptions, EditorRuntimeExportOptions, EditorRuntimeNavigationTarget, EditorRuntimeEvent, EditorRuntimeListener, EditorRuntimeUnsubscribe, RuntimeJsonPrimitive, RuntimeJsonValue, RuntimeJsonObject, } from './types.js';
@@ -376,6 +376,12 @@ export type EditorRuntimeUnsubscribe = () => void;
376
376
  * synchronous so they can back existing synchronous shell APIs and Vue
377
377
  * computeds without forcing them async in current implementation.
378
378
  */
379
+ export interface EditorRuntimeUser {
380
+ name: string;
381
+ id?: string;
382
+ email?: string;
383
+ initials?: string;
384
+ }
379
385
  export interface EditorRuntime {
380
386
  readonly id: EditorRuntimeId;
381
387
  readonly kind: EditorRuntimeKind;
@@ -386,6 +392,7 @@ export interface EditorRuntime {
386
392
  getSnapshot(): EditorRuntimeSnapshot;
387
393
  setDocumentMode(mode: EditorRuntimeDocumentMode): void;
388
394
  getDocumentMode(): EditorRuntimeDocumentMode;
395
+ setUser?(user: EditorRuntimeUser): Promise<void>;
389
396
  setTrackedChangesRenderOptions(options?: {
390
397
  mode?: 'review' | 'original' | 'final' | 'off';
391
398
  enabled?: boolean;
@@ -1,4 +1,4 @@
1
- import { EditorRuntime, EditorRuntimeDocumentMode, EditorRuntimeId, EditorRuntimeState } from '../index.js';
1
+ import { EditorRuntime, EditorRuntimeDocumentMode, EditorRuntimeUser, EditorRuntimeId, EditorRuntimeState } from '../index.js';
2
2
  import { resolveV2DocxExportOptions } from '../../helpers/resolve-docx-export.js';
3
3
  type HostLifecycleState = EditorRuntimeState | 'ready';
4
4
  type HostCommandKind = 'text.insert' | 'text.replace' | 'text.deleteBackward' | 'text.deleteForward' | 'text.pastePlain' | 'history.undo' | 'history.redo' | 'structural.enter' | 'structural.listIndent' | 'structural.listOutdent' | string;
@@ -161,6 +161,7 @@ interface ModeAwareHostLike {
161
161
  subscribe(listener: (snapshot: HostSnapshotLike) => void): () => void;
162
162
  getDocumentMode(): EditorRuntimeDocumentMode;
163
163
  setDocumentMode(mode: EditorRuntimeDocumentMode): void;
164
+ setUser?(user: EditorRuntimeUser): Promise<void>;
164
165
  setTrackedChangesRenderOptions(options?: {
165
166
  mode?: 'review' | 'original' | 'final' | 'off';
166
167
  enabled?: boolean;
@@ -1,3 +1,11 @@
1
+ import { default as commentIconSvg } from '../../../shared/common/icons/comment-solid.svg?raw';
2
+ import { default as caretDownIconSvg } from '../../../shared/common/icons/caret-down-solid.svg?raw';
3
+ import { default as userCheckIconSvg } from '../../../shared/common/icons/user-check-solid.svg?raw';
4
+ import { default as usersIconSvg } from '../../../shared/common/icons/users-solid.svg?raw';
5
+ import { default as checkIconSvg } from '../../../shared/common/icons/check-solid.svg?raw';
6
+ import { default as xmarkIconSvg } from '../../../shared/common/icons/xmark-solid.svg?raw';
7
+ import { default as ellipsisVerticalSvg } from '../../../shared/common/icons/ellipsis-vertical-solid.svg?raw';
8
+ import { default as rotateLeftSvg } from '../../../shared/common/icons/rotate-left-solid.svg?raw';
1
9
  export namespace superdocIcons {
2
10
  export { commentIconSvg as comment };
3
11
  export { caretDownIconSvg as caretDown };
@@ -1,21 +1,82 @@
1
- declare const _default: import('vue').DefineComponent<{}, {
2
- target: Record<string, any>;
3
- doc: Record<string, any>;
4
- restoreSelection: Function;
1
+ import { PropType } from 'vue';
2
+ import { SelectionTarget } from '../../../../../document-api/src/index.js';
3
+ interface AiWriterDocument {
4
+ replace?: (input: {
5
+ target: SelectionTarget;
6
+ text: string;
7
+ }) => unknown;
8
+ insert?: (input: {
9
+ target?: SelectionTarget;
10
+ value: string;
11
+ type: 'text';
12
+ }) => unknown;
13
+ }
14
+ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
15
+ selectedText: {
16
+ type: StringConstructor;
17
+ default: string;
18
+ };
19
+ target: {
20
+ type: PropType<SelectionTarget | null>;
21
+ default: null;
22
+ };
23
+ doc: {
24
+ type: PropType<AiWriterDocument | null>;
25
+ default: null;
26
+ };
27
+ apiKey: {
28
+ type: StringConstructor;
29
+ default: string;
30
+ };
31
+ endpoint: {
32
+ type: StringConstructor;
33
+ default: string;
34
+ };
35
+ restoreSelection: {
36
+ type: PropType<() => void>;
37
+ default: null;
38
+ };
39
+ handleClose: {
40
+ type: PropType<() => void>;
41
+ required: true;
42
+ };
43
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
44
+ selectedText: {
45
+ type: StringConstructor;
46
+ default: string;
47
+ };
48
+ target: {
49
+ type: PropType<SelectionTarget | null>;
50
+ default: null;
51
+ };
52
+ doc: {
53
+ type: PropType<AiWriterDocument | null>;
54
+ default: null;
55
+ };
56
+ apiKey: {
57
+ type: StringConstructor;
58
+ default: string;
59
+ };
60
+ endpoint: {
61
+ type: StringConstructor;
62
+ default: string;
63
+ };
64
+ restoreSelection: {
65
+ type: PropType<() => void>;
66
+ default: null;
67
+ };
68
+ handleClose: {
69
+ type: PropType<() => void>;
70
+ required: true;
71
+ };
72
+ }>> & Readonly<{}>, {
73
+ target: SelectionTarget | null;
74
+ doc: AiWriterDocument | null;
75
+ restoreSelection: () => void;
5
76
  selectedText: string;
6
77
  endpoint: string;
7
78
  apiKey: string;
8
- handleClose: Function;
9
- $props: {
10
- readonly target?: Record<string, any> | undefined;
11
- readonly doc?: Record<string, any> | undefined;
12
- readonly restoreSelection?: Function | undefined;
13
- readonly selectedText?: string | undefined;
14
- readonly endpoint?: string | undefined;
15
- readonly apiKey?: string | undefined;
16
- readonly handleClose?: Function | undefined;
17
- };
18
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
79
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
19
80
  textareaRef: HTMLTextAreaElement;
20
81
  }, HTMLFormElement>;
21
82
  export default _default;
@@ -1,6 +1,8 @@
1
- declare const _default: import('vue').DefineComponent<{}, {
2
- $emit: (event: "select", ...args: any[]) => void;
3
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
1
+ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
2
+ select: (...args: any[]) => void;
3
+ }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
4
+ onSelect?: ((...args: any[]) => any) | undefined;
5
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
4
6
  alignmentButtonsRefs: HTMLDivElement[];
5
7
  }, HTMLDivElement>;
6
8
  export default _default;
@@ -1,9 +1,109 @@
1
- declare const _default: import('vue').DefineComponent<{}, {
2
- $emit: (event: "command" | "item-clicked" | "dropdown-update-show", ...args: any[]) => void;
3
- $props: {
4
- readonly [x: string]: any;
1
+ import { PropType, Ref, StyleValue } from 'vue';
2
+ import { default as ToolbarButton } from './ToolbarButton.vue.js';
3
+ import { default as ToolbarDropdown } from './ToolbarDropdown.vue.js';
4
+ import { default as FontFamilyCombobox } from './FontFamilyCombobox.vue';
5
+ type ButtonItem = InstanceType<typeof ToolbarButton>['$props']['toolbarItem'];
6
+ type ComboBoxProps = InstanceType<typeof FontFamilyCombobox>['$props'];
7
+ type ComboBoxItem = ComboBoxProps['item'];
8
+ type ComboBoxCommand = Parameters<NonNullable<ComboBoxProps['onCommand']>>[0];
9
+ type DropdownOption = NonNullable<InstanceType<typeof ToolbarDropdown>['$props']['options']>[number];
10
+ export interface ToolbarGroupItem extends ButtonItem {
11
+ type: string;
12
+ id: Ref<string>;
13
+ isNarrow: Ref<boolean | undefined>;
14
+ isWide: Ref<boolean | undefined>;
15
+ tooltip: Ref<string | undefined>;
16
+ argument: Ref<unknown>;
17
+ command?: unknown;
18
+ splitButtonCommand?: unknown;
19
+ restoreEditorFocus: boolean;
20
+ dropdownStyles: Ref<StyleValue | undefined>;
21
+ dropdownValueKey: Ref<string | undefined>;
22
+ selectedValue: Ref<string | number | null | undefined>;
23
+ nestedOptions: Ref<DropdownOption[]>;
24
+ }
25
+ export interface ToolbarGroupCommand {
26
+ item: ToolbarGroupItem | ComboBoxItem;
27
+ argument?: unknown;
28
+ option?: DropdownOption | ComboBoxCommand['option'];
29
+ }
30
+ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
31
+ toolbarItems: {
32
+ type: PropType<ToolbarGroupItem[]>;
33
+ required: true;
5
34
  };
6
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
35
+ overflowItems: {
36
+ type: PropType<ToolbarGroupItem[]>;
37
+ default: () => never[];
38
+ };
39
+ /**
40
+ * The font-family to use for UI elements like dropdowns and tooltips.
41
+ * This ensures consistent typography across toolbar UI components.
42
+ * @type {string}
43
+ * @default 'Arial, Helvetica, sans-serif'
44
+ */
45
+ uiFontFamily: {
46
+ type: StringConstructor;
47
+ default: string;
48
+ };
49
+ position: {
50
+ type: StringConstructor;
51
+ default: string;
52
+ };
53
+ fromOverflow: {
54
+ type: BooleanConstructor;
55
+ default: boolean;
56
+ };
57
+ compactSideGroups: {
58
+ type: BooleanConstructor;
59
+ default: boolean;
60
+ };
61
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
62
+ command: (payload: ToolbarGroupCommand) => any;
63
+ "item-clicked": () => any;
64
+ "dropdown-update-show": (open: boolean) => any;
65
+ }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
66
+ toolbarItems: {
67
+ type: PropType<ToolbarGroupItem[]>;
68
+ required: true;
69
+ };
70
+ overflowItems: {
71
+ type: PropType<ToolbarGroupItem[]>;
72
+ default: () => never[];
73
+ };
74
+ /**
75
+ * The font-family to use for UI elements like dropdowns and tooltips.
76
+ * This ensures consistent typography across toolbar UI components.
77
+ * @type {string}
78
+ * @default 'Arial, Helvetica, sans-serif'
79
+ */
80
+ uiFontFamily: {
81
+ type: StringConstructor;
82
+ default: string;
83
+ };
84
+ position: {
85
+ type: StringConstructor;
86
+ default: string;
87
+ };
88
+ fromOverflow: {
89
+ type: BooleanConstructor;
90
+ default: boolean;
91
+ };
92
+ compactSideGroups: {
93
+ type: BooleanConstructor;
94
+ default: boolean;
95
+ };
96
+ }>> & Readonly<{
97
+ onCommand?: ((payload: ToolbarGroupCommand) => any) | undefined;
98
+ "onItem-clicked"?: (() => any) | undefined;
99
+ "onDropdown-update-show"?: ((open: boolean) => any) | undefined;
100
+ }>, {
101
+ position: string;
102
+ uiFontFamily: string;
103
+ overflowItems: ToolbarGroupItem[];
104
+ fromOverflow: boolean;
105
+ compactSideGroups: boolean;
106
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
7
107
  buttonGroupRef: HTMLDivElement;
8
108
  toolbarItemRefs: HTMLDivElement[];
9
109
  }, HTMLDivElement>;
@@ -1,10 +1,24 @@
1
- declare const _default: import('vue').DefineComponent<{}, {
2
- $emit: (event: "select", ...args: any[]) => void;
3
- options?: unknown[] | undefined;
4
- $props: {
5
- readonly options?: unknown[] | undefined;
1
+ import { PropType } from 'vue';
2
+ interface DocumentModeOption {
3
+ label: string;
4
+ value: string;
5
+ icon: string;
6
+ description: string;
7
+ disabled?: boolean;
8
+ }
9
+ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
10
+ options: {
11
+ type: PropType<DocumentModeOption[]>;
6
12
  };
7
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
13
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
14
+ select: (...args: any[]) => void;
15
+ }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
16
+ options: {
17
+ type: PropType<DocumentModeOption[]>;
18
+ };
19
+ }>> & Readonly<{
20
+ onSelect?: ((...args: any[]) => any) | undefined;
21
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
8
22
  documentModeRefs: HTMLDivElement[];
9
23
  }, HTMLDivElement>;
10
24
  export default _default;
@@ -1,14 +1,46 @@
1
- declare const _default: import('vue').DefineComponent<{}, {
2
- $emit: (event: "select" | "clickoutside", ...args: any[]) => void;
3
- icons: unknown[];
1
+ import { PropType, Ref } from 'vue';
2
+ import { ColorOption } from './IconGridRow.vue.js';
3
+ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
4
+ icons: {
5
+ type: PropType<ColorOption[][]>;
6
+ required: true;
7
+ };
8
+ customIcons: {
9
+ type: PropType<ColorOption[][]>;
10
+ required: false;
11
+ };
12
+ activeColor: {
13
+ type: PropType<Ref<string | null | undefined>>;
14
+ required: false;
15
+ };
16
+ hasNoneIcon: {
17
+ type: BooleanConstructor;
18
+ required: false;
19
+ };
20
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
21
+ select: (...args: any[]) => void;
22
+ clickoutside: (...args: any[]) => void;
23
+ }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
24
+ icons: {
25
+ type: PropType<ColorOption[][]>;
26
+ required: true;
27
+ };
28
+ customIcons: {
29
+ type: PropType<ColorOption[][]>;
30
+ required: false;
31
+ };
32
+ activeColor: {
33
+ type: PropType<Ref<string | null | undefined>>;
34
+ required: false;
35
+ };
36
+ hasNoneIcon: {
37
+ type: BooleanConstructor;
38
+ required: false;
39
+ };
40
+ }>> & Readonly<{
41
+ onSelect?: ((...args: any[]) => any) | undefined;
42
+ onClickoutside?: ((...args: any[]) => any) | undefined;
43
+ }>, {
4
44
  hasNoneIcon: boolean;
5
- activeColor?: Record<string, any> | undefined;
6
- customIcons?: unknown[] | undefined;
7
- $props: {
8
- readonly icons?: unknown[] | undefined;
9
- readonly hasNoneIcon?: boolean | undefined;
10
- readonly activeColor?: Record<string, any> | undefined;
11
- readonly customIcons?: unknown[] | undefined;
12
- };
13
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
45
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
14
46
  export default _default;
@@ -1,12 +1,35 @@
1
- declare const _default: import('vue').DefineComponent<{}, {
2
- $emit: (event: "select" | "clickoutside", ...args: any[]) => void;
3
- icons: unknown[];
4
- activeColor?: Record<string, any> | undefined;
5
- $props: {
6
- readonly icons?: unknown[] | undefined;
7
- readonly activeColor?: Record<string, any> | undefined;
8
- };
9
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
1
+ import { PropType, Ref } from 'vue';
2
+ export interface ColorOption {
3
+ label: string;
4
+ icon: string;
5
+ value: string;
6
+ style: Record<string, string>;
7
+ }
8
+ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
9
+ icons: {
10
+ type: PropType<ColorOption[][]>;
11
+ required: true;
12
+ };
13
+ activeColor: {
14
+ type: PropType<Ref<string | null | undefined>>;
15
+ required: false;
16
+ };
17
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
18
+ select: (...args: any[]) => void;
19
+ clickoutside: (...args: any[]) => void;
20
+ }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
21
+ icons: {
22
+ type: PropType<ColorOption[][]>;
23
+ required: true;
24
+ };
25
+ activeColor: {
26
+ type: PropType<Ref<string | null | undefined>>;
27
+ required: false;
28
+ };
29
+ }>> & Readonly<{
30
+ onSelect?: ((...args: any[]) => any) | undefined;
31
+ onClickoutside?: ((...args: any[]) => any) | undefined;
32
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
10
33
  rowRefs: HTMLDivElement[];
11
34
  iconRefs: HTMLDivElement[];
12
35
  }, any>;
@@ -1,14 +1,43 @@
1
- declare const _default: import('vue').DefineComponent<{}, {
2
- $emit: (event: "select", ...args: any[]) => void;
3
- buttons: unknown[];
4
- selectedStyle: string;
5
- iconSize: number;
6
- $props: {
7
- readonly buttons?: unknown[] | undefined;
8
- readonly selectedStyle?: string | undefined;
9
- readonly iconSize?: number | undefined;
1
+ import { PropType } from 'vue';
2
+ interface StyleButton {
3
+ key: string;
4
+ icon: string;
5
+ ariaLabel: string;
6
+ }
7
+ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
8
+ buttons: {
9
+ type: PropType<StyleButton[]>;
10
+ required: true;
11
+ };
12
+ selectedStyle: {
13
+ type: PropType<string | null>;
14
+ default: null;
15
+ };
16
+ iconSize: {
17
+ type: NumberConstructor;
18
+ default: number;
19
+ };
20
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
21
+ select: (...args: any[]) => void;
22
+ }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
23
+ buttons: {
24
+ type: PropType<StyleButton[]>;
25
+ required: true;
10
26
  };
11
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
27
+ selectedStyle: {
28
+ type: PropType<string | null>;
29
+ default: null;
30
+ };
31
+ iconSize: {
32
+ type: NumberConstructor;
33
+ default: number;
34
+ };
35
+ }>> & Readonly<{
36
+ onSelect?: ((...args: any[]) => any) | undefined;
37
+ }>, {
38
+ selectedStyle: string | null;
39
+ iconSize: number;
40
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
12
41
  buttonRefs: HTMLDivElement[];
13
42
  }, HTMLDivElement>;
14
43
  export default _default;
@@ -1,8 +1,26 @@
1
- declare const _default: import('vue').DefineComponent<{}, {
2
- $emit: (event: "select", ...args: any[]) => void;
3
- options?: unknown[] | undefined;
4
- $props: {
5
- readonly options?: unknown[] | undefined;
1
+ import { PropType } from 'vue';
2
+ interface TableActionOption {
3
+ label: string;
4
+ command: string;
5
+ icon: string;
6
+ disabled?: boolean;
7
+ bottomBorder?: boolean;
8
+ props?: {
9
+ 'data-item'?: string;
10
+ ariaLabel?: string;
6
11
  };
7
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
12
+ }
13
+ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
14
+ options: {
15
+ type: PropType<TableActionOption[]>;
16
+ };
17
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
18
+ select: (...args: any[]) => void;
19
+ }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
20
+ options: {
21
+ type: PropType<TableActionOption[]>;
22
+ };
23
+ }>> & Readonly<{
24
+ onSelect?: ((...args: any[]) => any) | undefined;
25
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
8
26
  export default _default;
@@ -1,6 +1,10 @@
1
- declare const _default: import('vue').DefineComponent<{}, {
2
- $emit: (event: "select" | "clickoutside", ...args: any[]) => void;
3
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
1
+ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
2
+ select: (...args: any[]) => void;
3
+ clickoutside: (...args: any[]) => void;
4
+ }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
5
+ onSelect?: ((...args: any[]) => any) | undefined;
6
+ onClickoutside?: ((...args: any[]) => any) | undefined;
7
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
4
8
  tableGridItems: HTMLDivElement[];
5
9
  }, HTMLDivElement>;
6
10
  export default _default;
@@ -10,7 +10,7 @@ interface ComboBoxOption {
10
10
  }
11
11
  interface ComboBoxItem {
12
12
  id?: Ref<string>;
13
- name?: Ref<string>;
13
+ name: Ref<string>;
14
14
  label?: Ref<string | number | null | undefined>;
15
15
  disabled?: Ref<boolean | undefined>;
16
16
  attributes?: Ref<{