@konnectio/core 4.4.8 → 4.5.0

package/dist/ActionField-X2QEHCxM.js

@@ -0,0 +1,148 @@
+import { D as e, E as t, Et as n, M as r, P as i, T as a, Y as o, dt as s } from "./mitt-DrOLO7f9.js";
+import { S as c, W as l, _ as u, n as d, r as f, t as p, v as m } from "./SelectField-CX4o6A18.js";
+//#region src/components/inputs/grouped/ActionField.vue?vue&type=script&setup=true&lang.ts
+var h = { class: "konnectio-action-field" }, g = /* @__PURE__ */ c(/* @__PURE__ */ i({
+	__name: "ActionField",
+	props: {
+		modelValue: {},
+		label: {},
+		inputType: { default: "text" },
+		buttonLabel: {},
+		buttonIcon: {},
+		buttonIconColor: {},
+		buttonDisabled: {
+			type: Boolean,
+			default: !1
+		},
+		secondary: {
+			type: Boolean,
+			default: !1
+		},
+		name: {},
+		id: {},
+		type: { default: "text" },
+		placeholder: {},
+		icon: {},
+		iconType: { default: "fal" },
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		data: {},
+		action: {},
+		minValue: {},
+		maxValue: {},
+		isLoading: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue", "action"],
+	setup(i, { emit: c }) {
+		let g = c, _ = i, v = _.id || l();
+		function y(e) {
+			g("update:modelValue", e);
+		}
+		let b = a({
+			get: () => _.modelValue,
+			set: (e) => y(e)
+		}), x = a({
+			get: () => _.modelValue,
+			set: (e) => y(e)
+		});
+		function S() {
+			g("action");
+		}
+		return (a, c) => (o(), e(u, {
+			label: i.label,
+			id: n(v),
+			icon: i.icon,
+			"icon-type": i.iconType,
+			required: i.required,
+			type: i.type,
+			readonly: i.readonly
+		}, {
+			default: s(() => [t("div", h, [i.type === "dropdown" && i.data ? (o(), e(p, {
+				key: 0,
+				modelValue: b.value,
+				"onUpdate:modelValue": c[0] ||= (e) => b.value = e,
+				id: n(v),
+				options: i.data,
+				name: i.name,
+				required: i.required,
+				placeholder: i.placeholder
+			}, null, 8, [
+				"modelValue",
+				"id",
+				"options",
+				"name",
+				"required",
+				"placeholder"
+			])) : i.type === "number" ? (o(), e(f, {
+				key: 1,
+				modelValue: x.value,
+				"onUpdate:modelValue": c[1] ||= (e) => x.value = e,
+				id: n(v),
+				"min-value": i.minValue,
+				"max-value": i.maxValue
+			}, null, 8, [
+				"modelValue",
+				"id",
+				"min-value",
+				"max-value"
+			])) : (o(), e(d, {
+				key: 2,
+				modelValue: b.value,
+				"onUpdate:modelValue": c[2] ||= (e) => b.value = e,
+				id: n(v),
+				type: i.inputType,
+				name: i.name,
+				required: i.required,
+				placeholder: i.placeholder,
+				"no-optional-label": !0
+			}, null, 8, [
+				"modelValue",
+				"id",
+				"type",
+				"name",
+				"required",
+				"placeholder"
+			])), r(m, {
+				"data-test": `${i.name}Submit`,
+				icon: i.buttonIcon,
+				label: i.buttonLabel,
+				"icon-color": i.buttonIconColor,
+				styling: i.action,
+				type: "button",
+				"is-loading": i.isLoading,
+				disabled: i.buttonDisabled,
+				secondary: i.secondary,
+				onClickEvent: c[3] ||= (e) => S()
+			}, null, 8, [
+				"data-test",
+				"icon",
+				"label",
+				"icon-color",
+				"styling",
+				"is-loading",
+				"disabled",
+				"secondary"
+			])])]),
+			_: 1
+		}, 8, [
+			"label",
+			"id",
+			"icon",
+			"icon-type",
+			"required",
+			"type",
+			"readonly"
+		]));
+	}
+}), [["__scopeId", "data-v-18f51ff2"]]);
+//#endregion
+export { g as t };