@sfxcode/formkit-primevue 3.3.0 → 3.3.1

package/dist/components/index.d.ts

@@ -1,24 +1,2 @@
-import FormKitDataEdit from './FormKitDataEdit.vue';
-import FormKitDataView from './FormKitDataView.vue';
-import PrimeAutoComplete from './PrimeAutoComplete.vue';
-import PrimeCascadeSelect from './PrimeCascadeSelect.vue';
-import PrimeCheckbox from './PrimeCheckbox.vue';
-import PrimeColorPicker from './PrimeColorPicker.vue';
-import PrimeDatePicker from './PrimeDatePicker.vue';
-import PrimeInputMask from './PrimeInputMask.vue';
-import PrimeInputNumber from './PrimeInputNumber.vue';
-import PrimeInputText from './PrimeInputText.vue';
-import PrimeKnob from './PrimeKnob.vue';
-import PrimeListbox from './PrimeListbox.vue';
-import PrimeMultiSelect from './PrimeMultiSelect.vue';
-import PrimePassword from './PrimePassword.vue';
-import PrimeRadioButton from './PrimeRadioButton.vue';
-import PrimeRating from './PrimeRating.vue';
-import PrimeSelect from './PrimeSelect.vue';
-import PrimeSelectButton from './PrimeSelectButton.vue';
-import PrimeSlider from './PrimeSlider.vue';
-import PrimeTextarea from './PrimeTextarea.vue';
-import PrimeToggleButton from './PrimeToggleButton.vue';
-import PrimeInputSwitch from './PrimeToggleSwitch.vue';
-import PrimeTreeSelect from './PrimeTreeSelect.vue';
-export { FormKitDataEdit, FormKitDataView, PrimeAutoComplete, PrimeCascadeSelect, PrimeCheckbox, PrimeColorPicker, PrimeDatePicker, PrimeInputMask, PrimeInputNumber, PrimeInputSwitch, PrimeInputText, PrimeKnob, PrimeListbox, PrimeMultiSelect, PrimePassword, PrimeRadioButton, PrimeRating, PrimeSelect, PrimeSelectButton, PrimeSlider, PrimeTextarea, PrimeToggleButton, PrimeTreeSelect, };
+import { C as _default, S as _default$1, _ as _default$6, a as _default$19, b as _default$3, c as _default$16, d as _default$13, f as _default$12, g as _default$7, h as _default$8, i as _default$20, l as _default$15, m as _default$10, n as _default$9, o as _default$18, p as _default$11, r as _default$21, s as _default$17, t as _default$22, u as _default$14, v as _default$5, x as _default$2, y as _default$4 } from "../index-EJ8M51RO.js";
+export { _default as FormKitDataEdit, _default$1 as FormKitDataView, _default$2 as PrimeAutoComplete, _default$3 as PrimeCascadeSelect, _default$4 as PrimeCheckbox, _default$5 as PrimeColorPicker, _default$6 as PrimeDatePicker, _default$7 as PrimeInputMask, _default$8 as PrimeInputNumber, _default$9 as PrimeInputSwitch, _default$10 as PrimeInputText, _default$11 as PrimeKnob, _default$12 as PrimeListbox, _default$13 as PrimeMultiSelect, _default$14 as PrimePassword, _default$15 as PrimeRadioButton, _default$16 as PrimeRating, _default$17 as PrimeSelect, _default$18 as PrimeSelectButton, _default$19 as PrimeSlider, _default$20 as PrimeTextarea, _default$21 as PrimeToggleButton, _default$22 as PrimeTreeSelect };

package/dist/components/index.js

