@youcan/celeste 0.6.97 → 0.6.99

package/dist/es/rich-editor.js

@@ -1,431 +1,2 @@
-import { defineComponent, markRaw, h, ref, getCurrentInstance, watchEffect, nextTick, unref, onBeforeUnmount, customRef, computed, watch, onMounted, createElementBlock, createCommentVNode, openBlock, createElementVNode, createVNode, Fragment, renderList, createBlock, withCtx, normalizeClass, normalizeStyle, toDisplayString } from "vue";
-import { i as index_default, P as Placeholder, T as TextStyleKit, a as index_default$1, b as index_default$2, C as CharacterCount } from "./chunks/rich-editor.vue_vue_type_style_index_0_scoped_4e1c9896_lang.js";
-import { E as Editor$1 } from "./chunks/index5.js";
-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 SelectValue from "./select-value.js";
-import { _ as _sfc_main$2 } from "./chunks/select.js";
-import { _ as _sfc_main$1 } from "./chunks/tooltip.js";
-import { fullToolbar, onActionClick, selectedOption } from "./config.js";
-import ExtraSettings from "./extra-settings.js";
-import LinkBubble from "./link-bubble.js";
-import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
-function useDebouncedRef(value) {
-  return customRef((track, trigger) => {
-    return {
-      get() {
-        track();
-        return value;
-      },
-      set(newValue) {
-        value = newValue;
-        requestAnimationFrame(() => {
-          requestAnimationFrame(() => {
-            trigger();
-          });
-        });
-      }
-    };
-  });
-}
-var Editor = class extends Editor$1 {
-  constructor(options = {}) {
-    super(options);
-    this.contentComponent = null;
-    this.appContext = null;
-    this.reactiveState = useDebouncedRef(this.view.state);
-    this.reactiveExtensionStorage = useDebouncedRef(this.extensionStorage);
-    this.on("beforeTransaction", ({ nextState }) => {
-      this.reactiveState.value = nextState;
-      this.reactiveExtensionStorage.value = this.extensionStorage;
-    });
-    return markRaw(this);
-  }
-  get state() {
-    return this.reactiveState ? this.reactiveState.value : this.view.state;
-  }
-  get storage() {
-    return this.reactiveExtensionStorage ? this.reactiveExtensionStorage.value : super.storage;
-  }
-  /**
-   * Register a ProseMirror plugin.
-   */
-  registerPlugin(plugin, handlePlugins) {
-    const nextState = super.registerPlugin(plugin, handlePlugins);
-    if (this.reactiveState) {
-      this.reactiveState.value = nextState;
-    }
-    return nextState;
-  }
-  /**
-   * Unregister a ProseMirror plugin.
-   */
-  unregisterPlugin(nameOrPluginKey) {
-    const nextState = super.unregisterPlugin(nameOrPluginKey);
-    if (this.reactiveState && nextState) {
-      this.reactiveState.value = nextState;
-    }
-    return nextState;
-  }
-};
-var EditorContent = defineComponent({
-  name: "EditorContent",
-  props: {
-    editor: {
-      default: null,
-      type: Object
-    }
-  },
-  setup(props) {
-    const rootEl = ref();
-    const instance = getCurrentInstance();
-    watchEffect(() => {
-      const editor = props.editor;
-      if (editor && editor.options.element && rootEl.value) {
-        nextTick(() => {
-          var _a;
-          if (!rootEl.value || !((_a = editor.view.dom) == null ? void 0 : _a.firstChild)) {
-            return;
-          }
-          const element = unref(rootEl.value);
-          rootEl.value.append(editor.view.dom);
-          editor.contentComponent = instance.ctx._;
-          if (instance) {
-            editor.appContext = {
-              ...instance.appContext,
-              // Vue internally uses prototype chain to forward/shadow injects across the entire component chain
-              // so don't use object spread operator or 'Object.assign' and just set `provides` as is on editor's appContext
-              // @ts-expect-error forward instance's 'provides' into appContext
-              provides: instance.provides
-            };
-          }
-          editor.setOptions({
-            element
-          });
-          editor.createNodeViews();
-        });
-      }
-    });
-    onBeforeUnmount(() => {
-      const editor = props.editor;
-      if (!editor) {
-        return;
-      }
-      editor.contentComponent = null;
-      editor.appContext = null;
-    });
-    return { rootEl };
-  },
-  render() {
-    return h("div", {
-      ref: (el) => {
-        this.rootEl = el;
-      }
-    });
-  }
-});
-defineComponent({
-  name: "NodeViewContent",
-  props: {
-    as: {
-      type: String,
-      default: "div"
-    }
-  },
-  render() {
-    return h(this.as, {
-      style: {
-        whiteSpace: "pre-wrap"
-      },
-      "data-node-view-content": ""
-    });
-  }
-});
-defineComponent({
-  name: "NodeViewWrapper",
-  props: {
-    as: {
-      type: String,
-      default: "div"
-    }
-  },
-  inject: ["onDragStart", "decorationClasses"],
-  render() {
-    var _a, _b;
-    return h(
-      this.as,
-      {
-        // @ts-ignore
-        class: this.decorationClasses,
-        style: {
-          whiteSpace: "normal"
-        },
-        "data-node-view-wrapper": "",
-        // @ts-ignore (https://github.com/vuejs/vue-next/issues/3031)
-        onDragstart: this.onDragStart
-      },
-      (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)
-    );
-  }
-});
-defineComponent({
-  name: "MarkViewContent",
-  props: {
-    as: {
-      type: String,
-      default: "span"
-    }
-  },
-  render() {
-    return h(this.as, {
-      style: {
-        whiteSpace: "inherit"
-      },
-      "data-mark-view-content": ""
-    });
-  }
-});
-const _hoisted_1 = {
-  key: 0,
-  class: "celeste-rich-editor"
-};
-const _hoisted_2 = { class: "toolbar" };
-const _hoisted_3 = { class: "select-menu-wrapper" };
-const _hoisted_4 = { key: 2 };
-const _hoisted_5 = {
-  key: 2,
-  class: "divider"
-};
-const _hoisted_6 = {
-  key: 0,
-  class: "extra-settings-wrapper"
-};
-const _hoisted_7 = { class: "text-field" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "rich-editor",
-  props: {
-    modelValue: {
-      type: String,
-      default: ""
-    },
-    placeholder: {
-      type: String,
-      default: ""
-    },
-    customToolbar: {
-      type: Array,
-      default: () => []
-    },
-    maxLimit: {
-      type: Number,
-      default: null
-    },
-    showExtraSettings: {
-      type: Boolean,
-      default: true
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const filteredToolbar = computed(() => {
-      const customToolbar = props.customToolbar;
-      if (!customToolbar || customToolbar.length === 0) {
-        return fullToolbar.value;
-      }
-      const toolbarMap = new Map(
-        fullToolbar.value.filter((item) => item.type !== "divider" && "slug" in item).map((item) => [item.slug, item])
-      );
-      return customToolbar.map((key) => {
-        if (key === "divider") {
-          return { type: "divider" };
-        }
-        return toolbarMap.get(key);
-      }).filter((item) => Boolean(item));
-    });
-    const editor = ref();
-    const showSetLinkFromToolbar = ref(false);
-    function openLinkBubbleFromToolbar() {
-      showSetLinkFromToolbar.value = true;
-    }
-    const charactersCount = computed(() => {
-      var _a;
-      return ((_a = editor.value) == null ? void 0 : _a.storage.characterCount.characters()) || 0;
-    });
-    const limitWarning = computed(() => {
-      const isCloseToMaxCharacter = charactersCount.value >= props.maxLimit - 20;
-      const isMaxCharacter = charactersCount.value === props.maxLimit;
-      if (isCloseToMaxCharacter && !isMaxCharacter) {
-        return "warning";
-      }
-      if (isMaxCharacter) {
-        return "danger";
-      }
-      return "";
-    });
-    watch(() => props.modelValue, (value) => {
-      var _a, _b;
-      if (((_a = editor.value) == null ? void 0 : _a.getHTML()) === value) {
-        return;
-      }
-      (_b = editor.value) == null ? void 0 : _b.commands.setContent(value);
-    });
-    onMounted(() => {
-      editor.value = new Editor({
-        content: props.modelValue,
-        extensions: [
-          index_default.configure({
-            link: false
-          }),
-          Placeholder.configure({
-            placeholder: props.placeholder,
-            emptyEditorClass: "is-editor-empty"
-          }),
-          TextStyleKit.configure({
-            color: {
-              types: ["textStyle"]
-            },
-            fontSize: {
-              types: ["textStyle"]
-            }
-          }),
-          index_default$1.configure({
-            types: ["heading", "paragraph"]
-          }),
-          index_default$2.configure({
-            openOnClick: false,
-            autolink: false,
-            HTMLAttributes: {
-              class: "celeste-rich-editor-link",
-              rel: null
-            }
-          }),
-          CharacterCount.configure({
-            limit: props.maxLimit
-          })
-        ],
-        onUpdate: () => {
-          var _a;
-          emit("update:modelValue", ((_a = editor.value) == null ? void 0 : _a.getHTML()) || "");
-        }
-      });
-    });
-    onBeforeUnmount(() => {
-      var _a;
-      (_a = editor.value) == null ? void 0 : _a.destroy();
-    });
-    return (_ctx, _cache) => {
-      return editor.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(filteredToolbar.value, (item, parentIndex) => {
-            return openBlock(), createElementBlock(Fragment, { key: parentIndex }, [
-              item.type !== "divider" && !item.children ? (openBlock(), createBlock(_sfc_main$1, {
-                key: 0,
-                title: item.name,
-                variant: "dark"
-              }, {
-                default: withCtx(() => [
-                  createVNode(CompactButton, {
-                    icon: `${item.icon}`,
-                    variant: "ghost",
-                    class: normalizeClass({ active: typeof item.active === "string" && editor.value.isActive(item.active) }),
-                    onClick: ($event) => unref(onActionClick)(editor.value, item.slug, null, openLinkBubbleFromToolbar)
-                  }, null, 8, ["icon", "class", "onClick"])
-                ]),
-                _: 2
-              }, 1032, ["title"])) : item.type !== "divider" && item.children ? (openBlock(), createBlock(_sfc_main$1, {
-                key: 1,
-                title: item.name,
-                variant: "dark"
-              }, {
-                default: withCtx(() => [
-                  createElementVNode("div", _hoisted_3, [
-                    createVNode(_sfc_main$2, {
-                      "model-value": unref(selectedOption)(editor.value, item.children),
-                      "onUpdate:modelValue": ($event) => unref(onActionClick)(editor.value, item.slug, $event)
-                    }, {
-                      default: withCtx(() => [
-                        createVNode(SelectTrigger, { variant: "inline" }, {
-                          default: withCtx(() => [
-                            createVNode(SelectValue)
-                          ]),
-                          _: 1
-                        }),
-                        createVNode(SelectContent, {
-                          align: "end",
-                          width: "fit"
-                        }, {
-                          default: withCtx(() => [
-                            (openBlock(true), createElementBlock(Fragment, null, renderList(item.children, (child, childIndex) => {
-                              return openBlock(), createBlock(SelectItem, {
-                                key: childIndex,
-                                value: child.option
-                              }, {
-                                default: withCtx(() => [
-                                  item.slug === "color" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                                    createVNode(SelectIcon, null, {
-                                      default: withCtx(() => [
-                                        createElementVNode("i", {
-                                          class: normalizeClass(child.icon),
-                                          style: normalizeStyle({ background: child.option })
-                                        }, null, 6)
-                                      ]),
-                                      _: 2
-                                    }, 1024),
-                                    createElementVNode("span", null, toDisplayString(child.name), 1)
-                                  ], 64)) : item.slug === "align" ? (openBlock(), createBlock(SelectIcon, { key: 1 }, {
-                                    default: withCtx(() => [
-                                      createElementVNode("i", {
-                                        class: normalizeClass(child.icon)
-                                      }, null, 2)
-                                    ]),
-                                    _: 2
-                                  }, 1024)) : (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(child.name), 1))
-                                ]),
-                                _: 2
-                              }, 1032, ["value"]);
-                            }), 128))
-                          ]),
-                          _: 2
-                        }, 1024)
-                      ]),
-                      _: 2
-                    }, 1032, ["model-value", "onUpdate:modelValue"])
-                  ])
-                ]),
-                _: 2
-              }, 1032, ["title"])) : (openBlock(), createElementBlock("div", _hoisted_5))
-            ], 64);
-          }), 128)),
-          __props.showExtraSettings ? (openBlock(), createElementBlock("div", _hoisted_6, [
-            _cache[1] || (_cache[1] = createElementVNode("div", { class: "divider" }, null, -1)),
-            createVNode(ExtraSettings, { editor: editor.value }, null, 8, ["editor"])
-          ])) : createCommentVNode("", true)
-        ]),
-        createElementVNode("div", _hoisted_7, [
-          createVNode(unref(EditorContent), { editor: editor.value }, null, 8, ["editor"])
-        ]),
-        __props.maxLimit ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass(["characters-count", {
-            warning: limitWarning.value === "warning",
-            danger: limitWarning.value === "danger"
-          }])
-        }, toDisplayString(charactersCount.value) + "/" + toDisplayString(__props.maxLimit), 3)) : createCommentVNode("", true),
-        createVNode(LinkBubble, {
-          editor: editor.value,
-          "show-set-link-from-toolbar": showSetLinkFromToolbar.value,
-          onSetLinkClosed: _cache[0] || (_cache[0] = ($event) => showSetLinkFromToolbar.value = false)
-        }, null, 8, ["editor", "show-set-link-from-toolbar"])
-      ])) : createCommentVNode("", true);
-    };
-  }
-});
-const richEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4e1c9896"]]);
-export {
-  richEditor as default
-};
+import { t as rich_editor_default } from "./chunks/rich-editor.js";
+export { rich_editor_default as default };

