@cgboiler/biz-basic 1.0.52 → 1.0.54

package/es/rich-text-editor/menu-system/components/list-dropdown-menu.d.ts

@@ -0,0 +1,41 @@
+import { type PropType } from 'vue';
+import { type ListType } from '../hooks/use-list';
+export declare const ListDropdownMenu: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    editor: {
+        type: PropType<any>;
+        required: true;
+    };
+    types: {
+        type: PropType<ListType[]>;
+        default: () => string[];
+    };
+    hideWhenUnavailable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    editor: {
+        type: PropType<any>;
+        required: true;
+    };
+    types: {
+        type: PropType<ListType[]>;
+        default: () => string[];
+    };
+    hideWhenUnavailable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    className: string;
+    types: ListType[];
+    hideWhenUnavailable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/rich-text-editor/menu-system/components/list-dropdown-menu.js

@@ -0,0 +1,97 @@
+import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
+import "./_atomic.css";
+import { defineComponent } from "vue";
+import { useListDropdownMenu } from "../hooks/use-list-dropdown-menu";
+import { toggleList } from "../hooks/use-list";
+import { Button } from "../primitives/button";
+import { cn } from "../utils/tiptap-utils";
+import { ElDropdown, ElDropdownMenu, ElDropdownItem } from "element-plus";
+import { ChevronDownIcon } from "../icons";
+const ListDropdownMenu = defineComponent({
+  name: "ListDropdownMenu",
+  props: {
+    editor: {
+      type: Object,
+      required: true
+    },
+    types: {
+      type: Array,
+      default: () => ["bulletList", "orderedList", "taskList"]
+    },
+    hideWhenUnavailable: {
+      type: Boolean,
+      default: false
+    },
+    className: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(props, {
+    attrs
+  }) {
+    const {
+      isVisible,
+      activeType,
+      isActive,
+      canToggle,
+      filteredLists,
+      label,
+      Icon
+    } = useListDropdownMenu({
+      editor: props.editor,
+      types: props.types,
+      hideWhenUnavailable: props.hideWhenUnavailable
+    });
+    const handleListSelect = (type) => {
+      const editor = props.editor && "value" in props.editor ? props.editor.value : props.editor;
+      toggleList(editor, type);
+    };
+    return () => {
+      if (!isVisible.value)
+        return null;
+      const trigger = _createVNode(Button, _mergeProps({
+        "type": "button",
+        "disabled": !canToggle.value,
+        "data-style": "ghost",
+        "data-active-state": isActive.value ? "on" : "off",
+        "data-disabled": !canToggle.value,
+        "role": "button",
+        "tooltip": label,
+        "class": cn(props.className, "tiptap-list-dropdown-trigger")
+      }, attrs), {
+        default: () => [_createVNode(Icon.value, {
+          "class": "tiptap-button-icon"
+        }, null), _createVNode(ChevronDownIcon, {
+          "class": "tiptap-button-icon-chevron"
+        }, null)]
+      });
+      return _createVNode(ElDropdown, {
+        "trigger": "click",
+        "onCommand": handleListSelect,
+        "popper-class": "tiptap-dropdown-menu"
+      }, {
+        default: () => trigger,
+        dropdown: () => _createVNode(ElDropdownMenu, null, {
+          default: () => [filteredLists.map((option) => {
+            const ListOptionIcon = option.icon;
+            return _createVNode(ElDropdownItem, {
+              "key": option.type,
+              "command": option.type,
+              "class": cn(activeType.value === option.type && "is-active")
+            }, {
+              default: () => [_createVNode("div", {
+                "class": "tiptap-dropdown-menu-item-content"
+              }, [_createVNode(ListOptionIcon, {
+                "class": "tiptap-dropdown-menu-item-icon"
+              }, null), _createVNode("span", null, [option.label])])]
+            });
+          })]
+        })
+      });
+    };
+  }
+});
+export {
+  ListDropdownMenu
+};

package/es/rich-text-editor/menu-system/components/mark-button.d.ts

@@ -0,0 +1,58 @@
+import { type PropType } from 'vue';
+import { type Mark } from '../hooks/use-mark';
+export declare const MarkButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    editor: {
+        type: PropType<any>;
+        required: true;
+    };
+    type: {
+        type: PropType<Mark>;
+        required: true;
+    };
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    hideWhenUnavailable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showShortcut: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    editor: {
+        type: PropType<any>;
+        required: true;
+    };
+    type: {
+        type: PropType<Mark>;
+        required: true;
+    };
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    hideWhenUnavailable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showShortcut: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    text: string;
+    className: string;
+    hideWhenUnavailable: boolean;
+    showShortcut: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/rich-text-editor/menu-system/components/mark-button.js

@@ -0,0 +1,80 @@
+import { Fragment as _Fragment, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
+import "./_atomic.css";
+import { defineComponent } from "vue";
+import { useMark } from "../hooks/use-mark";
+import { Button } from "../primitives/button";
+import { cn } from "../utils/tiptap-utils";
+const MarkButton = defineComponent({
+  name: "MarkButton",
+  props: {
+    editor: {
+      type: Object,
+      required: true
+    },
+    type: {
+      type: String,
+      required: true
+    },
+    text: {
+      type: String,
+      default: ""
+    },
+    hideWhenUnavailable: {
+      type: Boolean,
+      default: false
+    },
+    showShortcut: {
+      type: Boolean,
+      default: false
+    },
+    className: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(props, {
+    slots,
+    attrs
+  }) {
+    const {
+      isVisible,
+      handleMark,
+      label,
+      canToggle,
+      isActive,
+      Icon,
+      shortcutKeys
+    } = useMark({
+      editor: props.editor,
+      type: props.type,
+      hideWhenUnavailable: props.hideWhenUnavailable
+    });
+    return () => {
+      if (!isVisible.value)
+        return null;
+      return _createVNode(Button, _mergeProps({
+        "type": "button",
+        "disabled": !canToggle.value,
+        "data-style": "ghost",
+        "data-active-state": isActive.value ? "on" : "off",
+        "data-disabled": !canToggle.value,
+        "role": "button",
+        "tabindex": -1,
+        "aria-label": label,
+        "aria-pressed": isActive.value,
+        "tooltip": label,
+        "onClick": handleMark,
+        "class": cn(props.className)
+      }, attrs), {
+        default: () => [slots.default ? slots.default() : _createVNode(_Fragment, null, [_createVNode(Icon, {
+          "class": "tiptap-button-icon"
+        }, null), props.text && _createVNode("span", {
+          "class": "tiptap-button-text"
+        }, [props.text])])]
+      });
+    };
+  }
+});
+export {
+  MarkButton
+};

package/es/rich-text-editor/menu-system/components/text-align-button.d.ts

@@ -0,0 +1,58 @@
+import { type PropType } from 'vue';
+import { type TextAlign } from '../hooks/use-text-align';
+export declare const TextAlignButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    editor: {
+        type: PropType<any>;
+        required: true;
+    };
+    align: {
+        type: PropType<TextAlign>;
+        required: true;
+    };
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    hideWhenUnavailable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showShortcut: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    editor: {
+        type: PropType<any>;
+        required: true;
+    };
+    align: {
+        type: PropType<TextAlign>;
+        required: true;
+    };
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    hideWhenUnavailable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showShortcut: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    text: string;
+    className: string;
+    hideWhenUnavailable: boolean;
+    showShortcut: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/rich-text-editor/menu-system/components/text-align-button.js

@@ -0,0 +1,80 @@
+import { Fragment as _Fragment, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
+import "./_atomic.css";
+import { defineComponent } from "vue";
+import { useTextAlign } from "../hooks/use-text-align";
+import { Button } from "../primitives/button";
+import { cn } from "../utils/tiptap-utils";
+const TextAlignButton = defineComponent({
+  name: "TextAlignButton",
+  props: {
+    editor: {
+      type: Object,
+      required: true
+    },
+    align: {
+      type: String,
+      required: true
+    },
+    text: {
+      type: String,
+      default: ""
+    },
+    hideWhenUnavailable: {
+      type: Boolean,
+      default: false
+    },
+    showShortcut: {
+      type: Boolean,
+      default: false
+    },
+    className: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(props, {
+    slots,
+    attrs
+  }) {
+    const {
+      isVisible,
+      handleTextAlign,
+      label,
+      canAlign,
+      isActive,
+      Icon,
+      shortcutKeys
+    } = useTextAlign({
+      editor: props.editor,
+      align: props.align,
+      hideWhenUnavailable: props.hideWhenUnavailable
+    });
+    return () => {
+      if (!isVisible.value)
+        return null;
+      return _createVNode(Button, _mergeProps({
+        "type": "button",
+        "disabled": !canAlign.value,
+        "data-style": "ghost",
+        "data-active-state": isActive.value ? "on" : "off",
+        "data-disabled": !canAlign.value,
+        "role": "button",
+        "tabindex": -1,
+        "aria-label": label,
+        "aria-pressed": isActive.value,
+        "tooltip": label,
+        "onClick": handleTextAlign,
+        "class": cn(props.className)
+      }, attrs), {
+        default: () => [slots.default ? slots.default() : _createVNode(_Fragment, null, [_createVNode(Icon, {
+          "class": "tiptap-button-icon"
+        }, null), props.text && _createVNode("span", {
+          "class": "tiptap-button-text"
+        }, [props.text])])]
+      });
+    };
+  }
+});
+export {
+  TextAlignButton
+};

package/es/rich-text-editor/menu-system/components/undo-redo-button.d.ts

@@ -0,0 +1,58 @@
+import { type PropType } from 'vue';
+import { type UndoRedoAction } from '../hooks/use-undo-redo';
+export declare const UndoRedoButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    editor: {
+        type: PropType<any>;
+        required: true;
+    };
+    action: {
+        type: PropType<UndoRedoAction>;
+        required: true;
+    };
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    hideWhenUnavailable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showShortcut: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    editor: {
+        type: PropType<any>;
+        required: true;
+    };
+    action: {
+        type: PropType<UndoRedoAction>;
+        required: true;
+    };
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    hideWhenUnavailable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showShortcut: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    text: string;
+    className: string;
+    hideWhenUnavailable: boolean;
+    showShortcut: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/rich-text-editor/menu-system/components/undo-redo-button.js

@@ -0,0 +1,77 @@
+import { Fragment as _Fragment, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
+import "./_atomic.css";
+import { defineComponent } from "vue";
+import { useUndoRedo } from "../hooks/use-undo-redo";
+import { Button } from "../primitives/button";
+import { cn } from "../utils/tiptap-utils";
+const UndoRedoButton = defineComponent({
+  name: "UndoRedoButton",
+  props: {
+    editor: {
+      type: Object,
+      required: true
+    },
+    action: {
+      type: String,
+      required: true
+    },
+    text: {
+      type: String,
+      default: ""
+    },
+    hideWhenUnavailable: {
+      type: Boolean,
+      default: false
+    },
+    showShortcut: {
+      type: Boolean,
+      default: false
+    },
+    className: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(props, {
+    slots,
+    attrs
+  }) {
+    const {
+      isVisible,
+      handleAction,
+      label,
+      canExecute,
+      Icon,
+      shortcutKeys
+    } = useUndoRedo({
+      editor: props.editor,
+      action: props.action,
+      hideWhenUnavailable: props.hideWhenUnavailable
+    });
+    return () => {
+      if (!isVisible.value)
+        return null;
+      return _createVNode(Button, _mergeProps({
+        "type": "button",
+        "disabled": !canExecute.value,
+        "data-style": "ghost",
+        "data-disabled": !canExecute.value,
+        "role": "button",
+        "tabindex": -1,
+        "aria-label": label,
+        "tooltip": label,
+        "onClick": handleAction,
+        "class": cn(props.className)
+      }, attrs), {
+        default: () => [slots.default ? slots.default() : _createVNode(_Fragment, null, [_createVNode(Icon, {
+          "class": "tiptap-button-icon"
+        }, null), props.text && _createVNode("span", {
+          "class": "tiptap-button-text"
+        }, [props.text])])]
+      });
+    };
+  }
+});
+export {
+  UndoRedoButton
+};

package/es/rich-text-editor/menu-system/hooks/use-blockquote.d.ts

@@ -0,0 +1,34 @@
+import type { Editor } from '@tiptap/vue-3';
+export declare const BLOCKQUOTE_SHORTCUT_KEY = "mod+shift+b";
+export interface UseBlockquoteConfig {
+    editor: any;
+    hideWhenUnavailable?: boolean;
+    onToggled?: () => void;
+}
+export declare function canToggleBlockquote(editor: Editor | null, turnInto?: boolean): boolean;
+export declare function toggleBlockquote(editor: Editor | null): boolean;
+export declare function shouldShowButton(props: {
+    editor: Editor | null;
+    hideWhenUnavailable: boolean;
+}): boolean;
+export declare function useBlockquote(config: UseBlockquoteConfig): {
+    isVisible: import("vue").Ref<boolean, boolean>;
+    isActive: import("vue").Ref<boolean, boolean>;
+    handleToggle: () => void;
+    canToggle: import("vue").Ref<boolean, boolean>;
+    label: string;
+    shortcutKeys: string;
+    Icon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        className: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        className: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        className: string;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+};