@sfxcode/formkit-openvue 0.0.0-stage → 0.8.1

package/dist/definitions/input.js

@@ -0,0 +1,118 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formTreeSelectDefinition = exports.formToggleSwitchDefinition = exports.formToggleButtonDefinition = exports.formTextareaDefinition = exports.formSliderDefinition = exports.formSelectDefinition = exports.formSelectButtonDefinition = exports.formRatingDefinition = exports.formRadioButtonDefinition = exports.formPasswordDefinition = exports.formMultiSelectDefinition = exports.formListboxDefinition = exports.formKnobDefinition = exports.formInputTextDefinition = exports.formInputOtpDefinition = exports.formInputNumberDefinition = exports.formInputMaskDefinition = exports.formDatePickerDefinition = exports.formColorPickerDefinition = exports.formCheckboxDefinition = exports.formCascadeSelectDefinition = exports.formAutoCompleteDefinition = void 0;
+var _vue = require("@formkit/vue");
+var _FormAutoComplete = _interopRequireDefault(require("../components/FormAutoComplete.vue"));
+var _FormCascadeSelect = _interopRequireDefault(require("../components/FormCascadeSelect.vue"));
+var _FormCheckbox = _interopRequireDefault(require("../components/FormCheckbox.vue"));
+var _FormColorPicker = _interopRequireDefault(require("../components/FormColorPicker.vue"));
+var _FormDatePicker = _interopRequireDefault(require("../components/FormDatePicker.vue"));
+var _FormInputMask = _interopRequireDefault(require("../components/FormInputMask.vue"));
+var _FormInputNumber = _interopRequireDefault(require("../components/FormInputNumber.vue"));
+var _FormInputOtp = _interopRequireDefault(require("../components/FormInputOtp.vue"));
+var _FormInputText = _interopRequireDefault(require("../components/FormInputText.vue"));
+var _FormKnob = _interopRequireDefault(require("../components/FormKnob.vue"));
+var _FormListbox = _interopRequireDefault(require("../components/FormListbox.vue"));
+var _FormMultiSelect = _interopRequireDefault(require("../components/FormMultiSelect.vue"));
+var _FormPassword = _interopRequireDefault(require("../components/FormPassword.vue"));
+var _FormRadioButton = _interopRequireDefault(require("../components/FormRadioButton.vue"));
+var _FormRating = _interopRequireDefault(require("../components/FormRating.vue"));
+var _FormSelect = _interopRequireDefault(require("../components/FormSelect.vue"));
+var _FormSelectButton = _interopRequireDefault(require("../components/FormSelectButton.vue"));
+var _FormSlider = _interopRequireDefault(require("../components/FormSlider.vue"));
+var _FormTextarea = _interopRequireDefault(require("../components/FormTextarea.vue"));
+var _FormToggleButton = _interopRequireDefault(require("../components/FormToggleButton.vue"));
+var _FormToggleSwitch = _interopRequireDefault(require("../components/FormToggleSwitch.vue"));
+var _FormTreeSelect = _interopRequireDefault(require("../components/FormTreeSelect.vue"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const formAutoCompleteDefinition = exports.formAutoCompleteDefinition = (0, _vue.createInput)(_FormAutoComplete.default, {
+  props: ["pt", "ptOptions", "unstyled", "Select", "multiple", "typeahead", "optionLabel", "options", "size", "minLength", "placeholder", "fluid", "separators"],
+  family: "FormInput"
+});
+const formInputTextDefinition = exports.formInputTextDefinition = (0, _vue.createInput)(_FormInputText.default, {
+  props: ["pt", "ptOptions", "unstyled", "placeholder", "iconPrefix", "iconSuffix", "size", "inputType"],
+  family: "FormInput"
+});
+const formInputNumberDefinition = exports.formInputNumberDefinition = (0, _vue.createInput)(_FormInputNumber.default, {
+  props: ["useGrouping", "min", "max", "minFractionDigits", "maxFractionDigits", "locale", "mode", "currency", "prefix", "suffix", "showButtons", "buttonLayout", "step", "pt", "ptOptions", "unstyled", "placeholder", "size"],
+  family: "FormInput"
+});
+const formInputMaskDefinition = exports.formInputMaskDefinition = (0, _vue.createInput)(_FormInputMask.default, {
+  props: ["mask", "slotChar", "autoClear", "unmask", "pt", "ptOptions", "unstyled", "invalid", "variant", "iconPrefix", "iconSuffix", "size"],
+  family: "FormInput"
+});
+const formPasswordDefinition = exports.formPasswordDefinition = (0, _vue.createInput)(_FormPassword.default, {
+  props: ["mediumRegex", "strongRegex", "promptLabel", "weakLabel", "mediumLabel", "strongLabel", "hideIcon", "showIcon", "pt", "ptOptions", "unstyled", "placeholder", "feedback", "toggleMask", "size"],
+  family: "FormInput"
+});
+const formTextareaDefinition = exports.formTextareaDefinition = (0, _vue.createInput)(_FormTextarea.default, {
+  props: ["pt", "ptOptions", "unstyled", "autoResize", "rows", "placeholder", "size"],
+  family: "FormInput"
+});
+const formCheckboxDefinition = exports.formCheckboxDefinition = (0, _vue.createInput)(_FormCheckbox.default, {
+  props: ["binary", "trueValue", "falseValue", "pt", "ptOptions", "unstyled", "indeterminate", "variant", "prefix", "suffix", "size"],
+  family: "FormInput"
+});
+const formToggleSwitchDefinition = exports.formToggleSwitchDefinition = (0, _vue.createInput)(_FormToggleSwitch.default, {
+  props: ["trueValue", "falseValue", "pt", "ptOptions", "unstyled", "prefix", "suffix"],
+  family: "FormInput"
+});
+const formInputOtpDefinition = exports.formInputOtpDefinition = (0, _vue.createInput)(_FormInputOtp.default, {
+  props: ["length", "variant", "mask", "integerOnly", "pt", "ptOptions", "unstyled", "size"],
+  family: "FormInput"
+});
+const formSelectDefinition = exports.formSelectDefinition = (0, _vue.createInput)(_FormSelect.default, {
+  props: ["options", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "scrollHeight", "filter", "filterPlaceholder", "filterLocale", "filterMatchMode", "filterFields", "filterInputProps", "editable", "placeholder", "dataKey", "showClear", "panelStyle", "panelClass", "panelProps", "appendTo", "resetFilterOnHide", "virtualScrollerOptions", "autoOptionFocus", "selectOnFocus", "filterMessage", "selectionMessage", "emptySelectionMessage", "emptyFilterMessage", "emptyMessage", "pt", "ptOptions", "unstyled", "size"],
+  family: "FormInput"
+});
+const formMultiSelectDefinition = exports.formMultiSelectDefinition = (0, _vue.createInput)(_FormMultiSelect.default, {
+  props: ["options", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "scrollHeight", "inputProps", "closeButtonProps", "dataKey", "filter", "filterPlaceholder", "filterLocale", "filterMatchMode", "filterFields", "appendTo", "display", "maxSelectedLabels", "selectedItemsLabel", "selectionLimit", "showToggleAll", "loading", "selectAll", "resetFilterOnHide", "virtualScrollerOptions", "autoOptionFocus", "autoFilterFocus", "filterMessage", "selectionMessage", "emptySelectionMessage", "emptyFilterMessage", "emptyMessage", "pt", "placeholder", "ptOptions", "unstyled", "size"],
+  family: "FormInput"
+});
+const formListboxDefinition = exports.formListboxDefinition = (0, _vue.createInput)(_FormListbox.default, {
+  props: ["pt", "ptOptions", "unstyled", "options", "optionLabel", "optionValue", "multiple", "filter", "filterIcon", "filterPlaceholder", "filterLocale", "filterMatchMode", "autoOptionFocus", "selectOnFocus", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "dataKey", "metaKeySelection", "virtualScrollerOptions", "displayMode", "transferLeftHeaderText", "transferRightHeaderText", "transferHeaderClass", "transferAll", "transferButtonSeverity", "transferContainerClass", "transferListContainerClass", "transferButtonClass", "transferDragDrop"],
+  family: "FormInput"
+});
+const formDatePickerDefinition = exports.formDatePickerDefinition = (0, _vue.createInput)(_FormDatePicker.default, {
+  props: ["dateFormat", "placeholder", "selectionMode", "inline", "icon", "showOtherMonths", "selectOtherMonths", "showIcon", "previousIcon", "nextIcon", "incrementIcon", "decrementIcon", "numberOfMonths", "responsiveOptions", "view", "touchUI", "minDate", "maxDate", "disabledDates", "disabledDays", "maxDateCount", "showOnFocus", "autoZIndex", "baseZIndex", "showButtonBar", "showTime", "timeOnly", "shortYearCutoff", "hourFormat", "stepHour", "stepMinute", "stepSecond", "showSeconds", "hideOnDateTimeSelect", "hideOnRangeSelection", "timeSeparator", "showWeek", "manualInput", "appendTo", "panelStyle", "panelClass", "pt", "ptOptions", "unstyled", "size", "updateModelType"],
+  family: "FormInput"
+});
+const formSliderDefinition = exports.formSliderDefinition = (0, _vue.createInput)(_FormSlider.default, {
+  props: ["pt", "ptOptions", "unstyled", "min", "max", "step", "range", "orientation"],
+  family: "FormInput"
+});
+const formRatingDefinition = exports.formRatingDefinition = (0, _vue.createInput)(_FormRating.default, {
+  props: ["unstyled", "stars", "cancel", "onIcon", "offIcon", "cancelIcon", "ptOptions", "pt"],
+  family: "FormInput"
+});
+const formRadioButtonDefinition = exports.formRadioButtonDefinition = (0, _vue.createInput)(_FormRadioButton.default, {
+  props: ["pt", "ptOptions", "unstyled", "options", "optionsClass", "optionClass", "size"],
+  family: "FormInput"
+});
+const formKnobDefinition = exports.formKnobDefinition = (0, _vue.createInput)(_FormKnob.default, {
+  props: ["pt", "ptOptions", "unstyled", "min", "max", "step", "size", "strokeWidth", "showValue", "valueColor", "rangeColor", "textColor", "valueTemplate"],
+  family: "FormInput"
+});
+const formColorPickerDefinition = exports.formColorPickerDefinition = (0, _vue.createInput)(_FormColorPicker.default, {
+  props: ["defaultColor", "inline", "format", "pt", "ptOptions", "unstyled"],
+  family: "FormInput"
+});
+const formToggleButtonDefinition = exports.formToggleButtonDefinition = (0, _vue.createInput)(_FormToggleButton.default, {
+  props: ["pt", "ptOptions", "unstyled", "onLabel", "offLabel", "onIcon", "offIcon", "iconPos", "size"],
+  family: "FormInput"
+});
+const formSelectButtonDefinition = exports.formSelectButtonDefinition = (0, _vue.createInput)(_FormSelectButton.default, {
+  props: ["pt", "ptOptions", "unstyled", "optionLabel", "optionValue", "optionDisabled", "multiple", "unselectable", "dataKey", "options", "size"],
+  family: "FormInput"
+});
+const formCascadeSelectDefinition = exports.formCascadeSelectDefinition = (0, _vue.createInput)(_FormCascadeSelect.default, {
+  props: ["options", "optionLabel", "optionValue", "optionGroupLabel", "optionGroupChildren", "placeholder", "pt", "ptOptions", "unstyled", "size"],
+  family: "FormInput"
+});
+const formTreeSelectDefinition = exports.formTreeSelectDefinition = (0, _vue.createInput)(_FormTreeSelect.default, {
+  props: ["options", "placeholder", "selectionMode", "pt", "ptOptions", "unstyled", "emptyMessage", "display", "metaKeySelection", "appendTo", "scrollHeight", "panelClass", "variant", "size"],
+  family: "FormInput"
+});

package/dist/definitions/input.mjs

@@ -0,0 +1,111 @@
+import { createInput } from "@formkit/vue";
+import FormAutoComplete from "../components/FormAutoComplete.vue";
+import FormCascadeSelect from "../components/FormCascadeSelect.vue";
+import FormCheckbox from "../components/FormCheckbox.vue";
+import FormColorPicker from "../components/FormColorPicker.vue";
+import FormDatePicker from "../components/FormDatePicker.vue";
+import FormInputMask from "../components/FormInputMask.vue";
+import FormInputNumber from "../components/FormInputNumber.vue";
+import FormInputOtp from "../components/FormInputOtp.vue";
+import FormInputText from "../components/FormInputText.vue";
+import FormKnob from "../components/FormKnob.vue";
+import FormListbox from "../components/FormListbox.vue";
+import FormMultiSelect from "../components/FormMultiSelect.vue";
+import FormPassword from "../components/FormPassword.vue";
+import FormRadioButton from "../components/FormRadioButton.vue";
+import FormRating from "../components/FormRating.vue";
+import FormSelect from "../components/FormSelect.vue";
+import FormSelectButton from "../components/FormSelectButton.vue";
+import FormSlider from "../components/FormSlider.vue";
+import FormTextarea from "../components/FormTextarea.vue";
+import FormToggleButton from "../components/FormToggleButton.vue";
+import FormToggleSwitch from "../components/FormToggleSwitch.vue";
+import FormTreeSelect from "../components/FormTreeSelect.vue";
+export const formAutoCompleteDefinition = createInput(FormAutoComplete, {
+  props: ["pt", "ptOptions", "unstyled", "Select", "multiple", "typeahead", "optionLabel", "options", "size", "minLength", "placeholder", "fluid", "separators"],
+  family: "FormInput"
+});
+export const formInputTextDefinition = createInput(FormInputText, {
+  props: ["pt", "ptOptions", "unstyled", "placeholder", "iconPrefix", "iconSuffix", "size", "inputType"],
+  family: "FormInput"
+});
+export const formInputNumberDefinition = createInput(FormInputNumber, {
+  props: ["useGrouping", "min", "max", "minFractionDigits", "maxFractionDigits", "locale", "mode", "currency", "prefix", "suffix", "showButtons", "buttonLayout", "step", "pt", "ptOptions", "unstyled", "placeholder", "size"],
+  family: "FormInput"
+});
+export const formInputMaskDefinition = createInput(FormInputMask, {
+  props: ["mask", "slotChar", "autoClear", "unmask", "pt", "ptOptions", "unstyled", "invalid", "variant", "iconPrefix", "iconSuffix", "size"],
+  family: "FormInput"
+});
+export const formPasswordDefinition = createInput(FormPassword, {
+  props: ["mediumRegex", "strongRegex", "promptLabel", "weakLabel", "mediumLabel", "strongLabel", "hideIcon", "showIcon", "pt", "ptOptions", "unstyled", "placeholder", "feedback", "toggleMask", "size"],
+  family: "FormInput"
+});
+export const formTextareaDefinition = createInput(FormTextarea, {
+  props: ["pt", "ptOptions", "unstyled", "autoResize", "rows", "placeholder", "size"],
+  family: "FormInput"
+});
+export const formCheckboxDefinition = createInput(FormCheckbox, {
+  props: ["binary", "trueValue", "falseValue", "pt", "ptOptions", "unstyled", "indeterminate", "variant", "prefix", "suffix", "size"],
+  family: "FormInput"
+});
+export const formToggleSwitchDefinition = createInput(FormToggleSwitch, {
+  props: ["trueValue", "falseValue", "pt", "ptOptions", "unstyled", "prefix", "suffix"],
+  family: "FormInput"
+});
+export const formInputOtpDefinition = createInput(FormInputOtp, {
+  props: ["length", "variant", "mask", "integerOnly", "pt", "ptOptions", "unstyled", "size"],
+  family: "FormInput"
+});
+export const formSelectDefinition = createInput(FormSelect, {
+  props: ["options", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "scrollHeight", "filter", "filterPlaceholder", "filterLocale", "filterMatchMode", "filterFields", "filterInputProps", "editable", "placeholder", "dataKey", "showClear", "panelStyle", "panelClass", "panelProps", "appendTo", "resetFilterOnHide", "virtualScrollerOptions", "autoOptionFocus", "selectOnFocus", "filterMessage", "selectionMessage", "emptySelectionMessage", "emptyFilterMessage", "emptyMessage", "pt", "ptOptions", "unstyled", "size"],
+  family: "FormInput"
+});
+export const formMultiSelectDefinition = createInput(FormMultiSelect, {
+  props: ["options", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "scrollHeight", "inputProps", "closeButtonProps", "dataKey", "filter", "filterPlaceholder", "filterLocale", "filterMatchMode", "filterFields", "appendTo", "display", "maxSelectedLabels", "selectedItemsLabel", "selectionLimit", "showToggleAll", "loading", "selectAll", "resetFilterOnHide", "virtualScrollerOptions", "autoOptionFocus", "autoFilterFocus", "filterMessage", "selectionMessage", "emptySelectionMessage", "emptyFilterMessage", "emptyMessage", "pt", "placeholder", "ptOptions", "unstyled", "size"],
+  family: "FormInput"
+});
+export const formListboxDefinition = createInput(FormListbox, {
+  props: ["pt", "ptOptions", "unstyled", "options", "optionLabel", "optionValue", "multiple", "filter", "filterIcon", "filterPlaceholder", "filterLocale", "filterMatchMode", "autoOptionFocus", "selectOnFocus", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "dataKey", "metaKeySelection", "virtualScrollerOptions", "displayMode", "transferLeftHeaderText", "transferRightHeaderText", "transferHeaderClass", "transferAll", "transferButtonSeverity", "transferContainerClass", "transferListContainerClass", "transferButtonClass", "transferDragDrop"],
+  family: "FormInput"
+});
+export const formDatePickerDefinition = createInput(FormDatePicker, {
+  props: ["dateFormat", "placeholder", "selectionMode", "inline", "icon", "showOtherMonths", "selectOtherMonths", "showIcon", "previousIcon", "nextIcon", "incrementIcon", "decrementIcon", "numberOfMonths", "responsiveOptions", "view", "touchUI", "minDate", "maxDate", "disabledDates", "disabledDays", "maxDateCount", "showOnFocus", "autoZIndex", "baseZIndex", "showButtonBar", "showTime", "timeOnly", "shortYearCutoff", "hourFormat", "stepHour", "stepMinute", "stepSecond", "showSeconds", "hideOnDateTimeSelect", "hideOnRangeSelection", "timeSeparator", "showWeek", "manualInput", "appendTo", "panelStyle", "panelClass", "pt", "ptOptions", "unstyled", "size", "updateModelType"],
+  family: "FormInput"
+});
+export const formSliderDefinition = createInput(FormSlider, {
+  props: ["pt", "ptOptions", "unstyled", "min", "max", "step", "range", "orientation"],
+  family: "FormInput"
+});
+export const formRatingDefinition = createInput(FormRating, {
+  props: ["unstyled", "stars", "cancel", "onIcon", "offIcon", "cancelIcon", "ptOptions", "pt"],
+  family: "FormInput"
+});
+export const formRadioButtonDefinition = createInput(FormRadioButton, {
+  props: ["pt", "ptOptions", "unstyled", "options", "optionsClass", "optionClass", "size"],
+  family: "FormInput"
+});
+export const formKnobDefinition = createInput(FormKnob, {
+  props: ["pt", "ptOptions", "unstyled", "min", "max", "step", "size", "strokeWidth", "showValue", "valueColor", "rangeColor", "textColor", "valueTemplate"],
+  family: "FormInput"
+});
+export const formColorPickerDefinition = createInput(FormColorPicker, {
+  props: ["defaultColor", "inline", "format", "pt", "ptOptions", "unstyled"],
+  family: "FormInput"
+});
+export const formToggleButtonDefinition = createInput(FormToggleButton, {
+  props: ["pt", "ptOptions", "unstyled", "onLabel", "offLabel", "onIcon", "offIcon", "iconPos", "size"],
+  family: "FormInput"
+});
+export const formSelectButtonDefinition = createInput(FormSelectButton, {
+  props: ["pt", "ptOptions", "unstyled", "optionLabel", "optionValue", "optionDisabled", "multiple", "unselectable", "dataKey", "options", "size"],
+  family: "FormInput"
+});
+export const formCascadeSelectDefinition = createInput(FormCascadeSelect, {
+  props: ["options", "optionLabel", "optionValue", "optionGroupLabel", "optionGroupChildren", "placeholder", "pt", "ptOptions", "unstyled", "size"],
+  family: "FormInput"
+});
+export const formTreeSelectDefinition = createInput(FormTreeSelect, {
+  props: ["options", "placeholder", "selectionMode", "pt", "ptOptions", "unstyled", "emptyMessage", "display", "metaKeySelection", "appendTo", "scrollHeight", "panelClass", "variant", "size"],
+  family: "FormInput"
+});

package/dist/definitions/output.d.ts

@@ -0,0 +1,9 @@
+import type { FormKitTypeDefinition } from '@formkit/core';
+export declare const formOutputTextDefinition: FormKitTypeDefinition;
+export declare const formOutputDateDefinition: FormKitTypeDefinition;
+export declare const formOutputNumberDefinition: FormKitTypeDefinition;
+export declare const formOutputLinkDefinition: FormKitTypeDefinition;
+export declare const formOutputReferenceDefinition: FormKitTypeDefinition;
+export declare const formOutputBooleanDefinition: FormKitTypeDefinition;
+export declare const formOutputDurationDefinition: FormKitTypeDefinition;
+export declare const formOutputListDefinition: FormKitTypeDefinition;

package/dist/definitions/output.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formOutputTextDefinition = exports.formOutputReferenceDefinition = exports.formOutputNumberDefinition = exports.formOutputListDefinition = exports.formOutputLinkDefinition = exports.formOutputDurationDefinition = exports.formOutputDateDefinition = exports.formOutputBooleanDefinition = void 0;
+var _vue = require("@formkit/vue");
+var _FormOutputBoolean = _interopRequireDefault(require("../components/FormOutputBoolean.vue"));
+var _FormOutputDate = _interopRequireDefault(require("../components/FormOutputDate.vue"));
+var _FormOutputDuration = _interopRequireDefault(require("../components/FormOutputDuration.vue"));
+var _FormOutputLink = _interopRequireDefault(require("../components/FormOutputLink.vue"));
+var _FormOutputList = _interopRequireDefault(require("../components/FormOutputList.vue"));
+var _FormOutputNumber = _interopRequireDefault(require("../components/FormOutputNumber.vue"));
+var _FormOutputReference = _interopRequireDefault(require("../components/FormOutputReference.vue"));
+var _FormOutputText = _interopRequireDefault(require("../components/FormOutputText.vue"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const formOutputTextDefinition = exports.formOutputTextDefinition = (0, _vue.createInput)(_FormOutputText.default, {
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "isTranslationKey", "html", "onIconPrefixClicked", "onIconSuffixClicked", "iconPrefixTooltip", "iconSuffixTooltip", "convertValue", "maxLength"]
+});
+const formOutputDateDefinition = exports.formOutputDateDefinition = (0, _vue.createInput)(_FormOutputDate.default, {
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "onIconPrefixClicked", "onIconSuffixClicked", "iconPrefixTooltip", "iconSuffixTooltip"]
+});
+const formOutputNumberDefinition = exports.formOutputNumberDefinition = (0, _vue.createInput)(_FormOutputNumber.default, {
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "onIconPrefixClicked", "onIconSuffixClicked", "iconPrefixTooltip", "iconSuffixTooltip"],
+  family: "FormOutput"
+});
+const formOutputLinkDefinition = exports.formOutputLinkDefinition = (0, _vue.createInput)(_FormOutputLink.default, {
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "title", "onIconPrefixClicked", "onIconSuffixClicked", "iconPrefixTooltip", "iconSuffixTooltip"],
+  family: "FormOutput"
+});
+const formOutputReferenceDefinition = exports.formOutputReferenceDefinition = (0, _vue.createInput)(_FormOutputReference.default, {
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "reference", "internal", "linkComponentName", "title", "onIconPrefixClicked", "onIconSuffixClicked", "iconPrefixTooltip", "iconSuffixTooltip"],
+  family: "FormOutput"
+});
+const formOutputBooleanDefinition = exports.formOutputBooleanDefinition = (0, _vue.createInput)(_FormOutputBoolean.default, {
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "trueValue", "falseValue", "onIconPrefixClicked", "onIconSuffixClicked", "iconPrefixTooltip", "iconSuffixTooltip"],
+  family: "FormOutput"
+});
+const formOutputDurationDefinition = exports.formOutputDurationDefinition = (0, _vue.createInput)(_FormOutputDuration.default, {
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "onIconPrefixClicked", "onIconSuffixClicked", "iconPrefixTooltip", "iconSuffixTooltip"],
+  family: "FormOutput"
+});
+const formOutputListDefinition = exports.formOutputListDefinition = (0, _vue.createInput)(_FormOutputList.default, {
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "divider", "itemClass", "dividerClass", "listStyle", "onIconPrefixClicked", "onIconSuffixClicked", "iconPrefixTooltip", "iconSuffixTooltip", "optionLabel", "options", "optionValue", "convertValue"],
+  family: "FormOutput"
+});