package/dist/es/scroll-area.js

@@ -1,44 +1,2 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, createVNode, renderSlot } from "vue";
-import { c as clsx } from "./chunks/clsx.js";
-import { as as Vy, at as Fy, au as zy } from "./chunks/index.js";
-import { useDelegatedProps } from "./use-delegated-props.js";
-import ScrollBar from "./scroll-bar.js";
-/* empty css                                                                   */
-import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "scroll-area",
-  props: {
-    type: {},
-    dir: {},
-    scrollHideDelay: {},
-    asChild: { type: Boolean },
-    as: {},
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const delegatedProps = useDelegatedProps(props, "class");
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Vy), mergeProps(unref(delegatedProps), {
-        class: unref(clsx)("celeste-scroll-area", props.class)
-      }), {
-        default: withCtx(() => [
-          createVNode(unref(Fy), { class: "celeste-scroll-area-viewport" }, {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "default", {}, void 0, true)
-            ]),
-            _: 3
-          }),
-          createVNode(ScrollBar),
-          createVNode(ScrollBar, { orientation: "horizontal" }),
-          createVNode(unref(zy))
-        ]),
-        _: 3
-      }, 16, ["class"]);
-    };
-  }
-});
-const scrollArea = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fe1f2e6d"]]);
-export {
-  scrollArea as default
-};
+import { t as scroll_area_default } from "./chunks/scroll-area.js";
+export { scroll_area_default as default };

