@sfxcode/formkit-primevue 3.3.4 → 3.3.6

package/dist/components/PrimeOutputLink.vue

@@ -1,35 +1,38 @@
-<script setup>
-import { computed } from "vue";
-import { useFormKitSection } from "../composables/index.ts";
-import FormKitIcon from "./FormKitIcon.vue";
-import FormKitPrefix from "./FormKitPrefix.vue";
-import FormKitSuffix from "./FormKitSuffix.vue";
+<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'
+
 const props = defineProps({
   context: {
-    type: Object,
-    required: true
-  }
-});
-const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context);
+    type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps,
+    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}`;
-  else return "";
-});
+    return props.context?._value.indexOf('http') > -1 ? props.context?._value : `https://${props.context?._value}`
+  else
+    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>
   <div class="p-formkit p-output-link">
-    <FormKitIcon
-      v-if="hasPrefixIcon"
-      :icon-class="context?.iconPrefix as string"
-      :on-click="context?.onIconPrefixClicked as () => void"
-      position="prefix"
-    />
+    <FormKitIcon v-if="hasPrefixIcon" :icon-class="context?.iconPrefix as string" :on-click="context?.onIconPrefixClicked as (() => void)" position="prefix" />
     <FormKitPrefix v-if="hasPrefix" :prefix="context?.prefix as string" />
     <a
       v-if="context?.value"
@@ -42,11 +45,6 @@ const title = computed(() => {
       <span>{{ title }}</span>
     </a>
     <FormKitSuffix v-if="hasSuffix" :suffix="context?.suffix as string" />
-    <FormKitIcon
-      v-if="hasSuffixIcon"
-      :icon-class="context?.iconSuffix as string"
-      :on-click="context?.onIconSuffixClicked as () => void"
-      position="suffix"
-    />
+    <FormKitIcon v-if="hasSuffixIcon" :icon-class="context?.iconSuffix as string" :on-click="context?.onIconSuffixClicked as (() => void)" position="suffix" />
   </div>
 </template>

package/dist/components/PrimeOutputLink.vue.d.ts

@@ -0,0 +1,16 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+import type { FormKitIconProps } from './FormKitIcon.vue';
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/PrimeOutputList.d.vue.ts

@@ -0,0 +1,19 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+import type { FormKitIconProps } from './FormKitIcon.vue';
+export interface PrimeOutputListProps {
+    convertValue?: (array: []) => [];
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps & PrimeOutputListProps;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps & PrimeOutputListProps;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/PrimeOutputList.vue

@@ -1,94 +1,68 @@
-<script setup>
-import { computed } from "vue";
-import { useFormKitSection } from "../composables/index.ts";
-import FormKitIcon from "./FormKitIcon.vue";
-import FormKitPrefix from "./FormKitPrefix.vue";
-import FormKitSuffix from "./FormKitSuffix.vue";
-import { options } from "@formkit/inputs";
+<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: []) => []
+}
+
 const props = defineProps({
   context: {
-    type: Object,
-    required: true
-  }
-});
+    type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps & PrimeOutputListProps,
+    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 (props.context?.options && props.context?.optionValue) {
-    const key = "" + props.context.optionValue;
-    return values.map((value) => {
-      const foundOption = props.context?.options?.find((option) => option[key] === value);
-      return foundOption ? foundOption[props.context?.optionLabel] : value;
-    });
-  } else 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;
-});
-const dividerClass = computed(() => props.context?.dividerClass || "");
-const itemClass = computed(() => props.context?.itemClass || "");
-const listItemsClass = computed(() => props.context?.attrs?.class || "");
+  return values
+})
+
+const dividerClass = computed(() => props.context?.dividerClass || '')
+const itemClass = computed(() => props.context?.itemClass || '')
+const listItemsClass = computed(() => props.context?.attrs?.class || '')
 </script>
 
 <template>
   <div class="p-formkit p-output-list">
-    <FormKitIcon
-      v-if="hasPrefixIcon"
-      :icon-class="context?.iconPrefix as string"
-      :on-click="context?.onIconPrefixClicked as () => void"
-      position="prefix"
-    />
+    <FormKitIcon v-if="hasPrefixIcon" :icon-class="context?.iconPrefix as string" :on-click="context?.onIconPrefixClicked as (() => void)" position="prefix" />
     <FormKitPrefix v-if="hasPrefix && listStyle === 'span'" :prefix="context?.prefix as string" />
