@fastkit/vui 0.12.9 → 0.12.10

package/dist/vui.mjs

@@ -5,13 +5,12 @@ export * from '@fastkit/icon-font';
 export { ICON_NAMES } from '@fastkit/icon-font';
 export * from '@fastkit/media-match';
 export * from '@fastkit/vue-media-match';
-import { validateIf, url } from '@fastkit/rules';
 export * from '@fastkit/rules';
 import { VAppContainer, VueAppLayout, VAppLayout, installVueAppLayout } from '@fastkit/vue-app-layout';
 export * from '@fastkit/vue-app-layout';
 import { useScopeColorClass, useColorClasses, colorSchemeProps, toScopeColorClass, useInjectTheme, VueColorSchemePlugin } from '@fastkit/vue-color-scheme';
 export * from '@fastkit/vue-color-scheme';
-import { createFormControlSettings, useFormControl, createFormSelectorItemSettings, useFormSelectorItemControl, createFormSelectorItemGroupProps, useFormSelectorItemGroupControl, useParentFormNode, createFormSelectorSettings, createFormControlProps, useFormSelectorControl, createTextInputSettings, useTextInputControl, createTextareaSettings, useTextareaControl, createTextableProps, createTextableEmits, TextableControl, createFormSettings, useForm } from '@fastkit/vue-form-control';
+import { createFormControlSettings, useFormControl, useParentFormNode, createFormSelectorItemSettings, useFormSelectorItemControl, createFormSelectorItemGroupProps, useFormSelectorItemGroupControl, createFormSelectorSettings, createFormControlProps, useFormSelectorControl, createTextInputSettings, useTextInputControl, createTextareaSettings, useTextareaControl, createFormSettings, useForm } from '@fastkit/vue-form-control';
 export * from '@fastkit/vue-form-control';
 import { getDocumentScroller, useVScrollerRef, VScroller } from '@fastkit/vue-scroller';
 export * from '@fastkit/vue-scroller';
@@ -24,19 +23,6 @@ import * as vue_loading_star from '@fastkit/vue-loading';
 export * from '@fastkit/vue-loading';
 import { defineComponent, computed, createVNode, mergeProps, ref, watch, onMounted, onBeforeUnmount, isVNode, cloneVNode, withDirectives, Fragment, vShow, onBeforeUpdate, vModelSelect, Transition, inject, provide, createTextVNode, reactive, nextTick } from 'vue';
 import { useRouter, useRoute, RouterLink, useLink } from 'vue-router';