package/dist/es/scroll-bar.js

@@ -1,34 +1,2 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, createVNode } from "vue";
-import { c as clsx } from "./chunks/clsx.js";
-import { aL as Ny, aM as Ly } from "./chunks/index.js";
-import { useDelegatedProps } from "./use-delegated-props.js";
-/* empty css                                                                  */
-import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "scroll-bar",
-  props: {
-    orientation: { default: "vertical" },
-    forceMount: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {},
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const delegatedProps = useDelegatedProps(props, "class");
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Ny), mergeProps(unref(delegatedProps), {
-        class: unref(clsx)("celeste-scroll-bar", props.class)
-      }), {
-        default: withCtx(() => [
-          createVNode(unref(Ly), { class: "celeste-scroll-bar-thumb" })
-        ]),
-        _: 1
-      }, 16, ["class"]);
-    };
-  }
-});
-const ScrollBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e2e97649"]]);
-export {
-  ScrollBar as default
-};
+import { t as scroll_bar_default } from "./chunks/scroll-bar.js";
+export { scroll_bar_default as default };

package/dist/es/segmented-control-item.js

@@ -1,41 +1,2 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
-import { c as clsx } from "./chunks/clsx.js";
-import { av as uv } from "./chunks/index.js";
-import { useDelegatedProps } from "./use-delegated-props.js";
-/* empty css                                                                              */
-import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "segmented-control-item",
-  props: {
-    value: {},
-    disabled: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {},
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const delegatedProps = useDelegatedProps(props, "class");
-    function onKeydown(e) {
-      const item = e.currentTarget;
-      if ((e.key === "Enter" || e.key === " ") && item.getAttribute("data-state") === "on") {
-        e.preventDefault();
-      }
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(uv), mergeProps(unref(delegatedProps), {
-        class: unref(clsx)("celeste-segmented-control-item", props.class),
-        onKeydown
-      }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ]),
-        _: 3
-      }, 16, ["class"]);
-    };
-  }
-});
-const segmentedControlItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6b779a1c"]]);
-export {
-  segmentedControlItem as default
-};
+import { t as segmented_control_item_default } from "./chunks/segmented-control-item.js";
+export { segmented_control_item_default as default };

