vft 0.0.50 → 0.0.51

package/es/components/clamp/clamp.vue2.js

@@ -0,0 +1,167 @@
+import { defineComponent as T, ref as v, reactive as O, computed as r, watch as s, nextTick as E, onUnmounted as S, onMounted as F, openBlock as V, createElementBlock as q, normalizeStyle as D, unref as R, createElementVNode as B, renderSlot as M } from "vue";
+import { addUnit as G } from "@vft/utils";
+import { addListener as I, removeListener as J } from "resize-detector";
+import { useNamespace as K } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+const P = ["aria-label"], Q = (
+  /* hoist-static*/
+  K("clamp")
+), W = T({
+  name: Q.b()
+}), ce = /* @__PURE__ */ T({
+  ...W,
+  props: {
+    text: null,
+    maxHeight: null,
+    maxLines: { default: 1 },
+    expanded: { type: Boolean, default: !1 },
+    location: { default: "end" },
+    ellipsis: { default: "…" },
+    autoResize: { type: Boolean, default: !1 }
+  },
+  emits: ["clamp-change", "update:expanded"],
+  setup(e, { emit: y }) {
+    const a = v(null), u = v(null), m = v(null), l = O({
+      offset: 0,
+      localExpanded: e.expanded,
+      unregisterResizeCallback: null
+    }), $ = r(() => {
+      if (!l.localExpanded && e.maxHeight)
+        return G(e.maxHeight);
+    }), k = () => {
+      m.value && (m.value.textContent = A.value);
+    }, c = () => {
+      l.localExpanded || (k(), (d() || n.value) && g());
+    }, C = () => {
+      e.text && (l.offset = e.text.length, H(), e.autoResize && a.value && (I(a.value, c), l.unregisterResizeCallback = () => {
+        a.value && J(a.value, c);
+      }), c());
+    }, H = () => {
+      var t;
+      (t = l.unregisterResizeCallback) == null || t.call(l);
+    }, d = () => !e.maxLines && !e.maxHeight || !a.value ? !1 : e.maxLines && x() > e.maxLines ? !0 : !!(e.maxHeight && a.value.scrollHeight > a.value.offsetHeight), x = () => u.value ? Object.keys(
+      Array.prototype.slice.call(u.value.getClientRects()).reduce((t, {
+        top: i,
+        bottom: f
+      }) => {
+        const o = `${i}/${f}`;
+        return t[o] || (t[o] = !0), t;
+      }, {})
+    ).length : 0, g = (...t) => {
+      const [i = 0, f = l.offset] = t;
+      if (f - i <= 3) {
+        j();
+        return;
+      }
+      const o = Math.floor((f + i) / 2);
+      h(o), d() ? g(i, o) : g(o, f);
+    }, h = (t) => {
+      l.offset = t, k();
+    }, j = () => {
+      p(), U();
+    }, p = () => {
+      for (; (!d() || x() < 2) && l.offset < e.text.length; )
+        b(1);
+    }, U = () => {
+      for (; d() && x() > 1 && l.offset > 0; )
+        b(-1);
+    }, b = (t) => {
+      h(l.offset + t);
+    }, n = r(() => e.text ? l.offset !== e.text.length : !1);
+    s(
+      () => n.value,
+      (t) => {
+        E(() => {
+          y("clamp-change", t);
+        });
+      },
+      { immediate: !0 }
+    );
+    const A = r(() => n.value ? N.value : e.text), N = r(() => {
+      if (e.location === "start")
+        return e.ellipsis + (e.text.slice(0, l.offset) || "").trim();
+      if (e.location === "middle") {
+        const t = Math.floor(l.offset / 2);
+        return (e.text.slice(0, t) || "").trim() + e.ellipsis + (e.text.slice(-t) || "").trim();
+      }
+      return (e.text.slice(0, l.offset) || "").trim() + e.ellipsis;
+    }), L = () => {
+      l.localExpanded = !0;
+    }, z = () => {
+      l.localExpanded = !1;
+    }, w = () => {
+      l.localExpanded = !l.localExpanded;
+    };
+    return s(
+      () => e.expanded,
+      (t) => {
+        l.localExpanded = t;
+      }
+    ), s(
+      () => l.localExpanded,
+      (t) => {
+        t ? h(e.text.length) : c(), e.expanded !== t && y("update:expanded", t);
+      }
+    ), s(
+      () => [e.maxLines, e.maxHeight, e.ellipsis, e.location, n.value].join(),
+      () => {
+        E(() => {
+          c();
+        });
+      }
+    ), s(
+      () => [e.text, e.autoResize].join(),
+      () => {
+        E(() => {
+          C();
+        });
+      }
+    ), S(() => {
+      H();
+    }), F(() => {
+      C();
+    }), (t, i) => (V(), q("div", {
+      ref_key: "textClampRef",
+      ref: a,
+      class: "text-clamp",
+      style: D({
+        overflow: "hidden",
+        maxHeight: R($)
+      })
+    }, [
+      B("span", {
+        ref_key: "contentRef",
+        ref: u
+      }, [
+        M(t.$slots, "before", {
+          expand: L,
+          collapse: z,
+          toggle: w,
+          clamped: R(n),
+          expanded: l.localExpanded
+        }),
+        B("span", {
+          ref_key: "textRef",
+          ref: m,
+          "aria-label": e.text
+        }, null, 8, P),
+        M(t.$slots, "after", {
+          expand: L,
+          collapse: z,
+          toggle: w,
+          clamped: R(n),
+          expanded: l.localExpanded
+        })
+      ], 512)
+    ], 4));
+  }
+});
+export {
+  ce as default
+};

