@sfxcode/formkit-primevue 3.2.4 → 3.2.5

package/dist/components/PrimeOutputLink.vue

@@ -1,33 +1,26 @@
-<script setup lang='ts'>
-import type { FormKitFrameworkContext } from '@formkit/core'
-import type { PropType } from 'vue'
-import type { FormKitIconProps } from './FormKitIcon.vue'
-import { computed } from 'vue'
-import { useFormKitSection } from '../composables'
-import FormKitIcon from './FormKitIcon.vue'
-import FormKitPrefix from './FormKitPrefix.vue'
-import FormKitSuffix from './FormKitSuffix.vue'
-
+<script setup>
+import { computed } from "vue";
+import { useFormKitSection } from "../composables";
+import FormKitIcon from "./FormKitIcon.vue";
+import FormKitPrefix from "./FormKitPrefix.vue";
+import FormKitSuffix from "./FormKitSuffix.vue";
 const props = defineProps({
   context: {
-    type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps,
-    required: true,
-  },
-})
-
-const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context)
-
+    type: Object,
+    required: true
+  }
+});
+const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context);
 const url = computed(() => {
   if (props.context?._value)
-    return props.context?._value.indexOf('http') > -1 ? props.context?._value : `https://${props.context?._value}`
+    return props.context?._value.indexOf("http") > -1 ? props.context?._value : `https://${props.context?._value}`;
   else
-    return ''
-})
-
+    return "";
+});
 const title = computed(() => {
-  const value = props.context?._value ?? ''
-  return props.context?.title ?? value
-})
+  const value = props.context?._value ?? "";
+  return props.context?.title ?? value;
+});
 </script>
 
 <template>

package/dist/components/PrimeOutputList.vue

@@ -1,37 +1,26 @@
-<script setup lang='ts'>
-import type { FormKitFrameworkContext } from '@formkit/core'
-import type { PropType } from 'vue'
-import type { FormKitIconProps } from './FormKitIcon.vue'
-import { computed } from 'vue'
-import { useFormKitSection } from '../composables'
-import FormKitIcon from './FormKitIcon.vue'
-import FormKitPrefix from './FormKitPrefix.vue'
-import FormKitSuffix from './FormKitSuffix.vue'
-
-export interface PrimeOutputListProps {
-  convertValue?: (array: []) => []
-}
-
+<script setup>
+import { computed } from "vue";
+import { useFormKitSection } from "../composables";
+import FormKitIcon from "./FormKitIcon.vue";
+import FormKitPrefix from "./FormKitPrefix.vue";
+import FormKitSuffix from "./FormKitSuffix.vue";
 const props = defineProps({
   context: {
-    type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps & PrimeOutputListProps,
-    required: true,
-  },
-})
-
+    type: Object,
+    required: true
+  }
+});
 const listStyle = computed(() => {
-  return props.context?.listStyle || 'span'
-})
-
-const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context)
-
+  return props.context?.listStyle || "span";
+});
+const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context);
 const getListValues = computed(() => {
-  const values = Array.isArray(props.context?._value) ? props.context._value : []
-  if (typeof props.context?.convertValue === 'function') {
-    return props.context.convertValue([...values])
+  const values = Array.isArray(props.context?._value) ? props.context._value : [];
+  if (typeof props.context?.convertValue === "function") {
+    return props.context.convertValue([...values]);
   }
-  return values
-})
+  return values;
+});
 </script>
 
 <template>

package/dist/components/PrimeOutputNumber.vue

