@cgboiler/biz-basic 1.0.53 → 1.0.55

package/lib/rich-text-editor/menu-system/components/link-popover.js

@@ -0,0 +1,146 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  LinkPopover: () => LinkPopover
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_atomic = require("./_atomic.css");
+var import_vue2 = require("vue");
+var import_use_link_popover = require("../hooks/use-link-popover");
+var import_button = require("../primitives/button");
+var import_tiptap_utils = require("../utils/tiptap-utils");
+var import_element_plus = require("element-plus");
+var import_icons = require("../icons");
+var import_link_popover = require("../styles/link-popover.css");
+const LinkPopover = (0, import_vue2.defineComponent)({
+  name: "LinkPopover",
+  props: {
+    editor: {
+      type: Object,
+      required: true
+    },
+    hideWhenUnavailable: {
+      type: Boolean,
+      default: false
+    },
+    className: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(props, {
+    attrs
+  }) {
+    const {
+      isVisible,
+      linkUrl,
+      inNewTab,
+      handleSetLink
+    } = (0, import_use_link_popover.useLinkPopover)({
+      editor: props.editor
+    });
+    const tempUrl = (0, import_vue2.ref)("");
+    const tempNewTab = (0, import_vue2.ref)(false);
+    (0, import_vue2.watch)(isVisible, (val) => {
+      if (val) {
+        tempUrl.value = linkUrl.value;
+        tempNewTab.value = inNewTab.value;
+      }
+    });
+    const onApply = () => {
+      handleSetLink(tempUrl.value, tempNewTab.value);
+    };
+    const onRemove = () => {
+      handleSetLink("", false);
+    };
+    const onOpenLink = () => {
+      if (linkUrl.value) {
+        window.open(linkUrl.value, "_blank");
+      }
+    };
+    return () => {
+      if (!isVisible.value)
+        return null;
+      const trigger = (0, import_vue.createVNode)(import_button.Button, (0, import_vue.mergeProps)({
+        "type": "button",
+        "data-style": "ghost",
+        "data-active-state": linkUrl.value ? "on" : "off",
+        "role": "button",
+        "tooltip": "Link",
+        "class": (0, import_tiptap_utils.cn)(props.className)
+      }, attrs), {
+        default: () => [(0, import_vue.createVNode)(import_icons.LinkIcon, {
+          "class": "tiptap-button-icon"
+        }, null)]
+      });
+      return (0, import_vue.createVNode)(import_element_plus.ElPopover, {
+        "trigger": "click",
+        "width": "auto",
+        "popper-class": "tiptap-link-popover"
+      }, {
+        reference: () => trigger,
+        default: () => (0, import_vue.createVNode)("div", {
+          "class": "tiptap-link-popover-content"
+        }, [(0, import_vue.createVNode)("div", {
+          "class": "tiptap-link-popover-row"
+        }, [(0, import_vue.createVNode)(import_element_plus.ElInput, {
+          "modelValue": tempUrl.value,
+          "onUpdate:modelValue": ($event) => tempUrl.value = $event,
+          "placeholder": "Paste a link...",
+          "size": "small",
+          "style": "width: 180px;",
+          "onKeydown": (e) => e.key === "Enter" && onApply()
+        }, null), (0, import_vue.createVNode)(import_button.Button, {
+          "type": "button",
+          "data-style": "ghost",
+          "onClick": onApply,
+          "tooltip": "Apply",
+          "data-size": "small"
+        }, {
+          default: () => [(0, import_vue.createVNode)(import_icons.CornerDownLeftIcon, {
+            "class": "tiptap-button-icon"
+          }, null)]
+        }), linkUrl.value && (0, import_vue.createVNode)(import_vue.Fragment, null, [(0, import_vue.createVNode)("div", {
+          "class": "tiptap-link-popover-vertical-separator"
+        }, null), (0, import_vue.createVNode)(import_button.Button, {
+          "type": "button",
+          "data-style": "ghost",
+          "onClick": onOpenLink,
+          "tooltip": "Open in new window",
+          "data-size": "small"
+        }, {
+          default: () => [(0, import_vue.createVNode)(import_icons.ExternalLinkIcon, {
+            "class": "tiptap-button-icon"
+          }, null)]
+        }), (0, import_vue.createVNode)(import_button.Button, {
+          "type": "button",
+          "data-style": "ghost",
+          "onClick": onRemove,
+          "tooltip": "Remove",
+          "data-size": "small"
+        }, {
+          default: () => [(0, import_vue.createVNode)(import_icons.TrashIcon, {
+            "class": "tiptap-button-icon"
+          }, null)]
+        })])])])
+      });
+    };
+  }
+});

package/lib/rich-text-editor/menu-system/components/list-button.d.ts

@@ -0,0 +1,40 @@
+import { type PropType } from 'vue';
+import { type ListType } from '../hooks/use-list';
+export declare const ListButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    editor: {
+        type: PropType<any>;
+        required: true;
+    };
+    type: {
+        type: PropType<ListType>;
+        required: true;
+    };
+    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;
+    };
+    type: {
+        type: PropType<ListType>;
+        required: true;
+    };
+    hideWhenUnavailable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    className: string;
+    hideWhenUnavailable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/rich-text-editor/menu-system/components/list-button.js