-    <span
-      v-if="listStyle === 'span'"
-      :id="context?.id"
-      :style="context?.attrs?.style"
-      class="p-output-list-items"
-      :class="listItemsClass"
-    >
+    <span v-if="listStyle === 'span'" :id="context?.id" :style="context?.attrs?.style" class="p-output-list-items" :class="listItemsClass">
       <template v-for="(value, index) of getListValues" :key="index">
-        <span v-if="index !== 0" class="p-output-list-divider" :class="dividerClass">{{
-          context?.divider ?? ", "
-        }}</span>
+        <span v-if="index !== 0" class="p-output-list-divider" :class="dividerClass">{{ context?.divider ?? ', ' }}</span>
         <span class="p-output-list-item" :class="itemClass">{{ value }}</span>
       </template>
     </span>
-    <div
-      v-if="listStyle === 'div'"
-      :id="context?.id"
-      :style="context?.attrs?.style"
-      class="p-output-list-items"
-      :class="listItemsClass"
-    >
+    <div v-if="listStyle === 'div'" :id="context?.id" :style="context?.attrs?.style" class="p-output-list-items" :class="listItemsClass">
       <template v-for="(value, index) of getListValues" :key="index">
         <div class="p-output-list-item" :class="itemClass">
           {{ value }}
         </div>
       </template>
     </div>
-    <ul
-      v-if="listStyle === 'ul'"
-      :id="context?.id"
-      :style="context?.attrs?.style"
-      class="p-output-list-items"
-      :class="listItemsClass"
-    >
+    <ul v-if="listStyle === 'ul'" :id="context?.id" :style="context?.attrs?.style" class="p-output-list-items" :class="listItemsClass">
       <li v-for="(value, index) of getListValues" :key="index">
         <span class="p-output-list-item" :class="itemClass">
           {{ value }}
         </span>
       </li>
     </ul>
-    <ol
-      v-if="listStyle === 'ol'"
-      :id="context?.id"
-      :style="context?.attrs?.style"
-      class="p-output-list-items"
-      :class="listItemsClass"
-    >
+    <ol v-if="listStyle === 'ol'" :id="context?.id" :style="context?.attrs?.style" class="p-output-list-items" :class="listItemsClass">
       <li v-for="(value, index) of getListValues" :key="index">
         <span class="p-output-list-item" :class="itemClass">
           {{ value }}
@@ -96,11 +70,6 @@ const listItemsClass = computed(() => props.context?.attrs?.class || "");
       </li>
     </ol>
     <FormKitSuffix v-if="hasSuffix && listStyle === 'span'" :suffix="context?.suffix as string" />
-    <FormKitIcon
-      v-if="hasSuffixIcon"
-      :icon-class="context?.iconSuffix as string"
-      :on-click="context?.onIconSuffixClicked as () => void"
-      position="suffix"
-    />
+    <FormKitIcon v-if="hasSuffixIcon" :icon-class="context?.iconSuffix as string" :on-click="context?.onIconSuffixClicked as (() => void)" position="suffix" />
   </div>
 </template>

package/dist/components/PrimeOutputList.vue.d.ts

@@ -0,0 +1,19 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+import type { FormKitIconProps } from './FormKitIcon.vue';
+export interface PrimeOutputListProps {
+    convertValue?: (array: []) => [];
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps & PrimeOutputListProps;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps & PrimeOutputListProps;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/PrimeOutputNumber.d.vue.ts

@@ -0,0 +1,16 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+import type { FormKitIconProps } from './FormKitIcon.vue';
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/PrimeOutputNumber.vue

@@ -1,56 +1,59 @@
-<script setup>
-import { computed } from "vue";
-import { useI18n } from "vue-i18n";
-import { useFormKitSection } from "../composables/index.ts";
-import FormKitIcon from "./FormKitIcon.vue";
-import FormKitPrefix from "./FormKitPrefix.vue";
-import FormKitSuffix from "./FormKitSuffix.vue";
+<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'
+
 const props = defineProps({
   context: {
-    type: Object,
-    required: true
-  }
-});
-const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context);
-const { n } = useI18n();
+    type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps,
+    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);
-    } catch (e) {
+      result = n(value, format)
+    }
+    // eslint-disable-next-line unused-imports/no-unused-vars
+    catch (e) {
       try {
-        result = n(+value, format);
-      } catch (e2) {
+        result = n(+value, format)
+      }
+      // eslint-disable-next-line unused-imports/no-unused-vars
+      catch (e) {
       }
     }
