@gxp-dev/mod-ui 2.0.0 → 2.0.1

package/dist/components/compositions/elements/builder/DependencyListBuilder.vue.js

@@ -1,5 +1,669 @@
-import f from "./DependencyListBuilder.vue2.js";
+import { defineComponent as xe, useModel as he, ref as ke, computed as k, onMounted as $e, watch as Ce, openBlock as c, createBlock as M, unref as l, normalizeClass as A, withCtx as d, createElementVNode as i, createElementBlock as f, Fragment as g, renderList as y, createVNode as a, toDisplayString as m, createTextVNode as r, withModifiers as we, createCommentVNode as $, mergeModels as Ae } from "vue";
+import { Plus as I, X as Ie, Trash2 as R } from "lucide-vue-next";
+import "../../../ui/badge/index.js";
+import "../../../ui/button/index.js";
+import "../../../ui/card/index.js";
+import Re from "../../../ui/field-frame/FieldFrame.vue.js";
+import h from "../../../ui/input/Input.vue.js";
+import "../../../ui/label/index.js";
+import V from "../../../ui/select/Select.vue.js";
+import S from "../../../ui/select/SelectContent.vue.js";
+import "@vueuse/core";
+import "reka-ui";
+import { cn as Ve } from "../../../../lib/utils.js";
+import T from "../../../ui/select/SelectItem.vue.js";
+import L from "../../../ui/select/SelectTrigger.vue.js";
+import N from "../../../ui/select/SelectValue.vue.js";
+import "../../../ui/switch/index.js";
+import { useDependencyListBuilder as Se } from "../../../../stores/dependencyListBuilderStore.js";
+import F from "../../../ui/badge/Badge.vue.js";
+import H from "../../../ui/switch/Switch.vue.js";
+import x from "../../../ui/button/Button.vue.js";
+import O from "../../../ui/card/Card.vue.js";
+import E from "../../../ui/card/CardHeader.vue.js";
+import j from "../../../ui/card/CardTitle.vue.js";
+import P from "../../../ui/card/CardContent.vue.js";
+import b from "../../../ui/label/Label.vue.js";
+const Te = ["data-element-name"], Le = {
+  class: "flex flex-col gap-2 border-r p-3 overflow-y-auto",
+  "data-testid": "dependency-list-builder-palette"
+}, Ne = { class: "flex flex-col gap-1" }, Oe = ["data-testid", "onClick"], Ee = { class: "font-medium" }, je = {
+  class: "flex flex-col gap-3 overflow-y-auto p-3",
+  "data-testid": "dependency-list-builder-canvas"
+}, Pe = { class: "flex items-center justify-between" }, Ue = {
+  key: 0,
+  class: "py-6 text-center text-xs text-muted-foreground",
+  "data-testid": "dependency-list-builder-canvas-empty"
+}, ze = {
+  key: 1,
+  class: "flex flex-col gap-1 text-xs",
+  "data-testid": "dependency-list-builder-canvas-list"
+}, De = ["data-testid", "onClick"], qe = { class: "w-6 text-right tabular-nums text-muted-foreground" }, Be = { class: "font-medium" }, Me = {
+  class: "flex flex-col gap-2 overflow-y-auto border-l p-3",
+  "data-testid": "dependency-list-builder-inspector"
+}, Fe = { class: "flex items-center justify-between" }, He = {
+  key: 0,
+  class: "py-3 text-xs text-muted-foreground",
+  "data-testid": "dependency-list-builder-inspector-empty"
+}, Ge = {
+  key: 1,
+  class: "flex flex-col gap-3",
+  "data-testid": "dependency-list-builder-inspector-fields"
+}, Xe = { class: "flex flex-col gap-1" }, Ye = { class: "flex items-center justify-between rounded border bg-background px-2 py-1" }, Je = { class: "flex flex-col gap-1" }, Ke = {
+  key: 0,
+  class: "text-xs text-muted-foreground"
+}, Qe = ["data-testid"], We = { class: "flex items-center justify-between" }, Ze = { class: "text-[10px] font-semibold uppercase tracking-wide text-muted-foreground" }, et = { class: "flex flex-col gap-1" }, tt = { class: "flex flex-col gap-1" }, lt = {
+  key: 0,
+  class: "flex flex-col gap-1"
+}, at = {
+  key: 0,
+  class: "text-xs text-muted-foreground"
+}, ot = ["data-testid"], dt = { class: "flex items-center justify-between" }, nt = { class: "text-[10px] font-semibold uppercase tracking-wide text-muted-foreground" }, it = { class: "flex flex-col gap-1" }, st = { class: "flex flex-col gap-1" }, ut = { class: "flex flex-col gap-1" }, rt = { class: "flex items-center gap-1" }, Pt = /* @__PURE__ */ xe({
+  __name: "DependencyListBuilder",
+  props: /* @__PURE__ */ Ae({
+    modelValue: {},
+    builderId: {},
+    name: {},
+    item: { default: () => ({}) },
+    classList: {},
+    label: {},
+    hideLabel: { type: Boolean },
+    helpText: {},
+    errors: { default: () => [] }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(U) {
+    const _ = U, z = he(
+      U,
+      "modelValue"
+    );
+    let D = 0;
+    function G() {
+      return D += 1, `dep-list-builder-${Date.now()}-${D}`;
+    }
+    const X = ke(G()), Y = k(() => _.builderId ?? X.value), u = Se(Y.value);
+    function J(t) {
+      return typeof t != "object" || t === null ? !1 : Array.isArray(t.rules);
+    }
+    $e(() => {
+      const t = z.value;
+      J(t) && u.loadSchema(t);
+    }), Ce(
+      () => u.schema.value,
+      (t) => {
+        z.value = t;
+      },
+      { deep: !0 }
+    );
+    const C = k(() => u.schema.value.rules), p = k(() => u.selection.value.id), v = k(() => {
+      const t = p.value;
+      return t ? C.value.find((e) => e.id === t) ?? null : null;
+    }), q = [
+      { label: "equals", value: "equals" },
+      { label: "not equals", value: "not_equals" },
+      { label: "greater than", value: "greater_than" },
+      { label: "less than", value: "less_than" },
+      { label: "contains", value: "contains" },
+      { label: "is truthy", value: "is_truthy" },
+      { label: "is falsy", value: "is_falsy" }
+    ], B = [
+      { label: "Show field", value: "show" },
+      { label: "Hide field", value: "hide" },
+      { label: "Require field", value: "require" },
+      { label: "Set value", value: "set_value" },
+      { label: "Emit event", value: "emit_event" }
+    ], K = [
+      { label: "AND (all)", value: "AND" },
+      { label: "OR (any)", value: "OR" }
+    ], Q = [
+      { label: "Add rule", template: "blank" },
+      { label: "Show field", template: "show-field" },
+      { label: "Hide field", template: "hide-field" },
+      { label: "Set value", template: "set-value" }
+    ];
+    function W(t) {
+      const e = u.addRule(t);
+      u.select(e);
+    }
+    function Z(t) {
+      u.select(t);
+    }
+    function ee() {
+      u.select(null);
+    }
+    function te() {
+      const t = p.value;
+      t && u.removeRule(t);
+    }
+    function w(t) {
+      const e = p.value;
+      e && u.updateRule(e, t);
+    }
+    function le(t) {
+      w({ name: t.target.value });
+    }
+    function ae(t) {
+      w({ enabled: t });
+    }
+    function oe(t) {
+      (t === "AND" || t === "OR") && w({ conditionsLogic: t });
+    }
+    function de() {
+      const t = p.value;
+      t && u.addCondition(t);
+    }
+    function ne(t, e) {
+      const o = p.value;
+      o && u.updateCondition(o, t, {
+        field: e.target.value
+      });
+    }
+    function ie(t, e) {
+      const o = p.value;
+      o && ve(e) && u.updateCondition(o, t, { operator: e });
+    }
+    function se(t, e) {
+      const o = p.value;
+      o && u.updateCondition(o, t, {
+        value: e.target.value
+      });
+    }
+    function ue(t) {
+      const e = p.value;
+      e && u.removeCondition(e, t);
+    }
+    function re() {
+      const t = p.value;
+      t && u.addAction(t);
+    }
+    function ce(t, e) {
+      const o = p.value;
+      o && be(e) && u.updateAction(o, t, { type: e });
+    }
+    function fe(t, e) {
+      const o = p.value;
+      o && u.updateAction(o, t, {
+        target: e.target.value
+      });
+    }
+    function pe(t, e) {
+      const o = p.value;
+      o && u.updateAction(o, t, {
+        payload: e.target.value
+      });
+    }
+    function me(t) {
+      const e = p.value;
+      e && u.removeAction(e, t);
+    }
+    function ve(t) {
+      return q.some((e) => e.value === t);
+    }
+    function be(t) {
+      return B.some((e) => e.value === t);
+    }
+    function _e(t) {
+      return t.value === null || t.value === void 0 ? "" : String(t.value);
+    }
+    function ge(t) {
+      return t.target ?? "";
+    }
+    function ye(t) {
+      return t.payload === null || t.payload === void 0 ? "" : String(t.payload);
+    }
+    return (t, e) => (c(), M(l(Re), {
+      label: _.label,
+      "hide-label": _.hideLabel,
+      "help-text": _.helpText,
+      errors: _.errors,
+      class: A(_.classList)
+    }, {
+      default: d(() => [
+        i("div", {
+          class: A(l(Ve)("gxp-dependency-list-builder grid gap-3 rounded-lg border bg-card")),
+          style: { "grid-template-columns": "220px 1fr 320px", "min-height": "24rem" },
+          "data-testid": "dependency-list-builder",
+          "data-element-name": _.name ?? void 0
+        }, [
+          i("aside", Le, [
+            e[1] || (e[1] = i("h4", { class: "text-xs font-semibold uppercase tracking-wide text-muted-foreground" }, " Rule palette ", -1)),
+            i("div", Ne, [
+              (c(), f(g, null, y(Q, (o) => i("button", {
+                key: o.template,
+                type: "button",
+                class: "flex items-start gap-2 rounded-md border bg-background px-2 py-1.5 text-left text-xs transition-colors hover:border-primary hover:bg-accent/40",
+                "data-testid": `dependency-list-builder-palette-${o.template}`,
+                onClick: (n) => W(o.template)
+              }, [
+                a(l(I), { class: "mt-0.5 h-3.5 w-3.5 shrink-0" }),
+                i("span", Ee, m(o.label), 1)
+              ], 8, Oe)), 64))
+            ])
+          ]),
+          i("section", je, [
+            i("header", Pe, [
+              e[3] || (e[3] = i("h4", { class: "text-xs font-semibold uppercase tracking-wide text-muted-foreground" }, " Rules ", -1)),
+              a(l(F), {
+                variant: "outline",
+                class: "font-mono text-[10px]"
+              }, {
+                default: d(() => [...e[2] || (e[2] = [
+                  r(" builder/dependency-list-builder ", -1)
+                ])]),
+                _: 1
+              })
+            ]),
+            C.value.length === 0 ? (c(), f("p", Ue, ' Click "Add rule" in the palette to create a rule. ')) : (c(), f("ul", ze, [
+              (c(!0), f(g, null, y(C.value, (o, n) => (c(), f("li", {
+                key: o.id,
+                class: A([
+                  "flex cursor-pointer items-center gap-2 rounded border bg-background px-2 py-1.5 transition-colors",
+                  p.value === o.id ? "border-primary bg-accent/30" : ""
+                ]),
+                "data-testid": `dependency-list-builder-row-${o.id}`,
+                onClick: (s) => Z(o.id)
+              }, [
+                i("span", qe, m(n + 1) + ". ", 1),
+                i("span", Be, m(o.name || "(unnamed)"), 1),
+                a(l(F), {
+                  variant: "secondary",
+                  class: "font-mono text-[9px]"
+                }, {
+                  default: d(() => [
+                    r(m(o.conditions.length) + "c / " + m(o.actions.length) + "a ", 1)
+                  ]),
+                  _: 2
+                }, 1024),
+                a(l(H), {
+                  class: "ml-auto",
+                  "model-value": o.enabled,
+                  "data-testid": `dependency-list-builder-row-enabled-${o.id}`,
+                  onClick: e[0] || (e[0] = we(() => {
+                  }, ["stop"])),
+                  "onUpdate:modelValue": (s) => l(u).updateRule(o.id, { enabled: s })
+                }, null, 8, ["model-value", "data-testid", "onUpdate:modelValue"])
+              ], 10, De))), 128))
+            ]))
+          ]),
+          i("aside", Me, [
+            i("header", Fe, [
+              e[4] || (e[4] = i("h4", { class: "text-xs font-semibold uppercase tracking-wide text-muted-foreground" }, " Inspector ", -1)),
+              p.value ? (c(), M(l(x), {
+                key: 0,
+                variant: "ghost",
+                size: "icon-sm",
+                "aria-label": "Clear selection",
+                onClick: ee
+              }, {
+                default: d(() => [
+                  a(l(Ie), { class: "h-3.5 w-3.5" })
+                ]),
+                _: 1
+              })) : $("", !0)
+            ]),
+            v.value ? (c(), f("div", Ge, [
+              a(l(O), { class: "border-dashed" }, {
+                default: d(() => [
+                  a(l(E), { class: "py-2" }, {
+                    default: d(() => [
+                      a(l(j), { class: "font-mono text-xs uppercase tracking-wide" }, {
+                        default: d(() => [...e[5] || (e[5] = [
+                          r(" Rule ", -1)
+                        ])]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }),
+                  a(l(P), { class: "flex flex-col gap-2 pb-3" }, {
+                    default: d(() => [
+                      i("div", Xe, [
+                        a(l(b), { for: "dep-name" }, {
+                          default: d(() => [...e[6] || (e[6] = [
+                            r("Name", -1)
+                          ])]),
+                          _: 1
+                        }),
+                        a(l(h), {
+                          id: "dep-name",
+                          "model-value": v.value.name,
+                          "data-testid": "dependency-list-builder-inspector-name",
+                          onInput: le
+                        }, null, 8, ["model-value"])
+                      ]),
+                      i("div", Ye, [
+                        a(l(b), { for: "dep-enabled" }, {
+                          default: d(() => [...e[7] || (e[7] = [
+                            r("Enabled", -1)
+                          ])]),
+                          _: 1
+                        }),
+                        a(l(H), {
+                          id: "dep-enabled",
+                          "model-value": v.value.enabled,
+                          "data-testid": "dependency-list-builder-inspector-enabled",
+                          "onUpdate:modelValue": ae
+                        }, null, 8, ["model-value"])
+                      ]),
+                      i("div", Je, [
+                        a(l(b), null, {
+                          default: d(() => [...e[8] || (e[8] = [
+                            r("Conditions logic", -1)
+                          ])]),
+                          _: 1
+                        }),
+                        a(l(V), {
+                          "model-value": v.value.conditionsLogic,
+                          "onUpdate:modelValue": oe
+                        }, {
+                          default: d(() => [
+                            a(l(L), { "data-testid": "dependency-list-builder-inspector-logic" }, {
+                              default: d(() => [
+                                a(l(N))
+                              ]),
+                              _: 1
+                            }),
+                            a(l(S), null, {
+                              default: d(() => [
+                                (c(), f(g, null, y(K, (o) => a(l(T), {
+                                  key: o.value,
+                                  value: o.value
+                                }, {
+                                  default: d(() => [
+                                    r(m(o.label), 1)
+                                  ]),
+                                  _: 2
+                                }, 1032, ["value"])), 64))
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["model-value"])
+                      ])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              a(l(O), { class: "border-dashed" }, {
+                default: d(() => [
+                  a(l(E), { class: "flex flex-row items-center justify-between py-2" }, {
+                    default: d(() => [
+                      a(l(j), { class: "font-mono text-xs uppercase tracking-wide" }, {
+                        default: d(() => [
+                          r(" Conditions (" + m(v.value.conditions.length) + ") ", 1)
+                        ]),
+                        _: 1
+                      }),
+                      a(l(x), {
+                        variant: "outline",
+                        size: "sm",
+                        "data-testid": "dependency-list-builder-add-condition",
+                        onClick: de
+                      }, {
+                        default: d(() => [
+                          a(l(I), { class: "h-3.5 w-3.5" }),
+                          e[9] || (e[9] = r(" Add ", -1))
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }),
+                  a(l(P), { class: "flex flex-col gap-3 pb-3" }, {
+                    default: d(() => [
+                      v.value.conditions.length === 0 ? (c(), f("p", Ke, " No conditions yet. ")) : $("", !0),
+                      (c(!0), f(g, null, y(v.value.conditions, (o, n) => (c(), f("div", {
+                        key: n,
+                        class: "flex flex-col gap-1 rounded border bg-background p-2",
+                        "data-testid": `dependency-list-builder-condition-${n}`
+                      }, [
+                        i("div", We, [
+                          i("span", Ze, " #" + m(n + 1), 1),
+                          a(l(x), {
+                            variant: "ghost",
+                            size: "icon-sm",
+                            "aria-label": "Remove condition",
+                            "data-testid": `dependency-list-builder-condition-remove-${n}`,
+                            onClick: (s) => ue(n)
+                          }, {
+                            default: d(() => [
+                              a(l(R), { class: "h-3.5 w-3.5" })
+                            ]),
+                            _: 1
+                          }, 8, ["data-testid", "onClick"])
+                        ]),
+                        i("div", et, [
+                          a(l(b), {
+                            for: `dep-cond-field-${n}`
+                          }, {
+                            default: d(() => [...e[10] || (e[10] = [
+                              r("Field", -1)
+                            ])]),
+                            _: 1
+                          }, 8, ["for"]),
+                          a(l(h), {
+                            id: `dep-cond-field-${n}`,
+                            "model-value": o.field,
+                            "data-testid": `dependency-list-builder-condition-field-${n}`,
+                            onInput: (s) => ne(n, s)
+                          }, null, 8, ["id", "model-value", "data-testid", "onInput"])
+                        ]),
+                        i("div", tt, [
+                          a(l(b), null, {
+                            default: d(() => [...e[11] || (e[11] = [
+                              r("Operator", -1)
+                            ])]),
+                            _: 1
+                          }),
+                          a(l(V), {
+                            "model-value": o.operator,
+                            "onUpdate:modelValue": (s) => ie(n, s)
+                          }, {
+                            default: d(() => [
+                              a(l(L), {
+                                "data-testid": `dependency-list-builder-condition-operator-${n}`
+                              }, {
+                                default: d(() => [
+                                  a(l(N))
+                                ]),
+                                _: 1
+                              }, 8, ["data-testid"]),
+                              a(l(S), null, {
+                                default: d(() => [
+                                  (c(), f(g, null, y(q, (s) => a(l(T), {
+                                    key: s.value,
+                                    value: s.value
+                                  }, {
+                                    default: d(() => [
+                                      r(m(s.label), 1)
+                                    ]),
+                                    _: 2
+                                  }, 1032, ["value"])), 64))
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            _: 2
+                          }, 1032, ["model-value", "onUpdate:modelValue"])
+                        ]),
+                        o.operator !== "is_truthy" && o.operator !== "is_falsy" ? (c(), f("div", lt, [
+                          a(l(b), {
+                            for: `dep-cond-value-${n}`
+                          }, {
+                            default: d(() => [...e[12] || (e[12] = [
+                              r("Value", -1)
+                            ])]),
+                            _: 1
+                          }, 8, ["for"]),
+                          a(l(h), {
+                            id: `dep-cond-value-${n}`,
+                            "model-value": _e(o),
+                            "data-testid": `dependency-list-builder-condition-value-${n}`,
+                            onInput: (s) => se(n, s)
+                          }, null, 8, ["id", "model-value", "data-testid", "onInput"])
+                        ])) : $("", !0)
+                      ], 8, Qe))), 128))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              a(l(O), { class: "border-dashed" }, {
+                default: d(() => [
+                  a(l(E), { class: "flex flex-row items-center justify-between py-2" }, {
+                    default: d(() => [
+                      a(l(j), { class: "font-mono text-xs uppercase tracking-wide" }, {
+                        default: d(() => [
+                          r(" Actions (" + m(v.value.actions.length) + ") ", 1)
+                        ]),
+                        _: 1
+                      }),
+                      a(l(x), {
+                        variant: "outline",
+                        size: "sm",
+                        "data-testid": "dependency-list-builder-add-action",
+                        onClick: re
+                      }, {
+                        default: d(() => [
+                          a(l(I), { class: "h-3.5 w-3.5" }),
+                          e[13] || (e[13] = r(" Add ", -1))
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }),
+                  a(l(P), { class: "flex flex-col gap-3 pb-3" }, {
+                    default: d(() => [
+                      v.value.actions.length === 0 ? (c(), f("p", at, " No actions yet. ")) : $("", !0),
+                      (c(!0), f(g, null, y(v.value.actions, (o, n) => (c(), f("div", {
+                        key: n,
+                        class: "flex flex-col gap-1 rounded border bg-background p-2",
+                        "data-testid": `dependency-list-builder-action-${n}`
+                      }, [
+                        i("div", dt, [
+                          i("span", nt, " #" + m(n + 1), 1),
+                          a(l(x), {
+                            variant: "ghost",
+                            size: "icon-sm",
+                            "aria-label": "Remove action",
+                            "data-testid": `dependency-list-builder-action-remove-${n}`,
+                            onClick: (s) => me(n)
+                          }, {
+                            default: d(() => [
+                              a(l(R), { class: "h-3.5 w-3.5" })
+                            ]),
+                            _: 1
+                          }, 8, ["data-testid", "onClick"])
+                        ]),
+                        i("div", it, [
+                          a(l(b), null, {
+                            default: d(() => [...e[14] || (e[14] = [
+                              r("Type", -1)
+                            ])]),
+                            _: 1
+                          }),
+                          a(l(V), {
+                            "model-value": o.type,
+                            "onUpdate:modelValue": (s) => ce(n, s)
+                          }, {
+                            default: d(() => [
+                              a(l(L), {
+                                "data-testid": `dependency-list-builder-action-type-${n}`
+                              }, {
+                                default: d(() => [
+                                  a(l(N))
+                                ]),
+                                _: 1
+                              }, 8, ["data-testid"]),
+                              a(l(S), null, {
+                                default: d(() => [
+                                  (c(), f(g, null, y(B, (s) => a(l(T), {
+                                    key: s.value,
+                                    value: s.value
+                                  }, {
+                                    default: d(() => [
+                                      r(m(s.label), 1)
+                                    ]),
+                                    _: 2
+                                  }, 1032, ["value"])), 64))
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            _: 2
+                          }, 1032, ["model-value", "onUpdate:modelValue"])
+                        ]),
+                        i("div", st, [
+                          a(l(b), {
+                            for: `dep-action-target-${n}`
+                          }, {
+                            default: d(() => [...e[15] || (e[15] = [
+                              r("Target", -1)
+                            ])]),
+                            _: 1
+                          }, 8, ["for"]),
+                          a(l(h), {
+                            id: `dep-action-target-${n}`,
+                            "model-value": ge(o),
+                            "data-testid": `dependency-list-builder-action-target-${n}`,
+                            onInput: (s) => fe(n, s)
+                          }, null, 8, ["id", "model-value", "data-testid", "onInput"])
+                        ]),
+                        i("div", ut, [
+                          a(l(b), {
+                            for: `dep-action-payload-${n}`
+                          }, {
+                            default: d(() => [...e[16] || (e[16] = [
+                              r("Payload", -1)
+                            ])]),
+                            _: 1
+                          }, 8, ["for"]),
+                          a(l(h), {
+                            id: `dep-action-payload-${n}`,
+                            "model-value": ye(o),
+                            "data-testid": `dependency-list-builder-action-payload-${n}`,
+                            onInput: (s) => pe(n, s)
+                          }, null, 8, ["id", "model-value", "data-testid", "onInput"])
+                        ])
+                      ], 8, ot))), 128))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              i("div", rt, [
+                a(l(x), {
+                  variant: "destructive",
+                  size: "sm",
+                  class: "ml-auto",
+                  "data-testid": "dependency-list-builder-remove",
+                  onClick: te
+                }, {
+                  default: d(() => [
+                    a(l(R), { class: "h-3.5 w-3.5" }),
+                    e[17] || (e[17] = r(" Remove rule ", -1))
+                  ]),
+                  _: 1
+                })
+              ])
+            ])) : (c(), f("p", He, " Select a rule on the canvas to edit it. "))
+          ])
+        ], 10, Te)
+      ]),
+      _: 1
+    }, 8, ["label", "hide-label", "help-text", "errors", "class"]));
+  }
+});
 export {
-  f as default
+  Pt as default
 };
 //# sourceMappingURL=DependencyListBuilder.vue.js.map