@youcan/celeste 0.6.97 → 0.6.98

package/dist/es/chunks/tooltip-provider.js

@@ -1,27 +0,0 @@
-import { defineComponent, createBlock, openBlock, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot } from "vue";
-import { H as Hg } from "./index.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "tooltip-provider",
-  props: {
-    delayDuration: { default: 0 },
-    skipDelayDuration: {},
-    disableHoverableContent: { type: Boolean },
-    disableClosingTrigger: { type: Boolean },
-    disabled: { type: Boolean },
-    ignoreNonKeyboardFocus: { type: Boolean }
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Hg), normalizeProps(guardReactiveProps(props)), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/es/chunks/tooltip-root.js

@@ -1,37 +0,0 @@
-import { defineComponent, ref, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
-import { S as Se, u as Wg } from "./index.js";
-import { useDelegatedProps } from "../use-delegated-props.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "tooltip-root",
-  props: {
-    defaultOpen: { type: Boolean },
-    open: { type: Boolean },
-    delayDuration: {},
-    disableHoverableContent: { type: Boolean },
-    disableClosingTrigger: { type: Boolean },
-    disabled: { type: Boolean },
-    ignoreNonKeyboardFocus: { type: Boolean }
-  },
-  emits: ["update:open"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const delegatedProps = useDelegatedProps(props, "open");
-    const forwarded = Se(delegatedProps, emits);
-    const open = ref(false);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Wg), mergeProps(unref(forwarded), {
-        open: open.value,
-        "onUpdate:open": _cache[0] || (_cache[0] = ($event) => open.value = $event)
-      }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["open"]);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/es/chunks/tooltip-trigger.js

@@ -1,24 +0,0 @@
-import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
-import { O as Ot, v as jg } from "./index.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "tooltip-trigger",
-  props: {
-    asChild: { type: Boolean },
-    as: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const forwardedProps = Ot(props);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(jg), mergeProps(unref(forwardedProps), { "as-child": "" }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/es/chunks/tooltip.js

@@ -1,85 +0,0 @@
-import { defineComponent, ref, createBlock, openBlock, unref, withCtx, createVNode, mergeProps, renderSlot } from "vue";
-import { S as Se } from "./index.js";
-import { useDelegatedProps } from "../use-delegated-props.js";
-import TooltipContent from "../tooltip-content.js";
-import { _ as _sfc_main$1 } from "./tooltip-provider.js";
-import { _ as _sfc_main$2 } from "./tooltip-root.js";
-import { _ as _sfc_main$3 } from "./tooltip-trigger.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "tooltip",
-  props: {
-    class: {},
-    size: { default: "sm" },
-    variant: { default: "light" },
-    icon: {},
-    title: {},
-    description: {},
-    dismissible: { type: Boolean },
-    defaultOpen: { type: Boolean },
-    open: { type: Boolean },
-    delayDuration: { default: 0 },
-    disableHoverableContent: { type: Boolean },
-    disableClosingTrigger: { type: Boolean },
-    disabled: { type: Boolean },
-    ignoreNonKeyboardFocus: { type: Boolean },
-    forceMount: { type: Boolean },
-    ariaLabel: {},
-    asChild: { type: Boolean },
-    as: {},
-    side: {},
-    sideOffset: { default: 12 },
-    align: {},
-    alignOffset: {},
-    avoidCollisions: { type: Boolean },
-    collisionBoundary: {},
-    collisionPadding: {},
-    arrowPadding: {},
-    sticky: {},
-    hideWhenDetached: { type: Boolean }
-  },
-  emits: ["update:open"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const delegatedProps = useDelegatedProps(props, ["class", "size", "variant", "icon", "title", "description", "dismissible"]);
-    const forwarded = Se(delegatedProps, emits);
-    const isOpen = ref(props.defaultOpen);
-    function close() {
-      isOpen.value = false;
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$1), { "delay-duration": _ctx.delayDuration }, {
-        default: withCtx(() => [
-          createVNode(unref(_sfc_main$2), mergeProps(unref(forwarded), {
-            open: props.open || isOpen.value,
-            "onUpdate:open": _cache[0] || (_cache[0] = (state) => isOpen.value = state)
-          }), {
-            default: withCtx(() => [
-              createVNode(unref(_sfc_main$3), null, {
-                default: withCtx(() => [
-                  renderSlot(_ctx.$slots, "default")
-                ]),
-                _: 3
-              }),
-              createVNode(unref(TooltipContent), mergeProps(unref(forwarded), {
-                size: _ctx.size,
-                variant: _ctx.variant,
-                class: props.class,
-                icon: _ctx.icon,
-                title: _ctx.title,
-                description: _ctx.description,
-                dismissible: _ctx.dismissible,
-                "on-dismiss": close
-              }), null, 16, ["size", "variant", "class", "icon", "title", "description", "dismissible"])
-            ]),
-            _: 3
-          }, 16, ["open"])
-        ]),
-        _: 3
-      }, 8, ["delay-duration"]);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/es/collapsible-content.js

@@ -1,5 +0,0 @@
-import { _ as _sfc_main } from "./chunks/collapsible-content.js";
-/* empty css                                                           */
-export {
-  _sfc_main as default
-};

package/dist/es/collapsible-trigger.js

@@ -1,4 +0,0 @@
-import { _ as _sfc_main } from "./chunks/collapsible-trigger.js";
-export {
-  _sfc_main as default
-};

package/dist/es/collapsible.js

@@ -1,4 +0,0 @@
-import { _ as _sfc_main } from "./chunks/collapsible.js";
-export {
-  _sfc_main as default
-};

package/dist/es/color-area.js

@@ -1,177 +0,0 @@
-import { defineComponent, useCssVars, computed, ref, useTemplateRef, watch, onUnmounted, createElementBlock, openBlock, createElementVNode, normalizeStyle } from "vue";
-import { getAbsolutePosition, getPageXYFromEvent, resolveArrowDirection, clamp } from "./color.js";
-import { defineColorModel, ColorPickerEmits } from "./use-color-model.js";
-import { useUserPageSelection } from "./use-user-select.js";
-/* empty css                                                                  */
-import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "color-area",
-  props: {
-    hue: {},
-    modelValue: {}
-  },
-  emits: ["change"].concat(ColorPickerEmits),
-  setup(__props, { emit: __emit }) {
-    useCssVars((_ctx) => ({
-      "57f9eb60": colorAreaBg.value
-    }));
-    const props = __props;
-    const emit = __emit;
-    const { preventPageUserSelect, allowPageUserSelect } = useUserPageSelection();
-    const pointerRef = ref(0);
-    const tinyColorRef = defineColorModel(props, emit);
-    const containerRef = useTemplateRef("color-area");
-    const hsv = computed(() => {
-      return tinyColorRef.value.toHsv();
-    });
-    const hue = computed(() => {
-      return props.hue ?? hsv.value.h;
-    });
-    const colorAreaBg = computed(() => {
-      return `hsl(${hue.value}, 100%, 50%)`;
-    });
-    const colorAreaThumbBg = computed(() => {
-      const { r, g, b } = tinyColorRef.value.toRgb();
-      return `rgb(${r}, ${g}, ${b})`;
-    });
-    const pointerTop = computed(() => {
-      return `${-(hsv.value.v * 100) + 1 + 100}%`;
-    });
-    const pointerLeft = computed(() => {
-      if (hsv.value.v <= 0.01) {
-        return `${pointerRef.value * 100}%`;
-      }
-      return `${hsv.value.s * 100}%`;
-    });
-    watch(() => props.hue, (newHue, oldHue) => {
-      if (newHue !== oldHue) {
-        const { s, v, a } = hsv.value;
-        onChange({
-          h: newHue,
-          s: s * 100,
-          v: v * 100,
-          a
-        });
-      }
-    });
-    function handleChange(e, skip = false) {
-      e.preventDefault();
-      const container = containerRef.value;
-      if (!container) {
-        return;
-      }
-      const containerWidth = container.clientWidth;
-      const containerHeight = container.clientHeight;
-      const { x: xOffset, y: yOffset } = getAbsolutePosition(container);
-      const { x: pageX, y: pageY } = getPageXYFromEvent(e);
-      const left = clamp(pageX - xOffset, 0, containerWidth);
-      const top = clamp(pageY - yOffset, 0, containerHeight);
-      const saturation = left / containerWidth;
-      const brightness = clamp(1 - top / containerHeight, 0, 1);
-      pointerRef.value = saturation;
-      let s = Math.round(saturation * 100);
-      let v = Math.round(brightness * 100);
-      if (s === 1) {
-        s = 0.01;
-      }
-      if (v === 1) {
-        v = 0.01;
-      }
-      onChange({
-        h: hue.value,
-        s,
-        v,
-        a: hsv.value.a
-      });
-    }
-    function onChange(newColor) {
-      tinyColorRef.value = newColor;
-    }
-    function handleMouseDown() {
-      preventPageUserSelect();
-      window.addEventListener("mousemove", handleChange);
-      window.addEventListener("mouseup", handleChange);
-      window.addEventListener("mouseup", handleMouseUp);
-    }
-    function handleMouseUp() {
-      allowPageUserSelect();
-      unbindEventListeners();
-    }
-    function unbindEventListeners() {
-      window.removeEventListener("mousemove", handleChange);
-      window.removeEventListener("mouseup", handleChange);
-      window.removeEventListener("mouseup", handleMouseUp);
-    }
-    function handleKeyDown(e) {
-      const direction = resolveArrowDirection(e);
-      if (!direction) {
-        return;
-      }
-      e.preventDefault();
-      switch (direction) {
-        case "left": {
-          const newSaturation = hsv.value.s - 0.01;
-          onChange({
-            ...hsv.value,
-            s: newSaturation >= 0 ? newSaturation : 0
-          });
-          break;
-        }
-        case "right": {
-          const newSaturation = hsv.value.s + 0.01;
-          onChange({
-            ...hsv.value,
-            s: newSaturation > 1 ? 1 : newSaturation
-          });
-          break;
-        }
-        case "up": {
-          const newBrightness = hsv.value.v + 0.01;
-          onChange({
-            ...hsv.value,
-            v: newBrightness > 1 ? 1 : newBrightness
-          });
-          break;
-        }
-        case "down": {
-          const newBrightness = hsv.value.v - 0.01;
-          onChange({
-            ...hsv.value,
-            v: newBrightness < 0 ? 0 : newBrightness
-          });
-          break;
-        }
-      }
-    }
-    onUnmounted(() => {
-      unbindEventListeners();
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref: "color-area",
-        class: "celeste-color-area",
-        role: "application",
-        "aria-label": "Saturation and brightness picker",
-        onMousedown: handleMouseDown,
-        onTouchmovePassive: handleChange,
-        onTouchstartPassive: handleChange
-      }, [
-        createElementVNode("div", {
-          class: "celeste-color-thumb",
-          style: normalizeStyle({ top: pointerTop.value, left: pointerLeft.value, background: colorAreaThumbBg.value }),
-          role: "slider",
-          tabindex: "0",
-          "aria-valuemin": "0",
-          "aria-valuemax": "1",
-          "aria-label": "press arrow to change saturation or brightness",
-          "aria-valuenow": "?",
-          onKeydown: handleKeyDown
-        }, null, 36)
-      ], 544);
-    };
-  }
-});
-const ColorArea = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ee238a27"]]);
-export {
-  ColorArea as default
-};