-    return result;
-  } else {
-    return "";
+    return result
+  }
+  else {
+    return ''
   }
-});
+})
 </script>
 
 <template>
   <div class="p-formkit p-output-number">
-    <FormKitIcon
-      v-if="hasPrefixIcon"
-      :icon-class="context?.iconPrefix as string"
-      :on-click="context?.onIconPrefixClicked as () => void"
-      position="prefix"
-    />
+    <FormKitIcon v-if="hasPrefixIcon" :icon-class="context?.iconPrefix as string" :on-click="context?.onIconPrefixClicked as (() => void)" position="prefix" />
     <FormKitPrefix v-if="hasPrefix" :prefix="context?.prefix as string" />
     <span :id="context?.id" :style="context?.attrs?.style" :class="context?.attrs?.class">
       {{ converted }}
     </span>
     <FormKitSuffix v-if="hasSuffix" :suffix="context?.suffix as string" />
-    <FormKitIcon
-      v-if="hasSuffixIcon"
-      :icon-class="context?.iconSuffix as string"
-      :on-click="context?.onIconSuffixClicked as () => void"
-      position="suffix"
-    />
+    <FormKitIcon v-if="hasSuffixIcon" :icon-class="context?.iconSuffix as string" :on-click="context?.onIconSuffixClicked as (() => void)" position="suffix" />
   </div>
 </template>

package/dist/components/PrimeOutputNumber.vue.d.ts

@@ -0,0 +1,16 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+import type { FormKitIconProps } from './FormKitIcon.vue';
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/PrimeOutputReference.d.vue.ts

@@ -0,0 +1,16 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+import type { FormKitIconProps } from './FormKitIcon.vue';
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/PrimeOutputReference.vue

@@ -1,37 +1,40 @@
-<script setup>
-import { computed } from "vue";
-import { useFormKitSection } from "../composables/index.ts";
-import FormKitIcon from "./FormKitIcon.vue";
-import FormKitPrefix from "./FormKitPrefix.vue";
-import FormKitSuffix from "./FormKitSuffix.vue";
+<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'
+
 const props = defineProps({
   context: {
-    type: Object,
-    required: true
-  }
-});
-const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context);
+    type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps,
+    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>
   <div class="p-formkit p-output-reference">
-    <FormKitIcon
-      v-if="hasPrefixIcon"
-      :icon-class="context?.iconPrefix as string"
-      :on-click="context?.onIconPrefixClicked as () => void"
-      position="prefix"
-    />
+    <FormKitIcon v-if="hasPrefixIcon" :icon-class="context?.iconPrefix as string" :on-click="context?.onIconPrefixClicked as (() => void)" position="prefix" />
     <FormKitPrefix v-if="hasPrefix" :prefix="context?.prefix as string" />
     <component
       :is="context?.linkComponentName ? context?.linkComponentName : 'RouterLink'"
@@ -54,11 +57,6 @@ const title = computed(() => {
       {{ title }}
     </a>
     <FormKitSuffix v-if="hasSuffix" :suffix="context?.suffix as string" />
-    <FormKitIcon
-      v-if="hasSuffixIcon"
-      :icon-class="context?.iconSuffix as string"
-      :on-click="context?.onIconSuffixClicked as () => void"
-      position="suffix"
-    />
+    <FormKitIcon v-if="hasSuffixIcon" :icon-class="context?.iconSuffix as string" :on-click="context?.onIconSuffixClicked as (() => void)" position="suffix" />
   </div>
 </template>

package/dist/components/PrimeOutputReference.vue.d.ts

@@ -0,0 +1,16 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+import type { FormKitIconProps } from './FormKitIcon.vue';
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/PrimeOutputText.d.vue.ts

@@ -0,0 +1,22 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+import type { FormKitIconProps } from './FormKitIcon.vue';
+export interface FormKitOutputTextProps {
+    html?: boolean;
+    isTranslationKey?: boolean;
+    convertValue?: (value: string) => string;
+    maxLength?: number;
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps & FormKitOutputTextProps;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps & FormKitOutputTextProps;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;