nightshade 1.0.3 → 1.1.0

package/dist/index-8NlsjwJw.js

@@ -1,580 +0,0 @@
-var k = Object.defineProperty;
-var i = (e, n) => k(e, "name", { value: n, configurable: !0 });
-import { openBlock as s, createBlock as f, resolveDynamicComponent as _, normalizeClass as p, withCtx as b, renderSlot as u, createElementBlock as m, createCommentVNode as h, toDisplayString as S, Transition as T, createElementVNode as y, resolveComponent as v, Teleport as C, withModifiers as B, normalizeStyle as z, createVNode as $, mergeProps as w } from "vue";
-import { g as N } from "./dom-LZO9EPGL.js";
-const c = /* @__PURE__ */ i((e, n) => {
-  const t = e.__vccOpts || e;
-  for (const [l, a] of n)
-    t[l] = a;
-  return t;
-}, "_export_sfc"), E = {
-  props: {
-    label: { type: String },
-    title: { type: String },
-    icon: { type: String },
-    iconPos: { type: String, default: "left" },
-    kind: { type: String, default: "link-default" },
-    hoverKind: { type: String },
-    customTag: { type: String },
-    href: { type: String },
-    debounce: { type: Number, default: 0 },
-    disabled: { type: Boolean, default: !1 },
-    size: { type: String, default: "normal" },
-    square: { type: Boolean, default: !1 },
-    block: { type: Boolean, default: !1 },
-    round: { type: Boolean, default: !1 },
-    outline: { type: Boolean, default: !1 },
-    pseudoFocus: { type: Boolean, default: !1 },
-    pseudoHover: { type: Boolean, default: !1 },
-    pseudoActive: { type: Boolean, default: !1 }
-  },
-  data() {
-    return {
-      hover: !1,
-      blocked: !1
-    };
-  },
-  computed: {
-    tagName() {
-      return this.customTag ?? "button";
-    },
-    actualKind() {
-      const { kind: e, hoverKind: n, hover: t } = this;
-      return t ? n ?? e : e;
-    }
-  },
-  methods: {
-    onUiActivate() {
-      this.debounce > 0 && (this.blocked = !0, setTimeout(() => {
-        this.blocked = !1;
-      }, this.debounce));
-    }
-  }
-}, H = {
-  key: 0,
-  class: "Label"
-};
-function V(e, n, t, l, a, o) {
-  return s(), f(_(o.tagName), {
-    ref: "button",
-    class: p(["Btn button", [
-      `Btn-${t.size}`,
-      `Btn-${o.actualKind}`,
-      `Btn-iconPos-${t.iconPos}`,
-      {
-        "Btn-disabled": t.disabled || a.blocked,
-        "Btn-square": t.square,
-        "Btn-round": t.round,
-        "Btn-outline": t.outline,
-        "Btn-block": t.block,
-        "Btn-pseudo-focus": t.pseudoFocus,
-        "Btn-pseudo-hover": t.pseudoHover,
-        "Btn-pseudo-active": t.pseudoActive
-      }
-    ]]),
-    disabled: t.disabled || a.blocked,
-    title: t.title ?? t.label,
-    href: t.href,
-    onUiactivate: n[0] || (n[0] = (r) => o.onUiActivate(r)),
-    onMouseenter: n[1] || (n[1] = (r) => a.hover = !0),
-    onMouseleave: n[2] || (n[2] = (r) => a.hover = !1)
-  }, {
-    default: b(() => [
-      u(e.$slots, "icon", {
-        hover: a.hover,
-        blocked: a.blocked
-      }, () => [
-        t.icon ? (s(), m("i", {
-          key: 0,
-          class: p([t.icon, "Icon"])
-        }, null, 2)) : h("", !0)
-      ], !0),
-      t.label ? (s(), m("span", H, S(t.label), 1)) : h("", !0),
-      u(e.$slots, "default", {
-        hover: a.hover,
-        blocked: a.blocked
-      }, void 0, !0)
-    ]),
-    _: 3
-  }, 40, ["class", "disabled", "title", "href"]);
-}
-i(V, "_sfc_render$c");
-const R = /* @__PURE__ */ c(E, [["render", V], ["__scopeId", "data-v-7dcc9af4"]]), x = {
-  props: {
-    dir: { type: String, default: "bottom" },
-    align: { type: String, default: "start" }
-  }
-}, A = { class: "Body" };
-function D(e, n, t, l, a, o) {
-  return s(), f(T, {
-    name: "fade-" + t.dir,
-    appear: ""
-  }, {
-    default: b(() => [
-      y("div", {
-        class: p(["Bubble", [
-          `Bubble-${t.dir}`,
-          `Bubble-${t.align}`
-        ]])
-      }, [
-        n[0] || (n[0] = y("div", { class: "Arrow" }, null, -1)),
-        y("div", A, [
-          u(e.$slots, "default", {}, void 0, !0)
-        ])
-      ], 2)
-    ]),
-    _: 3
-  }, 8, ["name"]);
-}
-i(D, "_sfc_render$b");
-const O = /* @__PURE__ */ c(x, [["render", D], ["__scopeId", "data-v-2bf83119"]]), G = {
-  props: {
-    size: { type: String, default: "normal" }
-  }
-};
-function F(e, n, t, l, a, o) {
-  return s(), m("div", {
-    class: p(["Circle", [
-      `Circle-${t.size}`
-    ]])
-  }, [
-    u(e.$slots, "default", {}, void 0, !0)
-  ], 2);
-}
-i(F, "_sfc_render$a");
-const L = /* @__PURE__ */ c(G, [["render", F], ["__scopeId", "data-v-48fdb4ac"]]), M = {
-  props: {
-    dir: { type: String, default: "v" },
-    align: { type: String, default: "auto" },
-    anchorRef: { type: String },
-    anchorDir: { type: String, default: "middle" },
-    overlayEnabled: { type: Boolean, default: !0 },
-    overlayShown: { type: Boolean, default: !0 }
-  },
-  emits: ["hide", "mouseenter", "mouseleave", "ready"],
-  data() {
-    return {
-      pos: {
-        x: 0,
-        y: 0
-      },
-      actualDir: "bottom",
-      actualAlign: "start",
-      ready: !1
-    };
-  },
-  computed: {
-    bubbleStyle() {
-      const { x: e, y: n } = this.pos;
-      return {
-        left: `${e}px`,
-        top: `${n}px`,
-        "pointer-events": "auto"
-      };
-    }
-  },
-  mounted() {
-    this.$nextTick(() => this.calcPos()), window.addEventListener("resize", this.onResize), window.addEventListener("keydown", this.onWindowKeyDown), this.enableOverlay();
-  },
-  unmounted() {
-    window.removeEventListener("resize", this.onResize), window.removeEventListener("keydown", this.onWindowKeyDown), this.disableOverlay();
-  },
-  methods: {
-    hide() {
-      this.$emit("hide");
-    },
-    calcPos() {
-      const e = this.getAnchorEl();
-      this.pos = N(e, this.anchorDir), this.calcDirAlign(), this.ready = !0, this.$nextTick(() => this.$emit("ready"));
-    },
-    calcDirAlign() {
-      const e = this.pos.y < window.innerHeight * 0.5, n = this.pos.x < window.innerWidth * 0.5;
-      this.align === "auto" ? ["top", "bottom", "v"].includes(this.dir) ? this.actualAlign = n ? "start" : "end" : this.actualAlign = e ? "start" : "end" : this.actualAlign = this.align, this.dir === "v" ? this.actualDir = e ? "bottom" : "top" : this.dir === "h" ? this.actualDir = n ? "right" : "left" : this.actualDir = this.dir;
-    },
-    getAnchorEl() {
-      if (this.anchorRef) {
-        const e = this.findRef(this.$parent, this.anchorRef);
-        if (e)
-          return e;
-      }
-      return this.$el.parentElement;
-    },
-    findRef(e, n) {
-      const t = e.$refs[n];
-      if (t) {
-        const l = t.$el ?? t;
-        if (l instanceof HTMLElement)
-          return l;
-      }
-      return e.$parent ? this.findRef(e.$parent, n) : null;
-    },
-    onResize() {
-      this.calcPos();
-    },
-    onWindowKeyDown(e) {
-      e.key === "Escape" && this.hide();
-    },
-    enableOverlay() {
-      if (!this.overlayEnabled)
-        return;
-      const e = document.documentElement, n = e.style.overflow;
-      e.dataset.previousOverflow = n, e.style.overflow = "hidden";
-    },
-    disableOverlay() {
-      const e = document.documentElement;
-      e.dataset.previousOverflow != null && (e.style.overflow = e.dataset.previousOverflow, delete e.dataset.previousOverflow);
-    }
-  }
-};
-function P(e, n, t, l, a, o) {
-  const r = v("Bubble");
-  return s(), f(C, { to: "#overlays" }, [
-    y("div", {
-      class: p(["Overlay", {
-        "Overlay-enabled": t.overlayEnabled,
-        "Overlay-shown": t.overlayShown
-      }]),
-      onClick: n[3] || (n[3] = B((d) => o.hide(), ["stop"]))
-    }, [
-      a.ready ? (s(), f(r, {
-        key: 0,
-        dir: a.actualDir,
-        align: a.actualAlign,
-        style: z(o.bubbleStyle),
-        onMouseenter: n[0] || (n[0] = (d) => e.$emit("mouseenter")),
-        onMouseleave: n[1] || (n[1] = (d) => e.$emit("mouseleave")),
-        onClick: n[2] || (n[2] = B(() => {
-        }, ["stop"]))
-      }, {
-        default: b(() => [
-          u(e.$slots, "default", {}, void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["dir", "align", "style"])) : h("", !0)
-    ], 2)
-  ]);
-}
-i(P, "_sfc_render$9");
-const j = /* @__PURE__ */ c(M, [["render", P], ["__scopeId", "data-v-573085ca"]]), K = {
-  props: {
-    tagName: { type: String, default: "div" },
-    align: { type: String, default: "center" },
-    justify: { type: String },
-    gap: { type: String, default: "1" },
-    wrap: { type: Boolean, default: !1 }
-  }
-};
-function W(e, n, t, l, a, o) {
-  return s(), f(_(t.tagName), {
-    class: p(["HGroup", [
-      `HGroup-align-${t.align}`,
-      `HGroup-justify-${t.justify}`,
-      `HGroup-gap-${t.gap}`,
-      {
-        "HGroup-wrap": t.wrap
-      }
-    ]])
-  }, {
-    default: b(() => [
-      u(e.$slots, "default", {}, void 0, !0)
-    ]),
-    _: 3
-  }, 8, ["class"]);
-}
-i(W, "_sfc_render$8");
-const q = /* @__PURE__ */ c(K, [["render", W], ["__scopeId", "data-v-0abfef17"]]), U = {}, J = { class: "HStack" };
-function Q(e, n, t, l, a, o) {
-  return s(), m("div", J, [
-    u(e.$slots, "default", {}, void 0, !0)
-  ]);
-}
-i(Q, "_sfc_render$7");
-const X = /* @__PURE__ */ c(U, [["render", Q], ["__scopeId", "data-v-48a370d0"]]), Y = {
-  props: {
-    dir: { type: String, default: "top" },
-    label: { type: String }
-  },
-  computed: {
-    orientation() {
-      return this.dir === "top" || this.dir === "bottom" ? "h" : "v";
-    }
-  }
-}, Z = { class: "Content" }, ee = ["title"];
-function te(e, n, t, l, a, o) {
-  const r = v("TabCap");
-  return s(), m("div", {
-    class: p(["Tab", [
-      `Tab-${t.dir}`,
-      `Tab-${o.orientation}`
-    ]])
-  }, [
-    $(r, {
-      class: "TabCap",
-      dir: t.dir,
-      type: "start"
-    }, null, 8, ["dir"]),
-    y("div", Z, [
-      u(e.$slots, "default", {}, () => [
-        t.label ? (s(), m("div", {
-          key: 0,
-          class: "TabLabel",
-          title: t.label
-        }, S(t.label), 9, ee)) : h("", !0)
-      ], !0)
-    ]),
-    $(r, {
-      class: "TabCap",
-      dir: t.dir,
-      type: "end"
-    }, null, 8, ["dir"])
-  ], 2);
-}
-i(te, "_sfc_render$6");
-const I = /* @__PURE__ */ c(Y, [["render", te], ["__scopeId", "data-v-1ba502f2"]]), ne = {
-  components: {
-    Tab: I
-  },
-  props: {
-    tagName: { default: "label" },
-    label: { type: String },
-    size: { type: String, default: "normal" },
-    fixedHeight: { type: Boolean, default: !0 },
-    round: { type: Boolean, default: !1 },
-    block: { type: Boolean },
-    disabled: { type: Boolean, default: !1 },
-    invalid: { type: Boolean, default: !1 },
-    pseudoFocus: { type: Boolean, default: !1 },
-    pseudoHover: { type: Boolean, default: !1 }
-  }
-}, ae = { class: "Container" };
-function oe(e, n, t, l, a, o) {
-  const r = v("Tab");
-  return s(), f(_(t.tagName), {
-    class: p(["InputBase", [
-      `InputBase-${t.size}`,
-      {
-        "InputBase-block": t.block,
-        "InputBase-round": t.round,
-        "InputBase-disabled": t.disabled,
-        "InputBase-invalid": t.invalid,
-        "InputBase-fixed-height": t.fixedHeight,
-        "InputBase-pseudo-focus": t.pseudoFocus,
-        "InputBase-pseudo-hover": t.pseudoHover
-      }
-    ]])
-  }, {
-    default: b(() => [
-      t.label ? (s(), f(r, {
-        key: 0,
-        class: "Label",
-        label: t.label
-      }, null, 8, ["label"])) : h("", !0),
-      y("div", ae, [
-        u(e.$slots, "default", {}, void 0, !0)
-      ])
-    ]),
-    _: 3
-  }, 8, ["class"]);
-}
-i(oe, "_sfc_render$5");
-const g = /* @__PURE__ */ c(ne, [["render", oe], ["__scopeId", "data-v-6d7754d0"]]), se = {
-  props: {
-    ...g.props,
-    modelValue: { type: [String, Number] },
-    type: { type: String },
-    placeholder: { type: String },
-    min: { type: Number },
-    max: { type: Number },
-    step: { type: Number },
-    autoFocus: { type: Boolean },
-    readonly: { type: Boolean }
-  },
-  emits: [
-    "focus",
-    "blur",
-    "input",
-    "update:modelValue"
-  ],
-  mounted() {
-    var e;
-    this.autoFocus && ((e = this.$refs.input) == null || e.focus());
-  },
-  methods: {
-    onInput(e) {
-      this.$emit("update:modelValue", e.target.value);
-    }
-  }
-}, le = ["value", "type", "placeholder", "readonly", "disabled", "min", "max", "step"];
-function ie(e, n, t, l, a, o) {
-  const r = v("InputBase");
-  return s(), f(r, w({ class: "InputText" }, {
-    ...e.$attrs,
-    ...e.$props
-  }), {
-    default: b(() => [
-      u(e.$slots, "before", {}, void 0, !0),
-      y("input", {
-        ref: "input",
-        value: t.modelValue,
-        type: t.type,
-        placeholder: t.placeholder,
-        readonly: t.readonly,
-        disabled: e.disabled,
-        min: t.min,
-        max: t.max,
-        step: t.step,
-        autocomplete: "off",
-        onInput: n[0] || (n[0] = (d) => o.onInput(d)),
-        onFocus: n[1] || (n[1] = (d) => e.$emit("focus", d)),
-        onBlur: n[2] || (n[2] = (d) => e.$emit("blur", d))
-      }, null, 40, le),
-      u(e.$slots, "after", {}, void 0, !0)
-    ]),
-    _: 3
-  }, 16);
-}
-i(ie, "_sfc_render$4");
-const re = /* @__PURE__ */ c(se, [["render", ie], ["__scopeId", "data-v-26fed2ef"]]), de = {
-  props: {
-    ...g.props,
-    modelValue: { type: [String, Number] },
-    placeholder: { type: String },
-    rows: { type: Number },
-    autoSize: { type: Boolean, default: !0 },
-    minRows: { type: Number, default: 2 },
-    maxRows: { type: Number, default: 10 },
-    autoFocus: { type: Boolean },
-    readonly: { type: Boolean }
-  },
-  emits: [
-    "focus",
-    "blur",
-    "input",
-    "update:modelValue"
-  ],
-  computed: {
-    effectiveRows() {
-      if (this.autoSize) {
-        const e = this.modelValue.split(`
-`).length;
-        return Math.max(Math.min(e, this.maxRows), this.minRows);
-      }
-      return this.rows ?? this.minRows ?? 2;
-    }
-  },
-  mounted() {
-    var e;
-    this.autoFocus && ((e = this.$refs.input) == null || e.focus());
-  },
-  methods: {
-    onInput(e) {
-      this.$emit("update:modelValue", e.target.value);
-    }
-  }
-}, ue = ["value", "placeholder", "readonly", "disabled", "rows"];
-function ce(e, n, t, l, a, o) {
-  const r = v("InputBase");
-  return s(), f(r, w({ class: "InputTextarea" }, {
-    ...e.$attrs,
-    ...e.$props
-  }, { fixedHeight: !1 }), {
-    default: b(() => [
-      u(e.$slots, "before", {}, void 0, !0),
-      y("textarea", {
-        ref: "input",
-        value: t.modelValue,
-        placeholder: t.placeholder,
-        readonly: t.readonly,
-        disabled: e.disabled,
-        rows: o.effectiveRows,
-        resize: "none",
-        autocomplete: "off",
-        onInput: n[0] || (n[0] = (d) => o.onInput(d)),
-        onFocus: n[1] || (n[1] = (d) => e.$emit("focus", d)),
-        onBlur: n[2] || (n[2] = (d) => e.$emit("blur", d))
-      }, null, 40, ue),
-      u(e.$slots, "after", {}, void 0, !0)
-    ]),
-    _: 3
-  }, 16);
-}
-i(ce, "_sfc_render$3");
-const fe = /* @__PURE__ */ c(de, [["render", ce], ["__scopeId", "data-v-76fc64e6"]]), pe = {}, ye = { class: "Sizer" };
-function me(e, n) {
-  return s(), m("div", ye);
-}
-i(me, "_sfc_render$2");
-const be = /* @__PURE__ */ c(pe, [["render", me], ["__scopeId", "data-v-2f099547"]]), he = {
-  props: {
-    dir: { type: String, default: "top" },
-    type: { type: String, default: "start" }
-  }
-};
-function ve(e, n, t, l, a, o) {
-  return s(), m("svg", {
-    class: p(["TabCap", [
-      `TabCap-${t.dir}`,
-      `TabCap-${t.type}`
-    ]]),
-    viewBox: "0 0 32 32",
-    preserveAspectRatio: "none"
-  }, n[0] || (n[0] = [
-    y("path", { d: "M0 32 C 16 32 16 0 32 0 L 32 32 z" }, null, -1)
-  ]), 2);
-}
-i(ve, "_sfc_render$1");
-const _e = /* @__PURE__ */ c(he, [["render", ve], ["__scopeId", "data-v-3c0176d0"]]), ge = {
-  props: {
-    tagName: { type: String, default: "div" },
-    align: { type: String, default: "stretch" },
-    justify: { type: String },
-    gap: { type: String, default: "1" }
-  }
-};
-function Be(e, n, t, l, a, o) {
-  return s(), f(_(t.tagName), {
-    class: p(["VGroup", [
-      `VGroup-align-${t.align}`,
-      `VGroup-justify-${t.justify}`,
-      `VGroup-gap-${t.gap}`
-    ]])
-  }, {
-    default: b(() => [
-      u(e.$slots, "default", {}, void 0, !0)
-    ]),
-    _: 3
-  }, 8, ["class"]);
-}
-i(Be, "_sfc_render");
-const $e = /* @__PURE__ */ c(ge, [["render", Be], ["__scopeId", "data-v-4e4be270"]]), ke = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Btn: R,
-  Bubble: O,
-  Circle: L,
-  ContextPopup: j,
-  HGroup: q,
-  HStack: X,
-  InputBase: g,
-  InputText: re,
-  InputTextarea: fe,
-  Sizer: be,
-  Tab: I,
-  TabCap: _e,
-  VGroup: $e
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  R as B,
-  L as C,
-  q as H,
-  g as I,
-  be as S,
-  I as T,
-  $e as V,
-  O as a,
-  j as b,
-  X as c,
-  re as d,
-  fe as e,
-  _e as f,
-  ke as i
-};