@sfxcode/formkit-primevue 2.4.7 → 2.4.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/dist/components/FormKitDataEdit.vue +1 -1
  2. package/dist/components/FormKitDataView.vue +1 -1
  3. package/dist/components/PrimeAutoComplete.vue +5 -4
  4. package/dist/components/PrimeCascadeSelect.vue +5 -4
  5. package/dist/components/PrimeCheckbox.vue +5 -4
  6. package/dist/components/PrimeColorPicker.vue +2 -2
  7. package/dist/components/PrimeDatePicker.vue +5 -4
  8. package/dist/components/PrimeEditor.vue +5 -4
  9. package/dist/components/PrimeInputMask.vue +6 -6
  10. package/dist/components/PrimeInputNumber.vue +5 -4
  11. package/dist/components/PrimeInputOtp.vue +5 -4
  12. package/dist/components/PrimeInputText.vue +5 -4
  13. package/dist/components/PrimeKnob.vue +5 -4
  14. package/dist/components/PrimeListbox.vue +5 -4
  15. package/dist/components/PrimeMultiSelect.vue +5 -4
  16. package/dist/components/PrimeOutputBoolean.vue +2 -2
  17. package/dist/components/PrimeOutputDate.vue +2 -2
  18. package/dist/components/PrimeOutputDuration.vue +1 -1
  19. package/dist/components/PrimeOutputLink.vue +1 -1
  20. package/dist/components/PrimeOutputList.vue +1 -1
  21. package/dist/components/PrimeOutputNumber.vue +3 -3
  22. package/dist/components/PrimeOutputReference.vue +1 -1
  23. package/dist/components/PrimeOutputText.vue +1 -1
  24. package/dist/components/PrimePassword.vue +5 -4
  25. package/dist/components/PrimeRadioButton.vue +5 -4
  26. package/dist/components/PrimeRating.vue +5 -4
  27. package/dist/components/PrimeSelect.vue +6 -5
  28. package/dist/components/PrimeSelectButton.vue +5 -4
  29. package/dist/components/PrimeSlider.vue +5 -4
  30. package/dist/components/PrimeTextarea.vue +5 -4
  31. package/dist/components/PrimeToggleButton.vue +5 -4
  32. package/dist/components/PrimeToggleSwitch.vue +5 -4
  33. package/dist/components/PrimeTreeSelect.vue +5 -4
  34. package/dist/components/index.d.ts +10 -10
  35. package/dist/components/index.js +9 -9
  36. package/dist/components/index.mjs +15 -15
  37. package/dist/composables/index.d.ts +1 -1
  38. package/dist/composables/index.js +1 -1
  39. package/dist/composables/index.mjs +1 -1
  40. package/dist/composables/useFormKitInput.d.ts +1 -0
  41. package/dist/composables/useFormKitInput.js +4 -0
  42. package/dist/composables/useFormKitInput.mjs +4 -1
  43. package/dist/composables/useFormKitSection.js +1 -1
  44. package/dist/composables/useFormKitSection.mjs +1 -1
  45. package/dist/composables/useInputEditorSchema.js +1 -1
  46. package/dist/composables/useInputEditorSchema.mjs +1 -1
  47. package/dist/definitions/input.js +6 -6
  48. package/dist/definitions/input.mjs +6 -6
  49. package/dist/definitions/output.js +4 -4
  50. package/dist/definitions/output.mjs +4 -4
  51. package/dist/index.d.ts +2 -2
  52. package/dist/index.js +2 -2
  53. package/dist/index.mjs +7 -7
  54. package/package.json +27 -27
@@ -1,8 +1,8 @@
1
1
  <script setup lang='ts'>
2
- import type { PropType } from 'vue'
3
2
  import type { FormKitFrameworkContext } from '@formkit/core'
4
-
5
3
  import type { SliderProps } from 'primevue/slider'
4
+
5
+ import type { PropType } from 'vue'
6
6
  import { useFormKitInput } from '../composables'
7
7
 
8
8
  export interface FormKitPrimeSliderProps {
@@ -24,7 +24,7 @@ const props = defineProps({
24
24
  },
25
25
  })
26
26
 
27
- const { styleClass, handleBlur } = useFormKitInput(props.context)
27
+ const { isInvalid, handleBlur } = useFormKitInput(props.context)
28
28
 