@@ -1,49 +1,36 @@
-<script setup lang='ts'>
-import type { FormKitFrameworkContext } from '@formkit/core'
-import type { PropType } from 'vue'
-import type { FormKitIconProps } from './FormKitIcon.vue'
-
-import { computed } from 'vue'
-import { useI18n } from 'vue-i18n'
-import { useFormKitSection } from '../composables'
-import FormKitIcon from './FormKitIcon.vue'
-import FormKitPrefix from './FormKitPrefix.vue'
-import FormKitSuffix from './FormKitSuffix.vue'
-
+<script setup>
+import { computed } from "vue";
+import { useI18n } from "vue-i18n";
+import { useFormKitSection } from "../composables";
+import FormKitIcon from "./FormKitIcon.vue";
+import FormKitPrefix from "./FormKitPrefix.vue";
+import FormKitSuffix from "./FormKitSuffix.vue";
 const props = defineProps({
   context: {
-    type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps,
-    required: true,
-  },
-})
-
-const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context)
-
-const { n } = useI18n()
-
+    type: Object,
+    required: true
+  }
+});
+const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context);
+const { n } = useI18n();
 const converted = computed(() => {
-  const value = props?.context?._value
+  const value = props?.context?._value;
   if (value) {
-    let result = ''
-    const format = props?.context?.attrs?.format ? props?.context?.attrs?.format : 'short'
+    let result = "";
+    const format = props?.context?.attrs?.format ? props?.context?.attrs?.format : "short";
     try {
-      result = n(value, format)
-    }
-    // eslint-disable-next-line unused-imports/no-unused-vars
-    catch (e) {
+      result = n(value, format);
+    } catch (e) {
       try {
-        result = n(+value, format)
-      }
-      // eslint-disable-next-line unused-imports/no-unused-vars
-      catch (e) {
+        result = n(+value, format);
+      } catch (e2) {
       }
     }
-    return result
-  }
-  else {
-    return ''
+    return result;
+  } else {
+    return "";
   }
-})
+});
 </script>
 
 <template>

package/dist/components/PrimeOutputReference.vue

@@ -1,35 +1,28 @@
-<script setup lang='ts'>
-import type { FormKitFrameworkContext } from '@formkit/core'
-import type { PropType } from 'vue'
-import type { FormKitIconProps } from './FormKitIcon.vue'
-import { computed } from 'vue'
-import { useFormKitSection } from '../composables'
-import FormKitIcon from './FormKitIcon.vue'
-import FormKitPrefix from './FormKitPrefix.vue'
-import FormKitSuffix from './FormKitSuffix.vue'
-
+<script setup>
+import { computed } from "vue";
+import { useFormKitSection } from "../composables";
+import FormKitIcon from "./FormKitIcon.vue";
+import FormKitPrefix from "./FormKitPrefix.vue";
+import FormKitSuffix from "./FormKitSuffix.vue";
 const props = defineProps({
   context: {
-    type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps,
-    required: true,
-  },
-})
-
-const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context)
-
+    type: Object,
+    required: true
+  }
+});
+const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context);
 const reference = computed(() => {
-  const value = props.context?._value ?? ''
-  let result = props.context?.reference ? `${props.context?.reference}` : 'reference-must-be-set'
-  if (!props.context?.internal && !result.includes('http'))
-    result = `https://${result}`
-  return result.replace(/\{\{.*\}\}/, value)
-})
-
+  const value = props.context?._value ?? "";
+  let result = props.context?.reference ? `${props.context?.reference}` : "reference-must-be-set";
+  if (!props.context?.internal && !result.includes("http"))
+    result = `https://${result}`;
+  return result.replace(/\{\{.*\}\}/, value);
+});
 const title = computed(() => {
-  const value = props.context?._value ?? ''
-  const result = props.context?.title ?? value
-  return `${result}`.replace(/\{\{.*\}\}/, value)
-})
+  const value = props.context?._value ?? "";
+  const result = props.context?.title ?? value;
+  return `${result}`.replace(/\{\{.*\}\}/, value);
+});
 </script>
 
 <template>

package/dist/components/PrimeOutputText.vue

@@ -1,47 +1,32 @@
-<script setup lang='ts'>
-import type { FormKitFrameworkContext } from '@formkit/core'
-import type { PropType } from 'vue'
-import type { FormKitIconProps } from './FormKitIcon.vue'
-import { computed } from 'vue'
-import { useI18n } from 'vue-i18n'
-import { useFormKitSection } from '../composables'
-import FormKitIcon from './FormKitIcon.vue'
-import FormKitPrefix from './FormKitPrefix.vue'
-import FormKitSuffix from './FormKitSuffix.vue'
-
-export interface FormKitOutputTextProps {
-  html?: boolean
-  isTranslationKey?: boolean
-  convertValue?: (value: string) => string
-}
-
+<script setup>
+import { computed } from "vue";
+import { useI18n } from "vue-i18n";
+import { useFormKitSection } from "../composables";
+import FormKitIcon from "./FormKitIcon.vue";
+import FormKitPrefix from "./FormKitPrefix.vue";
+import FormKitSuffix from "./FormKitSuffix.vue";
 const props = defineProps({
   context: {
-    type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps & FormKitOutputTextProps,
-    required: true,
-  },
-})
-
+    type: Object,
+    required: true
+  }
+});
 const textValue = computed(() => {
-  const value = props.context?._value
-  const { t } = useI18n()
+  const value = props.context?._value;
+  const { t } = useI18n();
   if (value) {
     if (props.context?.isTranslationKey) {
-      return t(value)
-    }
-    else if (typeof props.context?.convertValue === 'function') {
-      return props.context?.convertValue(value)
-    }
-    else {
-      return value
+      return t(value);
+    } else if (typeof props.context?.convertValue === "function") {
+      return props.context?.convertValue(value);
+    } else {
+      return value;
     }
+  } else {
+    return "";
   }
-  else {
-    return ''
-  }
-})
-
-const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context)
+});
+const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context);
 </script>
 
 <template>