@@ -0,0 +1,88 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  ListButton: () => ListButton
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_atomic = require("./_atomic.css");
+var import_vue2 = require("vue");
+var import_use_list = require("../hooks/use-list");
+var import_button = require("../primitives/button");
+var import_tiptap_utils = require("../utils/tiptap-utils");
+const ListButton = (0, import_vue2.defineComponent)({
+  name: "ListButton",
+  props: {
+    editor: {
+      type: Object,
+      required: true
+    },
+    type: {
+      type: String,
+      required: true
+    },
+    hideWhenUnavailable: {
+      type: Boolean,
+      default: false
+    },
+    className: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(props, {
+    attrs
+  }) {
+    const {
+      isVisible,
+      isActive,
+      handleToggle,
+      canToggle,
+      label,
+      shortcutKeys,
+      Icon
+    } = (0, import_use_list.useList)({
+      editor: props.editor,
+      type: props.type,
+      hideWhenUnavailable: props.hideWhenUnavailable
+    });
+    return () => {
+      if (!isVisible.value)
+        return null;
+      return (0, import_vue.createVNode)(import_button.Button, (0, import_vue.mergeProps)({
+        "type": "button",
+        "disabled": !canToggle.value,
+        "data-style": "ghost",
+        "data-active-state": isActive.value ? "on" : "off",
+        "role": "button",
+        "tabindex": -1,
+        "aria-label": label,
+        "aria-pressed": isActive.value,
+        "tooltip": label,
+        "shortcutKeys": shortcutKeys,
+        "onClick": handleToggle,
+        "class": (0, import_tiptap_utils.cn)(props.className)
+      }, attrs), {
+        default: () => [(0, import_vue.createVNode)(Icon, {
+          "class": "tiptap-button-icon"
+        }, null)]
+      });
+    };
+  }
+});

package/lib/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/lib/rich-text-editor/menu-system/components/list-dropdown-menu.js

@@ -0,0 +1,116 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  ListDropdownMenu: () => ListDropdownMenu
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_atomic = require("./_atomic.css");
+var import_vue2 = require("vue");
+var import_use_list_dropdown_menu = require("../hooks/use-list-dropdown-menu");
+var import_use_list = require("../hooks/use-list");
+var import_button = require("../primitives/button");
+var import_tiptap_utils = require("../utils/tiptap-utils");
+var import_element_plus = require("element-plus");
+var import_icons = require("../icons");
+const ListDropdownMenu = (0, import_vue2.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
+    } = (0, import_use_list_dropdown_menu.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;
+      (0, import_use_list.toggleList)(editor, type);
+    };
+    return () => {
+      if (!isVisible.value)
+        return null;
+      const trigger = (0, import_vue.createVNode)(import_button.Button, (0, import_vue.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": (0, import_tiptap_utils.cn)(props.className, "tiptap-list-dropdown-trigger")
+      }, attrs), {
+        default: () => [(0, import_vue.createVNode)(Icon.value, {
+          "class": "tiptap-button-icon"
+        }, null), (0, import_vue.createVNode)(import_icons.ChevronDownIcon, {
+          "class": "tiptap-button-icon-chevron"
+        }, null)]
+      });
+      return (0, import_vue.createVNode)(import_element_plus.ElDropdown, {
+        "trigger": "click",
+        "onCommand": handleListSelect,
+        "popper-class": "tiptap-dropdown-menu"
+      }, {
+        default: () => trigger,
+        dropdown: () => (0, import_vue.createVNode)(import_element_plus.ElDropdownMenu, null, {
+          default: () => [filteredLists.map((option) => {
+            const ListOptionIcon = option.icon;
+            return (0, import_vue.createVNode)(import_element_plus.ElDropdownItem, {
+              "key": option.type,
+              "command": option.type,
+              "class": (0, import_tiptap_utils.cn)(activeType.value === option.type && "is-active")
+            }, {
+              default: () => [(0, import_vue.createVNode)("div", {
+                "class": "tiptap-dropdown-menu-item-content"
+              }, [(0, import_vue.createVNode)(ListOptionIcon, {
+                "class": "tiptap-dropdown-menu-item-icon"
+              }, null), (0, import_vue.createVNode)("span", null, [option.label])])]
+            });
+          })]
+        })
+      });
+    };
+  }
+});

package/lib/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/lib/rich-text-editor/menu-system/components/mark-button.js

@@ -0,0 +1,99 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  MarkButton: () => MarkButton
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_atomic = require("./_atomic.css");
+var import_vue2 = require("vue");
+var import_use_mark = require("../hooks/use-mark");
+var import_button = require("../primitives/button");
+var import_tiptap_utils = require("../utils/tiptap-utils");
+const MarkButton = (0, import_vue2.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
+    } = (0, import_use_mark.useMark)({
+      editor: props.editor,
+      type: props.type,
+      hideWhenUnavailable: props.hideWhenUnavailable
+    });
+    return () => {
+      if (!isVisible.value)
+        return null;
+      return (0, import_vue.createVNode)(import_button.Button, (0, import_vue.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": (0, import_tiptap_utils.cn)(props.className)
+      }, attrs), {
+        default: () => [slots.default ? slots.default() : (0, import_vue.createVNode)(import_vue.Fragment, null, [(0, import_vue.createVNode)(Icon, {
+          "class": "tiptap-button-icon"
+        }, null), props.text && (0, import_vue.createVNode)("span", {
+          "class": "tiptap-button-text"
+        }, [props.text])])]
+      });
+    };
+  }
+});

package/lib/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>;