@fastkit/vui 0.6.33 → 0.6.37

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.
package/dist/vui.d.ts CHANGED
@@ -1,14 +1,20 @@
1
1
  import { AllowedComponentProps } from 'vue';
2
2
  import { App } from 'vue';
3
+ import { BoldOptions } from '@tiptap/extension-bold';
4
+ import { BulletListOptions } from '@tiptap/extension-bullet-list';
5
+ import { ChainedCommands } from '@tiptap/vue-3';
3
6
  import { ColorVariant , ThemeName, PaletteName, ScopeName } from '@fastkit/color-scheme';
4
7
  import { ComponentCustomProps } from 'vue';
5
8
  import { ComponentOptionsMixin } from 'vue';
6
9
  import { ComputedRef } from 'vue';
7
10
  import { CSSProperties } from 'vue';
8
11
  import { DefineComponent } from 'vue';
12
+ import { Editor } from '@tiptap/vue-3';
9
13
  import { EmitsOptions } from 'vue';
14
+ import { Extensions } from '@tiptap/vue-3';
10
15
  import { ExtractPropInput } from '@fastkit/vue-utils';
11
16
  import { ExtractPropTypes } from 'vue';
17
+ import { FocusPosition } from '@tiptap/vue-3';
12
18
  import { FormAction } from '@fastkit/vue-kit';
13
19
  import { FormAutoCapitalize } from '@fastkit/vue-kit';
14
20
  import { FormControlSlots } from '@fastkit/vue-kit';
@@ -19,15 +25,19 @@ import { FormSelectorItemControl } from '@fastkit/vue-kit';
19
25
  import { FormSelectorItemData } from '@fastkit/vue-kit';
20
26
  import { FormSelectorItemGroupControl } from '@fastkit/vue-kit';
21
27
  import { FormSelectorValue } from '@fastkit/vue-kit';
28
+ import { HistoryOptions } from '@tiptap/extension-history';
22
29
  import { ICON_NAMES , IconName } from '@fastkit/icon-font';
23
30
  import { IconName } from '@fastkit/icon-font';
24
31
  import { IMaskEvent } from '@fastkit/vue-kit';
25
32
  import { IMaskTypedValue } from '@fastkit/vue-kit';
26
33
  import { InjectionKey } from 'vue';
34
+ import { ItalicOptions } from '@tiptap/extension-italic';
35
+ import { LinkOptions } from '@tiptap/extension-link';
27
36
  import { LocationService } from '@fastkit/vue-utils';
28
37
  import { NavigationableInheritProps } from '@fastkit/vue-utils';
29
38
  import { NavigationFailure } from 'vue-router';
30
39
  import { Numberish } from '@fastkit/vue-kit';
40
+ import { OrderedListOptions } from '@tiptap/extension-ordered-list';
31
41
  import { Prop } from 'vue';
32
42
  import { PropType } from 'vue';
33
43
  import { RawTextableFinishingProp } from '@fastkit/vue-kit';
@@ -50,18 +60,21 @@ import { TextareaAutosizeSettings } from '@fastkit/vue-kit';
50
60
  import { TextareaControl } from '@fastkit/vue-kit';
51
61
  import { TextInputControl } from '@fastkit/vue-kit';
52
62
  import { TypedSlot } from '@fastkit/vue-kit';
63
+ import { UnderlineOptions } from '@tiptap/extension-underline';
53
64
  import { useLink } from 'vue-router';
54
65
  import { ValidateTiming } from '@fastkit/vue-kit';
55
66
  import { ValidationResult } from '@fastkit/vue-kit';
56
67
  import { VDialog } from '@fastkit/vue-kit';
68
+ import { VDialogProps } from '@fastkit/vue-kit';
57
69
  import { VMenu } from '@fastkit/vue-kit';
58
70
  import { VNode } from 'vue';
59
71
  import { VNodeChild } from 'vue';