package/es/components/clamp-toggle/clamp-toggle.vue2.js

@@ -0,0 +1,58 @@
+import { defineComponent as a, computed as r, openBlock as o, createBlock as c, unref as t, normalizeStyle as g, withCtx as u, createElementBlock as d, normalizeClass as x, toDisplayString as f, createCommentVNode as z } from "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import { generateCssVars as p } from "../../utils/ns-cover.js";
+import { useNamespace as C } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import { VftClamp as y } from "../clamp/index.js";
+const h = ["onClick"], i = (
+  /* hoist-static*/
+  C("clamp-toggle")
+), k = a({
+  name: i.b()
+}), v = /* @__PURE__ */ a({
+  ...k,
+  props: {
+    text: null,
+    maxHeight: null,
+    maxLines: { default: 1 },
+    expanded: { type: Boolean, default: !1 },
+    location: { default: "end" },
+    ellipsis: { default: "…" },
+    autoResize: { type: Boolean, default: !1 },
+    color: null,
+    size: null,
+    toggleColor: null,
+    toggleSize: null,
+    toggleText: { default: ["展开", "收缩"] }
+  },
+  setup(e) {
+    const n = r(() => p({ color: e.color, size: e.size, toggleColor: e.toggleColor, toggleSize: e.toggleSize }, "clamp-toggle"));
+    return (B, S) => (o(), c(t(y), {
+      style: g(t(n)),
+      text: e.text,
+      maxHeight: e.maxHeight,
+      maxLines: e.maxLines,
+      expanded: e.expanded,
+      location: e.location,
+      ellipsis: e.ellipsis,
+      autoResize: e.autoResize
+    }, {
+      after: u(({ toggle: m, expanded: l, clamped: s }) => [
+        l || s ? (o(), d("span", {
+          key: 0,
+          class: x(["cursor-pointer", t(i).e("more")]),
+          onClick: m
+        }, f(l ? e.toggleText[1] : e.toggleText[0]), 11, h)) : z("", !0)
+      ]),
+      _: 1
+    }, 8, ["style", "text", "maxHeight", "maxLines", "expanded", "location", "ellipsis", "autoResize"]));
+  }
+});
+export {
+  v as default
+};

package/es/components/collapse-transition/src/collapse-transition.vue2.js