package/dist/es/segmented-control.js

@@ -1,42 +1,2 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
-import { c as clsx } from "./chunks/clsx.js";
-import { S as Se, aw as iv } from "./chunks/index.js";
-import { useDelegatedProps } from "./use-delegated-props.js";
-/* empty css                                                                         */
-import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "segmented-control",
-  props: {
-    rovingFocus: { type: Boolean },
-    disabled: { type: Boolean },
-    orientation: {},
-    dir: {},
-    loop: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {},
-    modelValue: {},
-    defaultValue: {},
-    class: {}
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const delegatedProps = useDelegatedProps(props, "class");
-    const forwarded = Se(delegatedProps, emits);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(iv), mergeProps({
-        class: unref(clsx)("celeste-segmented-control", props.class)
-      }, unref(forwarded), { type: "single" }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ]),
-        _: 3
-      }, 16, ["class"]);
-    };
-  }
-});
-const segmentedControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-632e6456"]]);
-export {
-  segmentedControl as default
-};
+import { t as segmented_control_default } from "./chunks/segmented-control.js";
+export { segmented_control_default as default };

package/dist/es/select-content.js

@@ -1,63 +1,2 @@
-import { defineComponent, createBlock, openBlock, unref, withCtx, createVNode, mergeProps, renderSlot } from "vue";
-import { c as clsx } from "./chunks/clsx.js";
-import { S as Se, ax as Wy, ay as jy, az as Qy } from "./chunks/index.js";
-import { useDelegatedProps } from "./use-delegated-props.js";
-/* empty css                                                                      */
-import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "select-content",
-  props: {
-    forceMount: { type: Boolean },
-    position: {},
-    bodyLock: { type: Boolean },
-    side: {},
-    sideOffset: {},
-    align: {},
-    alignOffset: {},
-    avoidCollisions: { type: Boolean },
-    collisionBoundary: {},
-    collisionPadding: {},
-    arrowPadding: {},
-    sticky: {},
-    hideWhenDetached: { type: Boolean },
-    updatePositionStrategy: {},
-    prioritizePosition: { type: Boolean },
-    asChild: { type: Boolean },
-    as: {},
-    class: {},
-    width: { default: "full" }
-  },
-  emits: ["closeAutoFocus", "escapeKeyDown", "pointerDownOutside"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const delegatedProps = useDelegatedProps(props, "class");
-    const forwarded = Se(delegatedProps, emits);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Wy), null, {
-        default: withCtx(() => [
-          createVNode(unref(jy), mergeProps(unref(forwarded), {
-            position: "popper",
-            "data-width": _ctx.width,
-            class: unref(clsx)("celeste-select-content", props.class)
-          }), {
-            default: withCtx(() => [
-              createVNode(unref(Qy), { class: "celeste-select-view-port" }, {
-                default: withCtx(() => [
-                  renderSlot(_ctx.$slots, "default", {}, void 0, true)
-                ]),
-                _: 3
-              })
-            ]),
-            _: 3
-          }, 16, ["data-width", "class"])
-        ]),
-        _: 3
-      });
-    };
-  }
-});
-const SelectContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d1157ab3"]]);
-export {
-  SelectContent as default
-};
+import { t as select_content_default } from "./chunks/select-content.js";
+export { select_content_default as default };

package/dist/es/select-group.js

@@ -1,4 +1,2 @@
-import { _ as _sfc_main } from "./chunks/select-group.js";
-export {
-  _sfc_main as default
-};
+import { t as select_group_default } from "./chunks/select-group.js";
+export { select_group_default as default };