@youcan/celeste 0.6.30 → 0.6.32

package/dist/es/combobox-group.js

@@ -1,6 +1,6 @@
 import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, createTextVNode, toDisplayString, createCommentVNode, renderSlot } from "vue";
 import { c as clsx } from "./chunks/clsx.js";
-import { D as qv, Y as Yv } from "./chunks/index.js";
+import { T as qv, Y as Yv } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "combobox-group",

package/dist/es/combobox-input.js

@@ -1,6 +1,6 @@
 import { defineComponent, mergeModels, useModel, computed, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, createElementVNode } from "vue";
 import { c as clsx } from "./chunks/clsx.js";
-import { E as Wv } from "./chunks/index.js";
+import { U as Wv } from "./chunks/index.js";
 import TextInput from "./text-input.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/es/combobox-item.js

@@ -1,6 +1,6 @@
 import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, createElementVNode, normalizeClass, createCommentVNode, createElementBlock, renderSlot, toDisplayString } from "vue";
 import { c as clsx } from "./chunks/clsx.js";
-import { x as xe, H as Qv } from "./chunks/index.js";
+import { x as xe, X as Qv } from "./chunks/index.js";
 import { _ as _sfc_main$1 } from "./chunks/checkbox.vue_vue_type_style_index_0_lang.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _hoisted_1 = ["aria-disabled"];

package/dist/es/combobox-list.js

@@ -1,6 +1,6 @@
 import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createVNode, mergeProps, renderSlot } from "vue";
 import { c as clsx } from "./chunks/clsx.js";
-import { x as xe, I as nm, X as Xv, J as Jv } from "./chunks/index.js";
+import { x as xe, _ as nm, $ as Xv, a0 as Jv } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "combobox-list",

package/dist/es/combobox-root.js

@@ -1,5 +1,5 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
-import { x as xe, L as Hv } from "./chunks/index.js";
+import { x as xe, a1 as Hv } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "combobox-root",

package/dist/es/combobox-separator.js

@@ -1,6 +1,6 @@
 import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
 import { c as clsx } from "./chunks/clsx.js";
-import { P as tm } from "./chunks/index.js";
+import { a2 as tm } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "combobox-separator",

package/dist/es/combobox-trigger.js

@@ -1,6 +1,6 @@
 import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
 import { c as clsx } from "./chunks/clsx.js";
-import { A as At, U as Uv } from "./chunks/index.js";
+import { A as At, a3 as Uv } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "combobox-trigger",

package/dist/es/command-group.js

@@ -1,5 +1,5 @@
 import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, createTextVNode, toDisplayString, createCommentVNode, renderSlot } from "vue";
-import { D as qv, Y as Yv } from "./chunks/index.js";
+import { T as qv, Y as Yv } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "command-group",

package/dist/es/command-input.js

@@ -1,6 +1,6 @@
 import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, createVNode, unref, mergeProps } from "vue";
 import { c as clsx } from "./chunks/clsx.js";
