@knime/jsonforms 1.18.2 → 1.18.3

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @knime/json-forms
 
+## 1.18.3
+
+### Patch Changes
+
+- fe16e0d: KDS-471: Use the KdsLabel for all controls
+- f03d4f4: Make SortListControl configurable
+
 ## 1.18.2
 
 ### Patch Changes

package/dist/{AnyOfTwinlist-Dk_ou9W9.js → AnyOfTwinlist-Dazvw4B4.js}

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

package/dist/{Button-D8mgaxLU.js → Button-B9K8Q_ls.js}

@@ -1,5 +1,5 @@
 import { defineComponent as o, resolveComponent as a, createBlock as s, openBlock as n, normalizeClass as r, withCtx as l, renderSlot as i } from "vue";
-import { B as p, _ as d } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CQxP1EIA.js";
+import { B as p, _ as d } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-Ck1bJG4V.js";
 const c = o({
   name: "Button",
   components: {

package/dist/{Checkbox-DD4pKL3h.js → Checkbox-DdXKweFz.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as s, openBlock 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-CQxP1EIA.js";
+import { _ as u } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-Ck1bJG4V.js";
 const r = {
   name: "Checkbox",
   props: {

package/dist/{CheckboxControl-NTWDDTuK.js → CheckboxControl-BzqEgf9o.js}

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

package/dist/{Checkboxes-BZyTWKxA.js → Checkboxes-ChAc0Hpr.js}

@@ -1,6 +1,6 @@
-import { C as c } from "./Checkbox-DD4pKL3h.js";
+import { C as c } from "./Checkbox-DdXKweFz.js";
 import { resolveComponent as u, createElementBlock as s, openBlock as o, normalizeClass as f, Fragment as m, renderList as h, createBlock as p, withCtx as x, renderSlot as b, createTextVNode as V, toDisplayString as y } from "vue";
-import { _ as k } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CQxP1EIA.js";
+import { _ as k } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-Ck1bJG4V.js";
 const _ = {
   name: "Checkboxes",
   components: {

package/dist/{CheckboxesControl-DYSMiVtJ.js → CheckboxesControl-CRCBm-Jm.js}

@@ -1,8 +1,8 @@
 import { defineComponent as c, computed as t, ref as i, toRef as u, onMounted as d, createBlock as r, createCommentVNode as m, openBlock as p, unref as b } from "vue";
 import { o as f } from "./index-Blg1O3Fz.js";
-import { u as h } from "./usePossibleValues-mDlctZMJ.js";
-import { C as v } from "./Checkboxes-BZyTWKxA.js";
-import { _ as V } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CQxP1EIA.js";
+import { u as h } from "./usePossibleValues-CiGqKaG5.js";
+import { C as v } from "./Checkboxes-ChAc0Hpr.js";
+import { _ as V } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-Ck1bJG4V.js";
 const y = /* @__PURE__ */ c({
   __name: "CheckboxesControl",
   props: {

package/dist/{ComboBoxControl-LCX4h3aU.js → ComboBoxControl-qGK5uWD-.js}

@@ -1,10 +1,10 @@
 import { resolveComponent as f, createElementBlock as b, openBlock as r, withModifiers as a, withKeys as u, normalizeClass as w, renderSlot as F, withDirectives as S, createElementVNode as p, createVNode as h, toDisplayString 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-mDlctZMJ.js";
+import { u as U } from "./usePossibleValues-CiGqKaG5.js";
 import { C as L } from "./close-W1x27NhZ.js";
-import { _ as B, G as H } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CQxP1EIA.js";
+import { _ as B, G as H } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-Ck1bJG4V.js";
 /* empty css                   */
 import { A as K } from "./arrow-dropdown-BHK4j8GT.js";
-import { C as j } from "./Checkbox-DD4pKL3h.js";
+import { C as j } from "./Checkbox-DdXKweFz.js";
 import { c as W } from "./createMissingItem-B00Kg95q.js";
 const g = () => {
   let e = document?.activeElement;

package/dist/{DateControl-DI6h7HP8.js → DateControl-Cjq7ycTN.js}

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

package/dist/{DateTimeControl-VgDOif_C.js → DateTimeControl-Bd85wUEs.js}

@@ -1,5 +1,5 @@
 import { defineComponent as c, computed as a, createBlock as r, openBlock as p, unref as v } from "vue";
-import { t as i, f as h, D as f } from "./localTimeUtils-D8YXvgUG.js";
+import { t as i, f as h, D as f } from "./localTimeUtils-DMFM6w4o.js";
 const T = /* @__PURE__ */ c({
   __name: "DateTimeControl",
   props: {

package/dist/{DateTimeFormatInput-DkqacscY.js → DateTimeFormatInput-D_6Ur5fc.js}

@@ -1,9 +1,9 @@
 import { createElementBlock as y, openBlock as m, createElementVNode as p, defineComponent as O, useCssVars as q, computed as F, ref as f, watch as z, reactive as G, onMounted as J, nextTick as N, onUnmounted as Q, createBlock as P, unref as E, withCtx as X, createCommentVNode as C, createVNode as M, Fragment as Y, renderList as ee, normalizeClass as I, toDisplayString as B, mergeModels as te, useModel as oe, withDirectives as le, vModelText as ae, normalizeStyle as se } from "vue";
-import { _ as U, H as ne } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CQxP1EIA.js";
+import { _ as U, H as ne } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-Ck1bJG4V.js";
 import { u as ie, a as re, o as ce, s as de, f as ue } from "./floating-ui.vue-Fx4CxKut.js";
 import { u as me, F as pe } from "./useDropdownNavigation-Bh9C9QlY.js";
-import { L as ve } from "./LoadingIcon-DlQBrbLr.js";
-import { V as $ } from "./ValueSwitch-BX_4vNxr.js";
+import { L as ve } from "./LoadingIcon-smgH1pv7.js";
+import { V as $ } from "./ValueSwitch-2TVNrP6l.js";
 const fe = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",

package/dist/{DateTimeFormatPickerControl-BSrOOnCs.js → DateTimeFormatPickerControl-CnboWjaI.js}

@@ -1,6 +1,6 @@
 import { defineComponent as c, computed as e, createBlock as p, openBlock as f, unref as s } from "vue";
-import { u as F } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CQxP1EIA.js";
-import { D as v } from "./DateTimeFormatInput-DkqacscY.js";
+import { u as F } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-Ck1bJG4V.js";
+import { D as v } from "./DateTimeFormatInput-D_6Ur5fc.js";
 const b = /* @__PURE__ */ c({
   __name: "DateTimeFormatPickerControl",
   props: {

package/dist/{DateTimeFormatPickerWithTypeControl-hk-FzFiP.js → DateTimeFormatPickerWithTypeControl-DU5j8t9X.js}

@@ -1,7 +1,7 @@
 import { defineComponent as v, computed as t, createElementBlock as T, openBlock as V, createVNode as r, unref as i } from "vue";
-import { u as F, _ as b } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CQxP1EIA.js";
-import { V as h } from "./ValueSwitch-BX_4vNxr.js";
-import { D as y } from "./DateTimeFormatInput-DkqacscY.js";
+import { u as F, _ as b } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-Ck1bJG4V.js";
+import { V as h } from "./ValueSwitch-2TVNrP6l.js";
+import { D as y } from "./DateTimeFormatInput-D_6Ur5fc.js";
 const D = ["id"], w = /* @__PURE__ */ v({
   __name: "DateTimeFormatPickerWithTypeControl",
   props: {

package/dist/{Dropdown-DCj9CrKC.js → Dropdown-D8Yoibbd.js}

@@ -1,23 +1,24 @@
-import { defineComponent as j, shallowRef as _, h as z, watch as B, toValue as p, computed as M, unref as U, nextTick as X, toRefs as q, ref as E, resolveComponent as V, createBlock as S, openBlock as c, withCtx as O, createElementVNode as m, normalizeClass as y, withDirectives as Q, normalizeStyle as J, createElementBlock as h, withModifiers as x, renderSlot as C, toDisplayString as D, createCommentVNode as v, withKeys as Z, createVNode as N, Fragment as w, renderList as P, createTextVNode as $, vShow as ee } from "vue";
-import { H as te, M as se, N as R, O as K, P as k, Q as ie, R as ne, T as le, G as ae, I as oe, _ as re } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CQxP1EIA.js";
-import { A as de } from "./arrow-dropdown-BHK4j8GT.js";
-import { C as ue } from "./close-W1x27NhZ.js";
+import { defineComponent as j, shallowRef as _, h as z, watch as B, toValue as p, computed as M, unref as U, nextTick as X, toRefs as q, ref as E, resolveComponent as V, createBlock as S, openBlock as c, withCtx as O, createElementVNode as m, normalizeClass as y, withDirectives as Q, normalizeStyle as J, createElementBlock as h, withModifiers as v, renderSlot as C, toDisplayString as D, createCommentVNode as x, withKeys as Z, createVNode as N, Fragment as w, renderList as P, createTextVNode as $, vShow as ee } from "vue";
+import { H as te, K as se, M as R, N as K, O as k, P as ie, Q as ne, R as le, G as ae, _ as oe } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-Ck1bJG4V.js";
+import { A as re } from "./arrow-dropdown-BHK4j8GT.js";
+import { C as de } from "./close-W1x27NhZ.js";
 /* empty css                   */
-import { u as ce } from "./useSearch-hpyYQ_6y.js";
-import { i as he } from "./hotkeys-rxnt4egK.js";
-import { d as fe, a as pe, b as me, i as ge, e as ye, h as Ve, c as xe } from "./_getTag-Bvm_nCSV.js";
+import { u as ue } from "./useSearch-hpyYQ_6y.js";
+import { i as ce } from "./hotkeys-rxnt4egK.js";
+import { d as he, a as fe, b as pe, i as me, e as ge, h as ye, c as Ve } from "./_getTag-ca92LmMG.js";
 import { i as ve } from "./isArray-WzO_os3q.js";
+import { v as xe } from "./v4-CKZ6klMF.js";
 var we = "[object Map]", be = "[object Set]", Ee = Object.prototype, Se = Ee.hasOwnProperty;
 function Oe(e) {
   if (e == null)
     return !0;
-  if (fe(e) && (ve(e) || typeof e == "string" || typeof e.splice == "function" || pe(e) || me(e) || ge(e)))
+  if (he(e) && (ve(e) || typeof e == "string" || typeof e.splice == "function" || fe(e) || pe(e) || me(e)))
     return !e.length;
-  var t = ye(e);
+  var t = ge(e);
   if (t == we || t == be)
     return !e.size;
-  if (Ve(e))
-    return !xe(e).length;
+  if (ye(e))
+    return !Ve(e).length;
   for (var s in e)
     if (Se.call(e, s))
       return !1;
@@ -147,16 +148,16 @@ Be();
 const H = "ArrowDown", L = "ArrowUp", F = "Home", W = "End", Me = "Escape", Y = "Enter", Ne = [H, L, F, W, Y], Pe = {
   name: "Dropdown",
   components: {
-    DropdownIcon: de,
+    DropdownIcon: re,
     OnClickOutside: Ce,
     FunctionButton: ae,
-    CloseIcon: ue
+    CloseIcon: de
   },
   props: {
     id: {
       type: String,
       default() {
-        return `Dropdown-${oe()}`;
+        return `Dropdown-${xe()}`;
       }
     },
     modelValue: {
@@ -245,7 +246,7 @@ const H = "ArrowDown", L = "ArrowUp", F = "Home", W = "End", Me = "Escape", Y =
         f.value || (i.value = r.value[a]);
       }
     );
-    const l = ce(
+    const l = ue(
       i,
       t,
       s,
@@ -426,7 +427,7 @@ const H = "ArrowDown", L = "ArrowUp", F = "Home", W = "End", Me = "Escape", Y =
     },
     /* NOTE: we use a single keyDown method because @keydown.up bindings are not testable. */
     handleKeyDownButton(e) {
-      this.isExpanded ? this.handleKeyDownOnExpanded(e) : he(e, Ne) && (this.expand(), e.preventDefault());
+      this.isExpanded ? this.handleKeyDownOnExpanded(e) : ce(e, Ne) && (this.expand(), e.preventDefault());
     },
     handleKeyDownOnExpanded(e) {
       e.key === H && (this.onArrowDown(), e.preventDefault()), e.key === L && (this.onArrowUp(), e.preventDefault()), e.key === W && (this.onEndKey(), e.preventDefault()), e.key === F && (this.onHomeKey(), e.preventDefault()), e.key === Me && (this.collapse(), e.preventDefault(), e.stopPropagation()), e.key === Y && (this.onEnter(), e.preventDefault());
@@ -511,7 +512,7 @@ function ze(e, t, s, n, r, i) {
             role: "searchbox",
             class: "search-input",
             type: "text",
-            onClick: t[0] || (t[0] = x(() => {
+            onClick: t[0] || (t[0] = v(() => {
             }, ["stop"])),
             onInput: t[1] || (t[1] = (u) => i.handleSearch(u.target.value))
           }, null, 40, Ae)) : i.hasOptionTemplate ? (c(), h("div", He, [
@@ -528,7 +529,7 @@ function ze(e, t, s, n, r, i) {
           m("div", Le, [
             i.hasRightIcon ? (c(), h("div", Fe, [
               C(e.$slots, "icon-right")
-            ])) : v("", !0),
+            ])) : x("", !0),
             n.isExpanded && i.nonEmptySearchValue ? (c(), S(l, {
               key: 1,
               ref: "closeButton",
@@ -536,15 +537,15 @@ function ze(e, t, s, n, r, i) {
               tabindex: "0",
               class: "button",
               compact: s.compact,
-              onKeydown: t[2] || (t[2] = Z(x(() => {
+              onKeydown: t[2] || (t[2] = Z(v(() => {
               }, ["stop"]), ["enter"])),
-              onClick: x(i.handleResetInput, ["stop"])
+              onClick: v(i.handleResetInput, ["stop"])
             }, {
               default: O(() => [
                 N(f, { class: "icon" })
               ]),
               _: 1
-            }, 8, ["compact", "onClick"])) : v("", !0),
+            }, 8, ["compact", "onClick"])) : x("", !0),
             !n.isExpanded || !i.nonEmptySearchValue ? (c(), S(l, {
               key: 2,
               class: "button",
@@ -552,7 +553,7 @@ function ze(e, t, s, n, r, i) {
               disabled: i.isDisabled,
               title: n.isExpanded ? "Cancel" : "Expand",
               tabindex: n.isExpanded ? 0 : -1,
-              onClick: x(i.toggleExpanded, ["stop"])
+              onClick: v(i.toggleExpanded, ["stop"])
             }, {
               default: O(() => [
                 N(a, {
@@ -560,7 +561,7 @@ function ze(e, t, s, n, r, i) {
                 })
               ]),
               _: 1
-            }, 8, ["compact", "disabled", "title", "tabindex", "onClick"])) : v("", !0)
+            }, 8, ["compact", "disabled", "title", "tabindex", "onClick"])) : x("", !0)
           ])
         ], 46, Re),
         Q(m("ul", {
@@ -570,7 +571,7 @@ function ze(e, t, s, n, r, i) {
           "aria-activedescendant": n.isExpanded ? i.generateId("option", i.getCurrentSelectedId()) : void 0,
           class: y({ "drops-upwards": s.direction === "up" })
         }, [
-          i.hasNoFilteredPossibleValues ? (c(), h("div", Ye, D(r.emptyState), 1)) : v("", !0),
+          i.hasNoFilteredPossibleValues ? (c(), h("div", Ye, D(r.emptyState), 1)) : x("", !0),
           (c(!0), h(w, null, P(i.orderedGroupedValues, (u, b) => (c(), h(w, { key: b }, [
             t[5] || (t[5] = m("span", { class: "group-divider" }, null, -1)),
             (c(!0), h(w, null, P(u.items, (d) => (c(), h("li", {
@@ -614,7 +615,7 @@ function ze(e, t, s, n, r, i) {
     _: 3
   }, 8, ["onTrigger"]);
 }
-const st = /* @__PURE__ */ re(Pe, [["render", ze], ["__scopeId", "data-v-0a20a161"]]);
+const it = /* @__PURE__ */ oe(Pe, [["render", ze], ["__scopeId", "data-v-0a20a161"]]);
 export {
-  st as D
+  it as D
 };

package/dist/{DropdownControl-CCP_1uip.js → DropdownControl-BfBd3vWK.js}

@@ -1,7 +1,7 @@
 import { defineComponent as s, toRef as c, computed as n, createBlock as d, openBlock as t, unref as i } from "vue";
-import { u as m } from "./usePossibleValues-mDlctZMJ.js";
-import { L as r } from "./LoadingDropdown-BI_31sRO.js";
-import { I as b } from "./InputField-Dvezbm7O.js";
+import { u as m } from "./usePossibleValues-CiGqKaG5.js";
+import { L as r } from "./LoadingDropdown-CWyyD3J2.js";
+import { I as b } from "./InputField-CoRMHJBB.js";
 const p = /* @__PURE__ */ s({
   __name: "DropdownControl",
   props: {

package/dist/{HorizontalLayout-BYLOtJxA.js → HorizontalLayout-8bGY4zyH.js}

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

package/dist/{InputField-Dvezbm7O.js → InputField-CoRMHJBB.js}

@@ -1,6 +1,6 @@
 /* empty css                   */
 import { createElementBlock as i, openBlock as s, normalizeClass as r, createCommentVNode as u, createElementVNode as o, renderSlot as d, mergeProps as f } from "vue";
-import { _ as p } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CQxP1EIA.js";
+import { _ as p } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-Ck1bJG4V.js";
 const c = {
   name: "InputField",
   props: {

package/dist/{IntegerControl-CVJrLhsi.js → IntegerControl-BImNd6JT.js}

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

package/dist/{IntervalControl-CkUZmAS3.js → IntervalControl-1lk5KcOz.js}

@@ -1,8 +1,8 @@
-import { createElementBlock as E, openBlock as m, renderSlot as Te, createCommentVNode as B, toDisplayString as O, createElementVNode as v, defineComponent as F, mergeModels as G, useModel as k, computed as R, Fragment as N, withDirectives as $, createBlock as J, createVNode as h, vShow as b, renderList as K, unref as c, withCtx as X, createTextVNode as he, ref as T, watch as W, normalizeClass as xe, withKeys as ye, vModelText as De, normalizeStyle as _e } from "vue";
-import { _ as H, G as Me, H as Pe, Z as $e, u as Re } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CQxP1EIA.js";
+import { createElementBlock as E, openBlock as m, renderSlot as Te, createCommentVNode as B, toDisplayString as O, createElementVNode as v, defineComponent as F, mergeModels as G, useModel as k, computed as R, Fragment as N, withDirectives as $, createBlock as J, createVNode as h, vShow as b, renderList as X, unref as c, withCtx as K, createTextVNode as he, ref as T, watch as W, normalizeClass as xe, withKeys as ye, vModelText as De, normalizeStyle as _e } from "vue";
+import { _ as H, G as Me, H as Pe, X as $e, u as Re } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-Ck1bJG4V.js";
 import { u as Ae, a as we, s as be, f as Ne, o as Ve } from "./floating-ui.vue-Fx4CxKut.js";
-import { N as q } from "./NumberInput-BNOfmKVa.js";
-import { V as Z } from "./ValueSwitch-BX_4vNxr.js";
+import { N as q } from "./NumberInput-Cpk7uKU9.js";
+import { V as z } from "./ValueSwitch-2TVNrP6l.js";
 const Se = {
   name: "Tooltip",
   props: {
@@ -36,18 +36,18 @@ const ke = /* @__PURE__ */ H(Se, [["render", Ge], ["__scopeId", "data-v-64e1cb84
     seconds: parseInt(t[3] ?? "0", 10),
     milliseconds: a
   };
-}, z = (e) => e.type === "DATE" ? e.interval.years === 0 && e.interval.months === 0 && e.interval.weeks === 0 && e.interval.days === 0 : e.interval.hours === 0 && e.interval.minutes === 0 && e.interval.seconds === 0 && e.interval.milliseconds === 0, V = (e) => {
+}, L = (e) => e.type === "DATE" ? e.interval.years === 0 && e.interval.months === 0 && e.interval.weeks === 0 && e.interval.days === 0 : e.interval.hours === 0 && e.interval.minutes === 0 && e.interval.seconds === 0 && e.interval.milliseconds === 0, V = (e) => {
   let t = "P";
   return e.type === "DATE" ? t += `${e.interval.years}Y${e.interval.months}M${e.interval.weeks}W${e.interval.days}D` : t += `T${e.interval.hours}H${e.interval.minutes}M${e.interval.seconds}.${e.interval.milliseconds.toString().padStart(3, "0")}S`, e.interval.negative && (t = `-${t}`), t;
 }, P = (e) => {
   const t = (n, i) => n === 0 ? "" : n === 1 ? `${n} ${i} ` : `${n} ${i}s `;
   let a = "";
   if (e.type === "DATE") {
-    if (z(e))
+    if (L(e))
       return "0 days";
     a += t(e.interval.years, "year"), a += t(e.interval.months, "month"), a += t(e.interval.weeks, "week"), a += t(e.interval.days, "day");
   } else {
-    if (z(e))
+    if (L(e))
       return "0 seconds";
     a += t(e.interval.hours, "hour"), a += t(e.interval.minutes, "minute");
     const n = e.interval.milliseconds === 0;
@@ -134,7 +134,7 @@ const ke = /* @__PURE__ */ H(Se, [["render", Ge], ["__scopeId", "data-v-64e1cb84
   } catch {
     return { valid: !1 };
   }
-}, Ke = (e) => {
+}, Xe = (e) => {
   const t = ve(e, "DATE_OR_TIME"), a = ce(
     e,
     "DATE_OR_TIME"
@@ -147,7 +147,7 @@ const ke = /* @__PURE__ */ H(Se, [["render", Ge], ["__scopeId", "data-v-64e1cb84
 }, S = (e, t) => {
   const a = ve(e, t), n = ce(e, t);
   return a.valid ? a : n.valid ? n : { valid: !1 };
-}, Xe = {
+}, Ke = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   stroke: "#000",
@@ -155,16 +155,16 @@ const ke = /* @__PURE__ */ H(Se, [["render", Ge], ["__scopeId", "data-v-64e1cb84
   viewBox: "0 0 32 32"
 };
 function We(e, t) {
-  return m(), E("svg", Xe, [...t[0] || (t[0] = [
+  return m(), E("svg", Ke, [...t[0] || (t[0] = [
     v("path", { d: "m19.7 17-4.6-2.6V8.7m6.3 15.6h8.7m-3.2-3.2 3.2 3.2-3.2 3.2m-18-5.4c-2.2-1.8-3.6-4.6-3.6-7.7 0-5.5 4.4-9.9 9.9-9.9S25 8.9 25 14.4s-4.4 9.9-9.9 9.9H1.9" }, null, -1)
   ])]);
 }
-const qe = { render: We }, L = [
+const qe = { render: We }, Y = [
   "years",
   "months",
   "weeks",
   "days"
-], Y = [
+], Z = [
   "hours",
   "minutes",
   "seconds",
@@ -190,7 +190,7 @@ const qe = { render: We }, L = [
 } : {
   ...t,
   durationPart: e.interval
-}, C = (e) => e.charAt(0).toUpperCase() + e.slice(1).toLowerCase(), Ze = { class: "header" }, ze = { class: "ascending-descending-switch-container" }, Le = { class: "input-grid" }, Ye = { class: "input-label" }, je = { class: "input-label" }, Je = { class: "accept-controls" }, Qe = /* @__PURE__ */ F({
+}, C = (e) => e.charAt(0).toUpperCase() + e.slice(1).toLowerCase(), ze = { class: "header" }, Le = { class: "ascending-descending-switch-container" }, Ye = { class: "input-grid" }, Ze = { class: "input-label" }, je = { class: "input-label" }, Je = { class: "accept-controls" }, Qe = /* @__PURE__ */ F({
   __name: "IntervalInputPopoverContent",
   props: /* @__PURE__ */ G({
     format: {},
@@ -208,7 +208,7 @@ const qe = { render: We }, L = [
   emits: /* @__PURE__ */ G(["commit"], ["update:usedFormat", "update:modelValue"]),
   setup(e, { emit: t }) {
     const a = t, n = e, i = k(e, "usedFormat"), r = k(e, "modelValue"), d = R(() => {
-      const p = i.value === "DATE" ? L : Y, u = i.value === "DATE" ? p.map(
+      const p = i.value === "DATE" ? Y : Z, u = i.value === "DATE" ? p.map(
         (l) => r.value.periodPart[l]
       ) : p.map(
         (l) => r.value.durationPart[l]
@@ -238,9 +238,9 @@ const qe = { render: We }, L = [
       );
     };
     return (p, u) => (m(), E(N, null, [
-      v("span", Ze, [
+      v("span", ze, [
         u[2] || (u[2] = v("span", { class: "input-title" }, "Interval", -1)),
-        n.format === "DATE_OR_TIME" ? (m(), J(Z, {
+        n.format === "DATE_OR_TIME" ? (m(), J(z, {
           key: 0,
           modelValue: i.value,
           "onUpdate:modelValue": u[0] || (u[0] = (l) => i.value = l),
@@ -251,8 +251,8 @@ const qe = { render: We }, L = [
           compact: ""
         }, null, 8, ["modelValue"])) : B("", !0)
       ]),
-      $(v("div", ze, [
-        h(Z, {
+      $(v("div", Le, [
+        h(z, {
           modelValue: I.value,
           "onUpdate:modelValue": u[1] || (u[1] = (l) => I.value = l),
           compact: "",
@@ -264,12 +264,12 @@ const qe = { render: We }, L = [
       ], 512), [
         [b, e.allowDescending]
       ]),
-      v("div", Le, [
-        (m(!0), E(N, null, K(c(L), (l) => $((m(), E("span", {
+      v("div", Ye, [
+        (m(!0), E(N, null, X(c(Y), (l) => $((m(), E("span", {
           key: l,
           class: "labeled-date-time-input"
         }, [
-          v("span", Ye, O(c(C)(l)), 1),
+          v("span", Ze, O(c(C)(l)), 1),
           h(q, {
             modelValue: r.value.periodPart[l],
             "onUpdate:modelValue": (g) => r.value.periodPart[l] = g,
@@ -281,7 +281,7 @@ const qe = { render: We }, L = [
         ], 512)), [
           [b, i.value === "DATE"]
         ])), 128)),
-        (m(!0), E(N, null, K(c(Y), (l) => $((m(), E("span", {
+        (m(!0), E(N, null, X(c(Z), (l) => $((m(), E("span", {
           key: l,
           class: "labeled-date-time-input"
         }, [
@@ -304,13 +304,13 @@ const qe = { render: We }, L = [
         h(ke, {
           text: d.value.valid ? "" : d.value.reason
         }, {
-          default: X(() => [
+          default: K(() => [
             h(Me, {
               primary: "",
               disabled: !d.value.valid,
               onClick: D
             }, {
-              default: X(() => [...u[3] || (u[3] = [
+              default: K(() => [...u[3] || (u[3] = [
                 he(" Set ", -1)
               ])]),
               _: 1
@@ -401,7 +401,7 @@ const qe = { render: We }, L = [
       );
       if (!s.valid || !t.allowDescending && s.negative || s.type !== n.value && t.format !== "DATE_OR_TIME")
         return;
-      const f = Ke(
+      const f = Xe(
         o
       );
       r.value = w(

package/dist/Label-Bv_WwkcY.js

@@ -0,0 +1,76 @@
+import { createElementBlock as l, openBlock as a, createCommentVNode as o, renderSlot as n, toDisplayString as d, normalizeClass as s } from "vue";
+import { _ as i } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-Ck1bJG4V.js";
+import { v as u } from "./v4-CKZ6klMF.js";
+const f = {
+  name: "Label",
+  inject: {
+    largeLabels: {
+      // provided e.g. by Fieldset.vue
+      default: !1
+    }
+  },
+  props: {
+    generateId: {
+      type: Boolean,
+      default: !0
+    },
+    idPrefix: {
+      type: String,
+      default: "comp"
+    },
+    text: {
+      default: "",
+      type: String
+    },
+    /**
+     * smaller font size and margin
+     */
+    large: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Whether to show the label or only its content.
+     */
+    active: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["labelForId"],
+  data() {
+    return {
+      labelForId: u()
+    };
+  },
+  computed: {
+    labelFor() {
+      return this.generateId ? `${this.idPrefix}-${this.labelForId}` : null;
+    },
+    labelId() {
+      return this.generateId ? `label-${this.labelFor}` : null;
+    },
+    isLarge() {
+      return this.large || this.largeLabels;
+    }
+  },
+  mounted() {
+    this.$emit("labelForId", this.labelFor);
+  }
+}, c = { class: "label-wrapper" }, b = ["id", "for", "textContent"];
+function m(r, p, t, _, g, e) {
+  return a(), l("div", c, [
+    t.active ? (a(), l("label", {
+      key: 0,
+      id: e.labelId,
+      for: e.labelFor,
+      class: s(["label-text", { large: e.isLarge }]),
+      textContent: d(t.text)
+    }, null, 10, b)) : o("", !0),
+    n(r.$slots, "default", { labelForId: e.labelFor }, void 0, !0)
+  ]);
+}
+const x = /* @__PURE__ */ i(f, [["render", m], ["__scopeId", "data-v-9887bcbf"]]);
+export {
+  x as L
+};

package/dist/{LoadingDropdown-BI_31sRO.js → LoadingDropdown-CWyyD3J2.js}

@@ -1,7 +1,7 @@
 import { defineComponent as k, computed as s, createBlock as r, openBlock as o, unref as n, mergeProps as I, withCtx as y, createCommentVNode as b, createElementBlock as p, normalizeClass as N, Fragment as i, createVNode as L, createElementVNode as V, toDisplayString as d, createTextVNode as T } from "vue";
-import { V as f, _ as w } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CQxP1EIA.js";
-import { D as B } from "./Dropdown-DCj9CrKC.js";
-import { L as C } from "./LoadingIcon-DlQBrbLr.js";
+import { T as f, _ as w } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-Ck1bJG4V.js";
+import { D as B } from "./Dropdown-D8Yoibbd.js";
+import { L as C } from "./LoadingIcon-smgH1pv7.js";
 const D = /* @__PURE__ */ k({
   __name: "LoadingDropdown",
   props: {

package/dist/{LoadingIcon-DlQBrbLr.js → LoadingIcon-smgH1pv7.js}

@@ -1,6 +1,6 @@
 import { h as r, defineComponent as c, createBlock as s, openBlock as i, unref as a } from "vue";
 import { R as d } from "./reload-eCPBqeDa.js";
-import { _ } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CQxP1EIA.js";
+import { _ } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-Ck1bJG4V.js";
 const p = (t, o) => ({
   render() {
     const e = t.render({}, []), n = r("title", o);

package/dist/{ManualTwinlistControl-DZnXKbOp.js → ManualTwinlistControl-C0JsrznZ.js}

@@ -1,9 +1,9 @@
 import { defineComponent as C, toRef as c, computed as a, markRaw as I, createBlock as k, openBlock as F, unref as r, mergeProps as x } from "vue";
 import { m as T } from "./index-Blg1O3Fz.js";
-import { u as L, a as U } from "./usePossibleValues-mDlctZMJ.js";
-import { T as z, a as M } from "./TwinlistLoadingInfo-CEKS8EK-.js";
-import { u as B } from "./MultimodeTwinlistControl.vue_vue_type_style_index_0_scoped_0aa76d2b_lang-DQ6N2rm-.js";
-import { _ as D } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-CQxP1EIA.js";
+import { u as L, a as U } from "./usePossibleValues-CiGqKaG5.js";
+import { T as z, a as M } from "./TwinlistLoadingInfo-B2wc2FFq.js";
+import { u as B } from "./MultimodeTwinlistControl.vue_vue_type_style_index_0_scoped_0aa76d2b_lang-BTcpvBU1.js";
+import { _ as D } from "./SectionHeading.vue_vue_type_style_index_0_scoped_2310b6b8_lang-Ck1bJG4V.js";
 const _ = /* @__PURE__ */ C({
   __name: "ManualTwinlistControl",
   props: {

package/dist/{MultiSelectListBoxControl-CI5uZ6q4.js → MultiSelectListBoxControl-CtUKcCOW.js}

@@ -1,6 +1,6 @@
 import { defineComponent as t, toRef as i, createBlock as n, openBlock as s, unref as l } from "vue";
-import { u as d } from "./usePossibleValues-mDlctZMJ.js";
-import { M as u } from "./MultiselectListBox-Dl_jpzqo.js";
+import { u as d } from "./usePossibleValues-CiGqKaG5.js";
+import { M as u } from "./MultiselectListBox-d4Bi56Ay.js";
 const f = /* @__PURE__ */ t({
   __name: "MultiSelectListBoxControl",
   props: {