pangu-vchart-config 1.0.16

package/dist/es/BP0tv0W2.js

@@ -0,0 +1,253 @@
+import { onMounted as I, onBeforeUnmount as N, ref as y, defineComponent as Z, renderSlot as k, provide as se, watch as O, unref as T, nextTick as M, createBlock as re, openBlock as ce, Teleport as ae } from "vue";
+import { s as j, ad as ee, t as te, q as ue, G as ie, H as de, M as fe, w as le } from "./CZX0y1vH.js";
+const g = "focus-trap.focus-after-trapped", R = "focus-trap.focus-after-released", ve = "focus-trap.focusout-prevented", x = {
+  cancelable: !0,
+  bubbles: !1
+}, pe = {
+  cancelable: !0,
+  bubbles: !1
+}, W = "focusAfterTrapped", G = "focusAfterReleased", Ee = Symbol("elFocusTrap"), A = y(), P = y(0), U = y(0);
+let F = 0;
+const ne = (e) => {
+  const n = [], o = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (s) => {
+      const c = s.tagName === "INPUT" && s.type === "hidden";
+      return s.disabled || s.hidden || c ? NodeFilter.FILTER_SKIP : s.tabIndex >= 0 || s === document.activeElement ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  for (; o.nextNode(); )
+    n.push(o.currentNode);
+  return n;
+}, J = (e, n) => {
+  for (const o of e)
+    if (!me(o, n))
+      return o;
+}, me = (e, n) => {
+  if (getComputedStyle(e).visibility === "hidden")
+    return !0;
+  for (; e; ) {
+    if (n && e === n)
+      return !1;
+    if (getComputedStyle(e).display === "none")
+      return !0;
+    e = e.parentElement;
+  }
+  return !1;
+}, Te = (e) => {
+  const n = ne(e), o = J(n, e), s = J(n.reverse(), e);
+  return [o, s];
+}, Fe = (e) => e instanceof HTMLInputElement && "select" in e, l = (e, n) => {
+  if (e && e.focus) {
+    const o = document.activeElement;
+    e.focus({ preventScroll: !0 }), U.value = window.performance.now(), e !== o && Fe(e) && n && e.select();
+  }
+};
+function Y(e, n) {
+  const o = [...e], s = e.indexOf(n);
+  return s !== -1 && o.splice(s, 1), o;
+}
+const _e = () => {
+  let e = [];
+  return {
+    push: (s) => {
+      const c = e[0];
+      c && s !== c && c.pause(), e = Y(e, s), e.unshift(s);
+    },
+    remove: (s) => {
+      var c, d;
+      e = Y(e, s), (d = (c = e[0]) == null ? void 0 : c.resume) == null || d.call(c);
+    }
+  };
+}, be = (e, n = !1) => {
+  const o = document.activeElement;
+  for (const s of e)
+    if (l(s, n), document.activeElement !== o)
+      return;
+}, z = _e(), ye = () => P.value > U.value, _ = () => {
+  A.value = "pointer", P.value = window.performance.now();
+}, Q = () => {
+  A.value = "keyboard", P.value = window.performance.now();
+}, Pe = () => (I(() => {
+  F === 0 && (document.addEventListener("mousedown", _), document.addEventListener("touchstart", _), document.addEventListener("keydown", Q)), F++;
+}), N(() => {
+  F--, F <= 0 && (document.removeEventListener("mousedown", _), document.removeEventListener("touchstart", _), document.removeEventListener("keydown", Q));
+}), {
+  focusReason: A,
+  lastUserFocusTimestamp: P,
+  lastAutomatedFocusTimestamp: U
+}), b = (e) => new CustomEvent(ve, {
+  ...pe,
+  detail: e
+});
+let p = [];
+const X = (e) => {
+  e.code === ee.esc && p.forEach((n) => n(e));
+}, Le = (e) => {
+  I(() => {
+    p.length === 0 && document.addEventListener("keydown", X), j && p.push(e);
+  }), N(() => {
+    p = p.filter((n) => n !== e), p.length === 0 && j && document.removeEventListener("keydown", X);
+  });
+}, Se = Z({
+  name: "ElFocusTrap",
+  inheritAttrs: !1,
+  props: {
+    loop: Boolean,
+    trapped: Boolean,
+    focusTrapEl: Object,
+    focusStartEl: {
+      type: [Object, String],
+      default: "first"
+    }
+  },
+  emits: [
+    W,
+    G,
+    "focusin",
+    "focusout",
+    "focusout-prevented",
+    "release-requested"
+  ],
+  setup(e, { emit: n }) {
+    const o = y();
+    let s, c;
+    const { focusReason: d } = Pe();
+    Le((t) => {
+      e.trapped && !v.paused && n("release-requested", t);
+    });
+    const v = {
+      paused: !1,
+      pause() {
+        this.paused = !0;
+      },
+      resume() {
+        this.paused = !1;
+      }
+    }, E = (t) => {
+      if (!e.loop && !e.trapped || v.paused)
+        return;
+      const { code: r, altKey: a, ctrlKey: u, metaKey: i, currentTarget: H, shiftKey: V } = t, { loop: q } = e, oe = r === ee.tab && !a && !u && !i, m = document.activeElement;
+      if (oe && m) {
+        const w = H, [h, C] = Te(w);
+        if (h && C) {
+          if (!V && m === C) {
+            const f = b({
+              focusReason: d.value
+            });
+            n("focusout-prevented", f), f.defaultPrevented || (t.preventDefault(), q && l(h, !0));
+          } else if (V && [h, w].includes(m)) {
+            const f = b({
+              focusReason: d.value
+            });
+            n("focusout-prevented", f), f.defaultPrevented || (t.preventDefault(), q && l(C, !0));
+          }
+        } else if (m === w) {
+          const f = b({
+            focusReason: d.value
+          });
+          n("focusout-prevented", f), f.defaultPrevented || t.preventDefault();
+        }
+      }
+    };
+    se(Ee, {
+      focusTrapRef: o,
+      onKeydown: E
+    }), O(() => e.focusTrapEl, (t) => {
+      t && (o.value = t);
+    }, { immediate: !0 }), O([o], ([t], [r]) => {
+      t && (t.addEventListener("keydown", E), t.addEventListener("focusin", L), t.addEventListener("focusout", S)), r && (r.removeEventListener("keydown", E), r.removeEventListener("focusin", L), r.removeEventListener("focusout", S));
+    });
+    const K = (t) => {
+      n(W, t);
+    }, D = (t) => n(G, t), L = (t) => {
+      const r = T(o);
+      if (!r)
+        return;
+      const a = t.target, u = t.relatedTarget, i = a && r.contains(a);
+      e.trapped || u && r.contains(u) || (s = u), i && n("focusin", t), !v.paused && e.trapped && (i ? c = a : l(c, !0));
+    }, S = (t) => {
+      const r = T(o);
+      if (!(v.paused || !r))
+        if (e.trapped) {
+          const a = t.relatedTarget;
+          !ue(a) && !r.contains(a) && setTimeout(() => {
+            if (!v.paused && e.trapped) {
+              const u = b({
+                focusReason: d.value
+              });
+              n("focusout-prevented", u), u.defaultPrevented || l(c, !0);
+            }
+          }, 0);
+        } else {
+          const a = t.target;
+          a && r.contains(a) || n("focusout", t);
+        }
+    };
+    async function $() {
+      await M();
+      const t = T(o);
+      if (t) {
+        z.push(v);
+        const r = t.contains(document.activeElement) ? s : document.activeElement;
+        if (s = r, !t.contains(r)) {
+          const u = new Event(g, x);
+          t.addEventListener(g, K), t.dispatchEvent(u), u.defaultPrevented || M(() => {
+            let i = e.focusStartEl;
+            ie(i) || (l(i), document.activeElement !== i && (i = "first")), i === "first" && be(ne(t), !0), (document.activeElement === r || i === "container") && l(t);
+          });
+        }
+      }
+    }
+    function B() {
+      const t = T(o);
+      if (t) {
+        t.removeEventListener(g, K);
+        const r = new CustomEvent(R, {
+          ...x,
+          detail: {
+            focusReason: d.value
+          }
+        });
+        t.addEventListener(R, D), t.dispatchEvent(r), !r.defaultPrevented && (d.value == "keyboard" || !ye() || t.contains(document.activeElement)) && l(s ?? document.body), t.removeEventListener(R, D), z.remove(v);
+      }
+    }
+    return I(() => {
+      e.trapped && $(), O(() => e.trapped, (t) => {
+        t ? $() : B();
+      });
+    }), N(() => {
+      e.trapped && B(), o.value && (o.value.removeEventListener("keydown", E), o.value.removeEventListener("focusin", L), o.value.removeEventListener("focusout", S), o.value = void 0);
+    }), {
+      onKeydown: E
+    };
+  }
+});
+function we(e, n, o, s, c, d) {
+  return k(e.$slots, "default", { handleKeydown: e.onKeydown });
+}
+var Ie = /* @__PURE__ */ te(Se, [["render", we], ["__file", "focus-trap.vue"]]);
+const he = de({
+  to: {
+    type: fe([String, Object]),
+    required: !0
+  },
+  disabled: Boolean
+}), Ce = /* @__PURE__ */ Z({
+  __name: "teleport",
+  props: he,
+  setup(e) {
+    return (n, o) => n.disabled ? k(n.$slots, "default", { key: 0 }) : (ce(), re(ae, {
+      key: 1,
+      to: n.to
+    }, [
+      k(n.$slots, "default")
+    ], 8, ["to"]));
+  }
+});
+var Oe = /* @__PURE__ */ te(Ce, [["__file", "teleport.vue"]]);
+const Ne = le(Oe);
+export {
+  Ie as E,
+  Ee as F,
+  Ne as a
+};

package/dist/es/BQGydlt6.js

@@ -0,0 +1,244 @@
+import { defineComponent as $, useSlots as q, computed as A, ref as S, createBlock as B, openBlock as r, unref as e, withCtx as d, createVNode as f, Transition as O, withDirectives as U, createElementVNode as h, mergeProps as R, withModifiers as M, createElementBlock as m, createCommentVNode as i, normalizeClass as l, renderSlot as v, toDisplayString as F, vShow as j, useAttrs as J, watch as G, createSlots as K } from "vue";
+import { b as Q } from "./NT4UeedI.js";
+import { H as W, t as X, al as Y, j as Z, a7 as x, aJ as ee, $ as ae, aw as te, w as oe } from "./CZX0y1vH.js";
+import { d as se, a as le, u as re, E as de } from "./DuvfYwdD.js";
+import { a as ne, E as ie } from "./BP0tv0W2.js";
+const ue = W({
+  ...le,
+  direction: {
+    type: String,
+    default: "rtl",
+    values: ["ltr", "rtl", "ttb", "btt"]
+  },
+  size: {
+    type: [String, Number],
+    default: "30%"
+  },
+  withHeader: {
+    type: Boolean,
+    default: !0
+  },
+  modalFade: {
+    type: Boolean,
+    default: !0
+  },
+  headerAriaLevel: {
+    type: String,
+    default: "2"
+  }
+}), pe = se, ce = $({
+  name: "ElDrawer",
+  inheritAttrs: !1
+}), fe = /* @__PURE__ */ $({
+  ...ce,
+  props: ue,
+  emits: pe,
+  setup(u, { expose: w }) {
+    const n = u, y = q();
+    Y({
+      scope: "el-drawer",
+      from: "the title slot",
+      replacement: "the header slot",
+      version: "3.0.0",
+      ref: "https://element-plus.org/en-US/component/drawer.html#slots"
+    }, A(() => !!y.title));
+    const o = S(), p = S(), t = Z("drawer"), { t: s } = x(), {
+      afterEnter: c,
+      afterLeave: b,
+      beforeLeave: V,
+      visible: k,
+      rendered: D,
+      titleId: C,
+      bodyId: T,
+      zIndex: L,
+      onModalClick: P,
+      onOpenAutoFocus: z,
+      onCloseAutoFocus: I,
+      onFocusoutPrevented: N,
+      onCloseRequested: H,
+      handleClose: E
+    } = re(n, o), _ = A(() => n.direction === "rtl" || n.direction === "ltr"), g = A(() => ee(n.size));
+    return w({
+      handleClose: E,
+      afterEnter: c,
+      afterLeave: b
+    }), (a, he) => (r(), B(e(ne), {
+      to: a.appendTo,
+      disabled: a.appendTo !== "body" ? !1 : !a.appendToBody
+    }, {
+      default: d(() => [
+        f(O, {
+          name: e(t).b("fade"),
+          onAfterEnter: e(c),
+          onAfterLeave: e(b),
+          onBeforeLeave: e(V),
+          persisted: ""
+        }, {
+          default: d(() => [
+            U(f(e(de), {
+              mask: a.modal,
+              "overlay-class": a.modalClass,
+              "z-index": e(L),
+              onClick: e(P)
+            }, {
+              default: d(() => [
+                f(e(ie), {
+                  loop: "",
+                  trapped: e(k),
+                  "focus-trap-el": o.value,
+                  "focus-start-el": p.value,
+                  onFocusAfterTrapped: e(z),
+                  onFocusAfterReleased: e(I),
+                  onFocusoutPrevented: e(N),
+                  onReleaseRequested: e(H)
+                }, {
+                  default: d(() => [
+                    h("div", R({
+                      ref_key: "drawerRef",
+                      ref: o,
+                      "aria-modal": "true",
+                      "aria-label": a.title || void 0,
+                      "aria-labelledby": a.title ? void 0 : e(C),
+                      "aria-describedby": e(T)
+                    }, a.$attrs, {
+                      class: [e(t).b(), a.direction, e(k) && "open"],
+                      style: e(_) ? "width: " + e(g) : "height: " + e(g),
+                      role: "dialog",
+                      onClick: M(() => {
+                      }, ["stop"])
+                    }), [
+                      h("span", {
+                        ref_key: "focusStartRef",
+                        ref: p,
+                        class: l(e(t).e("sr-focus")),
+                        tabindex: "-1"
+                      }, null, 2),
+                      a.withHeader ? (r(), m("header", {
+                        key: 0,
+                        class: l(e(t).e("header"))
+                      }, [
+                        a.$slots.title ? v(a.$slots, "title", { key: 1 }, () => [
+                          i(" DEPRECATED SLOT ")
+                        ]) : v(a.$slots, "header", {
+                          key: 0,
+                          close: e(E),
+                          titleId: e(C),
+                          titleClass: e(t).e("title")
+                        }, () => [
+                          a.$slots.title ? i("v-if", !0) : (r(), m("span", {
+                            key: 0,
+                            id: e(C),
+                            role: "heading",
+                            "aria-level": a.headerAriaLevel,
+                            class: l(e(t).e("title"))
+                          }, F(a.title), 11, ["id", "aria-level"]))
+                        ]),
+                        a.showClose ? (r(), m("button", {
+                          key: 2,
+                          "aria-label": e(s)("el.drawer.close"),
+                          class: l(e(t).e("close-btn")),
+                          type: "button",
+                          onClick: e(E)
+                        }, [
+                          f(e(ae), {
+                            class: l(e(t).e("close"))
+                          }, {
+                            default: d(() => [
+                              f(e(te))
+                            ]),
+                            _: 1
+                          }, 8, ["class"])
+                        ], 10, ["aria-label", "onClick"])) : i("v-if", !0)
+                      ], 2)) : i("v-if", !0),
+                      e(D) ? (r(), m("div", {
+                        key: 1,
+                        id: e(T),
+                        class: l(e(t).e("body"))
+                      }, [
+                        v(a.$slots, "default")
+                      ], 10, ["id"])) : i("v-if", !0),
+                      a.$slots.footer ? (r(), m("div", {
+                        key: 2,
+                        class: l(e(t).e("footer"))
+                      }, [
+                        v(a.$slots, "footer")
+                      ], 2)) : i("v-if", !0)
+                    ], 16, ["aria-label", "aria-labelledby", "aria-describedby", "onClick"])
+                  ]),
+                  _: 3
+                }, 8, ["trapped", "focus-trap-el", "focus-start-el", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])
+              ]),
+              _: 3
+            }, 8, ["mask", "overlay-class", "z-index", "onClick"]), [
+              [j, e(k)]
+            ])
+          ]),
+          _: 3
+        }, 8, ["name", "onAfterEnter", "onAfterLeave", "onBeforeLeave"])
+      ]),
+      _: 3
+    }, 8, ["to", "disabled"]));
+  }
+});
+var me = /* @__PURE__ */ X(fe, [["__file", "drawer.vue"]]);
+const ve = oe(me), ye = { class: "v-drawer__title" }, be = {
+  __name: "index",
+  props: {
+    ...Q,
+    modelValue: {
+      type: Boolean
+    },
+    appendTo: {
+      type: String,
+      default: "body"
+    },
+    appendToBody: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["update:modelValue", "close"],
+  setup(u, { emit: w }) {
+    const n = u, y = w, o = S(!1), p = J(), t = () => {
+      o.value = !1, y("update:modelValue", !1), y("close");
+    };
+    return G(
+      () => n.modelValue,
+      (s) => {
+        o.value = s;
+      },
+      {
+        immediate: !0
+      }
+    ), (s, c) => (r(), B(e(ve), R({ class: "builtin-drawer" }, e(p), {
+      class: s.className,
+      "show-close": !1,
+      onClose: t,
+      modelValue: o.value,
+      "onUpdate:modelValue": c[0] || (c[0] = (b) => o.value = b),
+      "append-to-body": u.appendToBody,
+      "append-to": u.appendTo
+    }), K({
+      default: d(() => [
+        v(s.$slots, "default")
+      ]),
+      _: 2
+    }, [
+      s.$slots.header ? void 0 : {
+        name: "header",
+        fn: d(() => [
+          h("span", ye, F(e(p).title), 1),
+          h("span", {
+            class: "v-drawer__close-btn iconfea icon-fea-close",
+            onClick: t
+          })
+        ]),
+        key: "0"
+      }
+    ]), 1040, ["class", "modelValue", "append-to-body", "append-to"]));
+  }
+}, Se = be;
+export {
+  Se as VDrawer,
+  be as default
+};

package/dist/es/BQI32ZyG.js

@@ -0,0 +1,193 @@
+import { defineAsyncComponent as V, ref as x, watch as N, createElementBlock as p, openBlock as b, createElementVNode as u, createCommentVNode as B, toDisplayString as S, unref as o, createVNode as t, nextTick as L } from "vue";
+import { _ as q, c as U, e as g, a as D } from "./CZX0y1vH.js";
+import { b as j } from "./NT4UeedI.js";
+import { E as r } from "./3CIt7twC.js";
+const w = { class: "v-filter" }, A = { class: "right" }, F = {
+  key: 0,
+  class: "filter-header"
+}, I = { class: "label" }, O = { class: "filter-item hue" }, P = { class: "filter-item saturate" }, R = { class: "filter-item" }, T = { class: "filter-item" }, z = { class: "filter-item" }, G = { class: "filter-item grayscale" }, H = {
+  __name: "index",
+  props: {
+    ...j,
+    modelValue: {
+      type: Object,
+      require: !0
+    },
+    header: {
+      type: Boolean,
+      // 是否需要头部操作栏
+      default: !0
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(v, { expose: k, emit: E }) {
+    const y = v, { t: i } = D("base"), f = E, d = V(() => import("./DrgyUwQy.js")), m = V(() => import("./DEuqRNNe.js")), a = x({}), s = (n, e) => {
+      f("update:modelValue", a.value), L(() => f("change", g(a.value)));
+    }, C = () => {
+      a.value = {
+        hue: 0,
+        //大屏滤镜色相
+        saturate: 100,
+        //大屏滤镜饱和度
+        brightness: 100,
+        //大屏滤镜亮度
+        contrast: 100,
+        // 大屏滤镜对比度
+        opacity: 100,
+        //大屏滤镜不透明度
+        grayscale: 0
+      }, U(a.value, y.modelValue) || (f("update:modelValue", a.value), L(() => f("change", g(a.value))));
+    };
+    return k({
+      reSet: C
+    }), N(
+      () => y.modelValue,
+      (n) => {
+        U(a.value, n) || (a.value = g(n));
+      },
+      {
+        deep: !0,
+        immediate: !0
+      }
+    ), (n, e) => (b(), p("div", w, [
+      e[24] || (e[24] = u("div", { class: "left" }, null, -1)),
+      u("div", A, [
+        v.header ? (b(), p("div", F, [
+          u("span", I, S(o(i)("filter")), 1),
+          u("div", { class: "fitler-til" }, [
+            u("span", {
+              class: "icon-fea-re_set iconfea reset-filter",
+              onClick: C
+            })
+          ])
+        ])) : B("", !0),
+        u("div", O, [
+          t(o(d), {
+            fLabel: o(i)("hue"),
+            styleConfig: n.styleConfig
+          }, null, 8, ["fLabel", "styleConfig"]),
+          t(o(r), {
+            modelValue: a.value.hue,
+            "onUpdate:modelValue": e[0] || (e[0] = (l) => a.value.hue = l),
+            min: -180,
+            max: 180,
+            onChange: e[1] || (e[1] = (l) => s())
+          }, null, 8, ["modelValue"]),
+          t(o(m), {
+            modelValue: a.value.hue,
+            "onUpdate:modelValue": e[2] || (e[2] = (l) => a.value.hue = l),
+            styleConfig: n.styleConfig,
+            min: -180,
+            max: 180,
+            onChange: e[3] || (e[3] = (l) => s())
+          }, null, 8, ["modelValue", "styleConfig"])
+        ]),
+        u("div", P, [
+          t(o(d), {
+            fLabel: o(i)("saturate"),
+            styleConfig: n.styleConfig
+          }, null, 8, ["fLabel", "styleConfig"]),
+          t(o(r), {
+            modelValue: a.value.saturate,
+            "onUpdate:modelValue": e[4] || (e[4] = (l) => a.value.saturate = l),
+            min: 0,
+            max: 200,
+            onChange: e[5] || (e[5] = (l) => s())
+          }, null, 8, ["modelValue"]),
+          t(o(m), {
+            modelValue: a.value.saturate,
+            "onUpdate:modelValue": e[6] || (e[6] = (l) => a.value.saturate = l),
+            styleConfig: n.styleConfig,
+            min: 0,
+            max: 200,
+            onChange: e[7] || (e[7] = (l) => s())
+          }, null, 8, ["modelValue", "styleConfig"])
+        ]),
+        u("div", R, [
+          t(o(d), {
+            fLabel: o(i)("brightness"),
+            styleConfig: n.styleConfig
+          }, null, 8, ["fLabel", "styleConfig"]),
+          t(o(r), {
+            modelValue: a.value.brightness,
+            "onUpdate:modelValue": e[8] || (e[8] = (l) => a.value.brightness = l),
+            min: 0,
+            max: 200,
+            onChange: e[9] || (e[9] = (l) => s())
+          }, null, 8, ["modelValue"]),
+          t(o(m), {
+            modelValue: a.value.brightness,
+            "onUpdate:modelValue": e[10] || (e[10] = (l) => a.value.brightness = l),
+            styleConfig: n.styleConfig,
+            min: 0,
+            max: 200,
+            onChange: e[11] || (e[11] = (l) => s())
+          }, null, 8, ["modelValue", "styleConfig"])
+        ]),
+        u("div", T, [
+          t(o(d), {
+            fLabel: o(i)("contrast"),
+            styleConfig: n.styleConfig
+          }, null, 8, ["fLabel", "styleConfig"]),
+          t(o(r), {
+            modelValue: a.value.contrast,
+            "onUpdate:modelValue": e[12] || (e[12] = (l) => a.value.contrast = l),
+            min: 0,
+            max: 200,
+            onChange: e[13] || (e[13] = (l) => s())
+          }, null, 8, ["modelValue"]),
+          t(o(m), {
+            modelValue: a.value.contrast,
+            "onUpdate:modelValue": e[14] || (e[14] = (l) => a.value.contrast = l),
+            styleConfig: n.styleConfig,
+            min: 0,
+            max: 200,
+            onChange: e[15] || (e[15] = (l) => s())
+          }, null, 8, ["modelValue", "styleConfig"])
+        ]),
+        u("div", z, [
+          t(o(d), {
+            fLabel: o(i)("opacity"),
+            styleConfig: n.styleConfig
+          }, null, 8, ["fLabel", "styleConfig"]),
+          t(o(r), {
+            modelValue: a.value.opacity,
+            "onUpdate:modelValue": e[16] || (e[16] = (l) => a.value.opacity = l),
+            onChange: e[17] || (e[17] = (l) => s())
+          }, null, 8, ["modelValue"]),
+          t(o(m), {
+            modelValue: a.value.opacity,
+            "onUpdate:modelValue": e[18] || (e[18] = (l) => a.value.opacity = l),
+            styleConfig: n.styleConfig,
+            min: 0,
+            max: 100,
+            onChange: e[19] || (e[19] = (l) => s())
+          }, null, 8, ["modelValue", "styleConfig"])
+        ]),
+        u("div", G, [
+          t(o(d), {
+            fLabel: o(i)("grayscale"),
+            styleConfig: n.styleConfig
+          }, null, 8, ["fLabel", "styleConfig"]),
+          t(o(r), {
+            modelValue: a.value.grayscale,
+            "onUpdate:modelValue": e[20] || (e[20] = (l) => a.value.grayscale = l),
+            onChange: e[21] || (e[21] = (l) => s())
+          }, null, 8, ["modelValue"]),
+          t(o(m), {
+            modelValue: a.value.grayscale,
+            "onUpdate:modelValue": e[22] || (e[22] = (l) => a.value.grayscale = l),
+            styleConfig: n.styleConfig,
+            min: 0,
+            max: 100,
+            onChange: e[23] || (e[23] = (l) => s())
+          }, null, 8, ["modelValue", "styleConfig"])
+        ])
+      ])
+    ]));
+  }
+}, J = /* @__PURE__ */ q(H, [["__scopeId", "data-v-61da2ffd"]]), X = J;
+export {
+  X as VFilter,
+  J as default
+};