@knime/jsonforms 2.1.1 → 3.1.0

package/dist/toKdsPossibleValues-Dd_qzlUI.js

@@ -0,0 +1,14 @@
+//#region src/uiComponents/twinlist/toKdsPossibleValues.ts
+var e = (e) => e.map((e) => ({
+	id: e.id,
+	text: e.text,
+	...e.type ? {
+		type: e.type.id,
+		accessory: {
+			type: "dataType",
+			name: e.type.id
+		}
+	} : {}
+}));
+//#endregion
+export { e as t };

package/dist/useBuiltinValidations-B_Drc2y-.js

@@ -0,0 +1,43 @@
+import { n as e } from "./useProvidedState-478_KXOe.js";
+import { computed as t, onUnmounted as n, toRef as r } from "vue";
+//#region src/uiComponents/composables/useBuiltinValidations.ts
+var i = (e = {}) => e.validation || null, a = (e) => e.replace(/^validation\./, ""), o = (t) => {
+	let n = (t.providedOptions ?? []).filter((e) => e.startsWith("validation."));
+	return n.length === 0 ? null : n.reduce((n, i) => ({
+		...n,
+		[a(i)]: e(r(t), i)
+	}), {});
+}, s = (e) => Object.entries(e), c = (e, t) => {
+	let n = s(e).map(([e, { parameters: n, errorMessage: r }]) => ({
+		validate: t[e](n),
+		errorMessage: r
+	}));
+	return (e) => ({ errors: n.filter(({ validate: t }) => !t(e)).map(({ errorMessage: e }) => e) });
+}, l = (e, t, n) => e === null ? null : c({ [t]: e }, n), u = (e, n, r, i) => {
+	let a = [];
+	if (e) {
+		let t = c(e, r);
+		a.push(i(t));
+	}
+	return n && s(n).map(([e, n]) => t(() => l(n.value, e, r))).map(i).forEach((e) => a.push(e)), a;
+}, d = ({ validations: e, providedValidations: n }) => {
+	let r = s(e || {}).reduce((e, [t, { parameters: n }]) => ({
+		...e,
+		[t]: n
+	}), {});
+	return t(() => n === null ? r : s(n).map(([e, t]) => ({
+		key: e,
+		providedValidation: t.value
+	})).filter(({ providedValidation: e }) => e !== null).reduce((e, { key: t, providedValidation: n }) => ({
+		...e,
+		[t]: n.parameters
+	}), r));
+}, f = (e, t) => {
+	let { uischema: r } = t.control, { options: a } = r, s = i(a), c = o(r), l = u(s, c, e, t.onRegisterValidation);
+	return n(() => l.forEach((e) => e())), d({
+		validations: s,
+		providedValidations: c
+	});
+};
+//#endregion
+export { f as t };

package/dist/usePossibleValues-Cx6iSt_X.js

@@ -0,0 +1,15 @@
+import { n as e } from "./useProvidedState-478_KXOe.js";
+import { computed as t } from "vue";
+//#region src/uiComponents/composables/usePossibleValues.ts
+var n = (n, r) => {
+	let i = t(() => n.value.uischema), a = e(i, "possibleValues");
+	return { possibleValues: t(() => i.value.providedOptions?.includes("possibleValues") ? a.value : i.value.options?.possibleValues ?? (r?.defaultOnNonProvided === void 0 ? [] : r?.defaultOnNonProvided)) };
+}, r = (e) => {
+	let n = t(() => e.value.uischema.options);
+	return {
+		includedLabel: n.value?.includedLabel ?? "Includes",
+		excludedLabel: n.value?.excludedLabel ?? "Excludes"
+	};
+};
+//#endregion
+export { n, r as t };

package/dist/useProvidedState-478_KXOe.js

@@ -0,0 +1,26 @@
+import { t as e } from "./inject-DEsHVs5q.js";
+import { onMounted as t, ref as n, unref as r } from "vue";
+//#region src/uiComponents/composables/useProvidedState.ts
+var i = (i, a, o = null) => {
+	let s = e("addStateProviderListener"), c = n(i.value.options?.[a] ?? o), l = r(i), u = "scope" in l ? { scope: l.scope } : { id: l.id };
+	return t(() => {
+		(i.value.providedOptions ?? []).includes(a) && s({
+			...u,
+			providedOptionName: a
+		}, (e) => {
+			c.value = e;
+		});
+	}), c;
+}, a = (i, a, o = null) => {
+	let s = e("addStateProviderListener"), c = n(o), l = r(i);
+	return t(() => {
+		s({
+			...l,
+			providedOptionName: a
+		}, (e) => {
+			c.value = e;
+		});
+	}), c;
+};
+//#endregion
+export { i as n, a as t };