@@ -0,0 +1,48 @@
+import { defineComponent as o, openBlock as e, createBlock as s, Transition as i, mergeProps as n, unref as r, toHandlers as p, withCtx as m, renderSlot as g } from "vue";
+import { useNamespace as l } from "../../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "@vft/utils";
+import "../../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+const f = o({
+  name: "VtfCollapseTransition"
+}), O = /* @__PURE__ */ o({
+  ...f,
+  setup(y) {
+    const a = l("collapse-transition"), d = {
+      beforeEnter(t) {
+        t.dataset || (t.dataset = {}), t.dataset.oldPaddingTop = t.style.paddingTop, t.dataset.oldPaddingBottom = t.style.paddingBottom, t.style.maxHeight = 0, t.style.paddingTop = 0, t.style.paddingBottom = 0;
+      },
+      enter(t) {
+        t.dataset.oldOverflow = t.style.overflow, t.scrollHeight !== 0 ? (t.style.maxHeight = `${t.scrollHeight}px`, t.style.paddingTop = t.dataset.oldPaddingTop, t.style.paddingBottom = t.dataset.oldPaddingBottom) : (t.style.maxHeight = 0, t.style.paddingTop = t.dataset.oldPaddingTop, t.style.paddingBottom = t.dataset.oldPaddingBottom), t.style.overflow = "hidden";
+      },
+      afterEnter(t) {
+        t.style.maxHeight = "", t.style.overflow = t.dataset.oldOverflow;
+      },
+      beforeLeave(t) {
+        t.dataset || (t.dataset = {}), t.dataset.oldPaddingTop = t.style.paddingTop, t.dataset.oldPaddingBottom = t.style.paddingBottom, t.dataset.oldOverflow = t.style.overflow, t.style.maxHeight = `${t.scrollHeight}px`, t.style.overflow = "hidden";
+      },
+      leave(t) {
+        t.scrollHeight !== 0 && (t.style.maxHeight = 0, t.style.paddingTop = 0, t.style.paddingBottom = 0);
+      },
+      afterLeave(t) {
+        t.style.maxHeight = "", t.style.overflow = t.dataset.oldOverflow, t.style.paddingTop = t.dataset.oldPaddingTop, t.style.paddingBottom = t.dataset.oldPaddingBottom;
+      }
+    };
+    return (t, c) => (e(), s(i, n({
+      name: r(a).b()
+    }, p(d)), {
+      default: m(() => [
+        g(t.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["name"]));
+  }
+});
+export {
+  O as default
+};

package/es/components/color-picker/color-picker.vue2.js

@@ -0,0 +1,269 @@
+import { defineComponent as G, ref as d, reactive as ne, computed as h, onMounted as ie, watch as g, nextTick as y, provide as se, openBlock as m, createBlock as C, unref as e, withCtx as V, withDirectives as L, createElementBlock as H, createElementVNode as p, normalizeClass as t, createVNode as f, createCommentVNode as E, withKeys as M, createTextVNode as O, normalizeStyle as ce, vShow as ue } from "vue";
+import { debounce as de } from "lodash";
+import { VftButton as R } from "../button/index.js";
+import { VftIcon as U } from "../icon/index.js";
+import { ClickOutside as pe } from "@vft/directives";
+import { VftTooltip as me } from "../tooltip/index.js";
+import { VftInput as fe } from "../input/index.js";
+import "../form/index.js";
+import { useNamespace as ve } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "@vft/utils";
+import { debugWarn as _ } from "../../utils/error.js";
+import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import { UPDATE_MODEL_EVENT as $, CHANGE_EVENT as be } from "../../constants/event.js";
+import he from "./components/alpha-slider.vue2.js";
+import { colorPickerContextKey as ke } from "./contants.js";
+import we from "./components/hue-slider.vue.js";
+import ge from "./components/predefine.vue.js";
+import ye from "./components/sv-panel.vue.js";
+import z from "./utils/color.js";
+import { useFormItem as Ce, useFormItemInputId as Ve } from "../form/hooks/use-form-item.js";
+import { useFormSize as Ee, useFormDisabled as Ae } from "../form/hooks/use-form-common-props.js";
+const xe = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex", "onKeydown"], Se = G({
+  name: "VftColorPicker"
+}), el = /* @__PURE__ */ G({
+  ...Se,
+  props: {
+    modelValue: null,
+    id: null,
+    showAlpha: { type: Boolean },
+    colorFormat: null,
+    disabled: { type: Boolean },
+    size: null,
+    popperClass: null,
+    label: null,
+    tabindex: { default: 0 },
+    predefine: null,
+    validateEvent: { type: Boolean, default: !0 }
+  },
+  emits: [$, be, "activeChange"],
+  setup(i, { expose: W, emit: v }) {
+    const a = i, o = ve("color"), { formItem: s } = Ce(), j = Ee(), A = Ae(), { inputId: q, isLabeledByFormItem: B } = Ve(a, {
+      formItemContext: s
+    }), F = d(), J = d(), N = d(), Q = d();
+    let x = !0;
+    const r = ne(
+      new z({
+        enableAlpha: a.showAlpha,
+        format: a.colorFormat || "",
+        value: a.modelValue
+      })
+    ), k = d(!1), c = d(!1), b = d(""), X = h(() => !a.modelValue && !c.value ? "transparent" : le(r, a.showAlpha)), S = h(() => !a.modelValue && !c.value ? "" : r.value), Y = h(() => B.value ? void 0 : a.label || "色彩选择器"), Z = h(() => B.value ? s == null ? void 0 : s.labelId : void 0), ee = h(() => [
+      o.b("picker"),
+      o.is("disabled", A.value),
+      o.bm("picker", j.value)
+    ]);
+    function le(l, n) {
+      if (!(l instanceof z))
+        throw new TypeError("color should be instance of _color Class");
+      const { r: u, g: K, b: D } = l.toRgb();
+      return n ? `rgba(${u}, ${K}, ${D}, ${l.get("alpha") / 100})` : `rgb(${u}, ${K}, ${D})`;
+    }
+    function oe(l) {
+      k.value = l;
+    }
+    const w = de(oe, 100);
+    function ae() {
+      w(!1), P();
+    }
+    function P() {
+      y(() => {
+        a.modelValue ? r.fromString(a.modelValue) : (r.value = "", y(() => {
+          c.value = !1;
+        }));
+      });
+    }
+    function T() {
+      A.value || w(!k.value);
+    }
+    function I() {
+      r.fromString(b.value);
+    }
+    function re() {
+      const l = r.value;
+      v($, l), v("change", l), a.validateEvent && (s == null || s.validate("change").catch((n) => _(n))), w(!1), y(() => {
+        const n = new z({
+          enableAlpha: a.showAlpha,
+          format: a.colorFormat || "",
+          value: a.modelValue
+        });
+        r.compare(n) || P();
+      });
+    }
+    function te() {
+      w(!1), v($, null), v("change", null), a.modelValue !== null && a.validateEvent && (s == null || s.validate("change").catch((l) => _(l))), P();
+    }
+    return ie(() => {
+      a.modelValue && (b.value = S.value);
+    }), g(
+      () => a.modelValue,
+      (l) => {
+        l ? l && l !== r.value && (x = !1, r.fromString(l)) : c.value = !1;
+      }
+    ), g(
+      () => S.value,
+      (l) => {
+        b.value = l, x && v("activeChange", l), x = !0;
+      }
+    ), g(
+      () => r.value,
+      () => {
+        !a.modelValue && !c.value && (c.value = !0);
+      }
+    ), g(
+      () => k.value,
+      () => {
+        y(() => {
+          var l, n, u;
+          (l = F.value) == null || l.update(), (n = J.value) == null || n.update(), (u = N.value) == null || u.update();
+        });
+      }
+    ), se(ke, {
+      currentColor: S
+    }), W({
+      /**
+       * @description current color object
+       */
+      color: r
+    }), (l, n) => (m(), C(e(me), {
+      ref_key: "popper",
+      ref: Q,
+      visible: k.value,
+      "show-arrow": !1,
+      "fallback-placements": ["bottom", "top", "right", "left"],
+      offset: 0,
+      "gpu-acceleration": !1,
+      "popper-class": [e(o).be("picker", "panel"), e(o).b("dropdown"), i.popperClass],
+      "stop-popper-mouse-event": !1,
+      effect: "light",
+      trigger: "click",
+      transition: `${e(o).namespace.value}-zoom-in-top`,
+      persistent: ""
+    }, {
+      content: V(() => [
+        L((m(), H("div", null, [
+          p("div", {
+            class: t(e(o).be("dropdown", "main-wrapper"))
+          }, [
+            f(we, {
+              ref_key: "hue",
+              ref: F,
+              class: "hue-slider",
+              color: e(r),
+              vertical: ""
+            }, null, 8, ["color"]),
+            f(ye, {
+              ref: "svPanel",
+              color: e(r)
+            }, null, 8, ["color"])
+          ], 2),
+          i.showAlpha ? (m(), C(he, {
+            key: 0,
+            ref_key: "alpha",
+            ref: N,
+            color: e(r)
+          }, null, 8, ["color"])) : E("", !0),
+          i.predefine ? (m(), C(ge, {
+            key: 1,
+            ref: "predefine",
+            color: e(r),
+            colors: i.predefine
+          }, null, 8, ["color", "colors"])) : E("", !0),
+          p("div", {
+            class: t(e(o).be("dropdown", "btns"))
+          }, [
+            p("span", {
+              class: t(e(o).be("dropdown", "value"))
+            }, [
+              f(e(fe), {
+                modelValue: b.value,
+                "onUpdate:modelValue": n[0] || (n[0] = (u) => b.value = u),
+                "validate-event": !1,
+                size: "small",
+                onKeyup: M(I, ["enter"]),
+                onBlur: I
+              }, null, 8, ["modelValue", "onKeyup"])
+            ], 2),
+            f(e(R), {
+              class: t(e(o).be("dropdown", "link-btn")),
+              text: "",
+              size: "small",
+              onClick: te
+            }, {
+              default: V(() => [
+                O(" 取消 ")
+              ]),
+              _: 1
+            }, 8, ["class"]),
+            f(e(R), {
+              plain: "",
+              size: "small",
+              class: t(e(o).be("dropdown", "btn")),
+              onClick: re
+            }, {
+              default: V(() => [
+                O(" 确认 ")
+              ]),
+              _: 1
+            }, 8, ["class"])
+          ], 2)
+        ])), [
+          [e(pe), ae]
+        ])
+      ]),
+      default: V(() => [
+        p("div", {
+          id: e(q),
+          class: t(e(ee)),
+          role: "button",
+          "aria-label": e(Y),
+          "aria-labelledby": e(Z),
+          "aria-description": `目前色彩為 {color}。按一下 Enter 以選擇新色彩${i.modelValue}`,
+          tabindex: i.tabindex,
+          onKeydown: M(T, ["enter"])
+        }, [
+          e(A) ? (m(), H("div", {
+            key: 0,
+            class: t(e(o).be("picker", "mask"))
+          }, null, 2)) : E("", !0),
+          p("div", {
+            class: t(e(o).be("picker", "trigger")),
+            onClick: T
+          }, [
+            p("span", {
+              class: t([e(o).be("picker", "color"), e(o).is("alpha", i.showAlpha)])
+            }, [
+              p("span", {
+                class: t(e(o).be("picker", "color-inner")),
+                style: ce({
+                  backgroundColor: e(X)
+                })
+              }, [
+                L(f(e(U), {
+                  icon: "ico-ep:arrow-down",
+                  class: t([e(o).be("picker", "icon"), e(o).is("icon-arrow-down")])
+                }, null, 8, ["class"]), [
+                  [ue, i.modelValue || c.value]
+                ]),
+                !i.modelValue && !c.value ? (m(), C(e(U), {
+                  key: 0,
+                  icon: "ico-ep:circle-close",
+                  class: t([e(o).be("picker", "empty"), e(o).is("icon-close")])
+                }, null, 8, ["class"])) : E("", !0)
+              ], 6)
+            ], 2)
+          ], 2)
+        ], 42, xe)
+      ]),
+      _: 1
+    }, 8, ["visible", "popper-class", "transition"]));
+  }
+});
+export {
+  el as default
+};

package/es/components/color-picker/components/hue-slider.vue.js

@@ -0,0 +1,26 @@
+import s from "./hue-slider.vue2.js";
+import { openBlock as t, createElementBlock as a, normalizeClass as l, createElementVNode as n, normalizeStyle as i } from "vue";
+import m from "../../../_virtual/_plugin-vue_export-helper.js";
+function p(e, r, f, d, u, b) {
+  return t(), a("div", {
+    class: l([e.ns.b(), e.ns.is("vertical", e.vertical)])
+  }, [
+    n("div", {
+      ref: "bar",
+      class: l(e.ns.e("bar")),
+      onClick: r[0] || (r[0] = (...o) => e.handleClick && e.handleClick(...o))
+    }, null, 2),
+    n("div", {
+      ref: "thumb",
+      class: l(e.ns.e("thumb")),
+      style: i({
+        left: e.thumbLeft + "px",
+        top: e.thumbTop + "px"
+      })
+    }, null, 6)
+  ], 2);
+}
+const v = /* @__PURE__ */ m(s, [["render", p]]);
+export {
+  v as default
+};

package/es/components/color-picker/components/hue-slider.vue2.js

@@ -0,0 +1,102 @@
+import { defineComponent as W, getCurrentInstance as T, ref as a, computed as w, watch as x, onMounted as B } from "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../../utils/ns-cover.js";
+import { getClientXY as L } from "../../../utils/dom/position.js";
+import { useNamespace as V } from "../../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../../hooks/use-z-index/index.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import { draggable as v } from "../utils/draggable.js";
+const S = W({
+  name: "VftColorHueSlider",
+  props: {
+    color: {
+      type: Object,
+      required: !0
+    },
+    vertical: Boolean
+  },
+  setup(u) {
+    const g = V("color-hue-slider"), l = T(), e = a(), i = a(), s = a(0), d = a(0), m = w(() => u.color.get("hue"));
+    x(
+      () => m.value,
+      () => {
+        c();
+      }
+    );
+    function p(t) {
+      t.target !== e.value && f(t);
+    }
+    function f(t) {
+      if (!i.value || !e.value)
+        return;
+      const r = l.vnode.el.getBoundingClientRect(), { clientX: C, clientY: H } = L(t);
+      let h;
+      if (u.vertical) {
+        let o = H - r.top;
+        o = Math.min(o, r.height - e.value.offsetHeight / 2), o = Math.max(e.value.offsetHeight / 2, o), h = Math.round(
+          (o - e.value.offsetHeight / 2) / (r.height - e.value.offsetHeight) * 360
+        );
+      } else {
+        let o = C - r.left;
+        o = Math.min(o, r.width - e.value.offsetWidth / 2), o = Math.max(e.value.offsetWidth / 2, o), h = Math.round(
+          (o - e.value.offsetWidth / 2) / (r.width - e.value.offsetWidth) * 360
+        );
+      }
+      u.color.set("hue", h);
+    }
+    function M() {
+      if (!e.value)
+        return 0;
+      const t = l.vnode.el;
+      if (u.vertical)
+        return 0;
+      const n = u.color.get("hue");
+      return t ? Math.round(
+        n * (t.offsetWidth - e.value.offsetWidth / 2) / 360
+      ) : 0;
+    }
+    function b() {
+      if (!e.value)
+        return 0;
+      const t = l.vnode.el;
+      if (!u.vertical)
+        return 0;
+      const n = u.color.get("hue");
+      return t ? Math.round(
+        n * (t.offsetHeight - e.value.offsetHeight / 2) / 360
+      ) : 0;
+    }
+    function c() {
+      s.value = M(), d.value = b();
+    }
+    return B(() => {
+      if (!i.value || !e.value)
+        return;
+      const t = {
+        drag: (n) => {
+          f(n);
+        },
+        end: (n) => {
+          f(n);
+        }
+      };
+      v(i.value, t), v(e.value, t), c();
+    }), {
+      bar: i,
+      thumb: e,
+      thumbLeft: s,
+      thumbTop: d,
+      hueValue: m,
+      handleClick: p,
+      update: c,
+      ns: g
+    };
+  }
+});
+export {
+  S as default
+};