@knime/jsonforms 0.1.4

package/dist/LocalFileChooserControl-DxSeiKxg.js

@@ -0,0 +1,57 @@
+import { defineComponent as w, computed as n, openBlock as i, createBlock as s, unref as e, withCtx as r, createElementVNode as v, createVNode as d, createCommentVNode as V } from "vue";
+import { r as F, a as g, L as y, I as L, _ as S } from "./index-ZDm2GXeD.js";
+import { e as k, b as D, _ as E, c as A } from "./FileExplorerTab-Ba76jD3y.js";
+const B = { class: "flex-row" }, I = /* @__PURE__ */ w({
+  __name: "LocalFileChooserControl",
+  props: F(),
+  setup(p) {
+    const c = p, { control: o, onChange: a, disabled: l } = g({ props: c }), t = n(
+      () => o.value.uischema.options
+    ), { sideDrawerValue: u, updateSideDrawerValue: m, onApply: f } = k({
+      onChange: a,
+      initialValue: n(() => o.value.data)
+    }), { appendedExtension: _, filteredExtensions: h, isLoaded: C, isWriter: b } = D(t);
+    return (N, O) => (i(), s(y, {
+      control: e(o),
+      onControllingFlowVariableSet: e(a)
+    }, {
+      default: r(({ labelForId: x }) => [
+        v("div", B, [
+          d(e(L), {
+            id: x,
+            class: "flex-grow",
+            disabled: e(l),
+            "model-value": e(o).data,
+            placeholder: t.value.placeholder,
+            compact: "",
+            "onUpdate:modelValue": e(a)
+          }, null, 8, ["id", "disabled", "model-value", "placeholder", "onUpdate:modelValue"]),
+          d(E, {
+            disabled: e(l),
+            onApply: e(f)
+          }, {
+            default: r(() => [
+              e(C) ? (i(), s(A, {
+                key: 0,
+                "backend-type": "local",
+                disabled: e(l),
+                options: t.value,
+                "initial-value": e(o).data,
+                "is-writer": e(b),
+                "filtered-extensions": e(h),
+                "appended-extension": e(_),
+                "initial-file-path": e(u),
+                onChooseFile: e(m)
+              }, null, 8, ["disabled", "options", "initial-value", "is-writer", "filtered-extensions", "appended-extension", "initial-file-path", "onChooseFile"])) : V("", !0)
+            ]),
+            _: 1
+          }, 8, ["disabled", "onApply"])
+        ])
+      ]),
+      _: 1
+    }, 8, ["control", "onControllingFlowVariableSet"]));
+  }
+}), W = /* @__PURE__ */ S(I, [["__scopeId", "data-v-41938a5b"]]);
+export {
+  W as default
+};

package/dist/MenuItems.vue_vue_type_style_index_0_lang-qMVpH9oC.js