-import { A as At, E as Wv } from "./chunks/index.js";
+import { A as At, U as Wv } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _hoisted_1 = {
   class: "celeste-command-input",

package/dist/es/command-item.js

@@ -1,5 +1,5 @@
 import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
-import { x as xe, H as Qv } from "./chunks/index.js";
+import { x as xe, X as Qv } from "./chunks/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "command-item",
   props: {

package/dist/es/command-list.js

@@ -1,5 +1,5 @@
 import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, createElementVNode, renderSlot } from "vue";
-import { x as xe, X as Xv } from "./chunks/index.js";
+import { x as xe, $ as Xv } from "./chunks/index.js";
 const _hoisted_1 = { role: "presentation" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "command-list",

package/dist/es/command-root.js

@@ -1,5 +1,5 @@
 import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
-import { x as xe, L as Hv } from "./chunks/index.js";
+import { x as xe, a1 as Hv } from "./chunks/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "command-root",
   props: {

package/dist/es/command-separator.js

@@ -1,6 +1,6 @@
 import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
 import { c as clsx } from "./chunks/clsx.js";
-import { P as tm } from "./chunks/index.js";
+import { a2 as tm } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "command-separator",

package/dist/es/config.js

@@ -0,0 +1,136 @@
+import { ref } from "vue";
+const fullToolbar = ref([
+  {
+    slug: "heading",
+    name: "Text styles",
+    children: [
+      { option: "p", name: "Normal text", active: "paragraph" },
+      { option: "1", name: "Heading 1", active: { level: 1 } },
+      { option: "2", name: "Heading 2", active: { level: 2 } },
+      { option: "3", name: "Heading 3", active: { level: 3 } },
+      { option: "4", name: "Heading 4", active: { level: 4 } },
+      { option: "5", name: "Heading 5", active: { level: 5 } },
+      { option: "6", name: "Heading 6", active: { level: 6 } }
+    ]
+  },
+  { type: "divider" },
+  {
+    slug: "fontSize",
+    name: "Font size",
+    children: [
+      { option: "8px", name: "8", active: { fontSize: "8px" } },
+      { option: "10px", name: "10", active: { fontSize: "10px" } },
+      { option: "12px", name: "12", active: { fontSize: "12px" } },
+      { option: "14px", name: "14", active: { fontSize: "14px" } },
+      { option: "16px", name: "16", active: { fontSize: "16px" } },
+      { option: "18px", name: "18", active: { fontSize: "18px" } },
+      { option: "24px", name: "24", active: { fontSize: "24px" } },
+      { option: "30px", name: "30", active: { fontSize: "30px" } },
+      { option: "36px", name: "36", active: { fontSize: "36px" } },
+      { option: "48px", name: "48", active: { fontSize: "48px" } },
+      { option: "60px", name: "60", active: { fontSize: "60px" } },
+      { option: "72px", name: "72", active: { fontSize: "72px" } },
+      { option: "96px", name: "96", active: { fontSize: "96px" } }
+    ]
+  },
+  { type: "divider" },
+  {
+    slug: "color",
+    name: "Text color",
+    children: [
+      { option: "#000000", name: "Black", icon: "i-celeste-circle-fill", active: { color: "#000000" } },
+      { option: "#7B7B7B", name: "Gray", icon: "i-celeste-circle-fill", active: { color: "#7B7B7B" } },
+      { option: "#335CFF", name: "Blue", icon: "i-celeste-circle-fill", active: { color: "#335CFF" } },
+      { option: "#FA7319", name: "Orange", icon: "i-celeste-circle-fill", active: { color: "#FA7319" } },
+      { option: "#7D52F4", name: "Purple", icon: "i-celeste-circle-fill", active: { color: "#7D52F4" } },
+      { option: "#47C2FF", name: "Sky", icon: "i-celeste-circle-fill", active: { color: "#47C2FF" } }
+    ]
+  },
+  { type: "divider" },
+  { slug: "bold", name: "Bold", icon: "i-celeste-bold", active: "bold" },
+  { slug: "italic", name: "Italic", icon: "i-celeste-italic", active: "italic" },
+  { slug: "underline", name: "Underline", icon: "i-celeste-underline", active: "underline" },
+  { slug: "strike", name: "Strike", icon: "i-celeste-strikethrough", active: "strike" },
+  { type: "divider" },
+  { slug: "bulletList", name: "Bulleted list", icon: "i-celeste-list-unordered", active: "bulletList" },
+  { slug: "orderedList", name: "Numbered list", icon: "i-celeste-list-ordered", active: "orderedList" },
+  { type: "divider" },
+  {
+    slug: "align",
+    name: "Text alignment",
+    children: [
+      { option: "left", name: "Left align", icon: "i-celeste-align-left", active: { textAlign: "left" } },
+      { option: "center", name: "Center align", icon: "i-celeste-align-center", active: { textAlign: "center" } },
+      { option: "right", name: "Right align", icon: "i-celeste-align-right", active: { textAlign: "right" } },
+      { option: "justify", name: "Justify", icon: "i-celeste-align-justify", active: { textAlign: "justify" } }
+    ]
+  },
+  { type: "divider" },
+  { slug: "link", name: "Insert Link", icon: "i-celeste-link", active: "link" },
+  { type: "divider" },
+  { slug: "undo", name: "Undo", icon: "i-celeste-arrow-go-back-line", active: "undo" },
+  { slug: "redo", name: "Redo", icon: "i-celeste-arrow-go-forward-line", active: "redo" },
+  { slug: "clear", name: "Clear style", icon: "i-celeste-format-clear", active: "clear" }
+]);
+function onActionClick(editor, slug, option = null, showLinkBubble) {
+  var _a;
+  const chain = editor.chain().focus();
+  if (!chain) {
+    return;
+  }
+  const actionTriggers = {
+    heading: () => {
+      if (!option) {
+        return;
+      }
+      if (option === "p") {
+        chain.setParagraph().run();
+      } else {
+        const headingLevel = Number(option);
+        chain.toggleHeading({ level: headingLevel }).run();
+      }
+    },
+    fontSize: () => {
+      editor.chain().focus().setFontSize(option ?? "16px").run();
+    },
+    color: () => {
+      editor.chain().focus().setColor(option ?? "#000000").run();
+    },
+    bold: () => chain.toggleBold().run(),
+    italic: () => chain.toggleItalic().run(),
+    underline: () => chain.toggleUnderline().run(),
+    strike: () => chain.toggleStrike().run(),
+    bulletList: () => chain.toggleBulletList().run(),
+    orderedList: () => chain.toggleOrderedList().run(),
+    align: () => chain.setTextAlign(option ?? "left").run(),
+    link: () => {
+      if (showLinkBubble) {
+        showLinkBubble();
+      }
+    },
+    undo: () => chain.undo().run(),
+    redo: () => chain.redo().run(),
+    clear: () => chain.clearNodes().unsetAllMarks().run()
+  };
+  (_a = actionTriggers[slug]) == null ? void 0 : _a.call(actionTriggers);
+}
+function selectedOption(editor, children) {
+  if (!Array.isArray(children)) {
+    return "";
+  }
+  for (const child of children) {
+    if (Object.prototype.hasOwnProperty.call(child.active, "fontSize")) {
+      const currentFontSize = editor.getAttributes("textStyle").fontSize || "16px";
+      return currentFontSize;
+    }
+    if (editor.isActive(child.active)) {
+      return child.option;
+    }
+  }
+  return children[0].option;
+}
+export {
+  fullToolbar,
+  onActionClick,
+  selectedOption
+};

package/dist/es/dropdown-menu-group.js

@@ -1,5 +1,5 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
-import { R as fh } from "./chunks/index.js";
+import { a4 as fh } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "dropdown-menu-group",

package/dist/es/dropdown-menu-item.js

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, createElementVNode, renderSlot, toDisplayString, createElementBlock, createCommentVNode } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { A as At, S as ch } from "./chunks/index.js";
+import { A as At, a5 as ch } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "celeste-dropdown-menu-item-prefix" };
 const _hoisted_2 = { class: "celeste-dropdown-menu-item-body" };

package/dist/es/dropdown-menu-label.js

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { A as At, T as hh } from "./chunks/index.js";
+import { A as At, a6 as hh } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "dropdown-menu-label",

package/dist/es/dropdown-menu-separator.js

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
 import { c as clsx } from "./chunks/clsx.js";
-import { _ as ph } from "./chunks/index.js";
+import { a7 as ph } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "dropdown-menu-separator",

package/dist/es/dropdown-menu-trigger.js

@@ -1,5 +1,5 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
-import { A as At, $ as rh } from "./chunks/index.js";
+import { A as At, a8 as rh } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "dropdown-menu-trigger",

package/dist/es/dropdown-menu.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
 import { useDelegatedProps } from "./use-delegated-props.js";
-import { a0 as sh } from "./chunks/index.js";
+import { a9 as sh } from "./chunks/index.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "dropdown-menu",

package/dist/es/dropdown.js

@@ -1,6 +1,6 @@
 import { defineComponent, mergeModels, useModel, ref, computed, watch, openBlock, createElementBlock, withKeys, createVNode, unref, withCtx, normalizeClass, createElementVNode, createCommentVNode, renderSlot, normalizeProps, guardReactiveProps, toDisplayString, createBlock, createSlots, Fragment, renderList } from "vue";
 import { c as clsx } from "./chunks/clsx.js";
-import { L as Hv, j as jv, U as Uv, X as Xv, J as Jv, P as tm, Z as Zv, D as qv, H as Qv } from "./chunks/index.js";
+import { a1 as Hv, j as jv, a3 as Uv, $ as Xv, a0 as Jv, a2 as tm, Z as Zv, T as qv, X as Qv } from "./chunks/index.js";
 import Badge from "./badge.js";
 import TextInput from "./text-input.js";
 import DropdownItem from "./dropdown-item.js";

package/dist/es/extra-settings.js

@@ -0,0 +1,156 @@
+import { defineComponent, ref, openBlock, createElementBlock, createVNode, withCtx, Fragment, renderList, createElementVNode, normalizeClass, toDisplayString } from "vue";
+import CompactButton from "./compact-button.js";
+import SelectContent from "./select-content.js";
+import SelectIcon from "./select-icon.js";
+import SelectItem from "./select-item.js";
+import SelectTrigger from "./select-trigger.js";
+import { _ as _sfc_main$1 } from "./chunks/select.js";
+import Tooltip from "./tooltip.js";
+import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
+const _hoisted_1 = { class: "show-more-wrapper" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "extra-settings",
+  props: {
+    editor: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const defaultValue = ref("");
+    const extraSettings = [
+      {
+        name: "Copy",
+        icon: "i-celeste-file-copy-line"
+      },
+      {
+        name: "Cut",
+        icon: "i-celeste-scissors-line"
+      },
+      {
+        name: "Delete",
+        icon: "i-celeste-delete-bin-4-line"
+      },
+      {
+        name: "Duplicate",
+        icon: "i-celeste-add-circle-line"
+      }
+    ];
+    function selectedText(editor) {
+      const { from, to } = editor.state.selection;
+      const text = editor.state.doc.textBetween(from, to, "\n");
+      return text || null;
+    }
+    async function copySelectionToClipboard(editor) {
+      const text = selectedText(editor);
+      if (!text) {
+        return;
+      }
+      try {
+        if (!window.isSecureContext) {
+          throw new Error("Clipboard API is not available in insecure contexts");
+        }
+        const copyText = await navigator.clipboard.writeText(text);
+        return copyText;
+      } catch (error) {
+        console.error(error);
+      }
+    }
+    async function cutSelection(editor) {
+      await copySelectionToClipboard(editor);
+      deleteSelection(editor);
+    }
+    function deleteSelection(editor) {
+      return editor.commands.deleteSelection();
+    }
+    function duplicateSelection(editor) {
+      const { to } = editor.state.selection;
+      const text = selectedText(editor);
+      if (!text) {
+        return;
+      }
+      return editor.commands.insertContentAt(to, text);
+    }
+    function clearSelectedValue() {
+      defaultValue.value = "";
+    }
+    function onActionClick(name, editor) {
+      switch (name) {
+        case "Copy":
+          copySelectionToClipboard(editor);
+          break;
+        case "Cut":
+          cutSelection(editor);
+          break;
+        case "Delete":
+          deleteSelection(editor);
+          break;
+        case "Duplicate":
+          duplicateSelection(editor);
+          break;
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_sfc_main$1, {
+          modelValue: defaultValue.value,
+          "onUpdate:modelValue": [
+            _cache[0] || (_cache[0] = ($event) => defaultValue.value = $event),
+            _cache[1] || (_cache[1] = ($event) => onActionClick($event, props.editor))
+          ],
+          "onUpdate:open": clearSelectedValue
+        }, {
+          default: withCtx(() => [
+            createVNode(SelectTrigger, { variant: "inline" }, {
+              default: withCtx(() => [
+                createVNode(Tooltip, {
+                  title: "Extra settings",
+                  variant: "dark"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(CompactButton, {
+                      icon: "i-celeste-more-2-line",
+                      variant: "ghost"
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            createVNode(SelectContent, {
+              align: "end",
+              width: "fit"
+            }, {
+              default: withCtx(() => [
+                (openBlock(), createElementBlock(Fragment, null, renderList(extraSettings, (item, index) => {
+                  return createVNode(SelectItem, {
+                    key: index,
+                    value: item.name
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(SelectIcon, null, {
+                        default: withCtx(() => [
+                          createElementVNode("i", {
+                            class: normalizeClass(item.icon)
+                          }, null, 2)
+                        ]),
+                        _: 2
+                      }, 1024),
+                      createElementVNode("span", null, toDisplayString(item.name), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["value"]);
+                }), 64))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+});
+const ExtraSettings = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-49d51443"]]);
+export {
+  ExtraSettings as default
+};