package/dist/useUnknownValuesInTwinlist-BvCTc3hC.js

@@ -0,0 +1,205 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { n as t, r as n, t as r } from "./utils-DmZLgn8X.js";
+import { n as i, t as a } from "./usePossibleValues-Cx6iSt_X.js";
+import { t as o } from "./toKdsPossibleValues-Dd_qzlUI.js";
+import { computed as s, createBlock as c, defineComponent as l, mergeProps as u, openBlock as d, ref as f, toRef as p, unref as m, watch as h } from "vue";
+import { KdsTwinList as g, kdsTwinListSearchMode as _ } from "@knime/kds-components";
+//#region src/uiComponents/twinlist/MultimodeTwinlistControl.vue?vue&type=script&setup=true&lang.ts
+var v = /*@__PURE__*/ l({
+	__name: "MultimodeTwinlistControl",
+	props: {
+		control: {},
+		handleChange: {},
+		changeValue: {},
+		disabled: { type: Boolean },
+		error: { type: Boolean },
+		subText: {},
+		onRegisterValidation: {},
+		labelForId: {},
+		showUnknownValues: {
+			type: Boolean,
+			default: !1
+		},
+		showTypeFilter: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		let t = e, { possibleValues: r } = i(p(t, "control")), { excludedLabel: l, includedLabel: f } = a(p(t, "control")), { selectedAndDeselected: h, setCurrentManualFilter: v } = S({
+			data: s(() => t.control.data),
+			possibleValueIds: s(() => r.value?.map(({ id: e }) => e) ?? null)
+		}), y = (e) => {
+			let r = n(t.control.data, e);
+			t.changeValue(r), v(r.manualFilter);
+		}, b = s(() => o(r.value ?? [])), x = null, C = () => {
+			if (x !== null) {
+				let e = x;
+				x = null, y(e);
+			}
+		}, w = (e) => {
+			x === null ? (x = e, queueMicrotask(C)) : x = n(x, e);
+		}, T = (e) => {
+			w({
+				manualFilter: { manuallySelected: e },
+				selected: e
+			});
+		}, E = (e) => {
+			w({ manualFilter: { manuallyDeselected: e } });
+		}, D = (e) => {
+			e !== null && w({ manualFilter: { includeUnknownColumns: e } });
+		}, O = s(() => {
+			switch (t.control.data.mode.toUpperCase()) {
+				case "WILDCARD":
+				case "REGEX": return _.PATTERN;
+				case "TYPE": return _.TYPE;
+				default: return _.MANUAL;
+			}
+		}), k = s(() => t.control.data.mode.toUpperCase() === "REGEX"), A = (e) => {
+			let t;
+			switch (e) {
+				case _.PATTERN:
+					t = k.value ? "REGEX" : "WILDCARD";
+					break;
+				case _.TYPE:
+					t = "TYPE";
+					break;
+				default: t = "MANUAL";
+			}
+			y({ mode: t });
+		}, j = (e) => {
+			O.value === _.PATTERN && y({ mode: e ? "REGEX" : "WILDCARD" });
+		}, M = (e) => {
+			y({ patternFilter: { pattern: e } });
+		}, N = (e) => {
+			y({ patternFilter: { isInverted: e } });
+		}, P = (e) => {
+			y({ patternFilter: { isCaseSensitive: e } });
+		}, F = () => {
+			let e = t.control.data.typeFilter;
+			if (!e) return [];
+			let n = e.selectedTypes, r = new Map((e.typeDisplays ?? []).map(({ id: e, text: t }) => [e, t]));
+			return n.map((e) => ({
+				id: e,
+				text: r.get(e) || e
+			}));
+		}, I = s(() => {
+			if (!t.showTypeFilter) return;
+			let e = /* @__PURE__ */ new Map();
+			return r.value?.forEach((t) => {
+				t.type && e.set(t.type.id, t.type.text);
+			}), F().forEach(({ id: t, text: n }) => {
+				e.has(t) || e.set(t, n);
+			}), [...e.entries()].map(([e, t]) => ({
+				id: e,
+				text: t,
+				accessory: {
+					type: "dataType",
+					name: e
+				}
+			}));
+		}), L = (e) => {
+			let t = (I.value ?? []).filter((t) => e.includes(t.id)).map(({ id: e, text: t }) => ({
+				id: e,
+				text: t
+			}));
+			y({ typeFilter: {
+				selectedTypes: e,
+				typeDisplays: t
+			} });
+		};
+		return (n, r) => (d(), c(m(g), u(n.$attrs, {
+			id: e.labelForId,
+			ariaLabel: e.control.label,
+			disabled: e.disabled,
+			mode: O.value,
+			"manually-included": m(h).selected ?? [],
+			"manually-excluded": m(h).deselected ?? [],
+			"include-unknown-values": t.showUnknownValues ? t.control.data.manualFilter.includeUnknownColumns : null,
+			pattern: e.control.data.patternFilter.pattern,
+			"case-sensitive": e.control.data.patternFilter.isCaseSensitive,
+			"exclude-matches": e.control.data.patternFilter.isInverted,
+			"use-regex": k.value,
+			"selected-types": e.control.data.typeFilter?.selectedTypes ?? [],
+			"possible-values": b.value,
+			"filter-types": I.value,
+			"enable-pattern-filter": !0,
+			loading: m(h).selected === null,
+			"exclude-label": m(l),
+			"include-label": m(f),
+			error: e.error,
+			"sub-text": e.subText,
+			"onUpdate:mode": A,
+			"onUpdate:manuallyIncluded": T,
+			"onUpdate:manuallyExcluded": E,
+			"onUpdate:includeUnknownValues": D,
+			"onUpdate:pattern": M,
+			"onUpdate:caseSensitive": P,
+			"onUpdate:excludeMatches": N,
+			"onUpdate:useRegex": j,
+			"onUpdate:selectedTypes": L
+		}), null, 16, [
+			"id",
+			"ariaLabel",
+			"disabled",
+			"mode",
+			"manually-included",
+			"manually-excluded",
+			"include-unknown-values",
+			"pattern",
+			"case-sensitive",
+			"exclude-matches",
+			"use-regex",
+			"selected-types",
+			"possible-values",
+			"filter-types",
+			"loading",
+			"exclude-label",
+			"include-label",
+			"error",
+			"sub-text"
+		]));
+	}
+}), y = /* @__PURE__ */ e({ default: () => b }), b = v, x = ({ knownValuesSide: e, possibleValueIds: n, unknownValuesSide: i }) => {
+	let a = new Set(e.previous), o = new Set(n), s = (e) => t(e, o);
+	i.setNext([...s(i.previous), ...t(n, a)]), e.setNext([...s(e.previous), ...r(n, a)]);
+}, S = ({ data: e, possibleValueIds: t }) => {
+	let n = f({
+		selected: null,
+		deselected: null
+	}), r = f(null), i = (e) => {
+		r.value = e;
+	}, a = () => {
+		if (!r.value || !t.value) return;
+		let e, i, { manuallyDeselected: a, manuallySelected: o, includeUnknownColumns: s } = r.value, c = {
+			previous: a,
+			setNext: (t) => {
+				e = t;
+			}
+		}, l = {
+			previous: o,
+			setNext: (e) => {
+				i = e;
+			}
+		}, u = s ? c : l, d = s ? l : c;
+		x({
+			possibleValueIds: t.value,
+			knownValuesSide: u,
+			unknownValuesSide: d
+		}), n.value = {
+			selected: i,
+			deselected: e
+		};
+	};
+	return h(() => e.value.manualFilter, (e) => {
+		Object.is(r.value, e) ? n.value = {
+			selected: e.manuallySelected,
+			deselected: e.manuallyDeselected
+		} : (r.value = e, a());
+	}, { immediate: !0 }), h(() => t.value, a, { immediate: !0 }), {
+		selectedAndDeselected: n,
+		setCurrentManualFilter: i
+	};
+};
+//#endregion
+export { b as n, y as r, S as t };

