@fastkit/vui-wysiwyg 0.0.1

package/dist/vui-wysiwyg.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/extensions/linter/Linter.scss","../src/tools/color.scss","../src/components/VWysiwygEditor/VWysiwygEditor.scss"],"sourcesContent":["@layer vui {\n  .v-linter {\n    &__problem {\n      margin-bottom: -1px;\n      cursor: help;\n      background: var(--deep-color);\n      border-bottom: 1px solid var(--main-color);\n    }\n\n    &__issue-icon {\n      position: absolute;\n      right: 2px;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: 1.2em;\n      height: 1.2em;\n      margin-top: 0.2em;\n      // padding-left: 0.5px;\n      font-family: times, georgia, serif;\n      font-size: 15px;\n      font-weight: 700;\n      line-height: 1;\n      color: var(--text-color);\n      text-align: center;\n      cursor: pointer;\n      background: var(--main-color);\n      border-radius: 100px;\n\n      &::before {\n        content: '!';\n      }\n    }\n\n    &__issue-menu-wrapper {\n      position: relative;\n      display: inline-block;\n      width: 0px;\n      height: 1em;\n      overflow: visible;\n    }\n\n    &__issue-menu {\n      font-size: 87.5%;\n      // font-size: 12px;\n      line-height: 1.5;\n\n      .v-dialog__body {\n        padding: 0;\n        font-size: inherit;\n      }\n\n      &__message {\n        padding: 8px;\n      }\n\n      &__fixers {\n        position: relative;\n        padding: 4px 0;\n        // padding: 8px;\n        // border-top: solid 1px var(--divider-color);\n        &::before {\n          position: absolute;\n          top: 0;\n          right: 0;\n          left: 0;\n          display: block;\n          height: 1px;\n          content: '';\n          background: currentColor;\n          opacity: 0.5;\n        }\n      }\n\n      &__fixer {\n        &__button {\n          position: relative;\n          display: block;\n          width: 100%;\n          padding: 8px;\n          font: inherit;\n          font-size: 12px;\n          // margin-top: 8px;\n          // color: var(--palette-link);\n          text-align: left;\n          // text-decoration: underline;\n          cursor: pointer;\n          background: transparent;\n          border: 0;\n          outline: 0;\n          appearance: none;\n\n          &::before {\n            position: absolute;\n            inset: 0;\n            display: block;\n            content: '';\n            background: currentColor;\n            opacity: 0;\n            transition: 0.15s;\n          }\n\n          &:hover,\n          &:focus {\n            &::before {\n              opacity: 0.1;\n            }\n          }\n\n          &__message {\n            position: relative;\n          }\n        }\n      }\n      // pointer-events: none;\n      // background: #fff;\n      // border-radius: 4px;\n      // opacity: 0;\n      // transition: opacity 0.15s;\n\n      // &--active {\n      //   pointer-events: auto;\n      //   opacity: 1;\n      // }\n\n      &__fix {\n        display: inline;\n        margin-top: 8px;\n        color: var(--palette-link);\n        text-decoration: underline;\n        cursor: pointer;\n        background: transparent;\n        border: 0;\n        outline: 0;\n        appearance: none;\n      }\n    }\n  }\n}\n",":root {\n  --v-wysiwyg-color-tool: 30px;\n}\n\n@layer vui {\n  .v-wysiwyg-color-tool {\n    &__button {\n      position: relative;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      vertical-align: bottom;\n\n      &__bar {\n        position: absolute;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        display: block;\n        height: 2px;\n        background: currentColor;\n      }\n    }\n\n    &__menu {\n      .v-dialog__content {\n        min-width: 0;\n      }\n\n      .v-dialog__body {\n        padding: 2px;\n      }\n    }\n\n    &__items {\n      --item-size: var(--v-wysiwyg-color-tool);\n\n      display: inline-flex;\n      flex-wrap: wrap;\n      align-items: center;\n      max-width: calc(var(--item-size) * 5);\n      vertical-align: bottom;\n\n      &--with-label {\n        display: flex;\n        flex-direction: column;\n        // flex-wrap: nowrap;\n        align-items: flex-start;\n        max-width: none;\n        padding: 2px;\n      }\n    }\n\n    &__item {\n      --focus-offset: calc(var(--item-size) * 0.05);\n\n      position: relative;\n      display: flex;\n      flex-basis: var(--item-size);\n      align-items: center;\n      width: var(--item-size);\n      height: var(--item-size);\n      padding: 0;\n      margin: 0;\n      // margin: 2px;\n      cursor: pointer;\n      background: transparent;\n      border: 0;\n      border-radius: 0;\n      outline: 0;\n      appearance: none;\n\n      &__color {\n        position: relative;\n        flex: 0 0 var(--item-size);\n        width: var(--item-size);\n        height: var(--item-size);\n\n        &::before {\n          position: absolute;\n          inset: 0;\n          display: block;\n          content: '';\n          background: currentColor;\n          border: solid 1px transparent;\n          transition: all 0.15s;\n        }\n      }\n\n      &__name {\n        position: relative;\n        padding: 0 8px;\n        font-size: 12px;\n        white-space: nowrap;\n      }\n\n      &:hover &__color,\n      &:focus &__color {\n        &::before {\n          inset: var(--focus-offset) var(--focus-offset) var(--focus-offset)\n            var(--focus-offset);\n          border-color: rgba(0, 0, 0, 0.1);\n        }\n      }\n    }\n\n    &__items--with-label &__item {\n      flex-basis: auto;\n      width: auto;\n      width: 100%;\n\n      &::before {\n        position: absolute;\n        inset: 0;\n        display: block;\n        content: '';\n        background: currentColor;\n        opacity: 0;\n        transition: opacity 0.15s;\n      }\n\n      &:hover,\n      &:focus {\n        &::before {\n          opacity: 0.1;\n        }\n      }\n\n      & + .v-wysiwyg-color-tool__item {\n        margin-top: 2px;\n      }\n    }\n  }\n}\n","// @use '../../styles/core.scss';\n\n@layer vui {\n  .v-wysiwyg-editor {\n    &--sm {\n      --min-height: var(--wysiwyg-min-height-sm);\n      --max-height: var(--wysiwyg-max-height-sm);\n    }\n\n    &--md {\n      --min-height: var(--wysiwyg-min-height-md);\n      --max-height: var(--wysiwyg-max-height-md);\n    }\n\n    &--lg {\n      --min-height: var(--wysiwyg-min-height-lg);\n      --max-height: var(--wysiwyg-max-height-lg);\n    }\n\n    &__wrapper {\n      position: relative;\n    }\n\n    .v-control-field__body {\n      width: 100%;\n    }\n\n    &__floating-toolbar {\n      position: absolute;\n      right: 0;\n      bottom: 100%;\n      z-index: 1;\n    }\n\n    &__body {\n      position: relative;\n      width: 100%;\n      max-height: var(--max-height);\n      // max-height: 200px;\n      overflow: auto;\n    }\n\n    &__input {\n      cursor: text;\n\n      &__element {\n        width: 100%;\n        min-width: 0;\n        padding: 8px 0;\n        margin: 0;\n      }\n\n      &__prose {\n        width: 100%;\n        min-height: var(--min-height);\n        outline: none;\n      }\n    }\n\n    &--disabled-min-heihgt &__input__prose {\n      min-height: 0;\n    }\n\n    &--disabled-max-heihgt &__body {\n      max-height: none;\n    }\n  }\n}\n"],"mappings":";AAAA;AAEI;AACE;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACE;;AAIJ;AACE;AACA;AACA;AACA;AACA;;AAGF;AACE;AAEA;;AAEA;AACE;AACA;;AAGF;AACE;;AAGF;AACE;AACA;;AAGA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAKF;AACE;AACA;AACA;AACA;AACA;AACA;AAGA;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;;AAKA;;AACE;;AAIJ;AACE;;AAeN;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;ACtIR;AACE;;AAGF;AAEI;AACE;AACA;AACA;AACA;AACA;;AAEA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;;AAKF;AACE;;AAGF;AACE;;AAIJ;AACE;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACE;AACA;AAEA;AACA;AACA;;AAIJ;AACE;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACE;AACA;AACA;AACA;;AAEA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;;AAIJ;AACE;AACA;AACA;AACA;;AAKA;;AACE;AAEA;;AAKN;AACE;AACA;AACA;;AAEA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;;AAKA;;AACE;;AAIJ;AACE;;;;;AC/HR;AAEI;AACE;AACA;;AAGF;AACE;AACA;;AAGF;AACE;AACA;;AAGF;AACE;;AAGF;AACE;;AAGF;AACE;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;AAEA;;AAGF;AACE;;AAEA;AACE;AACA;AACA;AACA;;AAGF;AACE;AACA;AACA;;AAIJ;AACE;;AAGF;AACE;;;","names":[]}

package/dist/vui-wysiwyg.d.ts

@@ -0,0 +1,415 @@
+import * as _fastkit_vui from '@fastkit/vui';
+import { VuiService, IconName, FormControlSlots, InputBoxSlots } from '@fastkit/vui';
+import * as _tiptap_vue_3 from '@tiptap/vue-3';
+import { EditorOptions, Editor, Extension, Node, Mark, AnyExtension, Extensions, FocusPosition } from '@tiptap/vue-3';
+import * as vue from 'vue';
+import { VNodeChild, PropType } from 'vue';
+import { Node as Node$1 } from '@tiptap/pm/model';
+import { EditorView } from '@tiptap/pm/view';
+import { BulletListOptions } from '@tiptap/extension-bullet-list';
+import { BoldOptions } from '@tiptap/extension-bold';
+import { ItalicOptions } from '@tiptap/extension-italic';
+import { UnderlineOptions } from '@tiptap/extension-underline';
+import { HistoryOptions } from '@tiptap/extension-history';
+import { LinkOptions } from '@tiptap/extension-link';
+import { OrderedListOptions } from '@tiptap/extension-ordered-list';
+import * as _fastkit_vue_form_control__ from '@fastkit/vue-form-control/.';
+import * as _fastkit_vue_utils__ from '@fastkit/vue-utils/.';
+
+declare const EDITOR_EVENTS: readonly ["beforeCreate", "create", "update", "selectionUpdate", "transaction", "focus", "blur", "destroy"];
+type PrefixedEventName<S extends string> = `on${Capitalize<S>}`;
+type WysiwygEditorEvent = (typeof EDITOR_EVENTS)[number];
+type WysiwygEditorPrefixedEvent = PrefixedEventName<WysiwygEditorEvent>;
+interface WysiwygEditorEventsOptions extends Partial<Pick<EditorOptions, WysiwygEditorPrefixedEvent>> {
+}
+type WysiwygEditorEventsBucket = {
+    [EV in WysiwygEditorEvent]: NonNullable<WysiwygEditorEventsOptions[PrefixedEventName<EV>]>[];
+};
+declare class WysiwygEditorInitializeContext {
+    readonly listeners: WysiwygEditorEventsBucket;
+    private readonly _vui;
+    get vui(): VuiService;
+    constructor(vuiGetter: () => VuiService, opts?: WysiwygEditorEventsOptions);
+    on<EV extends WysiwygEditorEvent>(ev: EV, handler: NonNullable<WysiwygEditorEventsOptions[PrefixedEventName<EV>]>): () => void;
+    off<EV extends WysiwygEditorEvent>(ev: EV, handler: NonNullable<WysiwygEditorEventsOptions[PrefixedEventName<EV>]>): void;
+    editorOptions(): WysiwygEditorEventsOptions;
+}
+interface WysiwygEditorContext {
+    editor: Editor;
+    vui: VuiService;
+}
+type WysiwygExtensionFactory<Options = any, Storage = any> = (ctx: WysiwygEditorInitializeContext) => Extension<Options, Storage> | Node<Options, Storage> | Mark<Options, Storage>;
+interface CreatedWysiwygExtension<Options = any, Storage = any> {
+    __isCreatedWysiwygExtension: true;
+    _configs: Partial<Options>[];
+    configure(options?: Partial<Options>): CreatedWysiwygExtension<Options, Storage>;
+    raw: WysiwygExtensionSource<Options, Storage>;
+}
+type WysiwygExtensionSource<Options = any, Storage = any> = Extension<Options, Storage> | Node<Options, Storage> | Mark<Options, Storage> | WysiwygExtensionFactory<Options, Storage>;
+type RawWysiwygExtension<Options = any, Storage = any> = WysiwygExtensionSource<Options, Storage> | CreatedWysiwygExtension<Options, Storage>;
+declare function createWysiwygExtension<Options = any, Storage = any>(extension: WysiwygExtensionSource<Options, Storage>): CreatedWysiwygExtension<Options, Storage>;
+declare function resolveRawWysiwygExtensions(raws: RawWysiwygExtension[], ctx: WysiwygEditorInitializeContext): AnyExtension[];
+interface WysiwygEditorTool {
+    key: string;
+    icon: IconName | ((ctx: WysiwygEditorContext) => IconName | (() => VNodeChild));
+    active?: boolean | ((ctx: WysiwygEditorContext) => boolean);
+    disabled?: boolean | ((ctx: WysiwygEditorContext) => boolean);
+    onClick: (ctx: WysiwygEditorContext, ev: MouseEvent) => any;
+    floating?: boolean;
+    extensions?: Extensions;
+}
+type WysiwygEditorToolFactory<Options = void> = (vui: VuiService, options?: Options) => WysiwygEditorTool | WysiwygEditorTool[];
+type RawWysiwygEditorTool = WysiwygEditorTool | WysiwygEditorToolFactory<any>;
+interface ResolvedWysiwygEditorSettings {
+    tools: WysiwygEditorTool[];
+    extensions: Extensions;
+}
+declare function resolveRawWysiwygEditorTools(rawTools: RawWysiwygEditorTool[], vui: VuiService): ResolvedWysiwygEditorSettings;
+
+declare const VUI_WYSIWYG_EDITOR_SYMBOL = "vui-wysiwyg-editor";
+
+type WysiwygLinterFixFn = (view: EditorView, issue: WysiwygLinterResult) => any;
+type WysiwygLinterFixMessage = string | (() => VNodeChild);
+interface WysiwygLinterFixer {
+    message: WysiwygLinterFixMessage;
+    handler: WysiwygLinterFixFn;
+}
+type WysiwygLinterResultLevel = 'warning' | 'error';
+interface WysiwygLinterResult {
+    id: string;
+    icon: boolean;
+    level: WysiwygLinterResultLevel;
+    message: WysiwygLinterFixMessage;
+    from: number;
+    to: number;
+    fix: WysiwygLinterFixer[];
+}
+interface RawLinterResult extends Omit<WysiwygLinterResult, 'level' | 'fix' | 'id' | 'icon'> {
+    level?: WysiwygLinterResultLevel;
+    icon?: boolean;
+    fix?: WysiwygLinterFixer | WysiwygLinterFixer[];
+}
+declare class WysiwygLinterPlugin {
+    protected doc: Node$1;
+    private results;
+    constructor(doc: Node$1);
+    record(result: RawLinterResult): void;
+    scan(): this;
+    getResults(): WysiwygLinterResult[];
+}
+
+interface WysiwygLinterOptions {
+    plugins: Array<typeof WysiwygLinterPlugin>;
+}
+interface WysiwygLinterStorage {
+    issues: WysiwygLinterResult[];
+}
+declare const WysiwygLinter: CreatedWysiwygExtension<WysiwygLinterOptions, WysiwygLinterStorage>;
+
+declare function WysiwygLinterBadWords(words: string[]): typeof WysiwygLinterPlugin;
+
+declare class WysiwygLinterHeadingLevel extends WysiwygLinterPlugin {
+    fixHeader(level: number): ({ state, dispatch }: EditorView, issue: WysiwygLinterResult) => void;
+    scan(): this;
+}
+
+declare class WysiwygLinterPunctuation extends WysiwygLinterPlugin {
+    regex: RegExp;
+    fix(replacement: any): ({ state, dispatch }: EditorView, issue: WysiwygLinterResult) => void;
+    scan(): this;
+}
+
+type WysiwygColorOptions = {
+    types: string[];
+};
+declare module '@tiptap/vue-3' {
+    interface Commands<ReturnType> {
+        color: {
+            /**
+             * Set the text color
+             */
+            setColor: (color: string) => ReturnType;
+            /**
+             * Unset the text color
+             */
+            unsetColor: () => ReturnType;
+        };
+    }
+}
+declare const WysiwygColorExtension: Extension<WysiwygColorOptions, any>;
+
+declare const WysiwygBulletListTool: WysiwygEditorToolFactory<BulletListOptions>;
+
+declare const WysiwygFormatBoldTool: WysiwygEditorToolFactory<BoldOptions>;
+
+declare const WysiwygFormatItalicTool: WysiwygEditorToolFactory<ItalicOptions>;
+
+declare const WysiwygFormatUnderlineTool: WysiwygEditorToolFactory<UnderlineOptions>;
+
+declare const WysiwygHistoryTool: WysiwygEditorToolFactory<HistoryOptions>;
+
+declare const WysiwygLinkTool: WysiwygEditorToolFactory<LinkOptions>;
+
+declare const WysiwygOrderedListTool: WysiwygEditorToolFactory<OrderedListOptions>;
+
+interface WysiwygColorItem {
+    key?: string | number;
+    name?: VNodeChild | ((vui: VuiService) => VNodeChild);
+    color: string | null;
+}
+interface CreateWysiwygColorToolOptions {
+    items: WysiwygColorItem[];
+    withLabel?: boolean;
+}
+declare function createWysiwygColorTool(opts: CreateWysiwygColorToolOptions): WysiwygEditorToolFactory;
+
+declare const VWysiwygEditor: vue.DefineComponent<{
+    extensions: {
+        type: PropType<RawWysiwygExtension[]>;
+        default: () => never[];
+    };
+    tools: {
+        type: PropType<RawWysiwygEditorTool[]>;
+        default: () => never[];
+    };
+    floatingToolbar: BooleanConstructor;
+    disabledMinHeight: BooleanConstructor;
+    disabledMaxHeight: BooleanConstructor;
+    'v-slots': PropType<_fastkit_vue_utils__.ResolveRawSlots<FormControlSlots & InputBoxSlots>>;
+    size: {
+        type: PropType<"sm" | "md" | "lg">;
+        validator: (value: any) => boolean;
+    };
+    loading: BooleanConstructor;
+    variant: {
+        type: PropType<"flat" | "outlined" | "filled">;
+        validator: (value: any) => boolean;
+    };
+    startAdornment: PropType<_fastkit_vue_utils__.VNodeChildOrSlot>;
+    endAdornment: PropType<_fastkit_vue_utils__.VNodeChildOrSlot>;
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    nodeControl: PropType<_fastkit_vue_form_control__.FormNodeControl<any, any>>;
+    label: PropType<_fastkit_vue_utils__.VNodeChildOrSlot>;
+    hint: PropType<_fastkit_vue_utils__.VNodeChildOrSlot>;
+    hinttip: PropType<_fastkit_vue_form_control__.FormControlHinttip>;
+    hinttipDelay: PropType<_fastkit_vue_form_control__.FormControlHinttipDelay>;
+    infoAppends: PropType<_fastkit_vue_utils__.VNodeChildOrSlot>;
+    validating: BooleanConstructor;
+    pending: BooleanConstructor;
+    focused: BooleanConstructor;
+    dirty: BooleanConstructor;
+    pristine: BooleanConstructor;
+    errors: {
+        type: PropType<_fastkit_vue_form_control__.FormNodeError[]>;
+        default: () => _fastkit_vue_form_control__.FormNodeError[];
+    };
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    touched: BooleanConstructor;
+    untouched: BooleanConstructor;
+    required: BooleanConstructor;
+    invalid: BooleanConstructor;
+    valid: BooleanConstructor;
+    hiddenInfo: BooleanConstructor;
+    requiredChip: PropType<_fastkit_vue_form_control__.RequiredChipSource>;
+    minlength: (StringConstructor | NumberConstructor)[];
+    maxlength: (StringConstructor | NumberConstructor)[];
+    pattern: (RegExpConstructor | StringConstructor)[];
+    placeholder: StringConstructor;
+    autocapitalize: PropType<_fastkit_vue_form_control__.FormAutoCapitalize>;
+    finishings: PropType<_fastkit_vue_form_control__.RawTextableFinishingProp>;
+    counter: PropType<string | number | boolean>;
+    counterValue: PropType<(value: string) => number>;
+    limit: BooleanConstructor;
+    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">;
+    name: StringConstructor;
+    modelValue: vue.Prop<string, string>;
+    autofocus: BooleanConstructor;
+    spellcheck: BooleanConstructor;
+    viewonly: BooleanConstructor;
+    clearable: BooleanConstructor;
+    validateTiming: {
+        type: PropType<_fastkit_vue_form_control__.ValidateTiming>;
+        default: _fastkit_vue_form_control__.ValidateTiming;
+    };
+    rules: {
+        type: PropType<_fastkit_vue_form_control__.RecursiveValidatableRule>;
+        default: () => never[];
+    };
+    validationDeps: PropType<(nodeControl: _fastkit_vue_form_control__.FormNodeControl<any, any>) => any>;
+    error: BooleanConstructor;
+    errorMessages: PropType<string | string[]>;
+}, {
+    focus: (position?: FocusPosition, options?: {
+        scrollIntoView?: boolean | undefined;
+    }) => _tiptap_vue_3.ChainedCommands | undefined;
+    blur: () => _tiptap_vue_3.ChainedCommands | undefined;
+    createTools: (bubbleMenu?: boolean) => JSX.Element;
+    parentControl: _fastkit_vui.ControlProvider | null;
+    size: vue.ComputedRef<"sm" | "md" | "lg">;
+    classes: vue.ComputedRef<any>;
+    computedMinlength: vue.ComputedRef<number | undefined>;
+    computedMaxlength: vue.ComputedRef<number | undefined>;
+    computedPattern: vue.ComputedRef<string | RegExp | undefined>;
+    computedPlaceholder: vue.ComputedRef<string | undefined>;
+    computedAutocapitalize: vue.ComputedRef<_fastkit_vue_form_control__.FormAutoCapitalize | undefined>;
+    counterSettings: vue.ComputedRef<_fastkit_vue_form_control__.TextableCounterSettings | undefined>;
+    counterResult: vue.ComputedRef<_fastkit_vue_form_control__.TextableCounterResult | undefined>;
+    computedAutocomplete: vue.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>;
+    nodeControl: _fastkit_vue_form_control__.FormNodeControl<any, any>;
+    currentValue: vue.WritableComputedRef<string>;
+    computedTabindex: vue.ComputedRef<number>;
+    validating: vue.Ref<boolean>;
+    autofocus: boolean;
+    pending: vue.ComputedRef<boolean>;
+    focused: vue.ComputedRef<boolean>;
+    initialValue: vue.Ref<string>;
+    dirty: vue.ComputedRef<boolean>;
+    pristine: vue.ComputedRef<boolean>;
+    propRules: vue.ComputedRef<_fastkit_vue_form_control__.RecursiveValidatableRule>;
+    isRequired: vue.ComputedRef<boolean>;
+    errors: vue.ComputedRef<_fastkit_vue_form_control__.FormNodeError[]>;
+    firstError: vue.ComputedRef<_fastkit_vue_form_control__.FormNodeError | undefined>;
+    hasMyError: vue.ComputedRef<boolean>;
+    hasError: vue.ComputedRef<boolean>;
+    isDisabled: vue.ComputedRef<boolean>;
+    isReadonly: vue.ComputedRef<boolean>;
+    canOperation: vue.ComputedRef<boolean>;
+    touched: vue.ComputedRef<boolean>;
+    untouched: vue.ComputedRef<boolean>;
+    isDestroyed: vue.ComputedRef<boolean>;
+    invalid: vue.ComputedRef<boolean>;
+    valid: vue.ComputedRef<boolean>;
+    shouldValidate: vue.ComputedRef<boolean>;
+    spellcheck: vue.ComputedRef<boolean>;
+    submiting: vue.ComputedRef<boolean>;
+    validateSelf: (force?: boolean | undefined) => Promise<_fastkit_vue_form_control__.ValidationResult>;
+    validate: () => Promise<boolean>;
+    editor: vue.ShallowRef<_tiptap_vue_3.Editor | undefined>;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'update:modelValue': (value: string) => boolean;
+    'update:errors': (errors: _fastkit_vue_form_control__.FormNodeError[]) => boolean;
+    change: (value: string) => boolean;
+    focus: (ev: FocusEvent) => boolean;
+    blur: (ev: FocusEvent) => boolean;
+}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    extensions: {
+        type: PropType<RawWysiwygExtension[]>;
+        default: () => never[];
+    };
+    tools: {
+        type: PropType<RawWysiwygEditorTool[]>;
+        default: () => never[];
+    };
+    floatingToolbar: BooleanConstructor;
+    disabledMinHeight: BooleanConstructor;
+    disabledMaxHeight: BooleanConstructor;
+    'v-slots': PropType<_fastkit_vue_utils__.ResolveRawSlots<FormControlSlots & InputBoxSlots>>;
+    size: {
+        type: PropType<"sm" | "md" | "lg">;
+        validator: (value: any) => boolean;
+    };
+    loading: BooleanConstructor;
+    variant: {
+        type: PropType<"flat" | "outlined" | "filled">;
+        validator: (value: any) => boolean;
+    };
+    startAdornment: PropType<_fastkit_vue_utils__.VNodeChildOrSlot>;
+    endAdornment: PropType<_fastkit_vue_utils__.VNodeChildOrSlot>;
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    nodeControl: PropType<_fastkit_vue_form_control__.FormNodeControl<any, any>>;
+    label: PropType<_fastkit_vue_utils__.VNodeChildOrSlot>;
+    hint: PropType<_fastkit_vue_utils__.VNodeChildOrSlot>;
+    hinttip: PropType<_fastkit_vue_form_control__.FormControlHinttip>;
+    hinttipDelay: PropType<_fastkit_vue_form_control__.FormControlHinttipDelay>;
+    infoAppends: PropType<_fastkit_vue_utils__.VNodeChildOrSlot>;
+    validating: BooleanConstructor;
+    pending: BooleanConstructor;
+    focused: BooleanConstructor;
+    dirty: BooleanConstructor;
+    pristine: BooleanConstructor;
+    errors: {
+        type: PropType<_fastkit_vue_form_control__.FormNodeError[]>;
+        default: () => _fastkit_vue_form_control__.FormNodeError[];
+    };
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    touched: BooleanConstructor;
+    untouched: BooleanConstructor;
+    required: BooleanConstructor;
+    invalid: BooleanConstructor;
+    valid: BooleanConstructor;
+    hiddenInfo: BooleanConstructor;
+    requiredChip: PropType<_fastkit_vue_form_control__.RequiredChipSource>;
+    minlength: (StringConstructor | NumberConstructor)[];
+    maxlength: (StringConstructor | NumberConstructor)[];
+    pattern: (RegExpConstructor | StringConstructor)[];
+    placeholder: StringConstructor;
+    autocapitalize: PropType<_fastkit_vue_form_control__.FormAutoCapitalize>;
+    finishings: PropType<_fastkit_vue_form_control__.RawTextableFinishingProp>;
+    counter: PropType<string | number | boolean>;
+    counterValue: PropType<(value: string) => number>;
+    limit: BooleanConstructor;
+    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">;
+    name: StringConstructor;
+    modelValue: vue.Prop<string, string>;
+    autofocus: BooleanConstructor;
+    spellcheck: BooleanConstructor;
+    viewonly: BooleanConstructor;
+    clearable: BooleanConstructor;
+    validateTiming: {
+        type: PropType<_fastkit_vue_form_control__.ValidateTiming>;
+        default: _fastkit_vue_form_control__.ValidateTiming;
+    };
+    rules: {
+        type: PropType<_fastkit_vue_form_control__.RecursiveValidatableRule>;
+        default: () => never[];
+    };
+    validationDeps: PropType<(nodeControl: _fastkit_vue_form_control__.FormNodeControl<any, any>) => any>;
+    error: BooleanConstructor;
+    errorMessages: PropType<string | string[]>;
+}>> & {
+    onFocus?: ((ev: FocusEvent) => any) | undefined;
+    onBlur?: ((ev: FocusEvent) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:errors"?: ((errors: _fastkit_vue_form_control__.FormNodeError[]) => any) | undefined;
+}, {
+    extensions: RawWysiwygExtension[];
+    autofocus: boolean;
+    error: boolean;
+    invalid: boolean;
+    loading: boolean;
+    tabindex: string | number;
+    validating: boolean;
+    pending: boolean;
+    focused: boolean;
+    dirty: boolean;
+    pristine: boolean;
+    errors: _fastkit_vue_form_control__.FormNodeError[];
+    disabled: boolean;
+    readonly: boolean;
+    touched: boolean;
+    untouched: boolean;
+    required: boolean;
+    valid: boolean;
+    hiddenInfo: boolean;
+    limit: boolean;
+    spellcheck: boolean;
+    viewonly: boolean;
+    clearable: boolean;
+    validateTiming: _fastkit_vue_form_control__.ValidateTiming;
+    rules: _fastkit_vue_form_control__.RecursiveValidatableRule;
+    tools: RawWysiwygEditorTool[];
+    floatingToolbar: boolean;
+    disabledMinHeight: boolean;
+    disabledMaxHeight: boolean;
+}>;
+
+export { CreateWysiwygColorToolOptions, CreatedWysiwygExtension, RawWysiwygEditorTool, RawWysiwygExtension, ResolvedWysiwygEditorSettings, VUI_WYSIWYG_EDITOR_SYMBOL, VWysiwygEditor, WysiwygBulletListTool, WysiwygColorExtension, WysiwygColorItem, WysiwygColorOptions, WysiwygEditorContext, WysiwygEditorEvent, WysiwygEditorEventsBucket, WysiwygEditorEventsOptions, WysiwygEditorInitializeContext, WysiwygEditorPrefixedEvent, WysiwygEditorTool, WysiwygEditorToolFactory, WysiwygExtensionFactory, WysiwygExtensionSource, WysiwygFormatBoldTool, WysiwygFormatItalicTool, WysiwygFormatUnderlineTool, WysiwygHistoryTool, WysiwygLinkTool, WysiwygLinter, WysiwygLinterBadWords, WysiwygLinterHeadingLevel, WysiwygLinterOptions, WysiwygLinterPlugin, WysiwygLinterPunctuation, WysiwygOrderedListTool, createWysiwygColorTool, createWysiwygExtension, resolveRawWysiwygEditorTools, resolveRawWysiwygExtensions };