@knime/jsonforms 1.21.1 → 1.21.3

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @knime/json-forms
 
+## 1.21.3
+
+### Patch Changes
+
+- d36c308: KDS-743: Replace ComboBox with KdsMultiSelectDropdown in ComboBoxControl
+
+## 1.21.2
+
+### Patch Changes
+
+- 7b0c327: KDS-464: Migrate SortListControl to use KdsSortableListBox
+- d8b5dae: KDS-509: Use KdsLoadingSkeleton
+
 ## 1.21.1
 
 ### Patch Changes

package/README.md

@@ -79,6 +79,12 @@ pnpm install
 
 and then use the following commands. For detailed explanations see [Vue CLI docs]:
 
+## Demo application with mocks
+
+```sh
+pnpm dev
+```
+
 ## Testing
 
 Run unit- and integration-tests individually by

package/dist/{AnyOfTwinlist-UXM-U6hT.js → AnyOfTwinlist-By12blUM.js}

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

package/dist/{CheckboxControl-QBXVq5Tw.js → CheckboxControl--qMC4yqR.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 { a5 as b, _ as m } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-Ssy7Zaqp.js";
+import { a7 as b, _ as m } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BuKsDBUW.js";
 const f = { class: "checkbox-container" }, p = /* @__PURE__ */ s({
   __name: "CheckboxControl",
   props: {

package/dist/{CheckboxesControl-2pd974_e.js → CheckboxesControl-BsOG-QR8.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 { I as f, _ as h } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-Ssy7Zaqp.js";
+import { J as f, _ as h } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BuKsDBUW.js";
 import { o as v } from "./index-Blg1O3Fz.js";
-import { u as V } from "./usePossibleValues-ItF87hxE.js";
+import { u as V } from "./usePossibleValues-B8es3DCW.js";
 const y = /* @__PURE__ */ c({
   __name: "CheckboxesControl",
   props: {

package/dist/{ColorControl-CDxRfPzc.js → ColorControl-BX93RNbV.js}

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

package/dist/{ColorPreviewControl-Cg99cain.js → ColorPreviewControl-CFVeFXBp.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 { J as w, _ as v, u as C } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-Ssy7Zaqp.js";
+import { M as w, _ as v, u as C } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BuKsDBUW.js";
 const P = { class: "empty-state-wrapper" }, $ = /* @__PURE__ */ u({
   __name: "ColorPreviewEmptyState",
   setup(a) {
@@ -27,7 +27,7 @@ const P = { class: "empty-state-wrapper" }, $ = /* @__PURE__ */ u({
       }, null, 4)) : (e(), d(g, { key: 1 }))
     ]));
   }
-}), b = /* @__PURE__ */ v(S, [["__scopeId", "data-v-8a745225"]]), B = { class: "palette-preview" }, F = 8, E = /* @__PURE__ */ u({
+}), b = /* @__PURE__ */ v(S, [["__scopeId", "data-v-8a745225"]]), B = { class: "palette-preview" }, F = 8, M = /* @__PURE__ */ u({
   __name: "PalettePreview",
   props: {
     palette: {}
@@ -55,7 +55,7 @@ const P = { class: "empty-state-wrapper" }, $ = /* @__PURE__ */ u({
       }))
     ]));
   }
-}), G = /* @__PURE__ */ v(E, [["__scopeId", "data-v-ad83046f"]]), I = { class: "color-preview" }, N = /* @__PURE__ */ u({
+}), E = /* @__PURE__ */ v(M, [["__scopeId", "data-v-ad83046f"]]), G = { class: "color-preview" }, N = /* @__PURE__ */ u({
   __name: "ColorPreviewControl",
   props: {
     control: {},
@@ -73,8 +73,8 @@ const P = { class: "empty-state-wrapper" }, $ = /* @__PURE__ */ u({
     ), n = C(l, "previewColors", {
       colors: []
     }), c = (r) => !("stops" in r);
-    return (r, i) => (e(), o("div", I, [
-      c(p(n)) ? (e(), d(G, {
+    return (r, i) => (e(), o("div", G, [
+      c(p(n)) ? (e(), d(E, {
         key: 0,
         palette: p(n)
       }, null, 8, ["palette"])) : (e(), d(b, {

package/dist/ComboBoxControl-M5HOJcy2.js

@@ -0,0 +1,37 @@
+import { defineComponent as d, toRef as c, computed as a, openBlock as r, createBlock as b, unref as i } from "vue";
+import { O as m } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BuKsDBUW.js";
+import { u as p } from "./usePossibleValues-B8es3DCW.js";
+const w = /* @__PURE__ */ d({
+  __name: "ComboBoxControl",
+  props: {
+    control: {},
+    handleChange: { type: Function },
+    changeValue: { type: Function },
+    disabled: { type: Boolean },
+    isValid: { type: Boolean },
+    onRegisterValidation: { type: Function },
+    labelForId: {}
+  },
+  setup(e) {
+    const l = e, { possibleValues: o } = p(c(l, "control")), n = a(
+      () => o.value === null || o.value.length === 0
+    ), s = a(
+      () => l.control.uischema.providedOptions?.includes("possibleValues") || l.control.uischema.options?.possibleValues !== void 0
+    ), u = a(
+      () => l.disabled || n.value && s.value
+    );
+    return (v, V) => (r(), b(i(m), {
+      id: e.labelForId,
+      "model-value": e.control.data,
+      "allow-new-values": !s.value,
+      ariaLabel: e.control.label,
+      disabled: u.value,
+      "possible-values": n.value ? e.control.data.map((t) => ({ id: t, text: t })) : i(o),
+      error: !e.isValid,
+      "onUpdate:modelValue": e.changeValue
+    }, null, 8, ["id", "model-value", "allow-new-values", "ariaLabel", "disabled", "possible-values", "error", "onUpdate:modelValue"]));
+  }
+});
+export {
+  w as default
+};

package/dist/{DateControl-DqNL8rlX.js → DateControl-PYVPxPvC.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-B5XTvulp.js";
+import { f as m, t as c, D as p } from "./localTimeUtils-Bl9xa5Jk.js";
 const b = /* @__PURE__ */ i({
   __name: "DateControl",
   props: {

package/dist/{DateTimeControl-apf8S1y2.js → DateTimeControl-_8d8iizh.js}

@@ -1,5 +1,5 @@
 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-B5XTvulp.js";
+import { t, f as w, D as f } from "./localTimeUtils-Bl9xa5Jk.js";
 const x = /* @__PURE__ */ r({
   __name: "DateTimeControl",
   props: {

package/dist/{DateTimeFormatPickerControl-_4b5Jk3w.js → DateTimeFormatPickerControl-xRNNTLIl.js}

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

package/dist/{DateTimeFormatPickerWithTypeControl-B1jOpszt.js → DateTimeFormatPickerWithTypeControl-CZZBe3PC.js}

@@ -1,8 +1,8 @@
-import { openBlock as p, createElementBlock as T, createElementVNode as h, h as q, defineComponent as D, createBlock as z, unref as g, useCssVars as G, computed as y, ref as x, watch as C, reactive as J, onMounted as Q, nextTick as O, onUnmounted as X, withCtx as Y, createCommentVNode as A, createVNode as _, Fragment as ee, renderList as te, normalizeClass as S, toDisplayString as H, useModel as oe, withDirectives as le, vModelText as ae, normalizeStyle as se, mergeModels as ne } from "vue";
-import { _ as M, P as ie, u as re } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-Ssy7Zaqp.js";
-import { V as R } from "./ValueSwitch-BBO_VXIM.js";
-import { u as de, a as ce, o as ue, s as me, f as pe } from "./floating-ui.vue-Bk6u3tWN.js";
-import { u as ve, F as fe } from "./useDropdownNavigation-EOwf_fL0.js";
+import { openBlock as p, createElementBlock as T, createElementVNode as h, h as Q, defineComponent as D, createBlock as z, unref as g, useCssVars as q, computed as y, ref as x, watch as C, reactive as G, onMounted as J, nextTick as O, onUnmounted as X, withCtx as Y, createCommentVNode as A, createVNode as _, Fragment as ee, renderList as te, normalizeClass as S, toDisplayString as H, useModel as oe, withDirectives as le, vModelText as ae, normalizeStyle as se, mergeModels as ne } from "vue";
+import { _ as M, Q as ie, u as re } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BuKsDBUW.js";
+import { V as R } from "./ValueSwitch-BV9qUd5x.js";
+import { u as de, a as ce, o as ue, s as me, f as pe } from "./floating-ui.vue-Fx4CxKut.js";
+import { u as ve, F as fe } from "./useDropdownNavigation-2Yhk7zes.js";
 const he = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -17,7 +17,7 @@ function ye(a, r) {
 }
 const Te = { render: ye }, ge = (a, r) => ({
   render() {
-    const s = a.render({}, []), d = q("title", r);
+    const s = a.render({}, []), d = Q("title", r);
     return d.ns = "svg", s.children.unshift(d), s;
   }
 }), we = /* @__PURE__ */ D({
@@ -56,7 +56,7 @@ const _e = { render: Fe }, be = { class: "popover" }, Ve = { class: "formats-con
   },
   emits: ["commit", "cancel"],
   setup(a, { emit: r }) {
-    G((e) => ({
+    q((e) => ({
       v3b9e5e3a: U
     }));
     const s = r, d = a, b = y(() => [
@@ -104,7 +104,7 @@ const _e = { render: Fe }, be = { class: "popover" }, Ve = { class: "formats-con
       () => d.allFormats?.filter(
         (e) => e.category === n.value && e.temporalType === u.value
       ) ?? null
-    ), v = x(null), f = J({}), E = (e) => `${e.format}-${e.category}-${e.temporalType}`, L = (e) => (t) => {
+    ), v = x(null), f = G({}), E = (e) => `${e.format}-${e.category}-${e.temporalType}`, L = (e) => (t) => {
       f[E(e)] = t;
     }, F = (e) => ({
       format: e.format,
@@ -192,7 +192,7 @@ const _e = { render: Fe }, be = { class: "popover" }, Ve = { class: "formats-con
       ) : (m.value = null, W());
     });
     const I = x(!1);
-    return Q(async () => {
+    return J(async () => {
       if (!d.allFormats)
         return;
       const e = [
@@ -458,7 +458,7 @@ const _e = { render: Fe }, be = { class: "popover" }, Ve = { class: "formats-con
       }, null, 8, ["modelValue", "disabled", "allowed-formats", "all-default-formats"])
     ], 8, He));
   }
-}), qe = /* @__PURE__ */ M(Ue, [["__scopeId", "data-v-8517cafd"]]);
+}), Qe = /* @__PURE__ */ M(Ue, [["__scopeId", "data-v-8517cafd"]]);
 export {
-  qe as default
+  Qe as default
 };

package/dist/{DropdownControl-CesCAa-A.js → DropdownControl-sGxFWX33.js}

@@ -1,6 +1,6 @@
 import { defineComponent as l, toRef as n, openBlock as t, createBlock as i, unref as d } from "vue";
-import { u as r } from "./usePossibleValues-ItF87hxE.js";
-import { _ as s } from "./LoadingDropdown.vue_vue_type_script_setup_true_lang-BHersnKa.js";
+import { u as r } from "./usePossibleValues-B8es3DCW.js";
+import { _ as s } from "./LoadingDropdown.vue_vue_type_script_setup_true_lang-DZ90-rk8.js";
 const f = /* @__PURE__ */ l({
   __name: "DropdownControl",
   props: {

package/dist/{ExecutorCoresControl-ILXk2Hk6.js → ExecutorCoresControl-6DB4hS8_.js}

@@ -1,6 +1,6 @@
 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-DRlen7vy.js";
-import { _ as C } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-Ssy7Zaqp.js";
+import { R as x } from "./ResourceControlBase-CDpi3J6s.js";
+import { _ as C } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BuKsDBUW.js";
 const y = { class: "info-container" }, V = { class: "chart-title" }, g = { class: "chart-description" }, B = /* @__PURE__ */ p({
   __name: "ExecutorCoresControl",
   props: {

package/dist/{ExecutorMemoryControl-De46Fxsm.js → ExecutorMemoryControl-xKHl7IXW.js}

@@ -1,6 +1,6 @@
 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-DRlen7vy.js";
-import { _ as x } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-Ssy7Zaqp.js";
+import { R as v } from "./ResourceControlBase-CDpi3J6s.js";
+import { _ as x } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BuKsDBUW.js";
 const y = { class: "info-container" }, B = { class: "chart-title" }, g = { class: "chart-description" }, C = /* @__PURE__ */ d({
   __name: "ExecutorMemoryControl",
   props: {

package/dist/FileUploadControl-Bjgh9vSl.js

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

package/dist/{GridSelectionControl-CGspDoCC.js → GridSelectionControl-DslOwaNV.js}

@@ -1,9 +1,9 @@
-import { defineComponent as S, useCssVars as U, unref as n, ref as D, computed as s, watch as f, openBlock as c, createElementBlock as u, normalizeStyle as G, Fragment as T, renderList as $, createBlock as h, createCommentVNode as p, createVNode as A, withModifiers as B } from "vue";
-import { a4 as N, a5 as z, y as O, _ as R } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-Ssy7Zaqp.js";
+import { defineComponent as S, useCssVars as U, unref as n, ref as D, computed as s, watch as f, openBlock as c, createElementBlock as u, normalizeStyle as G, Fragment as T, renderList as A, createBlock as h, createCommentVNode as p, createVNode as B, withModifiers as N } from "vue";
+import { a6 as $, a7 as z, y as O, _ as R } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BuKsDBUW.js";
 const W = { class: "grid-list" }, H = {
   key: 1,
   class: "checkbox"
-}, J = 7, Y = "auto", j = "Invert selection", q = /* @__PURE__ */ S({
+}, j = 7, q = "auto", J = "Invert selection", K = /* @__PURE__ */ S({
   __name: "GridSelectionControl",
   props: {
     handleChange: { type: Function },
@@ -23,9 +23,9 @@ const W = { class: "grid-list" }, H = {
       handleChange: C
     } = r, {
       possibleValues: o = [],
-      columnCount: I = J,
-      gridWidth: k = Y,
-      toggleLabel: m = j,
+      columnCount: I = j,
+      gridWidth: k = q,
+      toggleLabel: m = J,
       renderLastItemAsCheckbox: d = !1
     } = b, a = D(/* @__PURE__ */ new Map()), x = s(() => ({
       "grid-template-columns": `repeat(${I}, 1fr)`
@@ -35,7 +35,7 @@ const W = { class: "grid-list" }, H = {
       )
     ), i = s(
       () => d ? o[o.length - 1] : null
-    ), M = () => {
+    ), L = () => {
       const e = /* @__PURE__ */ new Map();
       a.value.forEach(
         ({ active: t }, l) => {
@@ -44,7 +44,7 @@ const W = { class: "grid-list" }, H = {
           });
         }
       ), a.value = e;
-    }, w = () => {
+    }, M = () => {
       const e = /* @__PURE__ */ new Map();
       return o.forEach(({ id: t }) => {
         e.set(t, { active: r.control.data?.includes(t) ?? !1 });
@@ -56,8 +56,8 @@ const W = { class: "grid-list" }, H = {
           t && e.push(l);
         }
       ), e;
-    }), F = s(() => r.control.data ?? []), _ = s(() => {
-      const e = g.value, t = F.value;
+    }), w = s(() => r.control.data ?? []), _ = s(() => {
+      const e = g.value, t = w.value;
       if (e.length !== t.length)
         return !0;
       const l = new Set(t);
@@ -66,7 +66,7 @@ const W = { class: "grid-list" }, H = {
     return f(
       () => r.control.data,
       () => {
-        _.value && (a.value = w());
+        _.value && (a.value = M());
       },
       { immediate: !0, deep: !0 }
     ), f(
@@ -81,10 +81,10 @@ const W = { class: "grid-list" }, H = {
         class: "grid-list-container",
         style: G(x.value)
       }, [
-        (c(!0), u(T, null, $(E.value, ({ id: l, text: v }) => (c(), h(n(N), {
+        (c(!0), u(T, null, A(E.value, ({ id: l, text: v }) => (c(), h(n($), {
           key: `grid-item-${l}`,
           modelValue: a.value.get(l).active,
-          "onUpdate:modelValue": (L) => a.value.get(l).active = L,
+          "onUpdate:modelValue": (F) => a.value.get(l).active = F,
           class: "overwrite-legacy-styles",
           label: v,
           variant: "outlined",
@@ -92,7 +92,7 @@ const W = { class: "grid-list" }, H = {
         }, null, 8, ["modelValue", "onUpdate:modelValue", "label"]))), 128))
       ], 4)) : p("", !0),
       n(d) && i.value ? (c(), u("div", H, [
-        A(n(z), {
+        B(n(z), {
           modelValue: a.value.get(i.value.id).active,
           "onUpdate:modelValue": t[0] || (t[0] = (l) => a.value.get(i.value.id).active = l),
           label: i.value.text
@@ -105,11 +105,11 @@ const W = { class: "grid-list" }, H = {
         label: n(m),
         "leading-icon": "replace",
         class: "invert overwrite-legacy-styles",
-        onClick: B(M, ["prevent"])
+        onClick: N(L, ["prevent"])
       }, null, 8, ["label"])) : p("", !0)
     ]));
   }
-}), Q = /* @__PURE__ */ R(q, [["__scopeId", "data-v-7c90b0fa"]]);
+}), X = /* @__PURE__ */ R(K, [["__scopeId", "data-v-7c90b0fa"]]);
 export {
-  Q as default
+  X as default
 };

package/dist/{HorizontalLayout-DPuI5hYY.js → HorizontalLayout-Dl9cC50s.js}

@@ -1,5 +1,5 @@
 import { defineComponent as o, openBlock as t, createElementBlock as a, Fragment as r, renderList as c, createBlock as s, unref as u } from "vue";
-import { a as m, _ as i } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-Ssy7Zaqp.js";
+import { a as m, _ as i } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_17a4a240_lang-BuKsDBUW.js";
 const d = { class: "horizontal" }, h = /* @__PURE__ */ o({
   __name: "HorizontalLayout",
   props: {

package/dist/{IntegerControl-BwGzlwkz.js → IntegerControl-DSzPJs4Z.js}

@@ -1,5 +1,5 @@
 import { defineComponent as o, openBlock as n, createBlock as t, mergeProps as r } from "vue";
-import { _ as a } from "./NumberControlBase.vue_vue_type_script_setup_true_lang-Bb4FK9RQ.js";
+import { _ as a } from "./NumberControlBase.vue_vue_type_script_setup_true_lang-Bs-H6e08.js";
 const s = /* @__PURE__ */ o({
   __name: "IntegerControl",
   props: {