package/dist/components/PrimePassword.vue

@@ -1,36 +1,12 @@
-<script setup lang='ts'>
-import type { FormKitFrameworkContext } from '@formkit/core'
-import type { PasswordProps } from 'primevue/password'
-
-import type { PropType } from 'vue'
-import { useFormKitInput } from '../composables'
-
-export interface FormKitPrimePasswordProps {
-  mediumRegex?: PasswordProps['mediumRegex']
-  strongRegex?: PasswordProps['strongRegex']
-  promptLabel?: PasswordProps['promptLabel']
-  weakLabel?: PasswordProps['weakLabel']
-  mediumLabel?: PasswordProps['mediumLabel']
-  strongLabel?: PasswordProps['strongLabel']
-  maskIcon?: PasswordProps['maskIcon']
-  unmaskIcon?: PasswordProps['unmaskIcon']
-  pt?: PasswordProps['pt']
-  ptOptions?: PasswordProps['ptOptions']
-  unstyled?: PasswordProps['unstyled']
-  placeholder?: PasswordProps['placeholder']
-  feedback?: PasswordProps['feedback']
-  toggleMask?: PasswordProps['toggleMask']
-  size?: PasswordProps['size']
-}
-
+<script setup>
+import { useFormKitInput } from "../composables";
 const props = defineProps({
   context: {
-    type: Object as PropType<FormKitFrameworkContext & FormKitPrimePasswordProps>,
-    required: true,
-  },
-})
-
-const { validSlotNames, unstyled, isInvalid, handleInput, handleBlur } = useFormKitInput(props.context)
+    type: Object,
+    required: true
+  }
+});
+const { validSlotNames, unstyled, isInvalid, handleInput, handleBlur } = useFormKitInput(props.context);
 </script>
 
 <template>

package/dist/components/PrimeRadioButton.vue

@@ -1,28 +1,12 @@
-<script setup lang='ts'>
-import type { FormKitFrameworkContext } from '@formkit/core'
-import type { RadioButtonProps } from 'primevue/radiobutton'
-
-import type { PropType } from 'vue'
-import { useFormKitInput } from '../composables'
-
-export interface FormKitPrimeRadioButtonProps {
-  pt?: RadioButtonProps['pt']
-  ptOptions?: RadioButtonProps['ptOptions']
-  unstyled?: RadioButtonProps['unstyled']
-  size?: RadioButtonProps['size']
-  options?: { label: string, value: any }[]
-  optionsClass?: string
-  optionClass?: string
-}
-
+<script setup>
+import { useFormKitInput } from "../composables";
 const props = defineProps({
   context: {
-    type: Object as PropType<FormKitFrameworkContext & FormKitPrimeRadioButtonProps>,
-    required: true,
-  },
-})
-
-const { unstyled, isInvalid, handleChange, handleBlur } = useFormKitInput(props.context)
+    type: Object,
+    required: true
+  }
+});
+const { unstyled, isInvalid, handleChange, handleBlur } = useFormKitInput(props.context);
 </script>
 
 <template>

package/dist/components/PrimeRating.vue

@@ -1,27 +1,12 @@
-<script setup lang='ts'>
-import type { FormKitFrameworkContext } from '@formkit/core'
-import type { RatingProps } from 'primevue/rating'
-
-import type { PropType } from 'vue'
-import { useFormKitInput } from '../composables'
-
-export interface FormKitPrimeRatingProps {
-  unstyled?: RatingProps['unstyled']
-  stars?: RatingProps['stars']
-  onIcon?: RatingProps['onIcon']
-  offIcon?: RatingProps['offIcon']
-  ptOptions?: RatingProps['ptOptions']
-  pt?: RatingProps['pt']
-}
-
+<script setup>
+import { useFormKitInput } from "../composables";
 const props = defineProps({
   context: {
-    type: Object as PropType<FormKitFrameworkContext & FormKitPrimeRatingProps>,
-    required: true,
-  },
-})
-
-const { validSlotNames, unstyled, isInvalid, handleInput, handleBlur } = useFormKitInput(props.context)
+    type: Object,
+    required: true
+  }
+});
+const { validSlotNames, unstyled, isInvalid, handleInput, handleBlur } = useFormKitInput(props.context);
 </script>
 
 <template>