package/dist/definitions/output.mjs

@@ -0,0 +1,136 @@
+import { createInput } from "@formkit/vue";
+import FormOutputBoolean from "../components/FormOutputBoolean.vue";
+import FormOutputDate from "../components/FormOutputDate.vue";
+import FormOutputDuration from "../components/FormOutputDuration.vue";
+import FormOutputLink from "../components/FormOutputLink.vue";
+import FormOutputList from "../components/FormOutputList.vue";
+import FormOutputNumber from "../components/FormOutputNumber.vue";
+import FormOutputReference from "../components/FormOutputReference.vue";
+import FormOutputText from "../components/FormOutputText.vue";
+export const formOutputTextDefinition = createInput(FormOutputText, {
+  props: [
+    "prefix",
+    "suffix",
+    "iconPrefix",
+    "iconSuffix",
+    "isTranslationKey",
+    "html",
+    "onIconPrefixClicked",
+    "onIconSuffixClicked",
+    "iconPrefixTooltip",
+    "iconSuffixTooltip",
+    "convertValue",
+    "maxLength"
+  ]
+});
+export const formOutputDateDefinition = createInput(FormOutputDate, {
+  props: [
+    "prefix",
+    "suffix",
+    "iconPrefix",
+    "iconSuffix",
+    "onIconPrefixClicked",
+    "onIconSuffixClicked",
+    "iconPrefixTooltip",
+    "iconSuffixTooltip"
+  ]
+});
+export const formOutputNumberDefinition = createInput(FormOutputNumber, {
+  props: [
+    "prefix",
+    "suffix",
+    "iconPrefix",
+    "iconSuffix",
+    "onIconPrefixClicked",
+    "onIconSuffixClicked",
+    "iconPrefixTooltip",
+    "iconSuffixTooltip"
+  ],
+  family: "FormOutput"
+});
+export const formOutputLinkDefinition = createInput(FormOutputLink, {
+  props: [
+    "prefix",
+    "suffix",
+    "iconPrefix",
+    "iconSuffix",
+    "title",
+    "onIconPrefixClicked",
+    "onIconSuffixClicked",
+    "iconPrefixTooltip",
+    "iconSuffixTooltip"
+  ],
+  family: "FormOutput"
+});
+export const formOutputReferenceDefinition = createInput(
+  FormOutputReference,
+  {
+    props: [
+      "prefix",
+      "suffix",
+      "iconPrefix",
+      "iconSuffix",
+      "reference",
+      "internal",
+      "linkComponentName",
+      "title",
+      "onIconPrefixClicked",
+      "onIconSuffixClicked",
+      "iconPrefixTooltip",
+      "iconSuffixTooltip"
+    ],
+    family: "FormOutput"
+  }
+);
+export const formOutputBooleanDefinition = createInput(FormOutputBoolean, {
+  props: [
+    "prefix",
+    "suffix",
+    "iconPrefix",
+    "iconSuffix",
+    "trueValue",
+    "falseValue",
+    "onIconPrefixClicked",
+    "onIconSuffixClicked",
+    "iconPrefixTooltip",
+    "iconSuffixTooltip"
+  ],
+  family: "FormOutput"
+});
+export const formOutputDurationDefinition = createInput(
+  FormOutputDuration,
+  {
+    props: [
+      "prefix",
+      "suffix",
+      "iconPrefix",
+      "iconSuffix",
+      "onIconPrefixClicked",
+      "onIconSuffixClicked",
+      "iconPrefixTooltip",
+      "iconSuffixTooltip"
+    ],
+    family: "FormOutput"
+  }
+);
+export const formOutputListDefinition = createInput(FormOutputList, {
+  props: [
+    "prefix",
+    "suffix",
+    "iconPrefix",
+    "iconSuffix",
+    "divider",
+    "itemClass",
+    "dividerClass",
+    "listStyle",
+    "onIconPrefixClicked",
+    "onIconSuffixClicked",
+    "iconPrefixTooltip",
+    "iconSuffixTooltip",
+    "optionLabel",
+    "options",
+    "optionValue",
+    "convertValue"
+  ],
+  family: "FormOutput"
+});