60
72
  import { VNodeChildOrSlot } from '@fastkit/vue-kit';
61
73
  import { VNodeProps } from 'vue';
62
74
  import { VSnackbar } from '@fastkit/vue-kit';
63
- import type { VueColorSchemePluginSettings } from '@fastkit/vue-kit';
75
+ import { VueColorSchemePluginSettings } from '@fastkit/vue-kit';
64
76
  import { VueForm } from '@fastkit/vue-kit';
77
+ import { VueStackService } from '@fastkit/vue-kit';
65
78
  import { VueStackServiceOptions } from '@fastkit/vue-kit';
66
79
  import { WritableComputedRef } from 'vue';
67
80
 
@@ -253,6 +266,78 @@ export declare function createPaperProps(): {
253
266
  elevation: PropType<VuiElevationValue>;
254
267
  };
255
268
 
269
+ declare function createTextFieldProps(): {
270
+ 'v-slots': PropType<ResolveRawSlots<FormControlSlots & InputBoxSlots>>;
271
+ size: {
272
+ type: PropType<"sm" | "md" | "lg">;
273
+ validator: (value: any) => boolean;
274
+ };
275
+ variant: {
276
+ type: PropType<"flat" | "outlined" | "filled">;
277
+ validator: (value: any) => boolean;
278
+ };
279
+ startAdornment: PropType<VNodeChildOrSlot<any>>;
280
+ endAdornment: PropType<VNodeChildOrSlot<any>>;
281
+ tabindex: {
282
+ type: (StringConstructor | NumberConstructor)[];
283
+ default: number;
284
+ };
285
+ nodeControl: PropType<FormNodeControl<any, any>>;
286
+ label: PropType<VNodeChildOrSlot<any>>;
287
+ hint: PropType<VNodeChildOrSlot<any>>;
288
+ infoAppends: PropType<VNodeChildOrSlot<any>>;
289
+ validating: BooleanConstructor;
290
+ pending: BooleanConstructor;
291
+ focused: BooleanConstructor;
292
+ dirty: BooleanConstructor;
293
+ pristine: BooleanConstructor;
294
+ errors: {
295
+ type: PropType<FormNodeError[]>;
296
+ default: () => FormNodeError[];
297
+ };
298
+ disabled: BooleanConstructor;
299
+ readonly: BooleanConstructor;
300
+ touched: BooleanConstructor;
301
+ untouched: BooleanConstructor;
302
+ required: BooleanConstructor;
303
+ invalid: BooleanConstructor;
304
+ valid: BooleanConstructor;
305
+ hiddenInfo: BooleanConstructor;
306
+ type: {
307
+ type: PropType<"number" | "search" | "email" | "tel" | "url" | "color" | "date" | "datetime-local" | "month" | "password" | "text" | "time">;
308
+ default: string;
309
+ };
310
+ masked: StringConstructor;
311
+ typed: (StringConstructor | NumberConstructor | DateConstructor)[];
312
+ unmasked: StringConstructor;
313
+ mask: PropType<any>;
314
+ minlength: (StringConstructor | NumberConstructor)[];
315
+ maxlength: (StringConstructor | NumberConstructor)[];
316
+ pattern: (StringConstructor | RegExpConstructor)[];
317
+ placeholder: StringConstructor;
318
+ autocapitalize: PropType<FormAutoCapitalize>;
319
+ finishings: PropType<RawTextableFinishingProp>;
320
+ counter: PropType<string | number | boolean>;
321
+ counterValue: PropType<(value: string) => number>;
322
+ limit: BooleanConstructor;
323
+ autocomplete: PropType<boolean | "name" | "off" | "on" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "email" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "language" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "impp" | "url" | "photo">;
324
+ name: StringConstructor;
325
+ modelValue: Prop<string, string>;
326
+ autofocus: BooleanConstructor;
327
+ spellcheck: BooleanConstructor;
328
+ viewonly: BooleanConstructor;
329
+ validateTiming: {
330
+ type: PropType<ValidateTiming>;
331
+ default: ValidateTiming;
332
+ };
333
+ rules: {
334
+ type: PropType<RecursiveArray<Rule<any>>>;
335
+ default: () => never[];
336
+ };
337
+ error: BooleanConstructor;
338
+ errorMessages: PropType<string | string[]>;
339
+ };
340
+
256
341
  declare const DATA_TABLE_DEFAULTS: {
257
342
  itemKey: string;
258
343
  pageQuery: string;
@@ -623,6 +708,10 @@ export declare type RawVButtonIcon = IconName | VButtonIcon;
623
708
 
624
709
  export declare type RawVButtonSpacer = boolean | VButtonSpacer;
625
710
 
711
+ export declare type RawVuiPromptOptions = string | VuiPromptOptions;
712
+
713
+ declare type RawWysiwygEditorTool = WysiwygEditorTool | WysiwygEditorToolFactory<any>;
714
+
626
715
  declare type RecursiveArray<T> = T | RecursiveArray<T>[];
627
716
 
628
717
  export declare function renderNavigationItemInput(input: NavigationItemInput, extraProps?: Record<string, unknown> & VNodeProps): JSX.Element;
@@ -697,6 +786,8 @@ declare interface RuleValidateOptions {
697
786
  eachPrefix?: string;
698
787
  }
699
788
 
789
+ export declare type TextFieldInput = ExtractPropInput<ReturnType<typeof createTextFieldProps>>;
790
+
700
791
  declare type ToggleableIconHook = (gen: IconGenerator, ctx: boolean) => VNodeChild;
701
792
 
702
793
  export declare function useControl(props: ControlProps, opts?: UseControlProviderOptions): ControlProvider;
@@ -879,6 +970,38 @@ export declare const VButton: DefineComponent<{
879
970
  ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined;
880
971
  }>;
881
972
 
973
+ export declare const VButtonGroup: DefineComponent<{
974
+ disabled: BooleanConstructor;
975
+ size: {
976
+ type: PropType<"sm" | "md" | "lg">;
977
+ validator: (value: any) => boolean;
978
+ };
979
+ variant: PropType<ColorVariant>;
980
+ theme: PropType<ThemeName>;
981
+ color: PropType<ScopeName>;
982
+ textColor: PropType<PaletteName>;
983
+ borderColor: PropType<PaletteName>;
984
+ }, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
985
+ disabled?: unknown;
986
+ size?: unknown;
987
+ variant?: unknown;
988
+ theme?: unknown;
989
+ color?: unknown;
990
+ textColor?: unknown;
991
+ borderColor?: unknown;
992
+ } & {
993
+ disabled: boolean;
994
+ } & {
995
+ theme?: ThemeName | undefined;
996
+ color?: ScopeName | undefined;
997
+ textColor?: PaletteName | undefined;
998
+ borderColor?: PaletteName | undefined;
999
+ size?: "sm" | "md" | "lg" | undefined;
1000
+ variant?: ColorVariant | undefined;
1001
+ }>, {
1002
+ disabled: boolean;
1003
+ }>;
1004
+
882
1005
  export declare type VButtonIcon = () => VNodeChild;