package/dist/components/PrimeSelect.vue

@@ -1,54 +1,12 @@
-<script setup lang="ts">
-import type { FormKitFrameworkContext } from '@formkit/core'
-import type { SelectProps } from 'primevue/select'
-
-import type { PropType } from 'vue'
-import { useFormKitInput } from '../composables'
-
-export interface FormKitPrimeSelectProps {
-  options?: SelectProps['options']
-  optionLabel?: SelectProps['optionLabel']
-  optionValue?: SelectProps['optionValue']
-  optionDisabled?: SelectProps['optionDisabled']
-  optionGroupLabel?: SelectProps['optionGroupLabel']
-  optionGroupChildren?: SelectProps['optionGroupChildren']
-  scrollHeight?: SelectProps['scrollHeight']
-  filter?: SelectProps['filter']
-  filterPlaceholder?: SelectProps['filterPlaceholder']
-  filterLocale?: SelectProps['filterLocale']
-  filterMatchMode?: SelectProps['filterMatchMode']
-  filterFields?: SelectProps['filterFields']
-  editable?: SelectProps['editable']
-  placeholder?: SelectProps['placeholder']
-  dataKey?: SelectProps['dataKey']
-  showClear?: SelectProps['showClear']
-  overlayStyle?: SelectProps['overlayStyle']
-  overlayClass?: SelectProps['overlayClass']
-  appendTo?: SelectProps['appendTo']
-  resetFilterOnHide?: SelectProps['resetFilterOnHide']
-  virtualScrollerOptions?: SelectProps['virtualScrollerOptions']
-  autoOptionFocus?: SelectProps['autoOptionFocus']
-  selectOnFocus?: SelectProps['selectOnFocus']
-  filterMessage?: SelectProps['filterMessage']
-  selectionMessage?: SelectProps['selectionMessage']
-  emptySelectionMessage?: SelectProps['emptySelectionMessage']
-  emptyFilterMessage?: SelectProps['emptyFilterMessage']
-  emptyMessage?: SelectProps['emptyMessage']
-  pt?: SelectProps['pt']
-  ptOptions?: SelectProps['ptOptions']
-  unstyled?: SelectProps['unstyled']
-  size?: SelectProps['size']
-
-}
-
+<script setup>
+import { useFormKitInput } from "../composables";
 const props = defineProps({
   context: {
-    type: Object as PropType<FormKitFrameworkContext & FormKitPrimeSelectProps>,
-    required: true,
-  },
-})
-
-const { validSlotNames, unstyled, isInvalid, handleInput, handleBlur } = useFormKitInput(props.context)
+    type: Object,
+    required: true
+  }
+});
+const { validSlotNames, unstyled, isInvalid, handleInput, handleBlur } = useFormKitInput(props.context);
 </script>
 
 <template>

package/dist/components/PrimeSelectButton.vue

@@ -1,32 +1,12 @@
-<script setup lang='ts'>
-import type { FormKitFrameworkContext } from '@formkit/core'
-import type { SelectButtonProps } from 'primevue/selectbutton'
-
-import type { PropType } from 'vue'
-import { useFormKitInput } from '../composables'
-
-export interface FormKitPrimeSelectButtonProps {
-  pt?: SelectButtonProps['pt']
-  ptOptions?: SelectButtonProps['ptOptions']
-  unstyled?: SelectButtonProps['unstyled']
-  optionLabel?: SelectButtonProps['optionLabel']
-  optionValue?: SelectButtonProps['optionValue']
-  optionDisabled?: SelectButtonProps['optionDisabled']
-  multiple?: SelectButtonProps['multiple']
-  dataKey?: SelectButtonProps['dataKey']
-  options?: SelectButtonProps['options']
-  size?: SelectButtonProps['size']
-
-}
-
+<script setup>
+import { useFormKitInput } from "../composables";
 const props = defineProps({
   context: {
-    type: Object as PropType<FormKitFrameworkContext & FormKitPrimeSelectButtonProps>,
-    required: true,
-  },
-})
-
-const { validSlotNames, unstyled, isInvalid, handleChange, handleBlur } = useFormKitInput(props.context)
+    type: Object,
+    required: true
+  }
+});
+const { validSlotNames, unstyled, isInvalid, handleChange, handleBlur } = useFormKitInput(props.context);
 </script>
 
 <template>