29
29
  function handleInput(e: any) {
30
30
  props.context?.node.input(e)
@@ -41,7 +41,8 @@ function handleInput(e: any) {
41
41
  :disabled="!!context?.disabled"
42
42
  :readonly="context?.attrs.readonly ?? false"
43
43
  :style="context?.attrs.style"
44
- :class="styleClass"
44
+ :class="context?.attrs?.class"
45
+ :invalid="isInvalid"
45
46
  :tabindex="context?.attrs.tabindex"
46
47
  :aria-label="context?.attrs.ariaLabel"
47
48
  :aria-labelledby="context?.attrs.ariaLabelledby"
@@ -1,8 +1,8 @@
1
1
  <script setup lang='ts'>
2
- import type { PropType } from 'vue'
3
2
  import type { FormKitFrameworkContext } from '@formkit/core'
4
-
5
3
  import type { TextareaProps } from 'primevue/textarea'
4
+
5
+ import type { PropType } from 'vue'
6
6
  import { useFormKitInput } from '../composables'
7
7
 
8
8
  export interface FormKitPrimeTextareaProps {
@@ -22,7 +22,7 @@ const props = defineProps({
22
22
  },
23
23
  })
24
24
 
25
- const { styleClass, handleInput, handleBlur } = useFormKitInput(props.context)
25
+ const { isInvalid, handleInput, handleBlur } = useFormKitInput(props.context)
26
26
  </script>
27
27
 
28
28
  <template>
@@ -34,7 +34,8 @@ const { styleClass, handleInput, handleBlur } = useFormKitInput(props.context)
34
34
  :disabled="!!context?.disabled"
35
35
  :readonly="context?.attrs.readonly ?? false"
36
36
  :style="context?.attrs.style"
37
- :class="styleClass"
37
+ :class="context?.attrs?.class"
38
+ :invalid="isInvalid"
38
39
  :tabindex="context?.attrs.tabindex"
39
40
  :aria-label="context?.attrs.ariaLabel"
40
41
  :aria-labelledby="context?.attrs.ariaLabelledby"
@@ -1,8 +1,8 @@
1
1
  <script setup lang='ts'>
2
- import type { PropType } from 'vue'
3
2
  import type { FormKitFrameworkContext } from '@formkit/core'
4
-
5
3
  import type { ToggleButtonProps } from 'primevue/togglebutton'
4
+
5
+ import type { PropType } from 'vue'
6
6
  import { useFormKitInput } from '../composables'
7
7
 
8
8
  export interface FormKitPrimeToggleButtonProps {
@@ -24,7 +24,7 @@ const props = defineProps({
24
24
  },
25
25
  })
26
26
 
27
- const { styleClass, handleChange, handleBlur } = useFormKitInput(props.context)
27
+ const { isInvalid, handleChange, handleBlur } = useFormKitInput(props.context)
28
28
  </script>
29
29
 
30
30
  <template>
@@ -36,7 +36,8 @@ const { styleClass, handleChange, handleBlur } = useFormKitInput(props.context)
36
36
  :disabled="!!context?.disabled"
37
37
  :readonly="context?.attrs.readonly ?? false"
38
38
  :input-style="context?.attrs.style"
39
- :input-class="styleClass"
39
+ :input-class="context?.attrs?.class"
40
+ :invalid="isInvalid"
40
41
  :tabindex="context?.attrs.tabindex"
41
42
  :aria-label="context?.attrs.ariaLabel"
42
43
  :aria-labelledby="context?.attrs.ariaLabelledby"
@@ -1,8 +1,8 @@
1
1
  <script setup lang='ts'>
2
- import type { PropType } from 'vue'
3
2
  import type { FormKitFrameworkContext } from '@formkit/core'
4
-
5
3
  import type { ToggleSwitchProps } from 'primevue/toggleswitch'
4
+
5
+ import type { PropType } from 'vue'
6
6
  import { useFormKitInput, useFormKitSection } from '../composables'
7
7
 
8
8
  export interface FormKitPrimeToggleSwitchProps {
@@ -22,7 +22,7 @@ const props = defineProps({
22
22
 
23
23
  const { hasPrefix, hasSuffix } = useFormKitSection(props.context)
24
24
 
25
- const { styleClass, handleInput, handleBlur } = useFormKitInput(props.context)
25
+ const { isInvalid, handleInput, handleBlur } = useFormKitInput(props.context)
26
26
  </script>
27
27
 
28
28
  <template>
@@ -37,7 +37,8 @@ const { styleClass, handleInput, handleBlur } = useFormKitInput(props.context)
37
37
  :disabled="!!context?.disabled"
38
38
  :readonly="context?.attrs.readonly ?? false"
39
39
  :input-style="context?.attrs.style"
40
- :input-class="styleClass"
40
+ :input-class="context?.attrs?.class"
41
+ :invalid="isInvalid"
41
42
  :tabindex="context?.attrs.tabindex"
42
43
  :aria-label="context?.attrs.ariaLabel"
43
44
  :aria-labelledby="context?.attrs.ariaLabelledby"
@@ -1,8 +1,8 @@
1
1
  <script setup lang='ts'>
2
- import type { PropType } from 'vue'
3
2
  import type { FormKitFrameworkContext } from '@formkit/core'
4
-
5
3
  import type { TreeSelectProps } from 'primevue/treeselect'
4
+
5
+ import type { PropType } from 'vue'
6
6
  import { useFormKitInput } from '../composables'
7
7
 
8
8
  export interface FormKitPrimeTreeSelectProps {
@@ -29,7 +29,7 @@ const props = defineProps({
29
29
  },
30
30
  })
31
31
 
32
- const { styleClass, handleInput, handleBlur } = useFormKitInput(props.context)
32
+ const { isInvalid, handleInput, handleBlur } = useFormKitInput(props.context)
33
33
  </script>
34
34
 
35
35
  <template>
@@ -41,7 +41,8 @@ const { styleClass, handleInput, handleBlur } = useFormKitInput(props.context)
41
41
  :disabled="!!context?.disabled"
42
42
  :readonly="context?.attrs.readonly ?? false"
43
43
  :input-style="context?.attrs.style"
44
- :input-class="styleClass"
44
+ :input-class="context?.attrs?.class"
45
+ :invalid="isInvalid"
45
46
  :tabindex="context?.attrs.tabindex"
46
47
  :aria-label="context?.attrs.ariaLabel"
47
48
  :aria-labelledby="context?.attrs.ariaLabelledby"
@@ -1,26 +1,26 @@
1
+ import FormKitDataEdit from './FormKitDataEdit.vue';
2
+ import FormKitDataView from './FormKitDataView.vue';
3
+ import FormKitDataDebug from './FormKitDebug.vue';
1
4
  import PrimeAutoComplete from './PrimeAutoComplete.vue';
2
- import PrimeDatePicker from './PrimeDatePicker.vue';
3
5
  import PrimeCascadeSelect from './PrimeCascadeSelect.vue';
4
6
  import PrimeCheckbox from './PrimeCheckbox.vue';
5
7
  import PrimeColorPicker from './PrimeColorPicker.vue';
6
- import PrimeSelect from './PrimeSelect.vue';
8
+ import PrimeDatePicker from './PrimeDatePicker.vue';
7
9
  import PrimeEditor from './PrimeEditor.vue';
8
10
  import PrimeInputMask from './PrimeInputMask.vue';
9
11
  import PrimeInputNumber from './PrimeInputNumber.vue';
10
- import PrimeInputSwitch from './PrimeToggleSwitch.vue';
11
12
  import PrimeInputText from './PrimeInputText.vue';
12
- import PrimeTextarea from './PrimeTextarea.vue';
13
13
  import PrimeKnob from './PrimeKnob.vue';
14
- import PrimeMultiSelect from './PrimeMultiSelect.vue';
15
14
  import PrimeListbox from './PrimeListbox.vue';
15
+ import PrimeMultiSelect from './PrimeMultiSelect.vue';
16
16
  import PrimePassword from './PrimePassword.vue';
17
17
  import PrimeRadioButton from './PrimeRadioButton.vue';
18
18
  import PrimeRating from './PrimeRating.vue';
19
+ import PrimeSelect from './PrimeSelect.vue';
20
+ import PrimeSelectButton from './PrimeSelectButton.vue';
19
21
  import PrimeSlider from './PrimeSlider.vue';
22
+ import PrimeTextarea from './PrimeTextarea.vue';
20
23
  import PrimeToggleButton from './PrimeToggleButton.vue';
24
+ import PrimeInputSwitch from './PrimeToggleSwitch.vue';
21
25
  import PrimeTreeSelect from './PrimeTreeSelect.vue';
22
- import PrimeSelectButton from './PrimeSelectButton.vue';
23
- import FormKitDataDebug from './FormKitDebug.vue';
24
- import FormKitDataView from './FormKitDataView.vue';
25
- import FormKitDataEdit from './FormKitDataEdit.vue';
26
- export { FormKitDataDebug, FormKitDataEdit, FormKitDataView, PrimeAutoComplete, PrimeDatePicker, PrimeCascadeSelect, PrimeCheckbox, PrimeColorPicker, PrimeSelect, PrimeEditor, PrimeInputMask, PrimeInputNumber, PrimeInputSwitch, PrimeInputText, PrimeTextarea, PrimeKnob, PrimeMultiSelect, PrimeListbox, PrimePassword, PrimeRadioButton, PrimeRating, PrimeSlider, PrimeToggleButton, PrimeTreeSelect, PrimeSelectButton, };
26
+ export { FormKitDataDebug, FormKitDataEdit, FormKitDataView, PrimeAutoComplete, PrimeCascadeSelect, PrimeCheckbox, PrimeColorPicker, PrimeDatePicker, PrimeEditor, PrimeInputMask, PrimeInputNumber, PrimeInputSwitch, PrimeInputText, PrimeKnob, PrimeListbox, PrimeMultiSelect, PrimePassword, PrimeRadioButton, PrimeRating, PrimeSelect, PrimeSelectButton, PrimeSlider, PrimeTextarea, PrimeToggleButton, PrimeTreeSelect, };
@@ -153,29 +153,29 @@ Object.defineProperty(exports, "PrimeTreeSelect", {
153
153
  return _PrimeTreeSelect.default;
154
154
  }
155
155
  });
156
+ var _FormKitDataEdit = _interopRequireDefault(require("./FormKitDataEdit.vue"));
157
+ var _FormKitDataView = _interopRequireDefault(require("./FormKitDataView.vue"));
158
+ var _FormKitDebug = _interopRequireDefault(require("./FormKitDebug.vue"));
156
159
  var _PrimeAutoComplete = _interopRequireDefault(require("./PrimeAutoComplete.vue"));
157
- var _PrimeDatePicker = _interopRequireDefault(require("./PrimeDatePicker.vue"));
158
160
  var _PrimeCascadeSelect = _interopRequireDefault(require("./PrimeCascadeSelect.vue"));
159
161
  var _PrimeCheckbox = _interopRequireDefault(require("./PrimeCheckbox.vue"));
160
162
  var _PrimeColorPicker = _interopRequireDefault(require("./PrimeColorPicker.vue"));
161
- var _PrimeSelect = _interopRequireDefault(require("./PrimeSelect.vue"));
163
+ var _PrimeDatePicker = _interopRequireDefault(require("./PrimeDatePicker.vue"));
162
164
  var _PrimeEditor = _interopRequireDefault(require("./PrimeEditor.vue"));
163
165
  var _PrimeInputMask = _interopRequireDefault(require("./PrimeInputMask.vue"));
164
166
  var _PrimeInputNumber = _interopRequireDefault(require("./PrimeInputNumber.vue"));
165
- var _PrimeToggleSwitch = _interopRequireDefault(require("./PrimeToggleSwitch.vue"));
166
167
  var _PrimeInputText = _interopRequireDefault(require("./PrimeInputText.vue"));
167
- var _PrimeTextarea = _interopRequireDefault(require("./PrimeTextarea.vue"));
168
168
  var _PrimeKnob = _interopRequireDefault(require("./PrimeKnob.vue"));
169
- var _PrimeMultiSelect = _interopRequireDefault(require("./PrimeMultiSelect.vue"));
170
169
  var _PrimeListbox = _interopRequireDefault(require("./PrimeListbox.vue"));
170
+ var _PrimeMultiSelect = _interopRequireDefault(require("./PrimeMultiSelect.vue"));
171
171
  var _PrimePassword = _interopRequireDefault(require("./PrimePassword.vue"));
172
172
  var _PrimeRadioButton = _interopRequireDefault(require("./PrimeRadioButton.vue"));
173
173
  var _PrimeRating = _interopRequireDefault(require("./PrimeRating.vue"));
174
+ var _PrimeSelect = _interopRequireDefault(require("./PrimeSelect.vue"));
175
+ var _PrimeSelectButton = _interopRequireDefault(require("./PrimeSelectButton.vue"));
174
176
  var _PrimeSlider = _interopRequireDefault(require("./PrimeSlider.vue"));
177
+ var _PrimeTextarea = _interopRequireDefault(require("./PrimeTextarea.vue"));
175
178
  var _PrimeToggleButton = _interopRequireDefault(require("./PrimeToggleButton.vue"));
179
+ var _PrimeToggleSwitch = _interopRequireDefault(require("./PrimeToggleSwitch.vue"));
176
180
  var _PrimeTreeSelect = _interopRequireDefault(require("./PrimeTreeSelect.vue"));
177
- var _PrimeSelectButton = _interopRequireDefault(require("./PrimeSelectButton.vue"));
178
- var _FormKitDebug = _interopRequireDefault(require("./FormKitDebug.vue"));
179
- var _FormKitDataView = _interopRequireDefault(require("./FormKitDataView.vue"));
180
- var _FormKitDataEdit = _interopRequireDefault(require("./FormKitDataEdit.vue"));
181
181
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -1,52 +1,52 @@
1
+ import FormKitDataEdit from "./FormKitDataEdit.vue";
2
+ import FormKitDataView from "./FormKitDataView.vue";
3
+ import FormKitDataDebug from "./FormKitDebug.vue";
1
4
  import PrimeAutoComplete from "./PrimeAutoComplete.vue";
2
- import PrimeDatePicker from "./PrimeDatePicker.vue";
3
5
  import PrimeCascadeSelect from "./PrimeCascadeSelect.vue";
4
6
  import PrimeCheckbox from "./PrimeCheckbox.vue";
5
7
  import PrimeColorPicker from "./PrimeColorPicker.vue";
6
- import PrimeSelect from "./PrimeSelect.vue";
8
+ import PrimeDatePicker from "./PrimeDatePicker.vue";
7
9
  import PrimeEditor from "./PrimeEditor.vue";
8
10
  import PrimeInputMask from "./PrimeInputMask.vue";
9
11
  import PrimeInputNumber from "./PrimeInputNumber.vue";
10
- import PrimeInputSwitch from "./PrimeToggleSwitch.vue";
11
12
  import PrimeInputText from "./PrimeInputText.vue";
12
- import PrimeTextarea from "./PrimeTextarea.vue";
13
13
  import PrimeKnob from "./PrimeKnob.vue";
14
- import PrimeMultiSelect from "./PrimeMultiSelect.vue";
15
14
  import PrimeListbox from "./PrimeListbox.vue";
15
+ import PrimeMultiSelect from "./PrimeMultiSelect.vue";
16
16
  import PrimePassword from "./PrimePassword.vue";
17
17
  import PrimeRadioButton from "./PrimeRadioButton.vue";
18
18
  import PrimeRating from "./PrimeRating.vue";
19
+ import PrimeSelect from "./PrimeSelect.vue";
20
+ import PrimeSelectButton from "./PrimeSelectButton.vue";
19
21
  import PrimeSlider from "./PrimeSlider.vue";
22
+ import PrimeTextarea from "./PrimeTextarea.vue";
20
23
  import PrimeToggleButton from "./PrimeToggleButton.vue";
24
+ import PrimeInputSwitch from "./PrimeToggleSwitch.vue";
21
25
  import PrimeTreeSelect from "./PrimeTreeSelect.vue";
22
- import PrimeSelectButton from "./PrimeSelectButton.vue";
23
- import FormKitDataDebug from "./FormKitDebug.vue";
24
- import FormKitDataView from "./FormKitDataView.vue";
25
- import FormKitDataEdit from "./FormKitDataEdit.vue";
26
26
  export {
27
27
  FormKitDataDebug,
28
28
  FormKitDataEdit,
29
29
  FormKitDataView,
30
30
  PrimeAutoComplete,
31
- PrimeDatePicker,
32
31
  PrimeCascadeSelect,
33
32
  PrimeCheckbox,
34
33
  PrimeColorPicker,
35
- PrimeSelect,
34
+ PrimeDatePicker,
36
35
  PrimeEditor,
37
36
  PrimeInputMask,
38
37
  PrimeInputNumber,
39
38
  PrimeInputSwitch,
40
39
  PrimeInputText,
41
- PrimeTextarea,
42
40
  PrimeKnob,
43
- PrimeMultiSelect,
44
41
  PrimeListbox,
42
+ PrimeMultiSelect,
45
43
  PrimePassword,
46
44
  PrimeRadioButton,
47
45
  PrimeRating,
46
+ PrimeSelect,
47
+ PrimeSelectButton,
48
48
  PrimeSlider,
49
+ PrimeTextarea,
49
50
  PrimeToggleButton,
50
- PrimeTreeSelect,
51
- PrimeSelectButton
51
+ PrimeTreeSelect
52
52
  };
@@ -1,6 +1,6 @@
1
1
  import { useFormKitInput } from './useFormKitInput';
2
- import { useFormKitSchema } from './useFormKitSchema';
3
2
  import { useFormKitRepeater } from './useFormKitRepeater';
3
+ import { useFormKitSchema } from './useFormKitSchema';
4
4
  import { useFormKitSection } from './useFormKitSection';
5
5
  import { useInputEditor } from './useInputEditor';
6
6
  import { useInputEditorSchema } from './useInputEditorSchema';
@@ -52,8 +52,8 @@ Object.defineProperty(exports, "usePrimeInputs", {
52
52
  }
53
53
  });
54
54
  var _useFormKitInput = require("./useFormKitInput");
55
- var _useFormKitSchema = require("./useFormKitSchema");
56
55
  var _useFormKitRepeater = require("./useFormKitRepeater");
56
+ var _useFormKitSchema = require("./useFormKitSchema");
57
57
  var _useFormKitSection = require("./useFormKitSection");
58
58
  var _useInputEditor = require("./useInputEditor");
59
59
  var _useInputEditorSchema = require("./useInputEditorSchema");
@@ -1,6 +1,6 @@
1
1
  import { useFormKitInput } from "./useFormKitInput.mjs";
2
- import { useFormKitSchema } from "./useFormKitSchema.mjs";
3
2
  import { useFormKitRepeater } from "./useFormKitRepeater.mjs";
3
+ import { useFormKitSchema } from "./useFormKitSchema.mjs";
4
4
  import { useFormKitSection } from "./useFormKitSection.mjs";
5
5
  import { useInputEditor } from "./useInputEditor.mjs";
6
6
  import { useInputEditorSchema } from "./useInputEditorSchema.mjs";
@@ -1,4 +1,5 @@
1
1
  export declare function useFormKitInput(context: any): {
2
+ isInvalid: import("vue").ComputedRef<any>;
2
3
  styleClass: import("vue").ComputedRef<any>;
3
4
  handleBlur: (event: Event) => void;
4
5
  handleChange: (_: any) => void;
@@ -6,6 +6,9 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.useFormKitInput = useFormKitInput;
7
7
  var _vue = require("vue");
8
8
  function useFormKitInput(context) {
9
+ const isInvalid = (0, _vue.computed)(() => {
10
+ return context?.state.validationVisible && !context?.state.valid;
11
+ });
9
12
  const styleClass = (0, _vue.computed)(() => {
10
13
  return context?.state.validationVisible && !context?.state.valid ? `${context?.attrs?.class} p-invalid` : context?.attrs?.class;
11
14
  });
@@ -22,6 +25,7 @@ function useFormKitInput(context) {
22
25
  context?.node.input(e);
23
26
  }
24
27
  return {
28
+ isInvalid,
25
29
  styleClass,
26
30
  handleBlur,
27
31
  handleChange,
@@ -1,5 +1,8 @@
1
1
  import { computed } from "vue";
2
2
  export function useFormKitInput(context) {
3
+ const isInvalid = computed(() => {
4
+ return context?.state.validationVisible && !context?.state.valid;
5
+ });
3
6
  const styleClass = computed(() => {
4
7
  return context?.state.validationVisible && !context?.state.valid ? `${context?.attrs?.class} p-invalid` : context?.attrs?.class;
5
8
  });
@@ -15,5 +18,5 @@ export function useFormKitInput(context) {
15
18
  function handleSelect(e) {
16
19
  context?.node.input(e);
17
20
  }
18
- return { styleClass, handleBlur, handleChange, handleInput, handleSelect };
21
+ return { isInvalid, styleClass, handleBlur, handleChange, handleInput, handleSelect };
19
22
  }
@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.useFormKitSection = useFormKitSection;
7
- var _vue = require("vue");
8
7
  var _uuid = require("uuid");
8
+ var _vue = require("vue");
9
9
  function useFormKitSection(context) {
10
10
  const hasPrefix = (0, _vue.computed)(() => {
11
11
  return context?.prefix && context?.prefix.length > 0;
@@ -1,5 +1,5 @@
1
- import { computed } from "vue";
2
1
  import { v4 as uuidv4 } from "uuid";
2
+ import { computed } from "vue";
3
3
  export function useFormKitSection(context) {
4
4
  const hasPrefix = computed(() => {
5
5
  return context?.prefix && context?.prefix.length > 0;
@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.useInputEditorSchema = useInputEditorSchema;
7
+ var _useFormKitRepeater = require("./useFormKitRepeater");
7
8
  var _useFormKitSchema = require("./useFormKitSchema");
8
9
  var _useInputEditor = require("./useInputEditor");
9
- var _useFormKitRepeater = require("./useFormKitRepeater");
10
10
  function useInputEditorSchema() {
11
11
  const {
12
12
  addList,
@@ -1,6 +1,6 @@
1
+ import { useFormKitRepeater } from "./useFormKitRepeater.mjs";
1
2
  import { useFormKitSchema } from "./useFormKitSchema.mjs";
2
3
  import { useInputEditor } from "./useInputEditor.mjs";
3
- import { useFormKitRepeater } from "./useFormKitRepeater.mjs";
4
4
  export function useInputEditorSchema() {
5
5
  const { addList, addListGroup } = useFormKitSchema();
6
6
  const { addInsertButton, addGroupButtons } = useFormKitRepeater();
@@ -6,28 +6,28 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.primeTreeSelectDefinition = exports.primeToggleSwitchDefinition = exports.primeToggleButtonDefinition = exports.primeTextareaDefinition = exports.primeSliderDefinition = exports.primeSelectDefinition = exports.primeSelectButtonDefinition = exports.primeRatingDefinition = exports.primeRadioButtonDefinition = exports.primePasswordDefinition = exports.primeMultiSelectDefinition = exports.primeListboxDefinition = exports.primeKnobDefinition = exports.primeInputs = exports.primeInputTextDefinition = exports.primeInputOtpDefinition = exports.primeInputNumberDefinition = exports.primeInputMaskDefinition = exports.primeEditorDefinition = exports.primeDatePickerDefinition = exports.primeColorPickerDefinition = exports.primeCheckboxDefinition = exports.primeCascadeSelectDefinition = exports.primeAutoCompleteDefinition = void 0;
7
7
  var _vue = require("@formkit/vue");
8
8
  var _PrimeAutoComplete = _interopRequireDefault(require("../components/PrimeAutoComplete.vue"));
9
- var _PrimeDatePicker = _interopRequireDefault(require("../components/PrimeDatePicker.vue"));
10
9
  var _PrimeCascadeSelect = _interopRequireDefault(require("../components/PrimeCascadeSelect.vue"));
11
10
  var _PrimeCheckbox = _interopRequireDefault(require("../components/PrimeCheckbox.vue"));
12
11
  var _PrimeColorPicker = _interopRequireDefault(require("../components/PrimeColorPicker.vue"));
13
- var _PrimeSelect = _interopRequireDefault(require("../components/PrimeSelect.vue"));
12
+ var _PrimeDatePicker = _interopRequireDefault(require("../components/PrimeDatePicker.vue"));
14
13
  var _PrimeEditor = _interopRequireDefault(require("../components/PrimeEditor.vue"));
15
14
  var _PrimeInputMask = _interopRequireDefault(require("../components/PrimeInputMask.vue"));
16
15
  var _PrimeInputNumber = _interopRequireDefault(require("../components/PrimeInputNumber.vue"));
17
16
  var _PrimeInputOtp = _interopRequireDefault(require("../components/PrimeInputOtp.vue"));
18
- var _PrimeToggleSwitch = _interopRequireDefault(require("../components/PrimeToggleSwitch.vue"));
19
17
  var _PrimeInputText = _interopRequireDefault(require("../components/PrimeInputText.vue"));
20
- var _PrimeTextarea = _interopRequireDefault(require("../components/PrimeTextarea.vue"));
21
18
  var _PrimeKnob = _interopRequireDefault(require("../components/PrimeKnob.vue"));
22
- var _PrimeMultiSelect = _interopRequireDefault(require("../components/PrimeMultiSelect.vue"));
23
19
  var _PrimeListbox = _interopRequireDefault(require("../components/PrimeListbox.vue"));
20
+ var _PrimeMultiSelect = _interopRequireDefault(require("../components/PrimeMultiSelect.vue"));
24
21
  var _PrimePassword = _interopRequireDefault(require("../components/PrimePassword.vue"));
25
22
  var _PrimeRadioButton = _interopRequireDefault(require("../components/PrimeRadioButton.vue"));
26
23
  var _PrimeRating = _interopRequireDefault(require("../components/PrimeRating.vue"));
24
+ var _PrimeSelect = _interopRequireDefault(require("../components/PrimeSelect.vue"));
25
+ var _PrimeSelectButton = _interopRequireDefault(require("../components/PrimeSelectButton.vue"));
27
26
  var _PrimeSlider = _interopRequireDefault(require("../components/PrimeSlider.vue"));
27
+ var _PrimeTextarea = _interopRequireDefault(require("../components/PrimeTextarea.vue"));
28
28
  var _PrimeToggleButton = _interopRequireDefault(require("../components/PrimeToggleButton.vue"));
29
+ var _PrimeToggleSwitch = _interopRequireDefault(require("../components/PrimeToggleSwitch.vue"));
29
30
  var _PrimeTreeSelect = _interopRequireDefault(require("../components/PrimeTreeSelect.vue"));
30
- var _PrimeSelectButton = _interopRequireDefault(require("../components/PrimeSelectButton.vue"));
31
31
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
32
32
  const primeAutoCompleteDefinition = exports.primeAutoCompleteDefinition = (0, _vue.createInput)(_PrimeAutoComplete.default, {
33
33
  props: ["pt", "ptOptions", "unstyled", "Select", "multiple", "typeahead"]
@@ -1,27 +1,27 @@
1
1
  import { createInput } from "@formkit/vue";
2
2
  import PrimeAutoComplete from "../components/PrimeAutoComplete.vue";
3
- import PrimeDatePicker from "../components/PrimeDatePicker.vue";
4
3
  import PrimeCascadeSelect from "../components/PrimeCascadeSelect.vue";
5
4
  import PrimeCheckbox from "../components/PrimeCheckbox.vue";
6
5
  import PrimeColorPicker from "../components/PrimeColorPicker.vue";
7
- import PrimeSelect from "../components/PrimeSelect.vue";
6
+ import PrimeDatePicker from "../components/PrimeDatePicker.vue";
8
7
  import PrimeEditor from "../components/PrimeEditor.vue";
9
8
  import PrimeInputMask from "../components/PrimeInputMask.vue";
10
9
  import PrimeInputNumber from "../components/PrimeInputNumber.vue";
11
10
  import PrimeInputOtp from "../components/PrimeInputOtp.vue";
12
- import PrimeToggleSwitch from "../components/PrimeToggleSwitch.vue";
13
11
  import PrimeInputText from "../components/PrimeInputText.vue";
14
- import PrimeTextarea from "../components/PrimeTextarea.vue";
15
12
  import PrimeKnob from "../components/PrimeKnob.vue";
16
- import PrimeMultiSelect from "../components/PrimeMultiSelect.vue";
17
13
  import PrimeListbox from "../components/PrimeListbox.vue";
14
+ import PrimeMultiSelect from "../components/PrimeMultiSelect.vue";
18
15
  import PrimePassword from "../components/PrimePassword.vue";
19
16
  import PrimeRadioButton from "../components/PrimeRadioButton.vue";
20
17
  import PrimeRating from "../components/PrimeRating.vue";
18
+ import PrimeSelect from "../components/PrimeSelect.vue";
19
+ import PrimeSelectButton from "../components/PrimeSelectButton.vue";
21
20
  import PrimeSlider from "../components/PrimeSlider.vue";
21
+ import PrimeTextarea from "../components/PrimeTextarea.vue";
22
22
  import PrimeToggleButton from "../components/PrimeToggleButton.vue";
23
+ import PrimeToggleSwitch from "../components/PrimeToggleSwitch.vue";
23
24
  import PrimeTreeSelect from "../components/PrimeTreeSelect.vue";
24
- import PrimeSelectButton from "../components/PrimeSelectButton.vue";
25
25
  export const primeAutoCompleteDefinition = createInput(PrimeAutoComplete, {
26
26
  props: ["pt", "ptOptions", "unstyled", "Select", "multiple", "typeahead"]
27
27
  });
@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.primeOutputTextDefinition = exports.primeOutputReferenceDefinition = exports.primeOutputNumberDefinition = exports.primeOutputListDefinition = exports.primeOutputLinkDefinition = exports.primeOutputDurationDefinition = exports.primeOutputDateDefinition = exports.primeOutputBooleanDefinition = void 0;
7
7
  var _vue = require("@formkit/vue");
8
- var _PrimeOutputText = _interopRequireDefault(require("../components/PrimeOutputText.vue"));
9
- var _PrimeOutputDate = _interopRequireDefault(require("../components/PrimeOutputDate.vue"));
10
- var _PrimeOutputNumber = _interopRequireDefault(require("../components/PrimeOutputNumber.vue"));
11
- var _PrimeOutputLink = _interopRequireDefault(require("../components/PrimeOutputLink.vue"));
12
8
  var _PrimeOutputBoolean = _interopRequireDefault(require("../components/PrimeOutputBoolean.vue"));
9
+ var _PrimeOutputDate = _interopRequireDefault(require("../components/PrimeOutputDate.vue"));
13
10
  var _PrimeOutputDuration = _interopRequireDefault(require("../components/PrimeOutputDuration.vue"));
11
+ var _PrimeOutputLink = _interopRequireDefault(require("../components/PrimeOutputLink.vue"));
14
12
  var _PrimeOutputList = _interopRequireDefault(require("../components/PrimeOutputList.vue"));
13
+ var _PrimeOutputNumber = _interopRequireDefault(require("../components/PrimeOutputNumber.vue"));
15
14
  var _PrimeOutputReference = _interopRequireDefault(require("../components/PrimeOutputReference.vue"));
15
+ var _PrimeOutputText = _interopRequireDefault(require("../components/PrimeOutputText.vue"));
16
16
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
17
17
  const primeOutputTextDefinition = exports.primeOutputTextDefinition = (0, _vue.createInput)(_PrimeOutputText.default, {
18
18
  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "html"]
@@ -1,12 +1,12 @@
1
1
  import { createInput } from "@formkit/vue";
2
- import PrimeOutputText from "../components/PrimeOutputText.vue";
3
- import PrimeOutputDate from "../components/PrimeOutputDate.vue";
4
- import PrimeOutputNumber from "../components/PrimeOutputNumber.vue";
5
- import PrimeOutputLink from "../components/PrimeOutputLink.vue";
6
2
  import PrimeOutputBoolean from "../components/PrimeOutputBoolean.vue";
3
+ import PrimeOutputDate from "../components/PrimeOutputDate.vue";
7
4
  import PrimeOutputDuration from "../components/PrimeOutputDuration.vue";
5
+ import PrimeOutputLink from "../components/PrimeOutputLink.vue";
8
6
  import PrimeOutputList from "../components/PrimeOutputList.vue";
7
+ import PrimeOutputNumber from "../components/PrimeOutputNumber.vue";
9
8
  import PrimeOutputReference from "../components/PrimeOutputReference.vue";
9
+ import PrimeOutputText from "../components/PrimeOutputText.vue";
10
10
  export const primeOutputTextDefinition = createInput(PrimeOutputText, {
11
11
  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "html"]
12
12
  });
package/dist/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
+ import { FormKitDataDebug, FormKitDataEdit, FormKitDataView } from './components';
1
2
  import { useFormKitRepeater, useFormKitSchema, useInputEditor, useInputEditorSchema } from './composables';
2
3
  import { primeInputs, primeOutputs } from './definitions';
3
- import { FormKitDataDebug, FormKitDataEdit, FormKitDataView } from './components';
4
- export { useFormKitRepeater, useFormKitSchema, useInputEditor, useInputEditorSchema, primeInputs, primeOutputs, FormKitDataDebug, FormKitDataEdit, FormKitDataView, };
4
+ export { FormKitDataDebug, FormKitDataEdit, FormKitDataView, primeInputs, primeOutputs, useFormKitRepeater, useFormKitSchema, useInputEditor, useInputEditorSchema, };
package/dist/index.js CHANGED
@@ -57,6 +57,6 @@ Object.defineProperty(exports, "useInputEditorSchema", {
57
57
  return _composables.useInputEditorSchema;
58
58
  }
59
59
  });
60
+ var _components = require("./components");
60
61
  var _composables = require("./composables");
61
- var _definitions = require("./definitions");
62
- var _components = require("./components");
62
+ var _definitions = require("./definitions");
package/dist/index.mjs CHANGED
@@ -1,14 +1,14 @@
1
+ import { FormKitDataDebug, FormKitDataEdit, FormKitDataView } from "./components/index.mjs";
1
2
  import { useFormKitRepeater, useFormKitSchema, useInputEditor, useInputEditorSchema } from "./composables/index.mjs";
2
3
  import { primeInputs, primeOutputs } from "./definitions/index.mjs";
3
- import { FormKitDataDebug, FormKitDataEdit, FormKitDataView } from "./components/index.mjs";
4
4
  export {
5
+ FormKitDataDebug,
6
+ FormKitDataEdit,
7
+ FormKitDataView,
8
+ primeInputs,
9
+ primeOutputs,
5
10
  useFormKitRepeater,
6
11
  useFormKitSchema,
7
12
  useInputEditor,
8
- useInputEditorSchema,
9
- primeInputs,
10
- primeOutputs,
11
- FormKitDataDebug,
12
- FormKitDataEdit,
13
- FormKitDataView
13
+ useInputEditorSchema
14
14
  };