package/dist/definitions/repeater.d.ts

@@ -0,0 +1,2 @@
+import type { FormKitTypeDefinition } from '@formkit/core';
+export declare const formRepeaterDefinition: FormKitTypeDefinition;

package/dist/definitions/repeater.js

@@ -0,0 +1,179 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formRepeaterDefinition = void 0;
+var _vue = require("@formkit/vue");
+var _composables = require("../composables");
+const {
+  addList,
+  addElement,
+  addListGroup,
+  addComponent
+} = (0, _composables.useFormKitSchema)();
+function addButtonGroup(buttonGroupClass = "", buttonGroupItemClass = "", buttonSize, render = "true") {
+  const addActionButtonComponent = (onClick = "", icon = "", severity = "", render2 = "true", disabled = "false") => {
+    return addElement("div", [addComponent("Button", {
+      onClick,
+      icon,
+      severity,
+      disabled,
+      size: buttonSize
+    })], {
+      class: buttonGroupItemClass
+    }, render2);
+  };
+  return addElement("div", [addActionButtonComponent("$moveNodeUp($node.parent, $index)", "oi oi-arrow-up", "secondary", "$renderMoveButtons", "$index === 0"), addActionButtonComponent("$removeNode($node.parent, $index)", "oi oi-trash", "danger", "$displayDeleteButton", "$node.parent.value.length === $minItems"), addActionButtonComponent("$cloneNode($node.parent, $index)", "oi oi-clone", "", "$displayCloneButton", "$node.parent.value.length > $maxItems -1"), addActionButtonComponent("$addNode($node.parent, $index)", "oi oi-plus", "", "$displayAddButton", "$node.parent.value.length > $maxItems -1"), addActionButtonComponent("$moveNodeDown($node.parent, $index)", "oi oi-arrow-down", "secondary", "$renderMoveButtons", "$index === $node.parent.value.length -1")], {
+    class: buttonGroupClass
+  }, render);
+}
+function addInsertButton(label = "Add Item", icon = "i-lucide-plus", styleClass = "", buttonSize, render = "true") {
+  return addElement("div", [addComponent("Button", {
+    onClick: "$insertNode($node)",
+    label,
+    icon,
+    size: buttonSize,
+    disabled: "$node.value.length > $maxItems -1"
+  })], {
+    class: styleClass
+  }, render);
+}
+function addDragHandle(handleClass = "", iconClass = "", render = "true") {
+  return addElement("span", [addElement("i", [], {
+    class: iconClass
+  })], {
+    "class": handleClass,
+    "aria-label": "Drag to reorder"
+  }, render);
+}
+const formRepeaterDefinition = exports.formRepeaterDefinition = (0, _vue.createInput)(addElement("div", [addList("$listName", [addInsertButton("$insertButtonLabel", "oi oi-plus", "$insertButtonClass", "$insertButtonSize", "$node.children.length == 0 || $alwaysDisplayInsertButton"), addListGroup([addElement("div", [addDragHandle("$internalDragHandleClass", "$dragHandleIconClass", "$renderDragHandle"), {
+  children: "$slots.default"
+}, addButtonGroup("$buttonGroupClass", "$buttonGroupItemClass", "$buttonSize", "$renderButtons")], {
+  id: "$getListItemId($index)",
+  class: "$getListItemClass($index)",
+  draggable: "$draggable",
+  onDragstart: "$dragNodeStart($node.parent, $index)",
+  onDragover: "$dragNodeOver($index)",
+  onDragleave: "$dragNodeLeave($index)",
+  onDrop: "$dropNode($node.parent, $index)",
+  onDragend: "$dragNodeEnd"
+})], true, {})], true, "true", {
+  value: "$value"
+})], {
+  class: "$internalListClass",
+  id: "$internalListId"
+}, true), {
+  props: ["insertButtonLabel", "insertButtonClass", "insertButtonSize", "alwaysDisplayInsertButton", "newItem", "listClass", "listItemClass", "hideButtonGroup", "hideMoveButtons", "buttonGroupClass", "buttonGroupItemClass", "buttonSize", "displayCloneButton", "displayAddButton", "displayDeleteButton", "minItems", "maxItems", "displayDragHandle", "draggable", "dragHandleClass", "dragHandleIconClass"],
+  features: [addRepeaterHandler]
+});
+function addRepeaterHandler(node) {
+  const swapElements = (array, index1, index2) => {
+    array.splice(index2, 0, array.splice(index1, 1)[0]);
+    return array;
+  };
+  const uuid = typeof crypto !== "undefined" && crypto.randomUUID ? crypto.randomUUID() : Math.random().toString(36).slice(2);
+  node.on("created", () => {
+    if (node.context) {
+      let dragStartIndex = null;
+      let dragOverIndex = null;
+      const newItem = node.context.newItem || {};
+      node.context.listName = node.name;
+      node.context.renderButtons = !node.context.hideButtonGroup;
+      node.context.insertButtonSize = node.context.insertButtonSize ? node.context.insertButtonSize : "";
+      node.context.buttonSize = node.context.buttonSize ? node.context.buttonSize : "";
+      node.context.renderMoveButtons = !node.context.hideMoveButtons;
+      node.context.draggable = !!node.context.draggable;
+      node.context.renderDragHandle = !!node.context.displayDragHandle;
+      node.context.dragHandleIconClass = node.context.dragHandleIconClass || "oi oi-bars";
+      node.context.internalDragHandleClass = node.context.dragHandleClass ? `formkit-repeater-drag-handle ${node.context.dragHandleClass}` : "formkit-repeater-drag-handle";
+      node.context.internalListClass = node.context.listClass ? `formkit-items ${node.context.listClass}` : "formkit-items";
+      node.context.internalListItemClass = node.context.listItemClass ? `formkit-item ${node.context.listItemClass}` : "formkit-item";
+      node.context.internalListId = `formkit-items-${uuid}`;
+      node.context.getListItemClass = index => {
+        if (dragOverIndex === index && dragStartIndex !== index) return `${node.context?.internalListItemClass} formkit-repeater-drop-target`;
+        return node.context?.internalListItemClass?.toString() ?? "";
+      };
+      node.context.getListItemId = index => {
+        return `formkit-item-${index}-${uuid}`;
+      };
+      node.context.insertNode = parentNode => () => {
+        if (parentNode && Array.isArray(parentNode._value)) {
+          const newArray = [{
+            ...newItem
+          }, ...parentNode.value];
+          parentNode.input(newArray, false);
+        }
+      };
+      node.context.removeNode = (parentNode, index) => () => {
+        if (parentNode && Array.isArray(parentNode._value)) {
+          parentNode.input(parentNode._value.filter((_, i) => i !== index), false);
+        }
+      };
+      node.context.addNode = (parentNode, index) => () => {
+        if (parentNode && Array.isArray(parentNode._value)) {
+          const array = parentNode.value;
+          array.splice(index + 1, 0, newItem);
+          parentNode.input(array, false);
+        }
+      };
+      node.context.cloneNode = (parentNode, index) => () => {
+        if (parentNode && Array.isArray(parentNode._value)) {
+          const item = parentNode.value[index];
+          const array = parentNode.value;
+          array.splice(index + 1, 0, item);
+          parentNode.input(array, false);
+        }
+      };
+      node.context.moveNodeUp = (parentNode, index) => () => {
+        if (parentNode && Array.isArray(parentNode._value)) {
+          if (index > 0) parentNode.input(swapElements(parentNode.value, index - 1, index), false);
+        }
+      };
+      node.context.moveNodeDown = (parentNode, index) => () => {
+        if (parentNode && Array.isArray(parentNode._value)) {
+          if (index < parentNode.value.length - 1) parentNode.input(swapElements(parentNode.value, index, index + 1), false);
+        }
+      };
+      node.context.dragNodeStart = (_parentNode, index) => event => {
+        dragStartIndex = index;
+        if (event?.dataTransfer) {
+          event.dataTransfer.effectAllowed = "move";
+          event.dataTransfer.setData("text/plain", String(index));
+        }
+      };
+      node.context.dragNodeOver = targetIndex => event => {
+        event?.preventDefault();
+        dragOverIndex = targetIndex;
+        if (event?.dataTransfer) event.dataTransfer.dropEffect = "move";
+      };
+      node.context.dragNodeLeave = targetIndex => () => {
+        if (dragOverIndex === targetIndex) dragOverIndex = null;
+      };
+      node.context.dropNode = (parentNode, targetIndex) => event => {
+        event?.preventDefault();
+        if (!parentNode || !Array.isArray(parentNode._value)) {
+          dragOverIndex = null;
+          return;
+        }
+        const sourceFromEvent = Number.parseInt(event?.dataTransfer?.getData("text/plain") || "", 10);
+        const sourceIndex = Number.isInteger(sourceFromEvent) ? sourceFromEvent : dragStartIndex;
+        if (sourceIndex === null || sourceIndex === targetIndex) {
+          dragOverIndex = null;
+          return;
+        }
+        if (sourceIndex < 0 || sourceIndex >= parentNode.value.length) {
+          dragOverIndex = null;
+          return;
+        }
+        parentNode.input(swapElements(parentNode.value, sourceIndex, targetIndex), false);
+        dragStartIndex = null;
+        dragOverIndex = null;
+      };
+      node.context.dragNodeEnd = () => {
+        dragStartIndex = null;
+        dragOverIndex = null;
+      };
+    }
+  });
+}