package/dist/utils-DmZLgn8X.js

@@ -0,0 +1,12 @@
+//#region src/utils/index.ts
+var e = ({ const: e, title: t }) => ({
+	id: e,
+	text: t
+}), t = (e) => e && typeof e == "object" && !Array.isArray(e), n = (e, r) => {
+	let i = { ...e };
+	return t(r) && Object.keys(r).forEach((a) => {
+		t(r[a]) ? t(e) && !(a in e) ? Object.assign(i, { [a]: r[a] }) : i[a] = n(e[a], r[a]) : Object.assign(i, { [a]: r[a] });
+	}), i;
+}, r = (e, t) => n(e, t), i = (e, t) => e.filter((e) => !t.has(e)), a = (e, t) => e.filter((e) => t.has(e));
+//#endregion
+export { e as i, i as n, r, a as t };

package/package.json

@@ -1,48 +1,49 @@
 {
   "name": "@knime/jsonforms",
-  "version": "2.1.1",
-  "description": "Internal JSON Forms integration for frontend KNIME projects",
+  "version": "3.1.0",
+  "description": "JSONForms integration for KNIME frontends",
   "repository": {
     "type": "git",
-    "url": "https://github.com/knime/webapps-common.git",
+    "url": "https://github.com/knime/knime-designsystem.git",
     "directory": "packages/jsonforms"
   },
-  "homepage": "https://knime.github.io/webapps-common/",
+  "homepage": "https://knime.github.io/knime-designsystem/",
   "license": "GPL 3 and Additional Permissions according to Sec. 7 (SEE the file LICENSE)",
   "author": "KNIME AG, Zurich, Switzerland",
   "type": "module",
   "dependencies": {
-    "@jsonforms/core": "3.4.0",
-    "@jsonforms/vue": "3.4.0",
-    "@jsonforms/vue-vanilla": "3.4.0",
-    "@knime/kds-components": "1.2.1",
-    "@knime/kds-rich-text-editor": "1.2.1",
-    "ajv": "8.18.0",
+    "@jsonforms/core": "3.8.0",
+    "@jsonforms/vue": "3.8.0",
+    "ajv": "8.20.0",
     "temporal-polyfill": "^1.0.1",
-    "uuid": "14.0.0",
-    "@knime/components": "1.46.7",
-    "@knime/styles": "1.15.1",
-    "@knime/utils": "1.11.1"
+    "@knime/kds-components": "^2.5.0",
+    "@knime/kds-rich-text-editor": "^2.5.0",
+    "@knime/utils": "^1.12.1"
   },
   "peerDependencies": {
-    "consola": "3.x",
+    "@vueuse/core": "~13.8.0",
+    "consola": "^3.4.2",
     "vue": "~3.5.0"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^6.0.1",
-    "@vue/test-utils": "2.4.6",
-    "consola": "3.4.2",
-    "lodash-es": "4.18.1",
-    "modern-normalize": "3.0.1",
-    "postcss": "8.5.10",
+    "@storybook/addon-docs": "^10.4.6",
+    "@storybook/vue3-vite": "^10.4.6",
+    "@vitejs/plugin-vue": "^6.0.7",
+    "@vitest/coverage-v8": "^4.1.9",
+    "@vue/test-utils": "^2.4.11",
+    "@vue/tsconfig": "^0.9.1",
+    "@vueuse/core": "~14.3.0",
+    "consola": "^3.4.2",
+    "storybook": "^10.4.6",
     "type-fest": "4.26.1",
-    "typescript": "^5.9.3",
-    "vite": "^7.3.5",
-    "vite-plugin-dts": "4.5.4",
-    "vite-svg-loader": "5.1.0",
-    "vitest": "4.1.5",
-    "vue": "~3.5.18",
-    "vue-tsc": "3.0.4"
+    "typescript": "^6.0.3",
+    "vite": "^8.1.3",
+    "vite-plugin-dts": "^5.0.3",
+    "vite-svg-loader": "^5.1.1",
+    "vitest": "^4.1.9",
+    "vue": "3.5.39",
+    "vue-tsc": "^3.3.4",
+    "@knime/kds-styles": "^2.5.0"
   },
   "exports": {
     ".": {
@@ -60,11 +61,12 @@
     "CHANGELOG.md"
   ],
   "engines": {
-    "node": ">=22 <25"
+    "node": "24.10.0",
+    "npm": "please-use-pnpm"
   },
   "scripts": {
-    "dev": "vite",
     "build": "vite build",
+    "type-check": "vue-tsc --build",
     "test:unit": "vitest",
     "test:integration": "vitest --mode integration",
     "coverage:unit": "vitest run --coverage",

package/dist/AnyOfTwinlist-BquVq8AS.js

@@ -1,23 +0,0 @@
-import { defineComponent as s, openBlock as p, createBlock as t, mergeProps as r, unref as a } from "vue";
-import { o as l } from "./index-Blg1O3Fz.js";
-import { _ as i } from "./TwinlistControlBase.vue_vue_type_script_setup_true_lang-BpwYc4Ax.js";
-const d = /* @__PURE__ */ s({
-  __name: "AnyOfTwinlist",
-  props: {
-    control: {},
-    handleChange: { type: Function },
-    changeValue: { type: Function },
-    disabled: { type: Boolean },
-    error: { type: Boolean },
-    subText: {},
-    onRegisterValidation: { type: Function },
-    labelForId: {}
-  },
-  setup(e) {
-    const o = e.control.schema.anyOf.map(l);
-    return (n, u) => (p(), t(i, r(n.$props, { "possible-values": a(o) }), null, 16, ["possible-values"]));
-  }
-});
-export {
-  d as default
-};

package/dist/CheckboxControl-Am9U-bYD.js

@@ -1,40 +0,0 @@
-import { defineComponent as r, ref as s, openBlock as d, createElementBlock as u, createElementVNode as c, createVNode as i, unref as b, renderSlot as a } from "vue";
-import { $ as v, _ as m } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-D7lL4y23.js";
-const f = { class: "checkbox-container" }, x = /* @__PURE__ */ r({
-  __name: "CheckboxControl",
-  props: {
-    control: {},
-    handleChange: { type: Function },
-    changeValue: { type: Function },
-    disabled: { type: Boolean },
-    labelForId: {},
-    error: { type: Boolean },
-    subText: {},
-    onRegisterValidation: { type: Function }
-  },
-  setup(e) {
-    const t = s(!1);
-    return (n, o) => (d(), u("div", {
-      class: "checkbox-input",
-      onMouseover: o[1] || (o[1] = (l) => t.value = !0),
-      onMouseleave: o[2] || (o[2] = (l) => t.value = !1)
-    }, [
-      c("div", f, [
-        i(b(v), {
-          class: "checkbox",
-          disabled: e.disabled,
-          "model-value": e.control.data,
-          label: e.control.label,
-          error: e.error,
-          "sub-text": e.subText,
-          "onUpdate:modelValue": o[0] || (o[0] = (l) => e.changeValue(l === !0))
-        }, null, 8, ["disabled", "model-value", "label", "error", "sub-text"]),
-        a(n.$slots, "icon", {}, void 0, !0)
-      ]),
-      a(n.$slots, "buttons", { hover: t.value }, void 0, !0)
-    ], 32));
-  }
-}), p = /* @__PURE__ */ m(x, [["__scopeId", "data-v-4f590a2d"]]);
-export {
-  p as default
-};

package/dist/CheckboxesControl-BspIlIbB.js

@@ -1,39 +0,0 @@
-import { defineComponent as u, computed as l, ref as r, toRef as c, onMounted as i, openBlock as d, createBlock as m, unref as p, createCommentVNode as b } from "vue";
-import { M as f } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-D7lL4y23.js";
-import { o as h } from "./index-Blg1O3Fz.js";
-import { u as v } from "./usePossibleValues-BA8iHFUA.js";
-const F = /* @__PURE__ */ u({
-  __name: "CheckboxesControl",
-  props: {
-    control: {},
-    handleChange: { type: Function },
-    changeValue: { type: Function },
-    disabled: { type: Boolean },
-    error: { type: Boolean },
-    subText: {},
-    onRegisterValidation: { type: Function },
-    labelForId: {}
-  },
-  setup(e) {
-    const o = e, n = l(
-      () => o.control.uischema.options?.checkboxLayout
-    ), t = r(null), { possibleValues: s } = v(c(o, "control")), a = l(() => t.value ?? s.value);
-    return i(() => {
-      t.value = o.control.schema.anyOf ? o.control.schema.anyOf.map(h) : null;
-    }), (x, y) => a.value ? (d(), m(p(f), {
-      key: 0,
-      id: e.labelForId,
-      class: "checkboxes",
-      "possible-values": a.value,
-      alignment: n.value,
-      disabled: e.disabled,
-      "model-value": e.control.data,
-      error: e.error,
-      "sub-text": e.subText,
-      "onUpdate:modelValue": e.changeValue
-    }, null, 8, ["id", "possible-values", "alignment", "disabled", "model-value", "error", "sub-text", "onUpdate:modelValue"])) : b("", !0);
-  }
-});
-export {
-  F as default
-};

package/dist/ColorControl-BHUfVY4p.js

@@ -1,29 +0,0 @@
-import { defineComponent as a, openBlock as o, createBlock as l, unref as t } from "vue";
-import { O as n } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-D7lL4y23.js";
-const c = /* @__PURE__ */ a({
-  __name: "ColorControl",
-  props: {
-    control: {},
-    handleChange: { type: Function },
-    changeValue: { type: Function },
-    disabled: { type: Boolean },
-    error: { type: Boolean },
-    subText: {},
-    onRegisterValidation: { type: Function },
-    labelForId: {}
-  },
-  setup(e) {
-    return (r, d) => (o(), l(t(n), {
-      id: e.labelForId,
-      ariaLabel: e.control.label,
-      "model-value": e.control.data ?? "",
-      disabled: e.disabled,
-      error: e.error,
-      "sub-text": e.subText,
-      "onUpdate:modelValue": e.changeValue
-    }, null, 8, ["id", "ariaLabel", "model-value", "disabled", "error", "sub-text", "onUpdate:modelValue"]));
-  }
-});
-export {
-  c as default
-};

package/dist/ColorPreviewControl-CEpL_kaL.js

@@ -1,89 +0,0 @@
-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 { N as w, _ as v, u as C } from "./SimpleButtonControl.vue_vue_type_style_index_0_scoped_c79c6b71_lang-D7lL4y23.js";
-const P = { class: "empty-state-wrapper" }, $ = /* @__PURE__ */ u({
-  __name: "ColorPreviewEmptyState",
-  setup(r) {
-    return (t, l) => (e(), o("div", P, [
-      y(p(w), { headline: "No colors" })
-    ]));
-  }
-}), g = /* @__PURE__ */ v($, [["__scopeId", "data-v-7a09310d"]]), x = { class: "gradient-preview" }, b = /* @__PURE__ */ u({
-  __name: "GradientPreview",
-  props: {
-    gradient: {}
-  },
-  setup(r) {
-    const t = r, l = s(() => t.gradient.colors.length > 0), a = s(() => {
-      const n = t.gradient.stops;
-      return n === null ? t.gradient.colors.join(", ") : t.gradient.colors.map((i, _) => `${i} ${n[_]}%`).join(", ");
-    }), c = s(
-      () => `linear-gradient(to right in lab, ${a.value})`
-    );
-    return (n, i) => (e(), o("div", x, [
-      l.value ? (e(), o("div", {
-        key: 0,
-        class: "gradient-bar",
-        style: m({ background: c.value })
-      }, null, 4)) : (e(), d(g, { key: 1 }))
-    ]));
-  }
-}), S = /* @__PURE__ */ v(b, [["__scopeId", "data-v-8a745225"]]), B = { class: "palette-preview" }, F = 8, E = /* @__PURE__ */ u({
-  __name: "PalettePreview",
-  props: {
-    palette: {}
-  },
-  setup(r) {
-    const t = r, l = s(() => t.palette.colors.length > 0), a = s(
-      () => Math.max(1, Math.min(F, t.palette.colors.length))
-    ), c = s(() => ({
-      gridTemplateColumns: `repeat(${a.value}, minmax(0, 1fr))`
-    }));
-    return (n, i) => (e(), o("div", B, [
-      l.value ? (e(), o("div", {
-        key: 0,
-        class: "palette-grid",
-        style: m(c.value)
-      }, [
-        (e(!0), o(f, null, k(r.palette.colors, (_, h) => (e(), o("div", {
-          key: h,
-          class: "color-cell",
-          style: m({ background: _ })
-        }, null, 4))), 128))
-      ], 4)) : (e(), d(g, {
-        key: 1,
-        class: "empty-state"
-      }))
-    ]));
-  }
-}), G = /* @__PURE__ */ v(E, [["__scopeId", "data-v-ad83046f"]]), I = { class: "color-preview" }, V = /* @__PURE__ */ u({
-  __name: "ColorPreviewControl",
-  props: {
-    control: {},
-    handleChange: { type: Function },
-    changeValue: { type: Function },
-    disabled: { type: Boolean },
-    labelForId: {},
-    error: { type: Boolean },
-    subText: {},
-    onRegisterValidation: { type: Function }
-  },
-  setup(r) {
-    const t = r, l = s(
-      () => t.control.uischema
-    ), a = C(l, "previewColors", {
-      colors: []
-    }), c = (n) => !("stops" in n);
-    return (n, i) => (e(), o("div", I, [
-      c(p(a)) ? (e(), d(G, {
-        key: 0,
-        palette: p(a)
-      }, null, 8, ["palette"])) : (e(), d(S, {
-        key: 1,
-        gradient: p(a)
-      }, null, 8, ["gradient"]))
-    ]));
-  }
-});
-export {
-  V as default
-};

package/dist/ComboBoxControl-ClQQen4_.js

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