@@ -1,167 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "FormKitDataEdit", {
-  enumerable: true,
-  get: function () {
-    return _FormKitDataEdit.default;
-  }
-});
-Object.defineProperty(exports, "FormKitDataView", {
-  enumerable: true,
-  get: function () {
-    return _FormKitDataView.default;
-  }
-});
-Object.defineProperty(exports, "PrimeAutoComplete", {
-  enumerable: true,
-  get: function () {
-    return _PrimeAutoComplete.default;
-  }
-});
-Object.defineProperty(exports, "PrimeCascadeSelect", {
-  enumerable: true,
-  get: function () {
-    return _PrimeCascadeSelect.default;
-  }
-});
-Object.defineProperty(exports, "PrimeCheckbox", {
-  enumerable: true,
-  get: function () {
-    return _PrimeCheckbox.default;
-  }
-});
-Object.defineProperty(exports, "PrimeColorPicker", {
-  enumerable: true,
-  get: function () {
-    return _PrimeColorPicker.default;
-  }
-});
-Object.defineProperty(exports, "PrimeDatePicker", {
-  enumerable: true,
-  get: function () {
-    return _PrimeDatePicker.default;
-  }
-});
-Object.defineProperty(exports, "PrimeInputMask", {
-  enumerable: true,
-  get: function () {
-    return _PrimeInputMask.default;
-  }
-});
-Object.defineProperty(exports, "PrimeInputNumber", {
-  enumerable: true,
-  get: function () {
-    return _PrimeInputNumber.default;
-  }
-});
-Object.defineProperty(exports, "PrimeInputSwitch", {
-  enumerable: true,
-  get: function () {
-    return _PrimeToggleSwitch.default;
-  }
-});
-Object.defineProperty(exports, "PrimeInputText", {
-  enumerable: true,
-  get: function () {
-    return _PrimeInputText.default;
-  }
-});
-Object.defineProperty(exports, "PrimeKnob", {
-  enumerable: true,
-  get: function () {
-    return _PrimeKnob.default;
-  }
-});
-Object.defineProperty(exports, "PrimeListbox", {
-  enumerable: true,
-  get: function () {
-    return _PrimeListbox.default;
-  }
-});
-Object.defineProperty(exports, "PrimeMultiSelect", {
-  enumerable: true,
-  get: function () {
-    return _PrimeMultiSelect.default;
-  }
-});
-Object.defineProperty(exports, "PrimePassword", {
-  enumerable: true,
-  get: function () {
-    return _PrimePassword.default;
-  }
-});
-Object.defineProperty(exports, "PrimeRadioButton", {
-  enumerable: true,
-  get: function () {
-    return _PrimeRadioButton.default;
-  }
-});
-Object.defineProperty(exports, "PrimeRating", {
-  enumerable: true,
-  get: function () {
-    return _PrimeRating.default;
-  }
-});
-Object.defineProperty(exports, "PrimeSelect", {
-  enumerable: true,
-  get: function () {
-    return _PrimeSelect.default;
-  }
-});
-Object.defineProperty(exports, "PrimeSelectButton", {
-  enumerable: true,
-  get: function () {
-    return _PrimeSelectButton.default;
-  }
-});
-Object.defineProperty(exports, "PrimeSlider", {
-  enumerable: true,
-  get: function () {
-    return _PrimeSlider.default;
-  }
-});
-Object.defineProperty(exports, "PrimeTextarea", {
-  enumerable: true,
-  get: function () {
-    return _PrimeTextarea.default;
-  }
-});
-Object.defineProperty(exports, "PrimeToggleButton", {
-  enumerable: true,
-  get: function () {
-    return _PrimeToggleButton.default;
-  }
-});
-Object.defineProperty(exports, "PrimeTreeSelect", {
-  enumerable: true,
-  get: function () {
-    return _PrimeTreeSelect.default;
-  }
-});
-var _FormKitDataEdit = _interopRequireDefault(require("./FormKitDataEdit.vue"));
-var _FormKitDataView = _interopRequireDefault(require("./FormKitDataView.vue"));
-var _PrimeAutoComplete = _interopRequireDefault(require("./PrimeAutoComplete.vue"));
-var _PrimeCascadeSelect = _interopRequireDefault(require("./PrimeCascadeSelect.vue"));
-var _PrimeCheckbox = _interopRequireDefault(require("./PrimeCheckbox.vue"));
-var _PrimeColorPicker = _interopRequireDefault(require("./PrimeColorPicker.vue"));
-var _PrimeDatePicker = _interopRequireDefault(require("./PrimeDatePicker.vue"));
-var _PrimeInputMask = _interopRequireDefault(require("./PrimeInputMask.vue"));
-var _PrimeInputNumber = _interopRequireDefault(require("./PrimeInputNumber.vue"));
-var _PrimeInputText = _interopRequireDefault(require("./PrimeInputText.vue"));
-var _PrimeKnob = _interopRequireDefault(require("./PrimeKnob.vue"));
-var _PrimeListbox = _interopRequireDefault(require("./PrimeListbox.vue"));
-var _PrimeMultiSelect = _interopRequireDefault(require("./PrimeMultiSelect.vue"));
-var _PrimePassword = _interopRequireDefault(require("./PrimePassword.vue"));
-var _PrimeRadioButton = _interopRequireDefault(require("./PrimeRadioButton.vue"));
-var _PrimeRating = _interopRequireDefault(require("./PrimeRating.vue"));
-var _PrimeSelect = _interopRequireDefault(require("./PrimeSelect.vue"));
-var _PrimeSelectButton = _interopRequireDefault(require("./PrimeSelectButton.vue"));
-var _PrimeSlider = _interopRequireDefault(require("./PrimeSlider.vue"));
-var _PrimeTextarea = _interopRequireDefault(require("./PrimeTextarea.vue"));
-var _PrimeToggleButton = _interopRequireDefault(require("./PrimeToggleButton.vue"));
-var _PrimeToggleSwitch = _interopRequireDefault(require("./PrimeToggleSwitch.vue"));
-var _PrimeTreeSelect = _interopRequireDefault(require("./PrimeTreeSelect.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import { n as _sfc_main, t as _sfc_main$1 } from "../components-HJnJ39cU.js";
+import "../composables-CZ6f1QYe.js";
+import { _ as _sfc_main$6, a as _sfc_main$19, b as _sfc_main$3, c as _sfc_main$16, d as _sfc_main$13, f as _sfc_main$12, g as _sfc_main$7, h as _sfc_main$8, i as _sfc_main$20, l as _sfc_main$15, m as _sfc_main$10, n as _sfc_main$9, o as _sfc_main$18, p as _sfc_main$11, r as _sfc_main$21, s as _sfc_main$17, t as _sfc_main$22, u as _sfc_main$14, v as _sfc_main$5, x as _sfc_main$2, y as _sfc_main$4 } from "../PrimeTreeSelect-Dksx7tL-.js";
+export { _sfc_main as FormKitDataEdit, _sfc_main$1 as FormKitDataView, _sfc_main$2 as PrimeAutoComplete, _sfc_main$3 as PrimeCascadeSelect, _sfc_main$4 as PrimeCheckbox, _sfc_main$5 as PrimeColorPicker, _sfc_main$6 as PrimeDatePicker, _sfc_main$7 as PrimeInputMask, _sfc_main$8 as PrimeInputNumber, _sfc_main$9 as PrimeInputSwitch, _sfc_main$10 as PrimeInputText, _sfc_main$11 as PrimeKnob, _sfc_main$12 as PrimeListbox, _sfc_main$13 as PrimeMultiSelect, _sfc_main$14 as PrimePassword, _sfc_main$15 as PrimeRadioButton, _sfc_main$16 as PrimeRating, _sfc_main$17 as PrimeSelect, _sfc_main$18 as PrimeSelectButton, _sfc_main$19 as PrimeSlider, _sfc_main$20 as PrimeTextarea, _sfc_main$21 as PrimeToggleButton, _sfc_main$22 as PrimeTreeSelect };

package/dist/components-HJnJ39cU.js

@@ -0,0 +1,255 @@
+import { createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, mergeModels, normalizeClass, openBlock, ref, renderSlot, resolveComponent, toDisplayString, unref, useModel, withCtx } from "vue";
+import { reset } from "@formkit/core";
+import { FormKit, FormKitMessages, FormKitSchema } from "@formkit/vue";
+//#region src/components/FormKitDataDebug.vue
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = { key: 1 };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+	__name: "FormKitDataDebug",
+	props: {
+		data: {
+			type: Object,
+			default: null
+		},
+		header: {
+			type: String,
+			default: "Debug"
+		}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			const _component_Fieldset = resolveComponent("Fieldset");
+			return openBlock(), createBlock(_component_Fieldset, {
+				class: "p-formkit-data-debug",
+				legend: __props.header,
+				toggleable: true,
+				collapsed: true
+			}, {
+				default: withCtx(() => [__props.data ? (openBlock(), createElementBlock("pre", _hoisted_1, toDisplayString(__props.data), 1)) : (openBlock(), createElementBlock("span", _hoisted_2, "No Data available"))]),
+				_: 1
+			}, 8, ["legend"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/FormKitDataEdit.vue
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+	__name: "FormKitDataEdit",
+	props: /* @__PURE__ */ mergeModels({
+		id: {
+			type: String,
+			default: "formkit_form"
+		},
+		data: {
+			type: Object,
+			default: null
+		},
+		schema: {
+			type: Object,
+			default: null
+		},
+		formClass: {
+			type: String,
+			default: ""
+		},
+		actionsClass: {
+			type: String,
+			default: ""
+		},
+		submitSeverity: {
+			type: String,
+			default: ""
+		},
+		submitClass: {
+			type: String,
+			default: ""
+		},
+		submitLabel: {
+			type: String,
+			default: "Save"
+		},
+		submitIcon: {
+			type: String,
+			default: ""
+		},
+		showReset: {
+			type: Boolean,
+			default: false
+		},
+		resetSeverity: {
+			type: String,
+			default: "danger"
+		},
+		resetLabel: {
+			type: String,
+			default: "Reset"
+		},
+		resetClass: {
+			type: String,
+			default: ""
+		},
+		resetIcon: {
+			type: String,
+			default: ""
+		},
+		debugData: {
+			type: Boolean,
+			default: false
+		},
+		debugSchema: {
+			type: Boolean,
+			default: false
+		}
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["dataSaved", "onReset"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const formData = useModel(__props, "modelValue");
+		if (props.data) formData.value = props.data;
+		const formSchema = ref(props.schema);
+		function handleSave() {
+			emit("dataSaved", formData.value);
+		}
+		function handleReset() {
+			reset(props.id);
+			emit("onReset");
+		}
+		return (_ctx, _cache) => {
+			const _component_Button = resolveComponent("Button");
+			return openBlock(), createBlock(unref(FormKit), {
+				id: __props.id,
+				modelValue: formData.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => formData.value = $event),
+				"actions-class": __props.actionsClass,
+				"form-class": `p-formkit-data-edit ${__props.formClass}`,
+				type: "form",
+				onSubmit: handleSave
+			}, {
+				default: withCtx(() => [
+					formSchema.value ? (openBlock(), createBlock(unref(FormKitSchema), {
+						key: 0,
+						schema: formSchema.value,
+						data: formData.value
+					}, null, 8, ["schema", "data"])) : createCommentVNode("v-if", true),
+					renderSlot(_ctx.$slots, "default"),
+					__props.debugData ? (openBlock(), createBlock(_sfc_main$2, {
+						key: 1,
+						data: formData.value,
+						header: "Debug Mode - Data"
+					}, null, 8, ["data"])) : createCommentVNode("v-if", true),
+					__props.debugSchema ? (openBlock(), createBlock(_sfc_main$2, {
+						key: 2,
+						data: formSchema.value,
+						header: "Debug Mode - Schema"
+					}, null, 8, ["data"])) : createCommentVNode("v-if", true)
+				]),
+				messages: withCtx(() => [renderSlot(_ctx.$slots, "messages", {}, () => [createVNode(unref(FormKitMessages), { class: "p-formkit-data-edit-messages" })])]),
+				submit: withCtx(() => [renderSlot(_ctx.$slots, "submit", {}, () => [createVNode(_component_Button, {
+					icon: __props.submitIcon,
+					type: "submit",
+					label: __props.submitLabel,
+					class: normalizeClass(__props.submitClass),
+					severity: __props.submitSeverity,
+					onSubmit: handleSave
+				}, null, 8, [
+					"icon",
+					"label",
+					"class",
+					"severity"
+				]), __props.showReset ? (openBlock(), createBlock(_component_Button, {
+					key: 0,
+					type: "reset",
+					icon: __props.resetIcon,
+					label: __props.resetLabel,
+					class: normalizeClass(__props.resetClass),
+					severity: __props.resetSeverity,
+					onClick: handleReset
+				}, null, 8, [
+					"icon",
+					"label",
+					"class",
+					"severity"
+				])) : createCommentVNode("v-if", true)])]),
+				_: 3
+			}, 8, [
+				"id",
+				"modelValue",
+				"actions-class",
+				"form-class"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/FormKitDataView.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	__name: "FormKitDataView",
+	props: /* @__PURE__ */ mergeModels({
+		data: {
+			type: Object,
+			default: null
+		},
+		schema: {
+			type: Object,
+			default: null
+		},
+		formClass: {
+			type: String,
+			default: ""
+		},
+		debugData: {
+			type: Boolean,
+			default: false
+		},
+		debugSchema: {
+			type: Boolean,
+			default: false
+		}
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const props = __props;
+		const formSchema = ref(props.schema);
+		const formData = useModel(__props, "modelValue");
+		if (props.data) formData.value = props.data;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(FormKit), {
+				modelValue: formData.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => formData.value = $event),
+				actions: false,
+				"form-class": `p-formkit-data-view ${__props.formClass}`,
+				class: "p-formkit-data-view",
+				type: "form"
+			}, {
+				default: withCtx(() => [
+					__props.schema ? (openBlock(), createBlock(unref(FormKitSchema), {
+						key: 0,
+						schema: formSchema.value,
+						data: formData.value
+					}, null, 8, ["schema", "data"])) : createCommentVNode("v-if", true),
+					renderSlot(_ctx.$slots, "default"),
+					__props.debugData ? (openBlock(), createBlock(_sfc_main$2, {
+						key: 1,
+						data: formData.value,
+						header: "Debug Mode - Data"
+					}, null, 8, ["data"])) : createCommentVNode("v-if", true),
+					__props.debugSchema ? (openBlock(), createBlock(_sfc_main$2, {
+						key: 2,
+						data: formSchema.value,
+						header: "Debug Mode - Schema"
+					}, null, 8, ["data"])) : createCommentVNode("v-if", true)
+				]),
+				_: 3
+			}, 8, ["modelValue", "form-class"]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main$1 as n, _sfc_main as t };

package/dist/composables/index.d.ts

@@ -1,9 +1,2 @@
-import { useFormKitInput } from './useFormKitInput';
-import { useFormKitRepeater } from './useFormKitRepeater';
-import { useFormKitSchema } from './useFormKitSchema';
-import { useFormKitSection } from './useFormKitSection';
-import { useInputEditor } from './useInputEditor';
-import { useInputEditorSchema } from './useInputEditorSchema';
-import { useOutputDuration } from './useOutputDuration';
-import { usePrimeInputs } from './usePrimeInputs';
-export { useFormKitInput, useFormKitRepeater, useFormKitSchema, useFormKitSection, useInputEditor, useInputEditorSchema, useOutputDuration, usePrimeInputs, };
+import { a as useFormKitSection, c as useFormKitInput, i as useInputEditor, n as useOutputDuration, o as useFormKitSchema, r as useInputEditorSchema, s as useFormKitRepeater, t as usePrimeInputs } from "../index-Ch3MtT1C.js";
+export { useFormKitInput, useFormKitRepeater, useFormKitSchema, useFormKitSection, useInputEditor, useInputEditorSchema, useOutputDuration, usePrimeInputs };

package/dist/composables/index.js

@@ -1,61 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "useFormKitInput", {
-  enumerable: true,
-  get: function () {
-    return _useFormKitInput.useFormKitInput;
-  }
-});
-Object.defineProperty(exports, "useFormKitRepeater", {
-  enumerable: true,
-  get: function () {
-    return _useFormKitRepeater.useFormKitRepeater;
-  }
-});
-Object.defineProperty(exports, "useFormKitSchema", {
-  enumerable: true,
-  get: function () {
-    return _useFormKitSchema.useFormKitSchema;
-  }
-});
-Object.defineProperty(exports, "useFormKitSection", {
-  enumerable: true,
-  get: function () {
-    return _useFormKitSection.useFormKitSection;
-  }
-});
-Object.defineProperty(exports, "useInputEditor", {
-  enumerable: true,
-  get: function () {
-    return _useInputEditor.useInputEditor;
-  }
-});
-Object.defineProperty(exports, "useInputEditorSchema", {
-  enumerable: true,
-  get: function () {
-    return _useInputEditorSchema.useInputEditorSchema;
-  }
-});
-Object.defineProperty(exports, "useOutputDuration", {
-  enumerable: true,
-  get: function () {
-    return _useOutputDuration.useOutputDuration;
-  }
-});
-Object.defineProperty(exports, "usePrimeInputs", {
-  enumerable: true,
-  get: function () {
-    return _usePrimeInputs.usePrimeInputs;
-  }
-});
-var _useFormKitInput = require("./useFormKitInput");
-var _useFormKitRepeater = require("./useFormKitRepeater");
-var _useFormKitSchema = require("./useFormKitSchema");
-var _useFormKitSection = require("./useFormKitSection");
-var _useInputEditor = require("./useInputEditor");
-var _useInputEditorSchema = require("./useInputEditorSchema");
-var _useOutputDuration = require("./useOutputDuration");
-var _usePrimeInputs = require("./usePrimeInputs");
+import { a as useFormKitSection, c as useFormKitInput, i as useInputEditor, n as useOutputDuration, o as useFormKitRepeater, r as useInputEditorSchema, s as useFormKitSchema, t as usePrimeInputs } from "../composables-CZ6f1QYe.js";
+export { useFormKitInput, useFormKitRepeater, useFormKitSchema, useFormKitSection, useInputEditor, useInputEditorSchema, useOutputDuration, usePrimeInputs };