package/dist/components/PrimeSlider.vue

@@ -1,33 +1,15 @@
-<script setup lang='ts'>
-import type { FormKitFrameworkContext } from '@formkit/core'
-import type { SliderProps } from 'primevue/slider'
-
-import type { PropType } from 'vue'
-import { useFormKitInput } from '../composables'
-
-export interface FormKitPrimeSliderProps {
-  pt?: SliderProps['pt']
-  ptOptions?: SliderProps['ptOptions']
-  unstyled?: SliderProps['unstyled']
-  min?: SliderProps['min']
-  max?: SliderProps['max']
-  step?: SliderProps['step']
-  range?: SliderProps['range']
-  orientation?: SliderProps['orientation']
-}
-
+<script setup>
+import { useFormKitInput } from "../composables";
 const props = defineProps({
   context: {
-    type: Object as PropType<FormKitFrameworkContext & FormKitPrimeSliderProps>,
-    required: true,
-  },
-})
-
-const { unstyled, isInvalid, handleBlur } = useFormKitInput(props.context)
-
-function handleInput(e: any) {
-  props.context?.node.input(e)
-  props.context?.handlers.blur(e)
+    type: Object,
+    required: true
+  }
+});
+const { unstyled, isInvalid, handleBlur } = useFormKitInput(props.context);
+function handleInput(e) {
+  props.context?.node.input(e);
+  props.context?.handlers.blur(e);
 }
 </script>
 

package/dist/components/PrimeTextarea.vue

@@ -1,28 +1,12 @@
-<script setup lang='ts'>
-import type { FormKitFrameworkContext } from '@formkit/core'
-import type { TextareaProps } from 'primevue/textarea'
-
-import type { PropType } from 'vue'
-import { useFormKitInput } from '../composables'
-
-export interface FormKitPrimeTextareaProps {
-  pt?: TextareaProps['pt']
-  ptOptions?: TextareaProps['ptOptions']
-  unstyled?: TextareaProps['unstyled']
-  autoResize?: TextareaProps['autoResize']
-  size?: TextareaProps['size']
-  placeholder?: string
-  rows?: number
-}
-
+<script setup>
+import { useFormKitInput } from "../composables";
 const props = defineProps({
   context: {
-    type: Object as PropType<FormKitFrameworkContext & FormKitPrimeTextareaProps>,
-    required: true,
-  },
-})
-
-const { unstyled, isInvalid, handleInput, handleBlur } = useFormKitInput(props.context)
+    type: Object,
+    required: true
+  }
+});
+const { unstyled, isInvalid, handleInput, handleBlur } = useFormKitInput(props.context);
 </script>
 
 <template>

package/dist/components/PrimeToggleButton.vue

@@ -1,30 +1,12 @@
-<script setup lang='ts'>
-import type { FormKitFrameworkContext } from '@formkit/core'
-import type { ToggleButtonProps } from 'primevue/togglebutton'
-
-import type { PropType } from 'vue'
-import { useFormKitInput } from '../composables'
-
-export interface FormKitPrimeToggleButtonProps {
-  pt?: ToggleButtonProps['pt']
-  ptOptions?: ToggleButtonProps['ptOptions']
-  unstyled?: ToggleButtonProps['unstyled']
-  onLabel?: ToggleButtonProps['onLabel']
-  offLabel?: ToggleButtonProps['offLabel']
-  onIcon?: ToggleButtonProps['onIcon']
-  offIcon?: ToggleButtonProps['offIcon']
-  size?: ToggleButtonProps['size']
-
-}
-
+<script setup>
+import { useFormKitInput } from "../composables";
 const props = defineProps({
   context: {
-    type: Object as PropType<FormKitFrameworkContext & FormKitPrimeToggleButtonProps>,
-    required: true,
-  },
-})
-
-const { validSlotNames, unstyled, isInvalid, handleChange, handleBlur } = useFormKitInput(props.context)
+    type: Object,
+    required: true
+  }
+});
+const { validSlotNames, unstyled, isInvalid, handleChange, handleBlur } = useFormKitInput(props.context);
 </script>
 
 <template>