@@ -0,0 +1,464 @@
+import { ref as k, defineComponent as L, openBlock as f, createElementBlock as I, Fragment as _, createElementVNode as N, normalizeClass as K, toDisplayString as F, createCommentVNode as g, createBlock as x, resolveDynamicComponent as R, mergeProps as j, withCtx as T, createVNode as v, renderSlot as z, toRef as X, onBeforeUpdate as Y, resolveComponent as G, normalizeStyle as q, renderList as Z, unref as V, nextTick as ee } from "vue";
+import { A as te } from "./arrow-next-CvdR0-WC.js";
+import { af as ne, _ as P, m as oe, f as se, d as ie, e as le } from "./index-ZDm2GXeD.js";
+import { u as ae } from "./floating-ui.vue.esm-CIFBDytk.js";
+var ue = 0;
+function re(n) {
+  var e = ++ue;
+  return ne(n) + e;
+}
+const de = (n, e) => (n % e + e) % e, B = (n) => {
+  n.preventDefault(), n.stopPropagation(), n.stopImmediatePropagation();
+}, me = ({
+  getNextElement: n,
+  getFirstElement: e,
+  getLastElement: s,
+  close: t,
+  disableSpaceToClick: p
+}) => {
+  const a = k(null), h = () => {
+  };
+  let u = h;
+  const d = () => {
+    a.value = null, u = h;
+  }, m = (r) => {
+    a.value = r.index, u = r.onClick;
+  }, C = (r) => {
+    m(n(a.value, r));
+  }, w = () => {
+    d(), t();
+  };
+  return { onKeydown: (r) => {
+    switch (r.code) {
+      case "ArrowDown":
+        B(r), C(1);
+        break;
+      case "ArrowUp":
+        B(r), C(-1);
+        break;
+      case "Enter":
+      case "Space": {
+        const S = r.code === "Enter", E = r.code === "Space";
+        a.value !== null && (S || E && !p) && (B(r), u());
+        break;
+      }
+      case "Home":
+        e && m(e());
+        break;
+      case "End":
+        s && m(s());
+        break;
+      case "Escape":
+        B(r), w();
+        break;
+      case "Tab":
+        w();
+        break;
+    }
+  }, currentIndex: a, resetNavigation: d };
+}, ce = {
+  key: 0,
+  class: "hotkey"
+}, fe = /* @__PURE__ */ L({
+  __name: "BaseMenuItemText",
+  props: {
+    text: {},
+    hotkeyText: {},
+    useMaxMenuWidth: { type: Boolean }
+  },
+  setup(n) {
+    return (e, s) => (f(), I(_, null, [
+      N("span", {
+        class: K(["text", { truncate: e.useMaxMenuWidth }])
+      }, F(e.text), 3),
+      e.hotkeyText ? (f(), I("span", ce, F(e.hotkeyText), 1)) : g("", !0)
+    ], 64));
+  }
+}), U = /* @__PURE__ */ P(fe, [["__scopeId", "data-v-ad4bf226"]]), pe = { class: "label" }, he = { class: "text-and-hotkey" }, Ie = {
+  key: 0,
+  class: "description"
+}, be = /* @__PURE__ */ L({
+  __name: "BaseMenuItem",
+  props: {
+    item: {},
+    index: {},
+    hasFocus: { type: Boolean },
+    useMaxMenuWidth: { type: Boolean }
+  },
+  setup(n) {
+    const e = (t) => t.to ? "nuxt-link" : t.href ? "a" : "button", s = (t) => t.href && t.download ? {
+      download: typeof t.download == "boolean" ? "" : t.download
+    } : null;
+    return (t, p) => (f(), x(R(e(t.item)), j({
+      ref: "listItemComponent",
+      tabindex: "-1",
+      class: [
+        "list-item",
+        t.item.sectionHeadline ? "section-headline" : "clickable-item",
+        {
+          disabled: t.item.disabled,
+          selected: t.item.selected,
+          focused: t.hasFocus
+        }
+      ],
+      to: t.item.to || void 0,
+      href: t.item.href || void 0
+    }, s(t.item)), {
+      default: T(() => [
+        t.item.icon ? (f(), x(R(t.item.icon), {
+          key: 0,
+          class: "item-icon"
+        })) : g("", !0),
+        N("div", pe, [
+          N("div", he, [
+            t.item.checkbox ? (f(), x(oe, {
+              key: 0,
+              "model-value": t.item.checkbox.checked,
+              class: "checkbox"
+            }, {
+              default: T(() => [
+                v(U, {
+                  text: t.item.text,
+                  "use-max-menu-width": t.useMaxMenuWidth,
+                  "hotkey-text": t.item.hotkeyText
+                }, null, 8, ["text", "use-max-menu-width", "hotkey-text"])
+              ]),
+              _: 1
+            }, 8, ["model-value"])) : (f(), I(_, { key: 1 }, [
+              v(U, {
+                text: t.item.text,
+                "use-max-menu-width": t.useMaxMenuWidth,
+                "hotkey-text": t.item.hotkeyText
+              }, null, 8, ["text", "use-max-menu-width", "hotkey-text"]),
+              z(t.$slots, "submenu", {
+                itemElement: t.$refs.listItemComponent
+              }, void 0, !0)
+            ], 64))
+          ]),
+          t.item.description ? (f(), I("div", Ie, F(t.item.description), 1)) : g("", !0)
+        ])
+      ]),
+      _: 3
+    }, 16, ["class", "to", "href"]));
+  }
+}), J = /* @__PURE__ */ P(be, [["__scopeId", "data-v-6ba5ebbe"]]);
+function ye(n) {
+  return !("$el" in n);
+}
+const ke = {
+  name: "BaseMenuItems",
+  components: { BaseMenuItem: J },
+  props: {
+    items: {
+      type: Array,
+      required: !0
+    },
+    focusedItemIndex: {
+      required: !1,
+      type: Number,
+      default: null
+    },
+    menuAriaLabel: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Identifier for click handler. If left blank an id is generated.
+     * NOTE: Autogenerated IDs might break SSR.
+     */
+    id: {
+      default: () => `__BaseMenuItems-${re()}__`,
+      type: String
+    },
+    /**
+     * Maximum width in px of the menu
+     */
+    maxMenuWidth: {
+      type: Number,
+      default: null
+    },
+    positionRelativeToElement: {
+      type: Object,
+      default: null
+    },
+    /**
+     * Element used to detect when the MenuItem is near the edges of a clipping parent.
+     * This will then be used to automatically position opened floating submenus accordingly.
+     *
+     * Defaults to the document's body
+     */
+    clippingBoundary: {
+      type: Object,
+      default: document == null ? void 0 : document.body
+    }
+  },
+  emits: ["item-click", "item-focused", "item-hovered"],
+  setup(n) {
+    const e = k([]), s = X(n, "positionRelativeToElement"), t = k(null);
+    Y(() => {
+      e.value = [];
+    });
+    const { floatingStyles: p } = s.value ? ae(s, t, {
+      strategy: "fixed",
+      placement: "right-start",
+      middleware: [
+        se({ boundary: n.clippingBoundary }),
+        ie({ boundary: n.clippingBoundary })
+      ],
+      whileElementsMounted: le
+    }) : { floatingStyles: null };
+    return {
+      listContainerFloatingStyles: p,
+      listContainer: t,
+      listItems: e
+    };
+  },
+  computed: {
+    useMaxMenuWidth() {
+      return !!this.maxMenuWidth;
+    },
+    enabledItemsIndices() {
+      return this.items.map((n, e) => ({ item: n, index: e })).filter(({ item: n }) => !n.disabled).map(({ index: n }) => n);
+    }
+  },
+  watch: {
+    focusedItemIndex: {
+      immediate: !0,
+      handler() {
+        this.emitItemFocused();
+      }
+    },
+    items: {
+      deep: !0,
+      handler() {
+        this.emitItemFocused();
+      }
+    }
+  },
+  expose: ["getEnabledListItems", "scrollTo"],
+  methods: {
+    updateItem(n, e) {
+      this.listItems[e] = n;
+    },
+    getEnabledListItems() {
+      return this.listItems.map((e, s) => {
+        const t = e.children[0];
+        return {
+          element: e,
+          index: s,
+          onClick: ye(t) ? () => t.click() : () => t.$el.click()
+        };
+      }).filter(({ index: e }) => this.enabledItemsIndices.includes(e));
+    },
+    scrollTo(n) {
+      const e = this.$refs.listContainer;
+      if (e && e.scrollHeight > e.clientHeight) {
+        const s = e.clientHeight + e.scrollTop, t = n.offsetTop + n.offsetHeight;
+        t > s ? e.scrollTop = t - e.clientHeight : n.offsetTop < e.scrollTop && (e.scrollTop = n.offsetTop);
+      }
+    },
+    menuItemId(n) {
+      return `menu-item-${this.id}-${n}`;
+    },
+    onPointerEnter(n, e, s) {
+      this.$emit(
+        "item-hovered",
+        e.disabled || e.sectionHeadline ? null : e,
+        this.id,
+        s
+      );
+    },
+    onItemClick(n, e, s) {
+      var p;
+      if (e.disabled || e.sectionHeadline || (p = e.children) != null && p.length)
+        return;
+      if (!(e.href || e.to) && (n.preventDefault(), n.stopPropagation(), n.stopImmediatePropagation()), e.checkbox) {
+        const a = !e.checkbox.checked;
+        e.checkbox.setBoolean(a);
+        return;
+      }
+      this.$emit("item-click", n, e, s);
+    },
+    emitItemFocused() {
+      if (this.focusedItemIndex === null) {
+        this.$emit("item-focused", null, null);
+        return;
+      }
+      const n = this.focusedItemIndex;
+      this.$emit("item-focused", this.menuItemId(n), this.items[n]);
+    }
+  }
+}, xe = ["aria-label"], ge = ["data-index", "title", "onClick", "onPointerenter"];
+function ve(n, e, s, t, p, a) {
+  const h = G("BaseMenuItem");
+  return f(), I("ul", {
+    ref: "listContainer",
+    "aria-label": s.menuAriaLabel,
+    class: "base-menu-items",
+    style: q(t.listContainerFloatingStyles),
+    role: "menu",
+    tabindex: "-1",
+    onPointerleave: e[0] || (e[0] = (u) => n.$emit("item-hovered", null, s.id))
+  }, [
+    (f(!0), I(_, null, Z(s.items, (u, d) => (f(), I("li", {
+      key: d,
+      ref_for: !0,
+      ref: (m) => a.updateItem(m, d),
+      "data-index": d,
+      class: K([{ separator: u.separator }]),
+      style: q(a.useMaxMenuWidth ? { "max-width": `${s.maxMenuWidth}px` } : {}),
+      title: u.title,
+      onClick: (m) => a.onItemClick(m, u, s.id),
+      onPointerenter: (m) => a.onPointerEnter(m, u, d)
+    }, [
+      z(n.$slots, "item", {
+        item: u,
+        index: d,
+        menuId: s.id,
+        menuItemId: a.menuItemId,
+        maxMenuWidth: s.maxMenuWidth,
+        focusedItemIndex: s.focusedItemIndex
+      }, () => [
+        v(h, {
+          id: a.menuItemId(d),
+          item: u,
+          index: d,
+          "use-max-menu-width": !!s.maxMenuWidth,
+          "has-focus": d === s.focusedItemIndex
+        }, null, 8, ["id", "item", "index", "use-max-menu-width", "has-focus"])
+      ], !0)
+    ], 46, ge))), 128))
+  ], 44, xe);
+}
+const Ce = /* @__PURE__ */ P(ke, [["render", ve], ["__scopeId", "data-v-815f537c"]]), Se = /* @__PURE__ */ L({
+  __name: "MenuItems",
+  props: {
+    items: {},
+    menuAriaLabel: {},
+    disableSpaceToClick: { type: Boolean, default: !1 },
+    registerKeydown: { type: Boolean, default: !1 },
+    clippingBoundary: { default: () => document.body }
+  },
+  emits: ["close", "item-click", "item-focused", "item-hovered", "close-submenu"],
+  setup(n, { expose: e, emit: s }) {
+    const t = n, p = s, a = k(null), h = k(-1), u = k(null), d = (i, o) => {
+      if (!a.value)
+        return {
+          onClick: () => {
+          },
+          index: -1
+        };
+      const c = a.value.getEnabledListItems();
+      let l = c.map(({ index: W }) => W).indexOf(i);
+      l === -1 && o === -1 && (l = 0);
+      const A = de(
+        l + o,
+        c.length
+      ), { element: H, index: b, onClick: M } = c[A];
+      return a.value.scrollTo(H), { index: b, onClick: M };
+    }, {
+      currentIndex: m,
+      onKeydown: C,
+      resetNavigation: w
+    } = me({
+      disableSpaceToClick: t.disableSpaceToClick,
+      getNextElement: d,
+      close: () => p("close")
+    }), D = (i = 0) => {
+      m.value = i;
+    }, r = (i) => {
+      var l;
+      const o = t.items[i], c = o && !o.disabled && ((l = o.children) == null ? void 0 : l.length);
+      h.value = c ? i : -1;
+    }, S = (i) => {
+      switch (i.code) {
+        case "ArrowLeft":
+          p("close-submenu");
+          break;
+        case "ArrowRight":
+          r(m.value ?? 0), ee(() => {
+            var o;
+            (o = u.value) == null || o.focusIndex();
+          });
+          break;
+      }
+      C(i);
+    }, E = (i, o, c) => {
+      i !== null && r(c), p("item-hovered", i, o, c);
+    }, $ = (i) => {
+      var c;
+      h.value !== -1 ? (c = u.value) == null || c.onKeydown(i) : S(i);
+    };
+    e({ onKeydown: $, resetNavigation: w, focusIndex: D });
+    const O = (i) => !i.children || i.children.length === 0 ? !1 : !!i.children.find(({ selected: o }) => o);
+    return (i, o) => {
+      const c = G("MenuItems", !0);
+      return f(), x(Ce, j({
+        ref_key: "baseMenuItems",
+        ref: a
+      }, i.$attrs, {
+        items: t.items,
+        "menu-aria-label": t.menuAriaLabel,
+        "focused-item-index": V(m),
+        "clipping-boundary": i.clippingBoundary,
+        onKeydown: o[5] || (o[5] = (l) => t.registerKeydown && $(l)),
+        onItemClick: o[6] || (o[6] = (...l) => i.$emit("item-click", ...l)),
+        onItemHovered: o[7] || (o[7] = (...l) => E(...l)),
+        onItemFocused: o[8] || (o[8] = (...l) => i.$emit("item-focused", ...l))
+      }), {
+        item: T(({
+          item: l,
+          menuId: A,
+          menuItemId: H,
+          index: b,
+          maxMenuWidth: M,
+          focusedItemIndex: W
+        }) => [
+          v(J, {
+            id: H(b),
+            item: l,
+            index: b,
+            "use-max-menu-width": !!M,
+            "has-focus": b === W,
+            class: "base-item"
+          }, {
+            submenu: T(({ itemElement: Q }) => [
+              l.children && l.children.length ? (f(), I("span", {
+                key: 0,
+                class: K([
+                  "sub-menu-indicator",
+                  { highlight: O(l) }
+                ])
+              }, [
+                v(V(te), { class: "icon" }),
+                h.value === b ? (f(), x(c, {
+                  key: 0,
+                  id: `${A}__sub${b}`,
+                  ref_key: "subLevelItems",
+                  ref: u,
+                  class: "menu-items-sub-level",
+                  "menu-aria-label": `${l.text} sub menu`,
+                  items: l.children,
+                  "max-menu-width": M,
+                  "position-relative-to-element": Q,
+                  "clipping-boundary": i.clippingBoundary,
+                  "register-keydown": "",
+                  onClose: o[0] || (o[0] = (y) => h.value = -1),
+                  onCloseSubmenu: o[1] || (o[1] = (y) => h.value = -1),
+                  onItemClick: o[2] || (o[2] = (...y) => i.$emit("item-click", ...y)),
+                  onItemHovered: o[3] || (o[3] = (...y) => i.$emit("item-hovered", ...y)),
+                  onItemFocused: o[4] || (o[4] = (...y) => i.$emit("item-focused", ...y))
+                }, null, 8, ["id", "menu-aria-label", "items", "max-menu-width", "position-relative-to-element", "clipping-boundary"])) : g("", !0)
+              ], 2)) : g("", !0)
+            ]),
+            _: 2
+          }, 1032, ["id", "item", "index", "use-max-menu-width", "has-focus"])
+        ]),
+        _: 1
+      }, 16, ["items", "menu-aria-label", "focused-item-index", "clipping-boundary"]);
+    };
+  }
+});
+export {
+  Se as _
+};