@knime/jsonforms 0.1.7 → 1.0.1

package/dist/FileChooserControl-HX_GjlNB.js

@@ -1,605 +0,0 @@
-import { defineComponent as S, openBlock as r, createElementBlock as _, createElementVNode as c, normalizeClass as Q, renderSlot as Y, resolveComponent as ee, createBlock as w, withCtx as U, Fragment as P, renderList as te, resolveDynamicComponent as oe, createCommentVNode as x, createTextVNode as ae, toDisplayString as R, computed as C, ref as k, onMounted as L, watch as I, unref as d, createStaticVNode as se, createVNode as V, toRef as N, isRef as le } from "vue";
-import { _ as $, a1 as F, a2 as ne, I as z, E as re, g as ie, r as de, a as ue, L as pe } from "./index-1mTLieVA.js";
-import { u as ce, g as j, a as me, b as ve, F as fe, c as he, d as be, e as ge, _ as Ce } from "./FileExplorerTab-FjmnUl9M.js";
-import { L as _e } from "./link-BA69Hfx6.js";
-import { N as ye } from "./NumberInput-84bJjfB4.js";
-const we = 5;
-let A, O, E;
-const Ve = S({
-  name: "Carousel",
-  props: {
-    tabindex: {
-      type: Number,
-      default: null
-    }
-  },
-  data() {
-    return {
-      isMouseDown: !1,
-      wasDragged: !1
-    };
-  },
-  /**
-   * following methods allow dragging via mouse
-   */
-  methods: {
-    onMouseDown(e) {
-      E = this.$refs.carousel, this.isMouseDown = !0, this.wasDragged = !1, A = e.pageX, O = E.scrollLeft;
-    },
-    onMouseEnd(e) {
-      this.wasDragged && e.preventDefault(), this.isMouseDown = !1;
-    },
-    onMouseMove(e) {
-      if (!this.isMouseDown)
-        return;
-      e.preventDefault();
-      const o = e.pageX - A;
-      (this.wasDragged || Math.abs(o) > we) && (this.wasDragged = !0, E.scrollLeft = O - o);
-    },
-    onDragStart(e) {
-      e.preventDefault();
-    }
-  }
-}), Me = { class: "shadow-wrapper" }, Se = ["tabindex"];
-function $e(e, t, o, u, i, f) {
-  return r(), _("div", Me, [
-    c("div", {
-      ref: "carousel",
-      class: Q(["carousel", { "is-mouse-down": e.isMouseDown }]),
-      tabindex: e.tabindex,
-      onMousedown: t[0] || (t[0] = (...s) => e.onMouseDown && e.onMouseDown(...s)),
-      onMousemove: t[1] || (t[1] = (...s) => e.onMouseMove && e.onMouseMove(...s)),
-      onMouseup: t[2] || (t[2] = (...s) => e.onMouseEnd && e.onMouseEnd(...s)),
-      onClickCapture: t[3] || (t[3] = (...s) => e.onMouseEnd && e.onMouseEnd(...s)),
-      onMouseleave: t[4] || (t[4] = (...s) => e.onMouseEnd && e.onMouseEnd(...s)),
-      onDragstart: t[5] || (t[5] = (...s) => e.onDragStart && e.onDragStart(...s))
-    }, [
-      Y(e.$slots, "default", {}, void 0, !0)
-    ], 42, Se)
-  ]);
-}
-const ke = /* @__PURE__ */ $(Ve, [["render", $e], ["__scopeId", "data-v-3b9d085c"]]), Te = {
-  name: "TabBar",
-  components: {
-    Carousel: ke
-  },
-  props: {
-    /**
-     * Make the whole tab bar read-only
-     */
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Selected value. Should be one of the value attributes in the `possibleValues` prop.
-     */
-    modelValue: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Name of the form elements. This is useful when using the tab bar inside a <form>.
-     * Defaults to `value`.
-     * If you have multiple tab bars on one page, make sure to include them in separate forms or use unique `name`
-     * properties. Otherwise the browser will not allow to select more than one tab in total.
-     */
-    name: {
-      type: String,
-      default: "value"
-    },
-    /**
-         * @example
-           [{
-               value: 'all',
-               label: 'All',
-               icon: null,
-               title: 'everything',
-               disabled: false
-           }, {
-               value: 'nodes',
-               label: 'Nodes',
-               icon: NodeIcon,
-               title: 'Nodes!',
-               disabled: true
-           }, {
-               value: 'workflows',
-               label: 'Workflows',
-               icon: WorkflowIcon,
-               disabled: true
-           }]
-         */
-    possibleValues: {
-      type: Array,
-      default: () => [],
-      validator(e = []) {
-        return Array.isArray(e) ? e.every((t) => t.value) : !1;
-      }
-    }
-  },
-  emits: ["update:modelValue"],
-  created() {
-    const e = this.possibleValues.filter((o) => !o.disabled);
-    let t = e.find((o) => o.value === this.modelValue);
-    if (t) {
-      consola.trace("TabBar: Initial tab set to", t);
-      return;
-    }
-    t = e[0] ?? { value: null }, consola.trace("TabBar: Setting initial tab to", t), this.$emit("update:modelValue", t.value);
-  },
-  methods: {
-    onChange(e) {
-      consola.trace("TabBar value changed to", e), this.$emit("update:modelValue", e);
-    }
-  }
-}, De = { class: "tab-bar" }, Ue = { class: "overflow" }, Fe = ["title"], Ee = ["name", "value", "disabled", "checked", "onChange"];
-function xe(e, t, o, u, i, f) {
-  const s = ee("Carousel");
-  return r(), w(s, { tabindex: -1 }, {
-    default: U(() => [
-      c("div", De, [
-        c("div", Ue, [
-          (r(!0), _(P, null, te(o.possibleValues, (l) => (r(), _("label", {
-            key: l.value,
-            title: l.title
-          }, [
-            c("input", {
-              name: o.name,
-              value: l.value,
-              disabled: o.disabled || l.disabled,
-              type: "radio",
-              checked: l.value === o.modelValue,
-              onChange: (v) => f.onChange(l.value)
-            }, null, 40, Ee),
-            c("span", null, [
-              l.icon ? (r(), w(oe(l.icon), { key: 0 })) : x("", !0),
-              ae(" " + R(l.label), 1)
-            ])
-          ], 8, Fe))), 128))
-        ])
-      ])
-    ]),
-    _: 1
-  });
-}
-const Le = /* @__PURE__ */ $(Te, [["render", xe], ["__scopeId", "data-v-796a1ee0"]]), Ie = {
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "none",
-  stroke: "#000",
-  "stroke-linejoin": "round",
-  viewBox: "0 0 32 32"
-}, Be = /* @__PURE__ */ c("path", { d: "M13.2 6.2c-3.8 2.1-5.1 7-3 10.8s7 5.1 10.8 3l4.4-2.6-7.8-13.7zm6.9 1.9 5.7-3.2m-2.9 8.2 5.7-3.2M10.2 17c-1.9 1.1-7.3 1.8-5.1 5.9s-1.7 5.4-1.7 5.4" }, null, -1), Ne = [
-  Be
-];
-function Ae(e, t) {
-  return r(), _("svg", Ie, [...Ne]);
-}
-const Oe = { render: Ae }, W = (e, t, o) => ({ onPathUpdate: (s) => {
-  const l = o.value.fileSystemSpecifier;
-  t(
-    F(e.value, {
-      path: s,
-      ...l ? { context: { fsSpecifier: l } } : {}
-    })
-  );
-}, onTimeoutUpdate: (s) => {
-  t(F(e.value, { timeout: s }));
-}, onFsCategoryUpdate: (s) => {
-  t(F(e.value, { fsCategory: s }));
-} }), H = /^[A-Za-z0-9]+:\/\//, X = "knime://knime.space/", Z = "knime://knime.workflow.data/", Pe = [
-  ["relative-to-current-hubspace", X],
-  ["relative-to-embedded-data", Z]
-], Re = /* @__PURE__ */ S({
-  __name: "FSLocationTextControl",
-  props: {
-    modelValue: {},
-    disabled: { type: Boolean },
-    isLocal: { type: Boolean },
-    portIndex: {},
-    fileSystemSpecifier: {}
-  },
-  emits: ["update:modelValue"],
-  setup(e, { emit: t }) {
-    const o = e, u = t, i = C(() => typeof o.portIndex < "u"), { getFilePath: f } = ce({
-      filteredExtensions: k([]),
-      // only relevant for browsing
-      appendedExtension: k(null),
-      // We do not wish to append anything here, since the user should be able to manually access any file
-      isWriter: k(!1),
-      // only relevant for browsing
-      backendType: C(
-        () => j(o.modelValue.fsCategory, o.portIndex)
-      )
-    }), s = async (a) => {
-      var y;
-      if (!i.value && a.fsCategory === "relative-to-current-hubspace")
-        return X + a.path;
-      if (!i.value && a.fsCategory === "relative-to-embedded-data")
-        return Z + a.path;
-      if (!i.value && a.fsCategory === "CUSTOM_URL")
-        return a.path;
-      if (!i.value && a.fsCategory === "LOCAL") {
-        const { path: M, errorMessage: b } = await f(null, a.path);
-        return b ? a.path : M || "";
-      }
-      return i.value && a.fsCategory === "CONNECTED" ? a.path : ((y = a.context) == null ? void 0 : y.fsToString) ?? "";
-    }, l = k(null), v = k("");
-    L(() => {
-      m();
-    });
-    const m = async () => {
-      v.value = await s(o.modelValue);
-    };
-    I(
-      () => o.modelValue,
-      () => {
-        var a;
-        ne() !== ((a = l.value) == null ? void 0 : a.$refs.input) && m();
-      }
-    );
-    const h = (a) => {
-      if (i.value)
-        return {
-          fsCategory: "CONNECTED",
-          path: a,
-          timeout: o.modelValue.timeout,
-          context: {
-            fsToString: "",
-            // won't be used in case of isConnected = true
-            fsSpecifier: o.fileSystemSpecifier
-          }
-        };
-      for (const [M, b] of Pe)
-        if (a.startsWith(b))
-          return {
-            fsCategory: M,
-            path: a.replace(b, ""),
-            timeout: o.modelValue.timeout
-          };
-      const y = o.isLocal ? "LOCAL" : "relative-to-current-hubspace";
-      return {
-        fsCategory: H.test(a) ? "CUSTOM_URL" : y,
-        path: a,
-        timeout: o.modelValue.timeout
-      };
-    }, p = (a) => {
-      v.value = a, u("update:modelValue", h(a));
-    };
-    return (a, y) => (r(), w(d(z), {
-      ref_key: "inputField",
-      ref: l,
-      "model-value": v.value,
-      disabled: a.disabled,
-      compact: "",
-      "onUpdate:modelValue": p,
-      onFocusout: m
-    }, null, 8, ["model-value", "disabled"]));
-  }
-}), ze = {
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "none",
-  stroke: "#000",
-  viewBox: "0 0 32 32"
-}, je = /* @__PURE__ */ c("path", {
-  "stroke-linejoin": "round",
-  "stroke-miterlimit": "10",
-  d: "M29.804 19.5h-27m21.5 8h-16.1m4.8 0v-4.3m7.2 0v4.3m-15.9-4.3h24c.8 0 1.5-.7 1.5-1.5V5.1c0-.8-.7-1.5-1.5-1.5h-24c-.8 0-1.5.7-1.5 1.5v16.6c0 .8.6 1.5 1.5 1.5Z"
-}, null, -1), We = [
-  je
-];
-function He(e, t) {
-  return r(), _("svg", ze, [...We]);
-}
-const Xe = { render: He }, Ze = {
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "none",
-  stroke: "#000",
-  viewBox: "0 0 32 32"
-}, Ke = /* @__PURE__ */ se('<path stroke-linejoin="round" stroke-miterlimit="10" d="M2.963 21.916V5.075h9.051l4.613 6.001h13.298v15.608h-5.418"></path><path stroke-linejoin="round" stroke-miterlimit="10" d="M29.925 11.076V7.075H13.548"></path><path stroke-width=".8" d="M12.016 13.54 22.27 30.73H1.763z"></path><path stroke-width=".8" d="m10.785 16.852 9.504 11.092-14.778 2.181z"></path><path stroke-width=".8" d="m10.364 20.335 6.864 4.85-8.26 4.045z"></path>', 5), qe = [
-  Ke
-];
-function Ge(e, t) {
-  return r(), _("svg", Ze, [...qe]);
-}
-const Je = { render: Ge }, Qe = {
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "none",
-  stroke: "#000",
-  "stroke-linejoin": "round",
-  viewBox: "0 0 32 32"
-}, Ye = /* @__PURE__ */ c("path", { d: "M16.224 6.514c-5.239-.02-9.503 4.21-9.523 9.449s4.21 9.503 9.449 9.523l6.113-.053.073-18.896zm6.089 6.055 7.873.031m-7.9 6.878 7.873.031M6.701 15.963l-4.887.035m13.041-3.249L18.106 16l-3.251 3.251M18.106 16h-7.175" }, null, -1), et = [
-  Ye
-];
-function tt(e, t) {
-  return r(), _("svg", Qe, [...et]);
-}
-const ot = { render: tt }, at = { class: "vertical" }, st = /* @__PURE__ */ S({
-  __name: "ConnectionPreventsTab",
-  props: {
-    browseAction: {}
-  },
-  setup(e) {
-    return (t, o) => (r(), _("div", at, [
-      V(d(Oe), { class: "icon" }),
-      c("span", null, "Remove the file system input port in order to " + R(t.browseAction) + ".", 1)
-    ]));
-  }
-}), lt = /* @__PURE__ */ $(st, [["__scopeId", "data-v-b16f8d24"]]), nt = {
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "none",
-  stroke: "#000",
-  viewBox: "0 0 32 32"
-}, rt = /* @__PURE__ */ c("path", { d: "m16.654 2.75 15.03 24H1.625z" }, null, -1), it = /* @__PURE__ */ c("path", { d: "m14.427 6.533 14.767 16.72L6.34 26.463z" }, null, -1), dt = /* @__PURE__ */ c("path", { d: "m13.433 10.958 11.87 8.287-14.077 6.564z" }, null, -1), ut = [
-  rt,
-  it,
-  dt
-];
-function pt(e, t) {
-  return r(), _("svg", nt, [...ut]);
-}
-const ct = { render: pt }, mt = /* @__PURE__ */ S({
-  __name: "CustomUrlFileChooser",
-  props: {
-    disabled: { type: Boolean, default: !1 },
-    modelValue: {},
-    id: {},
-    urlErrorMessage: { default: null }
-  },
-  emits: ["update:path", "update:timeout"],
-  setup(e) {
-    return (t, o) => (r(), _(P, null, [
-      V(d(z), {
-        id: t.id,
-        disabled: t.disabled,
-        "model-value": t.modelValue.path,
-        placeholder: "URL",
-        "onUpdate:modelValue": o[0] || (o[0] = (u) => t.$emit("update:path", u))
-      }, null, 8, ["id", "disabled", "model-value"]),
-      t.urlErrorMessage ? (r(), w(re, {
-        key: 0,
-        style: { display: "unset" },
-        errors: [{ message: t.urlErrorMessage }]
-      }, null, 8, ["errors"])) : x("", !0),
-      V(d(ie), {
-        class: "timeout",
-        text: "Timeout"
-      }, {
-        default: U(({ labelForId: u }) => [
-          V(d(ye), {
-            id: u,
-            type: "integer",
-            min: 0,
-            disabled: t.disabled,
-            "model-value": t.modelValue.timeout,
-            "onUpdate:modelValue": o[1] || (o[1] = (i) => t.$emit("update:timeout", i))
-          }, null, 8, ["id", "disabled", "model-value"])
-        ]),
-        _: 1
-      })
-    ], 64));
-  }
-}), vt = /* @__PURE__ */ $(mt, [["__scopeId", "data-v-2b43a5f4"]]), ft = /* @__PURE__ */ S({
-  __name: "UrlTab",
-  props: {
-    modelValue: {},
-    id: {}
-  },
-  emits: ["update:path", "update:timeout"],
-  setup(e, { emit: t }) {
-    const o = e, u = t, { text: i, disabled: f, onApply: s } = me();
-    L(() => {
-      i.value = "Set Url", s.value = () => Promise.resolve();
-    });
-    const l = C(
-      () => H.test(o.modelValue.path)
-    );
-    I(
-      () => l.value,
-      (m) => {
-        f.value = !m;
-      },
-      { immediate: !0 }
-    );
-    const v = C(
-      () => l.value ? null : 'The url needs to start with a scheme (e.g. "https://")'
-    );
-    return (m, h) => (r(), w(vt, {
-      id: m.id,
-      "model-value": m.modelValue,
-      "url-error-message": v.value,
-      "onUpdate:path": h[0] || (h[0] = (p) => u("update:path", p)),
-      "onUpdate:timeout": h[1] || (h[1] = (p) => u("update:timeout", p))
-    }, null, 8, ["id", "model-value", "url-error-message"]));
-  }
-}), ht = { class: "flex" }, bt = { class: "flex-grow" }, gt = /* @__PURE__ */ S({
-  __name: "SideDrawerContent",
-  props: {
-    modelValue: {},
-    disabled: { type: Boolean },
-    id: {},
-    options: { default: () => ({}) }
-  },
-  emits: ["update:modelValue"],
-  setup(e, { emit: t }) {
-    const o = e, u = t, i = N(o, "options"), { onFsCategoryUpdate: f, onPathUpdate: s, onTimeoutUpdate: l } = W(
-      N(o, "modelValue"),
-      (g) => {
-        u("update:modelValue", g);
-      },
-      i
-    ), {
-      filteredExtensions: v,
-      appendedExtension: m,
-      isWriter: h,
-      isLocal: p,
-      isLoaded: a,
-      spacePath: y,
-      mountId: M,
-      isConnected: b,
-      portFileSystemName: n,
-      portIndex: T
-    } = ve(i), D = p.value ? [
-      {
-        value: "LOCAL",
-        label: "Local File System",
-        icon: Xe
-      }
-    ] : [], K = [
-      ...b.value ? [
-        {
-          value: "CONNECTED",
-          label: n.value,
-          icon: ot
-        }
-      ] : [],
-      ...D,
-      {
-        value: "relative-to-current-hubspace",
-        label: M.value,
-        icon: p.value ? Je : ct
-      },
-      {
-        value: "relative-to-embedded-data",
-        label: "Embedded Data",
-        icon: fe
-      },
-      {
-        value: "CUSTOM_URL",
-        label: "URL",
-        icon: _e
-      }
-    ], q = C(
-      () => j(o.modelValue.fsCategory, T.value)
-    ), G = C(() => o.modelValue.fsCategory === "relative-to-current-hubspace" ? y.value : o.modelValue.fsCategory === "relative-to-embedded-data" ? "Data" : null), J = {
-      "relative-to-current-hubspace": "browse the current space",
-      "relative-to-embedded-data": "browse the embedded data",
-      CUSTOM_URL: "use a URL to read files",
-      LOCAL: "browse the local file system"
-    };
-    return (g, wt) => (r(), _("div", ht, [
-      V(d(Le), {
-        "possible-values": K,
-        "model-value": g.modelValue.fsCategory,
-        "onUpdate:modelValue": d(f)
-      }, null, 8, ["model-value", "onUpdate:modelValue"]),
-      c("div", bt, [
-        d(b) && g.modelValue.fsCategory !== "CONNECTED" ? (r(), w(lt, {
-          key: 0,
-          "browse-action": J[g.modelValue.fsCategory]
-        }, null, 8, ["browse-action"])) : g.modelValue.fsCategory === "CUSTOM_URL" ? (r(), w(ft, {
-          key: 1,
-          id: g.id,
-          "model-value": g.modelValue,
-          disabled: g.disabled,
-          "onUpdate:path": d(s),
-          "onUpdate:timeout": d(l)
-        }, null, 8, ["id", "model-value", "disabled", "onUpdate:path", "onUpdate:timeout"])) : d(a) ? (r(), w(he, {
-          key: 2,
-          id: g.id,
-          "filtered-extensions": d(v),
-          "appended-extension": d(m),
-          "is-writer": d(h),
-          "backend-type": q.value,
-          "initial-file-path": g.modelValue.path,
-          "breadcrumb-root": G.value,
-          onChooseFile: d(s)
-        }, null, 8, ["id", "filtered-extensions", "appended-extension", "is-writer", "backend-type", "initial-file-path", "breadcrumb-root", "onChooseFile"])) : x("", !0)
-      ])
-    ]));
-  }
-}), Ct = /* @__PURE__ */ $(gt, [["__scopeId", "data-v-c645ae14"]]), _t = { class: "flex-row" }, yt = /* @__PURE__ */ S({
-  __name: "FileChooserControl",
-  props: de(),
-  setup(e) {
-    const t = e, {
-      control: o,
-      onChange: u,
-      disabled: i,
-      flowSettings: f
-    } = ue({
-      props: t
-    }), s = C(
-      () => {
-        var n;
-        return i.value || ((n = o.value.uischema.options) == null ? void 0 : n.fileSystemConnectionMissing);
-      }
-    ), l = C(() => o.value.uischema.options), { validCategories: v } = be(l), m = () => ({
-      path: "",
-      timeout: 1e4,
-      fsCategory: v.value[0],
-      context: {
-        fsSpecifier: l.value.fileSystemSpecifier
-      }
-    }), h = C(() => {
-      var n;
-      return ((n = o.value.data) == null ? void 0 : n.path) ?? m();
-    }), p = (n) => {
-      u({ path: n });
-    }, a = C(
-      () => {
-        var n;
-        return !!((n = f.value) != null && n.controllingFlowVariableName);
-      }
-    );
-    I(
-      () => a.value,
-      (n) => {
-        n || p(m());
-      }
-    );
-    const { onFsCategoryUpdate: y } = W(
-      C(() => {
-        var n;
-        return (n = o.value.data) == null ? void 0 : n.path;
-      }),
-      p,
-      l
-    );
-    L(() => {
-      var n;
-      !a.value && !v.value.includes((n = o.value.data) == null ? void 0 : n.path.fsCategory) && y(v.value[0]);
-    });
-    const { onApply: M, sideDrawerValue: b } = ge({
-      onChange: p,
-      initialValue: h
-    });
-    return (n, T) => (r(), w(pe, {
-      control: d(o),
-      onControllingFlowVariableSet: p
-    }, {
-      default: U(({ labelForId: D }) => [
-        c("div", _t, [
-          V(Re, {
-            id: D,
-            class: "flex-grow",
-            "model-value": h.value,
-            disabled: s.value,
-            "is-local": l.value.isLocal,
-            "port-index": l.value.portIndex,
-            "file-system-specifier": l.value.fileSystemSpecifier,
-            "onUpdate:modelValue": p
-          }, null, 8, ["id", "model-value", "disabled", "is-local", "port-index", "file-system-specifier"]),
-          V(Ce, {
-            disabled: s.value,
-            onApply: d(M)
-          }, {
-            default: U(() => [
-              V(Ct, {
-                id: D,
-                modelValue: d(b),
-                "onUpdate:modelValue": T[0] || (T[0] = (B) => le(b) ? b.value = B : null),
-                disabled: s.value,
-                options: l.value
-              }, null, 8, ["id", "modelValue", "disabled", "options"])
-            ]),
-            _: 2
-          }, 1032, ["disabled", "onApply"])
-        ])
-      ]),
-      _: 1
-    }, 8, ["control"]));
-  }
-}), Tt = /* @__PURE__ */ $(yt, [["__scopeId", "data-v-b6ff852c"]]);
-export {
-  Tt as default
-};