-import { useEditor, EditorContent, BubbleMenu } from '@tiptap/vue-3';
-import { StarterKit } from '@tiptap/starter-kit';
-import { Extension } from '@tiptap/core';
-import { Decoration, DecorationSet } from 'prosemirror-view';
-import { Plugin, PluginKey, TextSelection } from 'prosemirror-state';
-import TextStyle from '@tiptap/extension-text-style';
-import { BulletList } from '@tiptap/extension-bullet-list';
-import { Bold } from '@tiptap/extension-bold';
-import { Italic } from '@tiptap/extension-italic';
-import { Underline } from '@tiptap/extension-underline';
-import { History } from '@tiptap/extension-history';
-import { Link } from '@tiptap/extension-link';
-import { OrderedList } from '@tiptap/extension-ordered-list';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -83,6 +69,7 @@ __export(src_exports, {
   VCheckboxGroup: () => VCheckboxGroup,
   VChip: () => VChip,
   VContentSwitcher: () => VContentSwitcher,
+  VControlField: () => VControlField,
   VDataTable: () => VDataTable,
   VDialog: () => VDialog,
   VDrawerLayout: () => VDrawerLayout,
@@ -109,6 +96,7 @@ __export(src_exports, {
   VSwitch: () => VSwitch,
   VSwitchGroup: () => VSwitchGroup,
   VTabs: () => VTabs,
+  VTextCounter: () => VTextCounter,
   VTextField: () => VTextField,
   VTextarea: () => VTextarea,
   VToolbar: () => VToolbar,
@@ -127,32 +115,17 @@ __export(src_exports, {
   VUI_SWITCH_SYMBOL: () => VUI_SWITCH_SYMBOL,
   VUI_TEXTAREA_SYMBOL: () => VUI_TEXTAREA_SYMBOL,
   VUI_TEXT_FIELD_SYMBOL: () => VUI_TEXT_FIELD_SYMBOL,
-  VUI_WYSIWYG_EDITOR_SYMBOL: () => VUI_WYSIWYG_EDITOR_SYMBOL,
-  VWysiwygEditor: () => VWysiwygEditor,
   VuiColorProviderInjectionKey: () => VuiColorProviderInjectionKey,
   VuiControlFieldInjectionKey: () => VuiControlFieldInjectionKey,
   VuiControlInjectionKey: () => VuiControlInjectionKey,
   VuiInjectionKey: () => VuiInjectionKey,
   VuiPlugin: () => VuiPlugin,
   VuiService: () => VuiService,
-  WysiwygBulletListTool: () => WysiwygBulletListTool,
-  WysiwygColorExtension: () => WysiwygColorExtension,
-  WysiwygEditorInitializeContext: () => WysiwygEditorInitializeContext,
-  WysiwygFormatBoldTool: () => WysiwygFormatBoldTool,
-  WysiwygFormatItalicTool: () => WysiwygFormatItalicTool,
-  WysiwygFormatUnderlineTool: () => WysiwygFormatUnderlineTool,
-  WysiwygHistoryTool: () => WysiwygHistoryTool,
-  WysiwygLinkTool: () => WysiwygLinkTool,
-  WysiwygLinter: () => WysiwygLinter,
-  WysiwygLinterBadWords: () => WysiwygLinterBadWords,
-  WysiwygLinterHeadingLevel: () => WysiwygLinterHeadingLevel,
-  WysiwygLinterPlugin: () => WysiwygLinterPlugin,
-  WysiwygLinterPunctuation: () => WysiwygLinterPunctuation,
-  WysiwygOrderedListTool: () => WysiwygOrderedListTool,
   configureDataTableDefaults: () => configureDataTableDefaults,
   createAvatarProps: () => createAvatarProps,
   createCardProps: () => createCardProps,
   createChipProps: () => createChipProps,
+  createControlFieldProps: () => createControlFieldProps,
   createControlFieldProviderProps: () => createControlFieldProviderProps,
   createControlProps: () => createControlProps,
   createElevationProps: () => createElevationProps,
@@ -163,8 +136,6 @@ __export(src_exports, {
   createPaperProps: () => createPaperProps,
   createRequiredChipRenderer: () => createRequiredChipRenderer,
   createVFormProps: () => createVFormProps,
-  createWysiwygColorTool: () => createWysiwygColorTool,
-  createWysiwygExtension: () => createWysiwygExtension,
   defineFormSelectorComponent: () => defineFormSelectorComponent,
   iconProps: () => iconProps,
   installVuiPlugin: () => installVuiPlugin,
@@ -178,8 +149,6 @@ __export(src_exports, {
   renderNavigationItemInput: () => renderNavigationItemInput,
   resolveNavigationItemInput: () => resolveNavigationItemInput,
   resolveRawIconProp: () => resolveRawIconProp,
-  resolveRawWysiwygEditorTools: () => resolveRawWysiwygEditorTools,
-  resolveRawWysiwygExtensions: () => resolveRawWysiwygExtensions,
   splitAttrs: () => splitAttrs,
   useControl: () => useControl,
   useControlField: () => useControlField,
@@ -203,7 +172,6 @@ var VuiControlFieldInjectionKey = Symbol();
 var VuiColorProviderInjectionKey = Symbol();
 var VUI_TEXT_FIELD_SYMBOL = "vui-text-field";
 var VUI_TEXTAREA_SYMBOL = "vui-textarea";
-var VUI_WYSIWYG_EDITOR_SYMBOL = "vui-wysiwyg-editor";
 var VUI_SELECT_SYMBOL = "vui-select";
 var VUI_OPTION_SYMBOL = "vui-option";
 var VUI_CHECKBOX_GROUP_SYMBOL = "vui-checkbox-group";
@@ -615,6 +583,7 @@ __export(components_exports, {
   VCheckboxGroup: () => VCheckboxGroup,
   VChip: () => VChip,
   VContentSwitcher: () => VContentSwitcher,
+  VControlField: () => VControlField,
   VDataTable: () => VDataTable,
   VDialog: () => VDialog,
   VDrawerLayout: () => VDrawerLayout,
@@ -641,6 +610,7 @@ __export(components_exports, {
   VSwitch: () => VSwitch,
   VSwitchGroup: () => VSwitchGroup,
   VTabs: () => VTabs,
+  VTextCounter: () => VTextCounter,
   VTextField: () => VTextField,
   VTextarea: () => VTextarea,
   VToolbar: () => VToolbar,
@@ -648,25 +618,11 @@ __export(components_exports, {
   VToolbarMenu: () => VToolbarMenu,
   VToolbarTitle: () => VToolbarTitle,
   VTooltip: () => VTooltip,
-  VWysiwygEditor: () => VWysiwygEditor,
-  WysiwygBulletListTool: () => WysiwygBulletListTool,
-  WysiwygColorExtension: () => WysiwygColorExtension,
-  WysiwygEditorInitializeContext: () => WysiwygEditorInitializeContext,
-  WysiwygFormatBoldTool: () => WysiwygFormatBoldTool,
-  WysiwygFormatItalicTool: () => WysiwygFormatItalicTool,
-  WysiwygFormatUnderlineTool: () => WysiwygFormatUnderlineTool,
-  WysiwygHistoryTool: () => WysiwygHistoryTool,
-  WysiwygLinkTool: () => WysiwygLinkTool,
-  WysiwygLinter: () => WysiwygLinter,
-  WysiwygLinterBadWords: () => WysiwygLinterBadWords,
-  WysiwygLinterHeadingLevel: () => WysiwygLinterHeadingLevel,
-  WysiwygLinterPlugin: () => WysiwygLinterPlugin,
-  WysiwygLinterPunctuation: () => WysiwygLinterPunctuation,
-  WysiwygOrderedListTool: () => WysiwygOrderedListTool,
   configureDataTableDefaults: () => configureDataTableDefaults,
   createAvatarProps: () => createAvatarProps,
   createCardProps: () => createCardProps,
   createChipProps: () => createChipProps,
+  createControlFieldProps: () => createControlFieldProps,
   createListTileProps: () => createListTileProps,
   createNavigationItemProps: () => createNavigationItemProps,
   createNavigationProps: () => createNavigationProps,
@@ -674,8 +630,6 @@ __export(components_exports, {
   createPaperProps: () => createPaperProps,
   createRequiredChipRenderer: () => createRequiredChipRenderer,
   createVFormProps: () => createVFormProps,
-  createWysiwygColorTool: () => createWysiwygColorTool,
-  createWysiwygExtension: () => createWysiwygExtension,
   iconProps: () => iconProps,
   listTileEmits: () => listTileEmits,
   paginationProps: () => paginationProps,
@@ -683,8 +637,6 @@ __export(components_exports, {
   renderNavigationItemInput: () => renderNavigationItemInput,
   resolveNavigationItemInput: () => resolveNavigationItemInput,
   resolveRawIconProp: () => resolveRawIconProp,
-  resolveRawWysiwygEditorTools: () => resolveRawWysiwygEditorTools,
-  resolveRawWysiwygExtensions: () => resolveRawWysiwygExtensions,
   splitAttrs: () => splitAttrs,
   vueButtonProps: () => vueButtonProps
 });
@@ -2110,11 +2062,11 @@ var VNavigation = defineComponent({
     function onItemActivated(item) {
       itemsRef.value.forEach(({
         key,
-        ref: ref11
+        ref: ref10
       }) => {
         if (key === item.key)
           return;
-        ref11.close();
+        ref10.close();
       });
     }
     return () => {
@@ -2126,8 +2078,8 @@ var VNavigation = defineComponent({
       }, [$caption]), items.value.map((item) => renderNavigationItemInput(item, {
         class: "v-navigation__item",
         startIconEmptySpace: startIconEmptySpace.value,
-        ref: (ref11) => {
-          setItemRef(item, ref11);
+        ref: (ref10) => {
+          setItemRef(item, ref10);
         },
         onChangeActive: (isActive) => {
           if (isActive) {
@@ -2138,6 +2090,117 @@ var VNavigation = defineComponent({
     };
   }
 });
+var ADORNMENT_POSITIONS = ["start", "end"];
+function createControlFieldProps() {
+  return {
+    ...createPropsOptions({
+      startAdornment: {},
+      endAdornment: {},
+      tabindex: {
+        type: [String, Number],
+        default: 0
+      }
+    }),
+    ...createControlFieldProviderProps(),
+    ...createControlProps()
+  };
+}
+var VControlField = defineComponent({
+  name: "VControlField",
+  props: {
+    ...createControlFieldProps(),
+    focused: Boolean,
+    autoHeight: Boolean,
+    ...defineSlotsProps(),
+    error: Boolean
+  },
+  // _slots: inputBoxSlots,
+  emits: {
+    click: (ev) => true
+  },
+  setup(props10, ctx) {
+    const parentNode = useParentFormNode();
+    const control = useControl(props10);
+    const inputBox = useControlField(props10);
+    const hostElRef = ref(null);
+    const disabled = computed(() => !!parentNode && parentNode.isDisabled);
+    const invalid = computed(() => !!parentNode && parentNode.invalid);
+    const autoHeight = computed(() => props10.autoHeight);
+    const readonly = computed(() => !!parentNode && parentNode.isReadonly);
+    const colorProvider = useVuiColorProvider();
+    const classes = computed(() => {
+      const classes2 = ["v-control-field", `v-control-field--${inputBox.variant.value}`, {
+        "v-control-field--disabled": disabled.value,
+        "v-control-field--invalid": invalid.value || props10.error,
+        "v-control-field--readonly": readonly.value,
+        "v-control-field--focused": props10.focused,
+        "v-control-field--auto-height": autoHeight.value
+      }, control.classes.value, colorProvider.className(props10.error ? "error" : invalid.value && !readonly.value ? "error" : "primary")];
+      return classes2;
+    });
+    const resolvedSlots = computed(() => {
+      const slots = {};
+      ADORNMENT_POSITIONS.forEach((position) => {
+        const key = `${position}Adornment`;
+        slots[position] = resolveVNodeChildOrSlots(props10[key], ctx.slots[key]);
+      });
+      return slots;
+    });
+    const renderAdornment = (position) => {
+      let child;
+      if (position === "end" && props10.loading) {
+        child = createVNode(loading_exports.VProgressCircular, {
+          "indeterminate": true,
+          "size": CONTROL_LOADING_SPINNER_SIZES[props10.size || "md"]
+        }, null);
+      } else {
+        child = renderSlotOrEmpty(resolvedSlots.value, position);
+      }
+      if (!child)
+        return;
+      return createVNode("div", {
+        "class": ["v-control-field__adornment", `v-control-field__adornment--${position}`]
+      }, [child]);
+    };
+    const handleClick = (ev) => {
+      ctx.emit("click", ev);
+    };
+    return {
+      classes,
+      renderAdornment,
+      hostElRef: () => hostElRef,
+      handleClick
+      // computedTabindex,
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": this.classes,
+      "onClick": this.handleClick,
+      "ref": this.hostElRef()
+    }, [this.renderAdornment("start"), createVNode("div", {
+      "class": "v-control-field__body"
+    }, [renderSlotOrEmpty(this.$slots, "default")]), this.renderAdornment("end")]);
+  }
+});
+var VTextCounter = defineComponent({
+  name: "VTextCounter",
+  props: {
+    length: {
+      type: Number,
+      required: true
+    },
+    maxlength: {
+      type: Number,
+      required: true
+    }
+  },
+  render() {
+    return createVNode("span", {
+      "class": "v-text-counter"
+    }, [`${this.length} / ${this.maxlength}`]);
+  }
+});
 var VCheckable = defineComponent({
   name: "VCheckable",
   props: {
@@ -2455,101 +2518,6 @@ var VOptionGroup = defineComponent({
     }, [label]), renderSlotOrEmpty(this.$slots, "default")]);
   }
 });
-var ADORNMENT_POSITIONS = ["start", "end"];
-function createControlFieldProps() {
-  return {
-    ...createPropsOptions({
-      startAdornment: {},
-      endAdornment: {},
-      tabindex: {
-        type: [String, Number],
-        default: 0
-      }
-    }),
-    ...createControlFieldProviderProps(),
-    ...createControlProps()
-  };
-}
-var VControlField = defineComponent({
-  name: "VControlField",
-  props: {
-    ...createControlFieldProps(),
-    focused: Boolean,
-    autoHeight: Boolean,
-    ...defineSlotsProps(),
-    error: Boolean
-  },
-  // _slots: inputBoxSlots,
-  emits: {
-    click: (ev) => true
-  },
-  setup(props10, ctx) {
-    const parentNode = useParentFormNode();
-    const control = useControl(props10);
-    const inputBox = useControlField(props10);
-    const hostElRef = ref(null);
-    const disabled = computed(() => !!parentNode && parentNode.isDisabled);
-    const invalid = computed(() => !!parentNode && parentNode.invalid);
-    const autoHeight = computed(() => props10.autoHeight);
-    const readonly = computed(() => !!parentNode && parentNode.isReadonly);
-    const colorProvider = useVuiColorProvider();
-    const classes = computed(() => {
-      const classes2 = ["v-control-field", `v-control-field--${inputBox.variant.value}`, {
-        "v-control-field--disabled": disabled.value,
-        "v-control-field--invalid": invalid.value || props10.error,
-        "v-control-field--readonly": readonly.value,
-        "v-control-field--focused": props10.focused,
-        "v-control-field--auto-height": autoHeight.value
-      }, control.classes.value, colorProvider.className(props10.error ? "error" : invalid.value && !readonly.value ? "error" : "primary")];
-      return classes2;
-    });
-    const resolvedSlots = computed(() => {
-      const slots = {};
-      ADORNMENT_POSITIONS.forEach((position) => {
-        const key = `${position}Adornment`;
-        slots[position] = resolveVNodeChildOrSlots(props10[key], ctx.slots[key]);
-      });
-      return slots;
-    });
-    const renderAdornment = (position) => {
-      let child;
-      if (position === "end" && props10.loading) {
-        child = createVNode(loading_exports.VProgressCircular, {
-          "indeterminate": true,
-          "size": CONTROL_LOADING_SPINNER_SIZES[props10.size || "md"]
-        }, null);
-      } else {
-        child = renderSlotOrEmpty(resolvedSlots.value, position);
-      }
-      if (!child)
-        return;
-      return createVNode("div", {
-        "class": ["v-control-field__adornment", `v-control-field__adornment--${position}`]
-      }, [child]);
-    };
-    const handleClick = (ev) => {
-      ctx.emit("click", ev);
-    };
-    return {
-      classes,
-      renderAdornment,
-      hostElRef: () => hostElRef,
-      handleClick
-      // computedTabindex,
-    };
-  },
-  render() {
-    return createVNode("div", {
-      "class": this.classes,
-      "onClick": this.handleClick,
-      "ref": this.hostElRef()
-    }, [this.renderAdornment("start"), createVNode("div", {
-      "class": "v-control-field__body"
-    }, [renderSlotOrEmpty(this.$slots, "default")]), this.renderAdornment("end")]);
-  }
-});
-
-// src/components/VSelect/VSelect.tsx
 function _isSlot8(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
@@ -2892,26 +2860,6 @@ var VSelect = defineComponent({
     });
   }
 });
-var VTextCounter = defineComponent({
-  name: "VTextCounter",
-  props: {
-    length: {
-      type: Number,
-      required: true
-    },
-    maxlength: {
-      type: Number,
-      required: true
-    }
-  },
-  render() {
-    return createVNode("span", {
-      "class": "v-text-counter"
-    }, [`${this.length} / ${this.maxlength}`]);
-  }
-});
-
-// src/components/VTextField/VTextField.tsx
 var {
   props: props7,
   emits: emits7
@@ -3019,424 +2967,63 @@ var VNumberField = defineComponent({
         }
       }), ctx.slots);
     };
-  }
-});
-var {
-  props: props8,
-  emits: emits8
-} = createTextareaSettings();
-var VTextarea = defineComponent({
-  name: "VTextarea",
-  props: {
-    ...props8,
-    ...createFormControlProps(),
-    ...createControlFieldProps(),
-    ...createControlFieldProviderProps(),
-    ...createControlProps(),
-    ...defineSlotsProps()
-  },
-  emits: emits8,
-  setup(props10, ctx) {
-    const vui = useVui();
-    const inputControl = useTextareaControl(props10, ctx, {
-      nodeType: VUI_TEXTAREA_SYMBOL,
-      defaultRows: vui.textareaRows
-    });
-    const control = useControl(props10);
-    useControlField(props10);
-    return {
-      ...inputControl.expose(),
-      ...control
-    };
-  },
-  render() {
-    return createVNode(VFormControl, {
-      "nodeControl": this.nodeControl,
-      "focused": this.nodeControl.focused,
-      "class": ["v-textarea", this.classes],
-      "label": this.label,
-      "hint": this.hint,
-      "hinttip": this.hinttip,
-      "hiddenInfo": this.hiddenInfo,
-      "requiredChip": this.requiredChip,
-      "onClickLabel": (ev) => {
-        this.focus();
-      }
-    }, {
-      ...this.$slots,
-      default: () => createVNode(VControlField, {
-        "class": "v-textarea__input",
-        "size": this.size,
-        "autoHeight": true,
-        "startAdornment": this.startAdornment,
-        "endAdornment": this.endAdornment
-      }, {
-        ...this.$slots,
-        default: () => this.textareaControl.createInputElement({
-          class: "v-textarea__input__element"
-        })
-      }),
-      infoAppends: () => {
-        const {
-          counterResult
-        } = this;
-        if (!counterResult)
-          return;
-        return createVNode(VTextCounter, counterResult, null);
-      }
-    });
-  }
-});
-
-// src/components/VWysiwygEditor/schemes.ts
-var EDITOR_EVENTS = [
-  "beforeCreate",
-  "create",
-  "update",
-  "selectionUpdate",
-  "transaction",
-  "focus",
-  "blur",
-  "destroy"
-];
-var prefixedEventName = (source) => {
-  return `on${source.charAt(0).toUpperCase()}${source.slice(1)}`;
-};
-var WysiwygEditorInitializeContext = class {
-  listeners = {};
-  _vui;
-  get vui() {
-    return this._vui();
-  }
-  constructor(vuiGetter, opts = {}) {
-    this._vui = vuiGetter;
-    EDITOR_EVENTS.forEach((event) => {
-      this.listeners[event] = [];
-      const prefixed = prefixedEventName(event);
-      const fn = opts[prefixed];
-      fn && this.listeners[event].push(fn);
-    });
-  }
-  on(ev, handler) {
-    this.listeners[ev].push(handler);
-    return () => this.off(ev, handler);
-  }
-  off(ev, handler) {
-    this.listeners[ev] = this.listeners[ev].filter(
-      (_handler) => _handler !== handler
-    );
-  }
-  editorOptions() {
-    const opts = {};
-    EDITOR_EVENTS.forEach((event) => {
-      const prefixed = prefixedEventName(event);
-      opts[prefixed] = (props10) => {
-        const handlers = this.listeners[event];
-        handlers.forEach((handler) => {
-          handler(props10);
-        });
-      };
-    });
-    return opts;
-  }
-};
-function isCreatedWysiwygExtension(source) {
-  return !!source && typeof source === "object" && source.__isCreatedWysiwygExtension === true;
-}
-function createWysiwygExtension(extension) {
-  const ext = {
-    __isCreatedWysiwygExtension: true,
-    _configs: [],
-    configure: (opts) => {
-      opts && ext._configs.push(opts);
-      return ext;
-    },
-    raw: extension
-  };
-  return ext;
-}
-function resolveRawWysiwygExtension(raw, ctx) {
-  if (isCreatedWysiwygExtension(raw)) {
-    const { raw: _raw, _configs } = raw;
-    let ext = typeof _raw === "function" ? _raw(ctx) : _raw;
-    _configs.forEach((config) => {
-      ext = ext.configure(config);
-    });
-    return ext;
-  }
-  return typeof raw === "function" ? raw(ctx) : raw;
-}
-function resolveRawWysiwygExtensions(raws, ctx) {
-  return raws.map((raw) => resolveRawWysiwygExtension(raw, ctx));
-}
-function resolveRawWysiwygEditorTool(raw, vui) {
-  return typeof raw === "function" ? raw(vui) : raw;
-}
-function resolveRawWysiwygEditorTools(rawTools, vui) {
-  const tools = [];
-  const extensions = [];
-  rawTools.forEach((raw) => {
-    let resolved = resolveRawWysiwygEditorTool(raw, vui);
-    if (!Array.isArray(resolved)) {
-      resolved = [resolved];
-    }
-    resolved.forEach((tool) => {
-      tools.push(tool);
-      if (tool.extensions) {
-        extensions.push(...tool.extensions);
-      }
-    });
-  });
-  return {
-    tools,
-    extensions
-  };
-}
-
-// src/components/VWysiwygEditor/VWysiwygEditor.tsx
-function _isSlot9(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-var VWysiwygEditor = defineComponent({
-  name: "VWysiwygEditor",
+  }
+});
+var {
+  props: props8,
+  emits: emits8
+} = createTextareaSettings();
+var VTextarea = defineComponent({
+  name: "VTextarea",
   props: {
-    // ...props,
-    ...createTextableProps(),
+    ...props8,
     ...createFormControlProps(),
     ...createControlFieldProps(),
     ...createControlFieldProviderProps(),
     ...createControlProps(),
-    ...defineSlotsProps(),
-    extensions: {
-      type: Array,
-      default: () => []
-    },
-    tools: {
-      type: Array,
-      default: () => []
-    },
-    floatingToolbar: Boolean,
-    disabledMinHeight: Boolean,
-    disabledMaxHeight: Boolean
-  },
-  emits: {
-    ...createTextableEmits()
+    ...defineSlotsProps()
   },
+  emits: emits8,
   setup(props10, ctx) {
     const vui = useVui();
-    const textRef = ref("");
-    const toolButtonActiveColor = vui.setting("primaryScope");
-    const wysiwygSettings = computed(() => resolveRawWysiwygEditorTools(props10.tools, vui));
+    const inputControl = useTextareaControl(props10, ctx, {
+      nodeType: VUI_TEXTAREA_SYMBOL,
+      defaultRows: vui.textareaRows
+    });
     const control = useControl(props10);
     useControlField(props10);
-    const inputControl = new TextableControl(props10, ctx, {
-      nodeType: VUI_WYSIWYG_EDITOR_SYMBOL,
-      validationValue: () => textRef.value
-    });
-    const initializeCtx = new WysiwygEditorInitializeContext(() => vui, {
-      onCreate: ({
-        editor: editor2
-      }) => {
-        textRef.value = editor2.getText();
-        updateEditable();
-      },
-      onFocus: ({
-        event
-      }) => {
-        inputControl.focusHandler(event);
-      },
-      onBlur: ({
-        event
-      }) => {
-        inputControl.blurHandler(event);
-      },
-      onUpdate: ({
-        editor: editor2
-      }) => {
-        inputControl.value = editor2.getHTML();
-        textRef.value = editor2.getText();
-      }
-    });
-    const extensions = [
-      StarterKit.configure({
-        bold: false,
-        bulletList: false,
-        orderedList: false,
-        history: false,
-        italic: false
-      }),
-      // Linter.configure({
-      //   plugins: [BadWords(['abc', 'evidently']), Punctuation, HeadingLevel],
-      // }),
-      ...resolveRawWysiwygExtensions(props10.extensions, initializeCtx),
-      ...wysiwygSettings.value.extensions
-    ];
-    const updateEditable = () => {
-      if (!editor.value)
-        return;
-      editor.value.setEditable(inputControl.canOperation);
-    };
-    watch(() => inputControl.canOperation, updateEditable);
-    watch(() => props10.modelValue, (modelValue) => {
-      const $editor = editor.value;
-      if (!$editor || $editor.getHTML() === modelValue)
-        return;
-      $editor.commands.setContent(modelValue == null ? "" : modelValue, false);
-      textRef.value = $editor.getText();
-    });
-    initializeCtx.on("create", ({
-      editor: editor2
-    }) => {
-      textRef.value = editor2.getText();
-      updateEditable();
-    });
-    const editor = useEditor({
-      ...initializeCtx.editorOptions(),
-      autofocus: props10.autofocus,
-      content: props10.modelValue,
-      extensions,
-      editorProps: {
-        attributes: {
-          class: "v-wysiwyg-editor__input__prose"
-        }
-      }
-    });
-    const focus = (position, options) => {
-      if (!editor.value)
-        return;
-      return editor.value.chain().focus(position, options);
-    };
-    const blur = () => {
-      if (!editor.value)
-        return;
-      return editor.value.chain().blur();
-    };
-    const wysiwygContext = computed(() => {
-      const _editor = editor.value;
-      return {
-        vui,
-        editor: _editor
-      };
-    });
-    const createTools = (bubbleMenu = false) => {
-      let _slot;
-      const {
-        value: settings
-      } = wysiwygSettings;
-      const {
-        value: context
-      } = wysiwygContext;
-      const tools = bubbleMenu ? settings.tools.filter((t) => !!t.floating) : settings.tools;
-      const _editor = editor.value;
-      const variant = vui.setting(bubbleMenu ? "containedVariant" : "plainVariant");
-      return createVNode(VButtonGroup, {
-        "class": ["v-wysiwyg-editor__toolbar", {
-          "v-wysiwyg-editor__floating-toolbar": props10.floatingToolbar
-        }],
-        "variant": variant
-      }, _isSlot9(_slot = tools.map(({
-        key,
-        icon,
-        onClick,
-        disabled,
-        active
-      }) => {
-        const isActive = !!_editor && resolveContextableValue(context, active);
-        const isDisabled = !inputControl.canOperation || !!_editor && resolveContextableValue(context, disabled);
-        let iconName;
-        let child;
-        if (typeof icon === "function") {
-          if (_editor) {
-            const _child = icon(context);
-            if (typeof _child === "function") {
-              child = _child();
-            } else {
-              iconName = _child;
-            }
-          }
-        } else {
-          iconName = icon;
-        }
-        if (!iconName && child == null)
-          return;
-        return createVNode(VButton, {
-          "tabindex": -1,
-          "key": key,
-          "icon": iconName,
-          "onClick": (ev) => onClick(context, ev),
-          "color": isActive ? toolButtonActiveColor : void 0,
-          "disabled": isDisabled
-        }, _isSlot9(child) ? child : {
-          default: () => [child]
-        });
-      })) ? _slot : {
-        default: () => [_slot]
-      });
-    };
-    onBeforeUnmount(() => {
-      editor.value && editor.value.destroy();
-    });
     return {
-      editor,
       ...inputControl.expose(),
-      ...control,
-      focus,
-      blur,
-      createTools
+      ...control
     };
   },
   render() {
     return createVNode(VFormControl, {
       "nodeControl": this.nodeControl,
       "focused": this.nodeControl.focused,
-      "class": ["v-wysiwyg-editor", this.classes, `v-wysiwyg-editor--${this.size}`, {
-        "v-wysiwyg-editor--disabled-min-heihgt": this.disabledMinHeight,
-        "v-wysiwyg-editor--disabled-max-heihgt": this.disabledMaxHeight
-      }],
+      "class": ["v-textarea", this.classes],
       "label": this.label,
       "hint": this.hint,
       "hinttip": this.hinttip,
       "hiddenInfo": this.hiddenInfo,
       "requiredChip": this.requiredChip,
       "onClickLabel": (ev) => {
-        this.focus("start", {
-          scrollIntoView: true
-        });
+        this.focus();
       }
     }, {
       ...this.$slots,
-      default: () => {
-        const {
-          editor
-        } = this;
-        return createVNode("div", {
-          "class": "v-wysiwyg-editor__wrapper"
-        }, [!this.isReadonly && this.createTools(), createVNode(VControlField, {
-          "class": "v-wysiwyg-editor__input",
-          "autoHeight": true,
-          "startAdornment": this.startAdornment,
-          "endAdornment": this.endAdornment,
-          "size": this.size
-        }, {
-          ...this.$slots,
-          default: () => {
-            let _slot2;
-            return createVNode("div", {
-              "class": "v-wysiwyg-editor__body"
-            }, [createVNode(EditorContent, mergeProps({
-              class: "v-wysiwyg-editor__input__element wysiwyg"
-            }, {
-              "editor": editor
-            }), null), !this.floatingToolbar && !!editor && !this.isReadonly && createVNode(BubbleMenu, mergeProps({
-              class: "v-wysiwyg-editor__bubble-menu"
-            }, {
-              "editor": editor
-            }), _isSlot9(_slot2 = this.createTools(true)) ? _slot2 : {
-              default: () => [_slot2]
-            })]);
-          }
-        })]);
-      },
+      default: () => createVNode(VControlField, {
+        "class": "v-textarea__input",
+        "size": this.size,
+        "autoHeight": true,
+        "startAdornment": this.startAdornment,
+        "endAdornment": this.endAdornment
+      }, {
+        ...this.$slots,
+        default: () => this.textareaControl.createInputElement({
+          class: "v-textarea__input__element"
+        })
+      }),
       infoAppends: () => {
         const {
           counterResult
@@ -3448,551 +3035,6 @@ var VWysiwygEditor = defineComponent({
     });
   }
 });
-function resolveContextableValue(ctx, source) {
-  return typeof source === "function" ? source(ctx) : source;
-}
-var PROBLEM_CLASS_NAME = "v-linter__problem";
-var ISSUE_ICON_CLASS_NAME = "v-linter__issue-icon";
-var ISSUE_DATASET_NAME = "data-issue-id";
-function resolveWysiwygLinterFixMessage(message) {
-  return typeof message === "function" ? message() : message;
-}
-function renderIcon(view, issue) {
-  const {
-    level = "warning"
-  } = issue;
-  const icon = document.createElement("div");
-  const message = resolveWysiwygLinterFixMessage(issue.message);
-  icon.className = `${ISSUE_ICON_CLASS_NAME} ${level}-scope`;
-  icon.setAttribute(ISSUE_DATASET_NAME, issue.id);
-  if (typeof message === "string") {
-    icon.title = message;
-  }
-  return icon;
-}
-function runAllLinterPlugins(doc, plugins) {
-  const decorations = [];
-  const issues = plugins.map((RegisteredLinterPlugin) => {
-    return new RegisteredLinterPlugin(doc).scan().getResults();
-  }).flat();
-  issues.forEach((issue) => {
-    const {
-      level = "warning",
-      icon
-    } = issue;
-    const message = resolveWysiwygLinterFixMessage(issue.message);
-    decorations.push(Decoration.inline(issue.from, issue.to, {
-      class: `${PROBLEM_CLASS_NAME} ${level}-scope`,
-      "data-issue-id": issue.id,
-      title: typeof message === "string" ? message : void 0
-    }));
-    if (icon) {
-      decorations.push(Decoration.widget(issue.from, (view) => renderIcon(view, issue)));
-    }
-  });
-  const decorationSet = DecorationSet.create(doc, decorations);
-  return {
-    issues,
-    decorationSet
-  };
-}
-var WysiwygLinter = createWysiwygExtension((ctx) => {
-  function showMenu(view, issue, event) {
-    const message = resolveWysiwygLinterFixMessage(issue.message);
-    const variant = ctx.vui.setting("containedVariant");
-    const scope = ctx.vui.setting(`${issue.level}Scope`);
-    return ctx.vui.menu({
-      activator: event,
-      content: (stack) => createVNode("div", {
-        "class": "v-linter__issue-menu__body"
-      }, [createVNode("div", {
-        "class": ["v-linter__issue-menu__message", `${scope}-scope ${variant}`]
-      }, [message]), issue.fix.length && createVNode("div", {
-        "class": "v-linter__issue-menu__fixers"
-      }, [issue.fix.map((fixer, index) => createVNode("div", {
-        "key": index,
-        "class": "v-linter__issue-menu__fixer"
-      }, [createVNode("button", {
-        "type": "button",
-        "class": "v-linter__issue-menu__fixer__button",
-        "onClick": () => {
-          stack.close();
-          fixer.handler(view, issue);
-        }
-      }, [createVNode("span", {
-        "class": "v-linter__issue-menu__fixer__button__message"
-      }, [resolveWysiwygLinterFixMessage(fixer.message)])])]))])])
-    });
-  }
-  return Extension.create({
-    name: "linter",
-    addOptions() {
-      return {
-        plugins: []
-      };
-    },
-    addStorage() {
-      return {
-        issues: []
-      };
-    },
-    addProseMirrorPlugins() {
-      const {
-        plugins
-      } = this.options;
-      const {
-        storage
-      } = this;
-      const runAll = (doc) => {
-        const {
-          issues,
-          decorationSet
-        } = runAllLinterPlugins(doc, plugins);
-        storage.issues = issues;
-        return decorationSet;
-      };
-      const getIssue = (id) => storage.issues.find((issue) => issue.id === id);
-      const getIssueElementByEvent = (source) => {
-        if (!source || !(source instanceof HTMLElement)) {
-          return;
-        }
-        const issueId = source.getAttribute(ISSUE_DATASET_NAME);
-        const issue = issueId && getIssue(issueId);
-        if (!issue)
-          return;
-        return {
-          issue
-        };
-      };
-      const linterPlugin = new Plugin({
-        key: new PluginKey("linter"),
-        state: {
-          init(_, {
-            doc
-          }) {
-            return runAll(doc);
-          },
-          apply(transaction, oldState) {
-            return transaction.docChanged ? runAll(transaction.doc) : oldState;
-          }
-        },
-        props: {
-          decorations(state) {
-            return linterPlugin.getState(state);
-          },
-          handleClick(view, _, event) {
-            const info = getIssueElementByEvent(event.target);
-            if (!info) {
-              return false;
-            }
-            const {
-              issue
-            } = info;
-            const {
-              from,
-              to
-            } = issue;
-            const focus = () => view.dispatch(view.state.tr.setSelection(TextSelection.create(view.state.doc, from, to)).scrollIntoView());
-            focus();
-            showMenu(view, issue, event);
-            return true;
-          }
-        }
-      });
-      return [linterPlugin];
-    }
-  });
-});
-
-// src/components/VWysiwygEditor/extensions/linter/utils.ts
-var IDX = 256;
-var BUFFER;
-var HEX = [];
-while (IDX--)
-  HEX[IDX] = (IDX + 256).toString(16).substring(1);
-function cheepUUID() {
-  let i = 0, num, out = "";
-  if (!BUFFER || IDX + 16 > 256) {
-    BUFFER = Array(i = 256);
-    while (i--)
-      BUFFER[i] = 256 * Math.random() | 0;
-    i = IDX = 0;
-  }
-  for (; i < 16; i++) {
-    num = BUFFER[IDX + i];
-    if (i == 6)
-      out += HEX[num & 15 | 64];
-    else if (i == 8)
-      out += HEX[num & 63 | 128];
-    else
-      out += HEX[num];
-    if (i & 1 && i > 1 && i < 11)
-      out += "-";
-  }
-  IDX++;
-  return out;
-}
-
-// src/components/VWysiwygEditor/extensions/linter/LinterPlugin.ts
-var WysiwygLinterPlugin = class {
-  doc;
-  results = [];
-  constructor(doc) {
-    this.doc = doc;
-  }
-  record(result) {
-    const { fix = [], icon = false } = result;
-    this.results.push({
-      level: "error",
-      id: cheepUUID(),
-      ...result,
-      fix: Array.isArray(fix) ? fix : [fix],
-      icon
-    });
-  }
-  scan() {
-    return this;
-  }
-  getResults() {
-    return this.results;
-  }
-};
-function WysiwygLinterBadWords(words) {
-  const regex = new RegExp(`\\b(${words.join("|")})\\b`);
-  return class WysiwygLinterBadWords extends WysiwygLinterPlugin {
-    scan() {
-      this.doc.descendants((node, position) => {
-        if (!node.isText) {
-          return;
-        }
-        const matches = regex.exec(node.text);
-        if (matches) {
-          const fixValue = matches[0] + "!!!!!";
-          this.record({
-            level: "warning",
-            message: `Try not to say '${matches[0]}'`,
-            from: position + matches.index,
-            to: position + matches.index + matches[0].length,
-            fix: [{
-              message: () => createVNode("span", null, [createVNode("code", null, [fixValue]), createTextVNode("\u306B\u4FEE\u6B63\u3059\u308B\u3002")]),
-              handler: () => {
-                console.log("hoge");
-              }
-            }, {
-              message: "\u3069\u3046\u306B\u304B\u3059\u308B",
-              handler: () => {
-                console.log("hoge");
-              }
-            }]
-          });
-        }
-      });
-      return this;
-    }
-  };
-}
-
-// src/components/VWysiwygEditor/extensions/linter/plugins/HeadingLevel.ts
-var WysiwygLinterHeadingLevel = class extends WysiwygLinterPlugin {
-  fixHeader(level) {
-    return function({ state, dispatch }, issue) {
-      dispatch(state.tr.setNodeMarkup(issue.from - 1, void 0, { level }));
-    };
-  }
-  scan() {
-    let lastHeadLevel = null;
-    this.doc.descendants((node, position) => {
-      if (node.type.name === "heading") {
-        const { level } = node.attrs;
-        if (lastHeadLevel != null && level > lastHeadLevel + 1) {
-          this.record({
-            message: `Heading too small (${level} under ${lastHeadLevel})`,
-            from: position + 1,
-            to: position + 1 + node.content.size,
-            fix: {
-              message: "\u4FEE\u6B63\u3059\u308B",
-              handler: this.fixHeader(lastHeadLevel + 1)
-            }
-          });
-        }
-        lastHeadLevel = level;
-      }
-    });
-    return this;
-  }
-};
-
-// src/components/VWysiwygEditor/extensions/linter/plugins/Punctuation.ts
-var WysiwygLinterPunctuation = class extends WysiwygLinterPlugin {
-  regex = / ([,.!?:]) ?/g;
-  fix(replacement) {
-    return function({ state, dispatch }, issue) {
-      dispatch(
-        state.tr.replaceWith(
-          issue.from,
-          issue.to,
-          state.schema.text(replacement)
-        )
-      );
-    };
-  }
-  scan() {
-    this.doc.descendants((node, position) => {
-      if (!node.isText) {
-        return;
-      }
-      if (!node.text) {
-        return;
-      }
-      const matches = this.regex.exec(node.text);
-      if (matches) {
-        this.record({
-          message: "Suspicious spacing around punctuation",
-          from: position + matches.index,
-          to: position + matches.index + matches[0].length,
-          fix: {
-            message: "Fix it!!!",
-            handler: this.fix(`${matches[1]} `)
-          }
-        });
-      }
-    });
-    return this;
-  }
-};
-var WysiwygColorExtension = Extension.create({
-  name: "color",
-  addOptions() {
-    return {
-      types: ["textStyle"]
-    };
-  },
-  addGlobalAttributes() {
-    return [
-      {
-        types: this.options.types,
-        attributes: {
-          color: {
-            default: null,
-            parseHTML: (element) => element.style.color.replace(/['"]+/g, ""),
-            renderHTML: (attributes) => {
-              if (!attributes.color) {
-                return {};
-              }
-              return {
-                style: `color: ${attributes.color}`
-              };
-            }
-          }
-        }
-      }
-    ];
-  },
-  addCommands() {
-    return {
-      setColor: (color) => ({ chain }) => {
-        return chain().setMark("textStyle", { color }).run();
-      },
-      unsetColor: () => ({ chain }) => {
-        return chain().setMark("textStyle", { color: null }).removeEmptyTextStyle().run();
-      }
-    };
-  }
-});
-var WysiwygBulletListTool = (vui, options) => {
-  const tool = {
-    key: "bulletList",
-    icon: vui.icon("editorformatListBulleted"),
-    active: ({ editor }) => editor.isActive("bulletList"),
-    onClick: ({ editor }) => {
-      editor.chain().focus().toggleBulletList().run();
-    },
-    floating: true,
-    extensions: [BulletList.configure(options)]
-  };
-  return tool;
-};
-var WysiwygFormatBoldTool = (vui, options) => {
-  const tool = {
-    key: "formatBold",
-    icon: vui.icon("editorformatBold"),
-    active: ({ editor }) => editor.isActive("bold"),
-    onClick: ({ editor }) => {
-      editor.chain().focus().toggleBold().run();
-    },
-    floating: true,
-    extensions: [Bold.configure(options)]
-  };
-  return tool;
-};
-var WysiwygFormatItalicTool = (vui, options) => {
-  const tool = {
-    key: "formatItalic",
-    icon: vui.icon("editorformatItalic"),
-    active: ({ editor }) => editor.isActive("italic"),
-    onClick: ({ editor }) => {
-      editor.chain().focus().toggleItalic().run();
-    },
-    floating: true,
-    extensions: [Italic.configure(options)]
-  };
-  return tool;
-};
-var WysiwygFormatUnderlineTool = (vui, options) => {
-  const tool = {
-    key: "formatUnderline",
-    icon: vui.icon("editorformatUnderline"),
-    active: ({ editor }) => editor.isActive("underline"),
-    onClick: ({ editor }) => {
-      editor.chain().focus().toggleUnderline().run();
-    },
-    floating: true,
-    extensions: [Underline.configure(options)]
-  };
-  return tool;
-};
-var WysiwygHistoryTool = (vui, options) => {
-  const undo = {
-    key: "history-undo",
-    icon: vui.icon("editorUndo"),
-    disabled: ({ editor }) => !editor.can().undo(),
-    onClick: ({ editor }) => {
-      editor.chain().focus().undo().run();
-    },
-    extensions: [History.configure(options)]
-  };
-  const redo = {
-    key: "history-redo",
-    icon: vui.icon("editorRedo"),
-    disabled: ({ editor }) => !editor.can().redo(),
-    onClick: ({ editor }) => {
-      editor.chain().focus().redo().run();
-    }
-  };
-  return [undo, redo];
-};
-var WysiwygLinkTool = (vui, options) => {
-  const tool = {
-    key: "link",
-    // icon: ({ editor }) => {
-    //   return vui.icon(editor.isActive('link') ? 'editorLinkOff' : 'editorLink');
-    // },
-    icon: vui.icon("editorLink"),
-    active: ({ editor }) => editor.isActive("link"),
-    // disabled: ({ editor }) => {
-    //   const { $from, $to } = editor.view.state.selection;
-    //   return $to.pos - $from.pos === 0;
-    // },
-    onClick: async ({ vui: vui2, editor }) => {
-      const { href = "" } = editor.getAttributes("link");
-      const result = await vui2.prompt({
-        input: {
-          label: "Link URL",
-          rules: [validateIf, url],
-          initialValue: href,
-          size: "sm",
-          autofocus: true
-        }
-      });
-      if (result === void 0 || result === false) {
-        return;
-      }
-      const range = editor.chain().focus().extendMarkRange("link");
-      if (!result) {
-        range.unsetLink().run();
-      } else {
-        range.setLink({
-          href: result
-        }).run();
-      }
-    },
-    floating: true,
-    extensions: [
-      Link.configure({
-        openOnClick: false,
-        ...options
-      })
-    ]
-  };
-  return tool;
-};
-var WysiwygOrderedListTool = (vui, options) => {
-  const tool = {
-    key: "orderedList",
-    icon: vui.icon("editorformatListNumbered"),
-    active: ({ editor }) => editor.isActive("orderedList"),
-    onClick: ({ editor }) => {
-      editor.chain().focus().toggleOrderedList().run();
-    },
-    floating: true,
-    extensions: [OrderedList.configure(options)]
-  };
-  return tool;
-};
-function createWysiwygColorTool(opts) {
-  const WysiwygColorTool = (vui) => {
-    const tool = {
-      key: "textColor",
-      // active: ({ editor }) => editor.isActive('textStyle'),
-      icon: ({
-        editor
-      }) => () => {
-        const color = editor.getAttributes("textStyle").color;
-        const style = {
-          color
-        };
-        return createVNode("span", {
-          "class": "v-wysiwyg-color-tool__button"
-        }, [createVNode(VIcon, {
-          "class": "v-wysiwyg-color-tool__button__icon",
-          "name": vui.icon("editorTextColor")
-        }, null), createVNode("span", {
-          "class": "v-wysiwyg-color-tool__button__bar",
-          "style": style
-        }, null)]);
-      },
-      onClick: (ctx, ev) => {
-        ctx.vui.menu({
-          class: "v-wysiwyg-color-tool__menu",
-          activator: ev,
-          content: (stack) => createVNode("div", {
-            "class": ["v-wysiwyg-color-tool__items", {
-              "v-wysiwyg-color-tool__items--with-label": opts.withLabel
-            }]
-          }, [opts.items.map((item, index) => createVNode("button", {
-            "key": item.key == null ? index : item.key,
-            "class": "v-wysiwyg-color-tool__item",
-            "type": "button",
-            "onClick": () => {
-              const {
-                color
-              } = item;
-              let command = ctx.editor.chain().focus();
-              if (color) {
-                command = command.setColor(color);
-              } else {
-                command = command.unsetColor();
-              }
-              command.run();
-              stack.close();
-            }
-          }, [createVNode("span", {
-            "class": "v-wysiwyg-color-tool__item__color",
-            "style": item.color ? {
-              color: item.color
-            } : {}
-          }, null), opts.withLabel && createVNode("span", {
-            "class": "v-wysiwyg-color-tool__item__name"
-          }, [item.name])]))])
-        });
-      },
-      floating: true,
-      extensions: [TextStyle, WysiwygColorExtension]
-    };
-    return tool;
-  };
-  return WysiwygColorTool;
-}
 var {
   props: props9,
   emits: emits9
@@ -4051,7 +3093,7 @@ var VForm = defineComponent({
     }, [renderSlotOrEmpty(this.$slots, "default", form)]);
   }
 });
-function _isSlot10(s) {
+function _isSlot9(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 var VTab = defineComponent({
@@ -4096,7 +3138,7 @@ var VTab = defineComponent({
           "class": classes,
           "to": to,
           "replace": replace
-        }, _isSlot10(children) ? children : {
+        }, _isSlot9(children) ? children : {
           default: () => [children]
         });
       } else {
@@ -4112,7 +3154,7 @@ var VTab = defineComponent({
     };
   }
 });
-function _isSlot11(s) {
+function _isSlot10(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 var VTabs = defineComponent({
@@ -4197,8 +3239,8 @@ var VTabs = defineComponent({
         };
       });
     });
-    const setTabRef = (ref11) => {
-      tabRefs.value.push(ref11);
+    const setTabRef = (ref10) => {
+      tabRefs.value.push(ref10);
     };
     function setupInternalValue(routable) {
       let value = props10.modelValue;
@@ -4375,7 +3417,7 @@ var VTabs = defineComponent({
               to(value);
             }
           }
-        }, _isSlot11(children2) ? children2 : {
+        }, _isSlot10(children2) ? children2 : {
           default: () => [children2]
         });
       });
@@ -4395,7 +3437,7 @@ var VTabs = defineComponent({
     };
   }
 });
-function _isSlot12(s) {
+function _isSlot11(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 var VBreadcrumbs = defineComponent({
@@ -4479,7 +3521,7 @@ var VBreadcrumbs = defineComponent({
           "class": "v-breadcrumbs__link",
           "to": to,
           "exactActiveClass": "v-breadcrumbs__link--active"
-        }, _isSlot12(myChildren) ? myChildren : {
+        }, _isSlot11(myChildren) ? myChildren : {
           default: () => [myChildren]
         }) : myChildren;
         children.push(createVNode("li", {
@@ -4497,7 +3539,7 @@ var VBreadcrumbs = defineComponent({
     };
   }
 });
-function _isSlot13(s) {
+function _isSlot12(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 var VContentSwitcher = defineComponent({
@@ -4617,7 +3659,7 @@ var VContentSwitcher = defineComponent({
         "onLeaveCancelled": () => {
           getEl().style.height = "";
         }
-      }, _isSlot13(children) ? children : {
+      }, _isSlot12(children) ? children : {
         default: () => [children]
       })]);
     };
@@ -5289,7 +4331,7 @@ var VToolbar = defineComponent({
     };
   }
 });
-function _isSlot14(s) {
+function _isSlot13(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 var VToolbarMenu = defineComponent({
@@ -5305,7 +4347,7 @@ var VToolbarMenu = defineComponent({
       return createVNode(VButton, mergeProps(ctx.attrs, {
         "variant": variant,
         "class": ["v-toolbar-menu"]
-      }), _isSlot14(_slot = renderSlotOrEmpty(ctx.slots)) ? _slot : {
+      }), _isSlot13(_slot = renderSlotOrEmpty(ctx.slots)) ? _slot : {
         default: () => [_slot]
       });
     };
@@ -5332,7 +4374,7 @@ var VToolbarEdge = defineComponent({
     };
   }
 });
-function _isSlot15(s) {
+function _isSlot14(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 var VToolbarTitle = defineComponent({
@@ -5350,7 +4392,7 @@ var VToolbarTitle = defineComponent({
       const TagName = _TagName.value;
       return createVNode(TagName, {
         "class": "v-toolbar-title"
-      }, _isSlot15(_slot = renderSlotOrEmpty(ctx.slots, "default")) ? _slot : {
+      }, _isSlot14(_slot = renderSlotOrEmpty(ctx.slots, "default")) ? _slot : {
         default: () => [_slot]
       });
     };
@@ -5608,6 +4650,6 @@ function installVuiPlugin(app, opts) {
   return app.use(VuiPlugin, opts);
 }
 
-export { ARROW_KEY_TYPES, AVATAR_SIZES, BUTTON_ALIGNS, CHIP_SIZES, CHOICE_KEY_TYPES, CONTROL_FIELD_VARIANTS, CONTROL_LOADING_SPINNER_SIZES, CONTROL_SIZES, KEYBORD_EVENT_TYPES, PAGINATION_ALIGNS, VApp, VAvatar, VBreadcrumbs, VBusyImage, VButton, VButtonGroup, VCard, VCardActions, VCardContent, VCheckbox, VCheckboxGroup, VChip, VContentSwitcher, VDataTable, VDrawerLayout, VForm, VFormControl, VGridContainer, VGridItem, VHero, VIcon, VListTile, VNavigation, VNavigationItem, VNumberField, VOption, VOptionGroup, VPagination, VPaper, VRadio, VRadioGroup, VSelect, VSkeltonLoaderBone, VSwitch, VSwitchGroup, VTabs, VTextField, VTextarea, VToolbar, VToolbarEdge, VToolbarMenu, VToolbarTitle, VUI_CHECKBOX_GROUP_SYMBOL, VUI_CHECKBOX_SYMBOL, VUI_FORM_SYMBOL, VUI_OPTION_SYMBOL, VUI_RADIO_GROUP_SYMBOL, VUI_RADIO_SYMBOL, VUI_SELECT_SYMBOL, VUI_SWITCH_GROUP_SYMBOL, VUI_SWITCH_SYMBOL, VUI_TEXTAREA_SYMBOL, VUI_TEXT_FIELD_SYMBOL, VUI_WYSIWYG_EDITOR_SYMBOL, VWysiwygEditor, VuiColorProviderInjectionKey, VuiControlFieldInjectionKey, VuiControlInjectionKey, VuiInjectionKey, VuiPlugin, VuiService, WysiwygBulletListTool, WysiwygColorExtension, WysiwygEditorInitializeContext, WysiwygFormatBoldTool, WysiwygFormatItalicTool, WysiwygFormatUnderlineTool, WysiwygHistoryTool, WysiwygLinkTool, WysiwygLinter, WysiwygLinterBadWords, WysiwygLinterHeadingLevel, WysiwygLinterPlugin, WysiwygLinterPunctuation, WysiwygOrderedListTool, configureDataTableDefaults, createAvatarProps, createCardProps, createChipProps, createControlFieldProviderProps, createControlProps, createElevationProps, createListTileProps, createNavigationItemProps, createNavigationProps, createPaperBaseProps, createPaperProps, createRequiredChipRenderer, createVFormProps, createWysiwygColorTool, createWysiwygExtension, defineFormSelectorComponent, iconProps, installVuiPlugin, listTileEmits, mergeVuiPluginOptions, mergeVuiServiceIconSettings, mergeVuiServiceOptions, mergeVuiServiceUISettings, paginationProps, rawIconProp, renderNavigationItemInput, resolveNavigationItemInput, resolveRawIconProp, resolveRawWysiwygEditorTools, resolveRawWysiwygExtensions, splitAttrs, useControl, useControlField, useElevation, useVui, useVuiColorProvider, vueButtonProps };
+export { ARROW_KEY_TYPES, AVATAR_SIZES, BUTTON_ALIGNS, CHIP_SIZES, CHOICE_KEY_TYPES, CONTROL_FIELD_VARIANTS, CONTROL_LOADING_SPINNER_SIZES, CONTROL_SIZES, KEYBORD_EVENT_TYPES, PAGINATION_ALIGNS, VApp, VAvatar, VBreadcrumbs, VBusyImage, VButton, VButtonGroup, VCard, VCardActions, VCardContent, VCheckbox, VCheckboxGroup, VChip, VContentSwitcher, VControlField, VDataTable, VDrawerLayout, VForm, VFormControl, VGridContainer, VGridItem, VHero, VIcon, VListTile, VNavigation, VNavigationItem, VNumberField, VOption, VOptionGroup, VPagination, VPaper, VRadio, VRadioGroup, VSelect, VSkeltonLoaderBone, VSwitch, VSwitchGroup, VTabs, VTextCounter, VTextField, VTextarea, VToolbar, VToolbarEdge, VToolbarMenu, VToolbarTitle, VUI_CHECKBOX_GROUP_SYMBOL, VUI_CHECKBOX_SYMBOL, VUI_FORM_SYMBOL, VUI_OPTION_SYMBOL, VUI_RADIO_GROUP_SYMBOL, VUI_RADIO_SYMBOL, VUI_SELECT_SYMBOL, VUI_SWITCH_GROUP_SYMBOL, VUI_SWITCH_SYMBOL, VUI_TEXTAREA_SYMBOL, VUI_TEXT_FIELD_SYMBOL, VuiColorProviderInjectionKey, VuiControlFieldInjectionKey, VuiControlInjectionKey, VuiInjectionKey, VuiPlugin, VuiService, configureDataTableDefaults, createAvatarProps, createCardProps, createChipProps, createControlFieldProps, createControlFieldProviderProps, createControlProps, createElevationProps, createListTileProps, createNavigationItemProps, createNavigationProps, createPaperBaseProps, createPaperProps, createRequiredChipRenderer, createVFormProps, defineFormSelectorComponent, iconProps, installVuiPlugin, listTileEmits, mergeVuiPluginOptions, mergeVuiServiceIconSettings, mergeVuiServiceOptions, mergeVuiServiceUISettings, paginationProps, rawIconProp, renderNavigationItemInput, resolveNavigationItemInput, resolveRawIconProp, splitAttrs, useControl, useControlField, useElevation, useVui, useVuiColorProvider, vueButtonProps };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=vui.mjs.map