883
1006
 
884
1007
  export declare type VButtonProps = ExtractPropInput<typeof vueButtonProps>;
@@ -1483,6 +1606,7 @@ export declare const VDrawerLayout: DefineComponent<{
1483
1606
  }>;
1484
1607
 
1485
1608
  export declare const VForm: DefineComponent<{
1609
+ disableAutoScroll: BooleanConstructor;
1486
1610
  'v-slots': PropType<ResolveRawSlots<VFormSlots>>;
1487
1611
  size: {
1488
1612
  type: PropType<"sm" | "md" | "lg">;
@@ -1568,6 +1692,7 @@ export declare const VForm: DefineComponent<{
1568
1692
  focus: (ev: FocusEvent) => boolean;
1569
1693
  blur: (ev: FocusEvent) => boolean;
1570
1694
  }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
1695
+ disableAutoScroll?: unknown;
1571
1696
  'v-slots'?: unknown;
1572
1697
  size?: unknown;
1573
1698
  action?: unknown;
@@ -1599,6 +1724,7 @@ export declare const VForm: DefineComponent<{
1599
1724
  rules: RecursiveArray<Rule<any>>;
1600
1725
  submiting: boolean;
1601
1726
  autoValidate: boolean;
1727
+ disableAutoScroll: boolean;
1602
1728
  } & {
1603
1729
  name?: string | undefined;
1604
1730
  modelValue?: unknown;
@@ -1627,6 +1753,7 @@ export declare const VForm: DefineComponent<{
1627
1753
  rules: RecursiveArray<Rule<any>>;
1628
1754
  submiting: boolean;
1629
1755
  autoValidate: boolean;
1756
+ disableAutoScroll: boolean;
1630
1757
  }>;
1631
1758
 
1632
1759
  export declare interface VFormSlots {
@@ -3969,6 +4096,8 @@ export declare const VUI_TEXT_FIELD_SYMBOL = "vui-text-field";
3969
4096
 
3970
4097
  export declare const VUI_TEXTAREA_SYMBOL = "vui-textarea";
3971
4098
 
4099
+ export declare const VUI_WYSIWYG_EDITOR_SYMBOL = "vui-wysiwyg-editor";
4100
+
3972
4101
  export declare interface VuiColorProvider {
3973
4102
  primary: ComputedRef<ScopeName>;
3974
4103
  error: ComputedRef<ScopeName>;
@@ -3997,6 +4126,12 @@ export declare interface VuiPluginOptions extends VuiServiceOptions {
3997
4126
  export declare interface VuiPluginStackOptions extends VueStackServiceOptions {
3998
4127
  }
3999
4128
 
4129
+ export declare interface VuiPromptOptions extends Partial<VDialogProps> {
4130
+ input?: Omit<TextFieldInput, 'modelValue'> & {
4131
+ initialValue?: string;
4132
+ };
4133
+ }
4134
+
4000
4135
  export declare class VuiService {
4001
4136
  readonly options: VuiServiceOptions;
4002
4137
  readonly selectionSeparator: VuiVNodeResolver;
@@ -4005,7 +4140,8 @@ export declare class VuiService {
4005
4140
  readonly requiredChip?: VuiVNodeResolver;
4006
4141
  readonly router: Router;
4007
4142
  readonly location: LocationService;
4008
- constructor(options: VuiServiceOptions);
4143
+ readonly stack: VueStackService;
4144
+ constructor(options: VuiServiceOptions, stackService: VueStackService);
4009
4145
  configure(options?: Partial<VuiServiceOptions>): void;
4010
4146
  getRouterLink(): {
4011
4147
  new (): {
@@ -4030,6 +4166,11 @@ export declare class VuiService {
4030
4166
  icon<K extends keyof VuiServiceIconSettings>(iconType: K): VuiServiceIconSettings[K];
4031
4167
  getAutoScrollToElementOffsetTop(): number;
4032
4168
  getRequiredChip(): VNodeChild;
4169
+ dialog(...args: Parameters<VueStackService['dialog']>): Promise<any>;
4170
+ alert(...args: Parameters<VueStackService['alert']>): Promise<any>;
4171
+ confirm(...args: Parameters<VueStackService['confirm']>): Promise<any>;
4172
+ snackbar(...args: Parameters<VueStackService['snackbar']>): Promise<any>;
4173
+ prompt(rawOptions?: RawVuiPromptOptions): Promise<any>;
4033
4174
  }
4034
4175
 
4035
4176
  export declare interface VuiServiceIconSettings {
@@ -4038,6 +4179,16 @@ export declare interface VuiServiceIconSettings {
4038
4179
  prev: RawIconProp;
4039
4180
  next: RawIconProp;
4040
4181
  sort: RawIconProp;
4182
+ editorTextColor: IconName;
4183
+ editorformatBold: IconName;
4184
+ editorformatUnderline: IconName;
4185
+ editorformatItalic: IconName;
4186
+ editorformatListBulleted: IconName;
4187
+ editorformatListNumbered: IconName;
4188
+ editorLink: IconName;
4189
+ editorLinkOff: IconName;
4190
+ editorUndo: IconName;
4191
+ editorRedo: IconName;
4041
4192
  }
4042
4193
 
4043
4194
  export declare interface VuiServiceOptions {
@@ -4080,6 +4231,293 @@ export declare interface VuiServiceUISettings {
4080
4231
 
4081
4232
  export declare type VuiVNodeResolver = () => VNodeChild;
4082
4233
 
4234
+ export declare const VWysiwygEditor: DefineComponent<{
4235
+ tools: {
4236
+ type: PropType<RawWysiwygEditorTool[]>;
4237
+ default: () => never[];
4238
+ };
4239
+ floatingToolbar: BooleanConstructor;
4240
+ disabledMinHeight: BooleanConstructor;
4241
+ disabledMaxHeight: BooleanConstructor;
4242
+ 'v-slots': PropType<ResolveRawSlots<FormControlSlots & InputBoxSlots>>;
4243
+ size: {
4244
+ type: PropType<"sm" | "md" | "lg">;
4245
+ validator: (value: any) => boolean;
4246
+ };
4247
+ variant: {
4248
+ type: PropType<"flat" | "outlined" | "filled">;
4249
+ validator: (value: any) => boolean;
4250
+ };
4251
+ startAdornment: PropType<VNodeChildOrSlot<any>>;
4252
+ endAdornment: PropType<VNodeChildOrSlot<any>>;
4253
+ tabindex: {
4254
+ type: (StringConstructor | NumberConstructor)[];
4255
+ default: number;
4256
+ };
4257
+ nodeControl: PropType<FormNodeControl<any, any>>;
4258
+ label: PropType<VNodeChildOrSlot<any>>;
4259
+ hint: PropType<VNodeChildOrSlot<any>>;
4260
+ infoAppends: PropType<VNodeChildOrSlot<any>>;
4261
+ validating: BooleanConstructor;
4262
+ pending: BooleanConstructor;
4263
+ focused: BooleanConstructor;
4264
+ dirty: BooleanConstructor;
4265
+ pristine: BooleanConstructor;
4266
+ errors: {
4267
+ type: PropType<FormNodeError[]>;
4268
+ default: () => FormNodeError[];
4269
+ };
4270
+ disabled: BooleanConstructor;
4271
+ readonly: BooleanConstructor;
4272
+ touched: BooleanConstructor;
4273
+ untouched: BooleanConstructor;
4274
+ required: BooleanConstructor;
4275
+ invalid: BooleanConstructor;
4276
+ valid: BooleanConstructor;
4277
+ hiddenInfo: BooleanConstructor;
4278
+ minlength: (StringConstructor | NumberConstructor)[];
4279
+ maxlength: (StringConstructor | NumberConstructor)[];
4280
+ pattern: (StringConstructor | RegExpConstructor)[];
4281
+ placeholder: StringConstructor;
4282
+ autocapitalize: PropType<FormAutoCapitalize>;
4283
+ finishings: PropType<RawTextableFinishingProp>;
4284
+ counter: PropType<string | number | boolean>;
4285
+ counterValue: PropType<(value: string) => number>;
4286
+ limit: BooleanConstructor;
4287
+ autocomplete: PropType<boolean | "name" | "off" | "on" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "email" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "language" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "impp" | "url" | "photo">;
4288
+ name: StringConstructor;
4289
+ modelValue: Prop<string, string>;
4290
+ autofocus: BooleanConstructor;
4291
+ spellcheck: BooleanConstructor;
4292
+ viewonly: BooleanConstructor;
4293
+ validateTiming: {
4294
+ type: PropType<ValidateTiming>;
4295
+ default: ValidateTiming;
4296
+ };
4297
+ rules: {
4298
+ type: PropType<RecursiveArray<Rule<any>>>;
4299
+ default: () => never[];
4300
+ };
4301
+ error: BooleanConstructor;
4302
+ errorMessages: PropType<string | string[]>;
4303
+ }, {
4304
+ focus: (position?: FocusPosition | undefined, options?: {
4305
+ scrollIntoView?: boolean | undefined;
4306
+ } | undefined) => ChainedCommands;
4307
+ blur: () => ChainedCommands;
4308
+ createTools: (bubbleMenu?: boolean) => JSX.Element;
4309
+ parentControl: ControlProvider | null;
4310
+ size: ComputedRef<"sm" | "md" | "lg">;
4311
+ classes: ComputedRef<any>;
4312
+ computedMinlength: ComputedRef<number | undefined>;
4313
+ computedMaxlength: ComputedRef<number | undefined>;
4314
+ computedPattern: ComputedRef<string | RegExp | undefined>;
4315
+ computedPlaceholder: ComputedRef<string | undefined>;
4316
+ computedAutocapitalize: ComputedRef<FormAutoCapitalize | undefined>;
4317
+ counterSettings: ComputedRef<TextableCounterSettings | undefined>;
4318
+ counterResult: ComputedRef<TextableCounterResult | undefined>;
4319
+ computedAutocomplete: ComputedRef<"name" | "off" | "on" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "email" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "language" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "impp" | "url" | "photo" | undefined>;
4320
+ nodeControl: FormNodeControl<any, any>;
4321
+ currentValue: WritableComputedRef<string>;
4322
+ computedTabindex: ComputedRef<number>;
4323
+ validating: Ref<boolean>;
4324
+ autofocus: boolean;
4325
+ pending: ComputedRef<boolean>;
4326
+ focused: ComputedRef<boolean>;
4327
+ initialValue: Ref<string>;
4328
+ dirty: ComputedRef<boolean>;
4329
+ pristine: ComputedRef<boolean>;
4330
+ propRules: ComputedRef<RecursiveArray<Rule<any>>>;
4331
+ isRequired: ComputedRef<boolean>;
4332
+ errors: ComputedRef<FormNodeError[]>;
4333
+ firstError: ComputedRef<FormNodeError | undefined>;
4334
+ hasMyError: ComputedRef<boolean>;
4335
+ hasError: ComputedRef<boolean>;
4336
+ isDisabled: ComputedRef<boolean>;
4337
+ isReadonly: ComputedRef<boolean>;
4338
+ canOperation: ComputedRef<boolean>;
4339
+ touched: ComputedRef<boolean>;
4340
+ untouched: ComputedRef<boolean>;
4341
+ isDestroyed: ComputedRef<boolean>;
4342
+ invalid: ComputedRef<boolean>;
4343
+ valid: ComputedRef<boolean>;
4344
+ shouldValidate: ComputedRef<boolean>;
4345
+ spellcheck: ComputedRef<boolean>;
4346
+ submiting: ComputedRef<boolean>;
4347
+ validateSelf: (force?: boolean | undefined) => Promise<ValidationResult>;
4348
+ validate: () => Promise<boolean>;
4349
+ editor: Ref<Editor>;
4350
+ }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
4351
+ 'update:modelValue': (value: string) => boolean;
4352
+ 'update:errors': (errors: FormNodeError[]) => boolean;
4353
+ change: (value: string) => boolean;
4354
+ focus: (ev: FocusEvent) => boolean;
4355
+ blur: (ev: FocusEvent) => boolean;
4356
+ }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
4357
+ tools?: unknown;
4358
+ floatingToolbar?: unknown;
4359
+ disabledMinHeight?: unknown;
4360
+ disabledMaxHeight?: unknown;
4361
+ 'v-slots'?: unknown;
4362
+ size?: unknown;
4363
+ variant?: unknown;
4364
+ startAdornment?: unknown;
4365
+ endAdornment?: unknown;
4366
+ tabindex?: unknown;
4367
+ nodeControl?: unknown;
4368
+ label?: unknown;
4369
+ hint?: unknown;
4370
+ infoAppends?: unknown;
4371
+ validating?: unknown;
4372
+ pending?: unknown;
4373
+ focused?: unknown;
4374
+ dirty?: unknown;
4375
+ pristine?: unknown;
4376
+ errors?: unknown;
4377
+ disabled?: unknown;
4378
+ readonly?: unknown;
4379
+ touched?: unknown;
4380
+ untouched?: unknown;
4381
+ required?: unknown;
4382
+ invalid?: unknown;
4383
+ valid?: unknown;
4384
+ hiddenInfo?: unknown;
4385
+ minlength?: unknown;
4386
+ maxlength?: unknown;
4387
+ pattern?: unknown;
4388
+ placeholder?: unknown;
4389
+ autocapitalize?: unknown;
4390
+ finishings?: unknown;
4391
+ counter?: unknown;
4392
+ counterValue?: unknown;
4393
+ limit?: unknown;
4394
+ autocomplete?: unknown;
4395
+ name?: unknown;
4396
+ modelValue?: unknown;
4397
+ autofocus?: unknown;
4398
+ spellcheck?: unknown;
4399
+ viewonly?: unknown;
4400
+ validateTiming?: unknown;
4401
+ rules?: unknown;
4402
+ error?: unknown;
4403
+ errorMessages?: unknown;
4404
+ } & {
4405
+ autofocus: boolean;
4406
+ disabled: boolean;
4407
+ readonly: boolean;
4408
+ spellcheck: boolean;
4409
+ viewonly: boolean;
4410
+ required: boolean;
4411
+ error: boolean;
4412
+ tabindex: string | number;
4413
+ validateTiming: ValidateTiming;
4414
+ rules: RecursiveArray<Rule<any>>;
4415
+ limit: boolean;
4416
+ validating: boolean;
4417
+ pending: boolean;
4418
+ focused: boolean;
4419
+ dirty: boolean;
4420
+ pristine: boolean;
4421
+ touched: boolean;
4422
+ untouched: boolean;
4423
+ invalid: boolean;
4424
+ valid: boolean;
4425
+ hiddenInfo: boolean;
4426
+ errors: FormNodeError[];
4427
+ tools: RawWysiwygEditorTool[];
4428
+ floatingToolbar: boolean;
4429
+ disabledMinHeight: boolean;
4430
+ disabledMaxHeight: boolean;
4431
+ } & {
4432
+ name?: string | undefined;
4433
+ modelValue?: string | undefined;
4434
+ errorMessages?: string | string[] | undefined;
4435
+ autocomplete?: boolean | "name" | "off" | "on" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "email" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "language" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "impp" | "url" | "photo" | undefined;
4436
+ placeholder?: string | undefined;
4437
+ minlength?: string | number | undefined;
4438
+ maxlength?: string | number | undefined;
4439
+ pattern?: string | RegExp | undefined;
4440
+ autocapitalize?: FormAutoCapitalize | undefined;
4441
+ finishings?: RawTextableFinishingProp | undefined;
4442
+ counter?: string | number | boolean | undefined;
4443
+ counterValue?: ((value: string) => number) | undefined;
4444
+ nodeControl?: FormNodeControl<any, any> | undefined;
4445
+ label?: VNodeChildOrSlot<any>;
4446
+ hint?: VNodeChildOrSlot<any>;
4447
+ infoAppends?: VNodeChildOrSlot<any>;
4448
+ startAdornment?: VNodeChildOrSlot<any>;
4449
+ endAdornment?: VNodeChildOrSlot<any>;
4450
+ variant?: "flat" | "outlined" | "filled" | undefined;
4451
+ size?: "sm" | "md" | "lg" | undefined;
4452
+ "v-slots"?: ResolveRawSlots<FormControlSlots & InputBoxSlots> | undefined;
4453
+ }> & {
4454
+ onBlur?: ((ev: FocusEvent) => any) | undefined;
4455
+ onChange?: ((value: string) => any) | undefined;
4456
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
4457
+ "onUpdate:errors"?: ((errors: FormNodeError[]) => any) | undefined;
4458
+ onFocus?: ((ev: FocusEvent) => any) | undefined;
4459
+ }, {
4460
+ autofocus: boolean;
4461
+ disabled: boolean;
4462
+ readonly: boolean;
4463
+ spellcheck: boolean;
4464
+ viewonly: boolean;
4465
+ required: boolean;
4466
+ error: boolean;
4467
+ tabindex: string | number;
4468
+ validateTiming: ValidateTiming;
4469
+ rules: RecursiveArray<Rule<any>>;
4470
+ limit: boolean;
4471
+ validating: boolean;
4472
+ pending: boolean;
4473
+ focused: boolean;
4474
+ dirty: boolean;
4475
+ pristine: boolean;
4476
+ touched: boolean;
4477
+ untouched: boolean;
4478
+ invalid: boolean;
4479
+ valid: boolean;
4480
+ hiddenInfo: boolean;
4481
+ errors: FormNodeError[];
4482
+ tools: RawWysiwygEditorTool[];
4483
+ floatingToolbar: boolean;
4484
+ disabledMinHeight: boolean;
4485
+ disabledMaxHeight: boolean;
4486
+ }>;
4487
+
4488
+ export declare const WysiwygBulletListTool: WysiwygEditorToolFactory<BulletListOptions>;
4489
+
4490
+ declare interface WysiwygEditorContext {
4491
+ editor: Editor;
4492
+ vui: VuiService;
4493
+ }
4494
+
4495
+ declare interface WysiwygEditorTool {
4496
+ key: string;
4497
+ icon: IconName | ((ctx: WysiwygEditorContext) => IconName);
4498
+ active?: boolean | ((ctx: WysiwygEditorContext) => boolean);
4499
+ disabled?: boolean | ((ctx: WysiwygEditorContext) => boolean);
4500
+ onClick: (ctx: WysiwygEditorContext, ev: MouseEvent) => any;
4501
+ floating?: boolean;
4502
+ extensions?: Extensions;
4503
+ }
4504
+
4505
+ declare type WysiwygEditorToolFactory<Options = void> = (vui: VuiService, options?: Options) => WysiwygEditorTool | WysiwygEditorTool[];
4506
+
4507
+ export declare const WysiwygFormatBoldTool: WysiwygEditorToolFactory<BoldOptions>;
4508
+
4509
+ export declare const WysiwygFormatItalicTool: WysiwygEditorToolFactory<ItalicOptions>;
4510
+
4511
+ export declare const WysiwygFormatUnderlineTool: WysiwygEditorToolFactory<UnderlineOptions>;
4512
+
4513
+ export declare const WysiwygHistoryTool: WysiwygEditorToolFactory<HistoryOptions>;
4514
+
4515
+ export declare const WysiwygLinkTool: WysiwygEditorToolFactory<LinkOptions>;
4516
+
4517
+ export declare const WysiwygOrderedListTool: WysiwygEditorToolFactory<OrderedListOptions>;
4518
+
4519
+ export declare const WysiwygTextColorTool: WysiwygEditorToolFactory;
4520
+
4083
4521
 
4084
4522
  export * from "@fastkit/vue-kit";
4085
4523
  export * from "@fastkit/vue-loading";