@knime/jsonforms 1.19.5 → 1.20.0

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # @knime/json-forms
 
+## 1.20.0
+
+### Minor Changes
+
+- 80f6f17: - added KNIME Hub renderers
+  - grid and timeframe
+  - link
+  - quantity
+  - simple array layout
+  - file upload
+  - resources
+    - team resources
+    - execution memory
+    - execution cores
+  - username and password
+  - buttons with description (chub execution)
+  - team and space dropdown
+  - add description button to controls
+  - added a demo app using mock schemas
+
+## 1.19.6
+
+### Patch Changes
+
+- 53d7e59: Reduce button size of SimpleButtonControl
+- 469a2da: Filter empty values for dropdowns
+
 ## 1.19.5
 
 ### Patch Changes

package/dist/{AnyOfTwinlist-gIm_R7yi.js → AnyOfTwinlist-CosNPUKG.js}

@@ -1,6 +1,6 @@
 import { defineComponent as s, openBlock as t, createBlock as p, mergeProps as a, unref as l } from "vue";
 import { o as r } from "./index-Blg1O3Fz.js";
-import { T as i } from "./TwinlistControlBase-BfsU0lp4.js";
+import { T as i } from "./TwinlistControlBase--CFSodU_.js";
 const y = /* @__PURE__ */ s({
   __name: "AnyOfTwinlist",
   props: {

package/dist/{Checkbox-D1QZ8D8U.js → Checkbox-BLHyWo4X.js}

@@ -1,5 +1,5 @@
 import { openBlock as s, createElementBlock as i, normalizeClass as o, createElementVNode as d, renderSlot as c } from "vue";
-import { _ as u } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-B1Ey6pj2.js";
+import { _ as u } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DAdzHTim.js";
 const r = {
   name: "Checkbox",
   props: {

package/dist/{CheckboxControl-DitntAd8.js → CheckboxControl-DyBcYCFe.js}

@@ -1,5 +1,5 @@
 import { defineComponent as s, ref as d, openBlock as r, createElementBlock as i, createElementVNode as u, createVNode as c, unref as v, renderSlot as a } from "vue";
-import { al as b, _ as m } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-B1Ey6pj2.js";
+import { a8 as b, _ as m } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DAdzHTim.js";
 const f = { class: "checkbox-container" }, p = /* @__PURE__ */ s({
   __name: "CheckboxControl",
   props: {

package/dist/{CheckboxesControl-C_Wwb06j.js → CheckboxesControl-DqcN6RcZ.js}

@@ -1,7 +1,7 @@
 import { defineComponent as c, computed as n, ref as i, toRef as r, onMounted as u, openBlock as d, createBlock as m, unref as p, createCommentVNode as b } from "vue";
-import { K as f, _ as h } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-B1Ey6pj2.js";
+import { I as f, _ as h } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DAdzHTim.js";
 import { o as v } from "./index-Blg1O3Fz.js";
-import { u as V } from "./usePossibleValues-BGGWIVzM.js";
+import { u as V } from "./usePossibleValues-DhdKca4Z.js";
 const y = /* @__PURE__ */ c({
   __name: "CheckboxesControl",
   props: {

package/dist/{ColorControl-86_aeUMf.js → ColorControl-CPklP_Ox.js}

@@ -1,5 +1,5 @@
 import { defineComponent as o, openBlock as a, createBlock as l, unref as n } from "vue";
-import { I as t } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-B1Ey6pj2.js";
+import { M as t } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DAdzHTim.js";
 const u = /* @__PURE__ */ o({
   __name: "ColorControl",
   props: {

package/dist/{ColorPreviewControl-HgbFwMCE.js → ColorPreviewControl-BhbI9XDV.js}

@@ -1,5 +1,5 @@
 import { defineComponent as u, openBlock as e, createElementBlock as o, createVNode as y, unref as p, computed as s, normalizeStyle as m, createBlock as d, Fragment as f, renderList as k } from "vue";
-import { H as w, _ as v, u as C } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-B1Ey6pj2.js";
+import { J as w, _ as v, u as C } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DAdzHTim.js";
 const P = { class: "empty-state-wrapper" }, $ = /* @__PURE__ */ u({
   __name: "ColorPreviewEmptyState",
   setup(a) {

package/dist/{ComboBoxControl-CGwWGyDl.js → ComboBoxControl-DR9x8i0b.js}

@@ -1,17 +1,17 @@
 import { resolveComponent as f, openBlock as r, createElementBlock as b, withModifiers as a, withKeys as u, normalizeClass as w, renderSlot as F, createElementVNode as p, toDisplayString as S, createVNode as h, withDirectives as C, normalizeStyle as A, Fragment as D, renderList as P, createBlock as E, withCtx as O, createTextVNode as T, vShow as k, defineComponent as x, vModelText as $, toRef as z, computed as y, unref as N } from "vue";
-import { u as U } from "./usePossibleValues-BGGWIVzM.js";
+import { u as U } from "./usePossibleValues-DhdKca4Z.js";
 import { C as L } from "./close-CwP2mh9x.js";
-import { _ as B, J as H } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-B1Ey6pj2.js";
+import { _ as B, N as H } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DAdzHTim.js";
 /* empty css                   */
 import { A as K } from "./arrow-dropdown-DMFBPPcK.js";
-import { C as j } from "./Checkbox-D1QZ8D8U.js";
+import { C as j } from "./Checkbox-BLHyWo4X.js";
 import { c as W } from "./createMissingItem-B00Kg95q.js";
 const g = () => {
   let e = document?.activeElement;
   for (; e?.shadowRoot; )
     e = e?.shadowRoot?.activeElement;
   return e;
-}, v = 1, G = 28.5, J = 8, X = {
+}, v = 1, G = 28.5, X = 8, q = {
   name: "Multiselect",
   components: {
     Checkbox: j,
@@ -151,7 +151,7 @@ const g = () => {
     },
     optionsHeight() {
       return this.useSpecificOptionsHeight ? {
-        "max-height": `${this.sizeVisibleOptions * G + J}px`
+        "max-height": `${this.sizeVisibleOptions * G + X}px`
       } : {};
     },
     refocusElementOnClose() {
@@ -243,7 +243,7 @@ const g = () => {
       ).map((e) => e.$el && e.$el.firstChild));
     }
   }
-}, q = { key: 1 }, Q = ["tabindex"];
+}, J = { key: 1 }, Q = ["tabindex"];
 function Y(e, t, l, n, c, o) {
   const m = f("DropdownIcon"), d = f("Checkbox");
   return r(), b("div", {
@@ -260,7 +260,7 @@ function Y(e, t, l, n, c, o) {
     onFocusout: t[5] || (t[5] = a((...s) => o.onFocusOut && o.onFocusOut(...s), ["stop"])),
     onMousedown: t[6] || (t[6] = (...s) => o.onMousedown && o.onMousedown(...s))
   }, [
-    l.useCustomListBox ? F(e.$slots, "listBox", { key: 0 }, void 0, !0) : (r(), b("div", q, [
+    l.useCustomListBox ? F(e.$slots, "listBox", { key: 0 }, void 0, !0) : (r(), b("div", J, [
       p("div", {
         ref: "toggle",
         role: "button",
@@ -296,7 +296,7 @@ function Y(e, t, l, n, c, o) {
     ])
   ], 34);
 }
-const Z = /* @__PURE__ */ B(X, [["render", Y], ["__scopeId", "data-v-eeb8fb15"]]), I = "draft-id-combobox-preview-item", _ = x({
+const Z = /* @__PURE__ */ B(q, [["render", Y], ["__scopeId", "data-v-eeb8fb15"]]), I = "draft-id-combobox-preview-item", _ = x({
   name: "ComboBox",
   components: {
     Multiselect: Z,

package/dist/{DateControl-BofbO5lM.js → DateControl-DJxV5wzs.js}

@@ -1,5 +1,5 @@
 import { defineComponent as i, computed as d, openBlock as s, createBlock as u, unref as r } from "vue";
-import { f as m, t as c, D as p } from "./localTimeUtils-C1z-tWPY.js";
+import { f as m, t as c, D as p } from "./localTimeUtils-C7kma5fB.js";
 const b = /* @__PURE__ */ i({
   __name: "DateControl",
   props: {

package/dist/DateTimeControl-CoNsGbev.js

@@ -0,0 +1,44 @@
+import { defineComponent as r, computed as o, openBlock as v, createBlock as p, unref as h } from "vue";
+import { t, f as w, D as f } from "./localTimeUtils-C7kma5fB.js";
+const x = /* @__PURE__ */ r({
+  __name: "DateTimeControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    isValid: { type: Boolean },
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(a) {
+    const l = a, e = o(() => l.control.uischema.options), s = o(
+      () => e.value?.minimum ? t(e.value.minimum) : null
+    ), u = o(
+      () => e.value?.maximum ? t(e.value.maximum) : null
+    ), d = o(() => e.value?.twoLines ?? !0), i = o({
+      get: () => t(l.control.data),
+      set: (n) => l.changeValue(w(n))
+    });
+    return (n, m) => (v(), p(h(f), {
+      id: a.labelForId,
+      modelValue: i.value,
+      "onUpdate:modelValue": m[0] || (m[0] = (c) => i.value = c),
+      "two-lines": d.value,
+      required: !0,
+      "show-time": e.value?.showTime,
+      "show-seconds": e.value?.showSeconds,
+      "show-milliseconds": e.value?.showMilliseconds,
+      timezone: "UTC",
+      "date-format": e.value?.dateFormat,
+      min: s.value,
+      max: u.value,
+      "is-valid": a.isValid,
+      compact: "",
+      disabled: a.disabled
+    }, null, 8, ["id", "modelValue", "two-lines", "show-time", "show-seconds", "show-milliseconds", "date-format", "min", "max", "is-valid", "disabled"]));
+  }
+});
+export {
+  x as default
+};

package/dist/{DateTimeFormatPickerControl-7KTdYrMN.js → DateTimeFormatPickerControl-BmtxQjzI.js}

@@ -1,5 +1,5 @@
 import { defineComponent as s, computed as a, openBlock as i, createBlock as c, unref as t } from "vue";
-import { u as m, M as u } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-B1Ey6pj2.js";
+import { u as m, O as u } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DAdzHTim.js";
 const V = /* @__PURE__ */ s({
   __name: "DateTimeFormatPickerControl",
   props: {

package/dist/{DateTimeFormatPickerWithTypeControl-DmevlqK8.js → DateTimeFormatPickerWithTypeControl-CK7LsO-R.js}

@@ -1,9 +1,9 @@
 import { openBlock as v, createElementBlock as w, createElementVNode as y, defineComponent as A, useCssVars as q, computed as h, ref as g, watch as I, reactive as G, onMounted as J, nextTick as $, onUnmounted as Q, createBlock as O, unref as x, withCtx as X, createCommentVNode as C, createVNode as b, Fragment as Y, renderList as ee, normalizeClass as _, toDisplayString as H, useModel as te, withDirectives as oe, vModelText as le, normalizeStyle as ae, mergeModels as se } from "vue";
-import { _ as S, N as ne, u as ie } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-B1Ey6pj2.js";
-import { V as z } from "./ValueSwitch-BfYlPI2B.js";
-import { u as re, a as de, o as ce, s as ue, f as me } from "./floating-ui.vue-Fx4CxKut.js";
-import { u as pe, F as ve } from "./useDropdownNavigation-2Yhk7zes.js";
-import { L as fe } from "./LoadingIcon-D3kls_iA.js";
+import { _ as S, P as ne, u as ie } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DAdzHTim.js";
+import { V as z } from "./ValueSwitch-DYxCMQ9c.js";
+import { u as re, a as de, o as ce, s as ue, f as me } from "./floating-ui.vue-Bk6u3tWN.js";
+import { u as pe, F as ve } from "./useDropdownNavigation-EOwf_fL0.js";
+import { L as fe } from "./LoadingIcon-B0S8ig5H.js";
 const ye = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -89,7 +89,7 @@ const Te = { render: he }, ge = { class: "popover" }, we = { class: "formats-con
       temporalType: e.temporalType
     }), {
       currentIndex: R,
-      onKeydown: N,
+      onKeydown: P,
       resetNavigation: Z,
       setElement: W
     } = pe({
@@ -141,11 +141,11 @@ const Te = { render: he }, ge = { class: "popover" }, we = { class: "formats-con
         const o = t.offsetTop + U, s = t.clientHeight + t.scrollTop, T = e.offsetTop + e.offsetHeight - o;
         T > s ? t.scrollTop = T - t.clientHeight : e.offsetTop - t.scrollTop < o && (t.scrollTop = e.offsetTop - o);
       }
-    }, P = (e) => {
+    }, N = (e) => {
       const t = p[`${e}-${a.value}-${d.value}`];
       t && K(t);
     }, B = async (e, t, o) => {
-      d.value = t ?? d.value, a.value = o ?? a.value, await $(), u.value = e, P(e);
+      d.value = t ?? d.value, a.value = o ?? a.value, await $(), u.value = e, N(e);
       const s = l.value.findIndex(
         (T) => T.format === e
       );
@@ -161,7 +161,7 @@ const Te = { render: he }, ge = { class: "popover" }, we = { class: "formats-con
       if (e === null)
         return;
       const t = l.value?.[e]?.format;
-      t && P(t);
+      t && N(t);
     }), I([d, a], () => {
       d.value === r.value?.temporalType && a.value === r.value?.category ? B(
         r.value.format,
@@ -236,7 +236,7 @@ const Te = { render: he }, ge = { class: "popover" }, we = { class: "formats-con
               tabindex: "0",
               role: "menu",
               onKeydown: t[2] || (t[2] = //@ts-ignore
-              (...o) => x(N) && x(N)(...o))
+              (...o) => x(P) && x(P)(...o))
             }, [
               l.value === null ? (v(), w("div", xe, [
                 b(fe, { class: "loading-spinner" })
@@ -368,7 +368,7 @@ const Te = { render: he }, ge = { class: "popover" }, we = { class: "formats-con
       ], 4)) : C("", !0)
     ]));
   }
-}), Se = /* @__PURE__ */ S(Ae, [["__scopeId", "data-v-1577d5ce"]]), Re = ["id"], Ne = /* @__PURE__ */ A({
+}), Se = /* @__PURE__ */ S(Ae, [["__scopeId", "data-v-1577d5ce"]]), Re = ["id"], Pe = /* @__PURE__ */ A({
   __name: "DateTimeFormatPickerWithTypeControl",
   props: {
     control: {},
@@ -436,7 +436,7 @@ const Te = { render: he }, ge = { class: "popover" }, we = { class: "formats-con
       }, null, 8, ["modelValue", "disabled", "allowed-formats", "all-default-formats"])
     ], 8, Re));
   }
-}), Le = /* @__PURE__ */ S(Ne, [["__scopeId", "data-v-8517cafd"]]);
+}), Le = /* @__PURE__ */ S(Pe, [["__scopeId", "data-v-8517cafd"]]);
 export {
   Le as default
 };

package/dist/{DropdownControl-XAeknlV2.js → DropdownControl-nLA0kshc.js}

@@ -1,8 +1,8 @@
 import { defineComponent as r, toRef as s, computed as o, openBlock as n, createBlock as t, unref as d } from "vue";
-import { y as c } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-B1Ey6pj2.js";
-import { u as m } from "./usePossibleValues-BGGWIVzM.js";
-import { _ as b } from "./LoadingDropdown.vue_vue_type_script_setup_true_lang-M581gyEa.js";
-const F = /* @__PURE__ */ r({
+import { K as c } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DAdzHTim.js";
+import { u as m } from "./usePossibleValues-DhdKca4Z.js";
+import { _ as b } from "./LoadingDropdown.vue_vue_type_script_setup_true_lang-C2sH3IaG.js";
+const p = /* @__PURE__ */ r({
   __name: "DropdownControl",
   props: {
     control: {},
@@ -37,5 +37,5 @@ const F = /* @__PURE__ */ r({
   }
 });
 export {
-  F as default
+  p as default
 };

package/dist/ExecutorCoresControl-BgB0R_Xv.js

@@ -0,0 +1,42 @@
+import { defineComponent as p, computed as o, openBlock as h, createBlock as m, normalizeProps as _, guardReactiveProps as v, withCtx as f, createElementVNode as e, toDisplayString as s } from "vue";
+import { R as x } from "./ResourceControlBase-BCx6cBBz.js";
+import { _ as C } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DAdzHTim.js";
+const y = { class: "info-container" }, V = { class: "chart-title" }, g = { class: "chart-description" }, B = /* @__PURE__ */ p({
+  __name: "ExecutorCoresControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    isValid: { type: Boolean },
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(c) {
+    const t = c, i = o(
+      () => t.control.uischema.options?.donutTitle || ""
+    ), n = o(
+      () => t.control.schema.secondaryValue || 0
+    ), a = o(
+      () => t.control.uischema.options?.donutMax ?? 1 / 0
+    ), l = o(
+      () => a.value === -1 ? "unlimited" : a.value
+    ), r = o(
+      () => t.control.uischema.options?.isSharedContext ?? !1
+    ), u = o(() => t.control.data + n.value), d = o(
+      () => `This execution context will use ${n.value} vCore tokens. In total, ${u.value} of ${l.value} vCore tokens available ${r.value ? "from the license" : "for this team"} will be used.`
+    );
+    return (b, k) => (h(), m(x, _(v(t)), {
+      "donut-info": f(() => [
+        e("div", y, [
+          e("div", V, s(i.value), 1),
+          e("div", g, s(d.value), 1)
+        ])
+      ]),
+      _: 1
+    }, 16));
+  }
+}), T = /* @__PURE__ */ C(B, [["__scopeId", "data-v-67543247"]]);
+export {
+  T as default
+};

package/dist/ExecutorMemoryControl-Ck5naUl2.js

@@ -0,0 +1,41 @@
+import { defineComponent as d, computed as o, openBlock as p, createBlock as m, normalizeProps as _, guardReactiveProps as h, withCtx as f, createElementVNode as e, toDisplayString as a } from "vue";
+import { R as v } from "./ResourceControlBase-BCx6cBBz.js";
+import { _ as x } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DAdzHTim.js";
+const y = { class: "info-container" }, B = { class: "chart-title" }, g = { class: "chart-description" }, C = /* @__PURE__ */ d({
+  __name: "ExecutorMemoryControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    isValid: { type: Boolean },
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(s) {
+    const t = s, n = o(
+      () => t.control.schema.secondaryValue || 0
+    ), c = o(
+      () => t.control.uischema.options?.donutTitle || ""
+    ), i = o(
+      () => t.control.uischema.options?.currentUsage ?? 0
+    ), r = o(
+      () => t.control.uischema.options?.donutMax ?? 1 / 0
+    ), l = o(() => n.value + i.value), u = o(
+      () => `This execution context will use a maximum of ${n.value} GB RAM.
+    In total, ${l.value} GB of ${r.value} GB available for this team will be used.`
+    );
+    return (V, b) => (p(), m(v, _(h(t)), {
+      "donut-info": f(() => [
+        e("div", y, [
+          e("div", B, a(c.value), 1),
+          e("div", g, a(u.value), 1)
+        ])
+      ]),
+      _: 1
+    }, 16));
+  }
+}), I = /* @__PURE__ */ x(C, [["__scopeId", "data-v-515b606e"]]);
+export {
+  I as default
+};

package/dist/FileUploadControl-CByhtwi1.js

@@ -0,0 +1,197 @@
+import { defineComponent as N, ref as h, computed as g, openBlock as V, createElementBlock as G, createVNode as R, unref as q, createElementVNode as v, toDisplayString as K } from "vue";
+import { C as E, G as W, A as $, B as I, y as Y, _ as H } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-DAdzHTim.js";
+import { e as J, o as Q, U as w, j as X, a as j, m as U, n as T, i as Z, S as k, g as z } from "./_Uint8Array-Boy5On8p.js";
+import { b as ee } from "./_baseAssignValue-CG1hoqdJ.js";
+import { i as te } from "./isArray-WzO_os3q.js";
+var S = Object.create, re = /* @__PURE__ */ (function() {
+  function e() {
+  }
+  return function(t) {
+    if (!E(t))
+      return {};
+    if (S)
+      return S(t);
+    e.prototype = t;
+    var r = new e();
+    return e.prototype = void 0, r;
+  };
+})();
+function ne(e, t) {
+  for (var r = -1, a = e == null ? 0 : e.length; ++r < a && t(e[r], r, e) !== !1; )
+    ;
+  return e;
+}
+var oe = Object.prototype, ae = oe.hasOwnProperty;
+function ce(e, t, r) {
+  var a = e[t];
+  (!(ae.call(e, t) && J(a, r)) || r === void 0 && !(t in e)) && ee(e, t, r);
+}
+var ie = Q(Object.getPrototypeOf, Object), D = typeof exports == "object" && exports && !exports.nodeType && exports, O = D && typeof module == "object" && module && !module.nodeType && module, se = O && O.exports === D, C = se ? W.Buffer : void 0;
+C && C.allocUnsafe;
+function le(e, t) {
+  return e.slice();
+}
+var fe = Object.prototype, ue = fe.hasOwnProperty;
+function be(e) {
+  var t = e.length, r = new e.constructor(t);
+  return t && typeof e[0] == "string" && ue.call(e, "index") && (r.index = e.index, r.input = e.input), r;
+}
+function m(e) {
+  var t = new e.constructor(e.byteLength);
+  return new w(t).set(new w(e)), t;
+}
+function pe(e, t) {
+  var r = m(e.buffer);
+  return new e.constructor(r, e.byteOffset, e.byteLength);
+}
+var de = /\w*$/;
+function ge(e) {
+  var t = new e.constructor(e.source, de.exec(e));
+  return t.lastIndex = e.lastIndex, t;
+}
+var x = $ ? $.prototype : void 0, F = x ? x.valueOf : void 0;
+function ye(e) {
+  return F ? Object(F.call(e)) : {};
+}
+function Te(e, t) {
+  var r = m(e.buffer);
+  return new e.constructor(r, e.byteOffset, e.length);
+}
+var je = "[object Boolean]", me = "[object Date]", Ae = "[object Map]", he = "[object Number]", ve = "[object RegExp]", $e = "[object Set]", we = "[object String]", Se = "[object Symbol]", Oe = "[object ArrayBuffer]", Ce = "[object DataView]", xe = "[object Float32Array]", Fe = "[object Float64Array]", Be = "[object Int8Array]", _e = "[object Int16Array]", Ee = "[object Int32Array]", Ie = "[object Uint8Array]", Ue = "[object Uint8ClampedArray]", De = "[object Uint16Array]", Me = "[object Uint32Array]";
+function Pe(e, t, r) {
+  var a = e.constructor;
+  switch (t) {
+    case Oe:
+      return m(e);
+    case je:
+    case me:
+      return new a(+e);
+    case Ce:
+      return pe(e);
+    case xe:
+    case Fe:
+    case Be:
+    case _e:
+    case Ee:
+    case Ie:
+    case Ue:
+    case De:
+    case Me:
+      return Te(e);
+    case Ae:
+      return new a();
+    case he:
+    case we:
+      return new a(e);
+    case ve:
+      return ge(e);
+    case $e:
+      return new a();
+    case Se:
+      return ye(e);
+  }
+}
+function Le(e) {
+  return typeof e.constructor == "function" && !X(e) ? re(ie(e)) : {};
+}
+var Ne = "[object Map]";
+function Ve(e) {
+  return I(e) && j(e) == Ne;
+}
+var B = T && T.isMap, Ge = B ? U(B) : Ve, Re = "[object Set]";
+function qe(e) {
+  return I(e) && j(e) == Re;
+}
+var _ = T && T.isSet, Ke = _ ? U(_) : qe, M = "[object Arguments]", We = "[object Array]", Ye = "[object Boolean]", He = "[object Date]", Je = "[object Error]", P = "[object Function]", Qe = "[object GeneratorFunction]", Xe = "[object Map]", Ze = "[object Number]", L = "[object Object]", ke = "[object RegExp]", ze = "[object Set]", et = "[object String]", tt = "[object Symbol]", rt = "[object WeakMap]", nt = "[object ArrayBuffer]", ot = "[object DataView]", at = "[object Float32Array]", ct = "[object Float64Array]", it = "[object Int8Array]", st = "[object Int16Array]", lt = "[object Int32Array]", ft = "[object Uint8Array]", ut = "[object Uint8ClampedArray]", bt = "[object Uint16Array]", pt = "[object Uint32Array]", n = {};
+n[M] = n[We] = n[nt] = n[ot] = n[Ye] = n[He] = n[at] = n[ct] = n[it] = n[st] = n[lt] = n[Xe] = n[Ze] = n[L] = n[ke] = n[ze] = n[et] = n[tt] = n[ft] = n[ut] = n[bt] = n[pt] = !0;
+n[Je] = n[P] = n[rt] = !1;
+function y(e, t, r, a, u, c) {
+  var o;
+  if (o !== void 0)
+    return o;
+  if (!E(e))
+    return e;
+  var p = te(e);
+  if (p)
+    o = be(e);
+  else {
+    var i = j(e), d = i == P || i == Qe;
+    if (Z(e))
+      return le(e);
+    if (i == L || i == M || d && !u)
+      o = d ? {} : Le(e);
+    else {
+      if (!n[i])
+        return u ? e : {};
+      o = Pe(e, i);
+    }
+  }
+  c || (c = new k());
+  var l = c.get(e);
+  if (l)
+    return l;
+  c.set(e, o), Ke(e) ? e.forEach(function(s) {
+    o.add(y(s, t, r, s, e, c));
+  }) : Ge(e) && e.forEach(function(s, f) {
+    o.set(f, y(s, t, r, f, e, c));
+  });
+  var b = z, A = p ? void 0 : b(e);
+  return ne(A || e, function(s, f) {
+    A && (f = s, s = e[f]), ce(o, f, y(s, t, r, f, e, c));
+  }), o;
+}
+var dt = 1, gt = 4;
+function yt(e) {
+  return y(e, dt | gt);
+}
+const Tt = { class: "wrapper" }, jt = { class: "filename" }, mt = ["id", "aria-label", "accept", "multiple", "disabled"], At = /* @__PURE__ */ N({
+  inheritAttrs: !1,
+  __name: "FileUploadControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    isValid: { type: Boolean },
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(e) {
+    const t = e, r = h(yt(t.control.data)), a = g(
+      () => t.control.uischema.options?.accept ?? "*"
+    ), u = g(
+      () => t.control.uischema.options?.multiple ?? !1
+    ), c = h(null), o = g(() => r.value?.map?.(({ name: l }) => l).join(", ") || "No file selected"), p = g(() => `Select file${u.value ? "s" : ""}`), i = () => {
+      c.value?.click();
+    }, d = (l) => {
+      const b = l.target;
+      b.files && (r.value = Array.from(b.files), t.handleChange(t.control.path, Array.from(r.value)));
+    };
+    return (l, b) => (V(), G("div", Tt, [
+      R(q(Y), {
+        class: "file-select-button",
+        label: p.value,
+        "leading-icon": "search",
+        variant: "outlined",
+        disabled: e.disabled,
+        onClick: i
+      }, null, 8, ["label", "disabled"]),
+      v("span", jt, K(o.value), 1),
+      v("input", {
+        id: e.labelForId,
+        ref_key: "fileSelector",
+        ref: c,
+        "aria-label": e.control.label,
+        type: "file",
+        accept: a.value,
+        multiple: u.value,
+        disabled: e.disabled,
+        hidden: "",
+        onChange: d
+      }, null, 40, mt)
+    ]));
+  }
+}), Ot = /* @__PURE__ */ H(At, [["__scopeId", "data-v-7d1e4998"]]);
+export {
+  Ot as default
+};