@sfxcode/formkit-primevue 3.3.5 → 3.3.7

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,23 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { SelectProps } from 'primevue/select';
+import type { PropType } from 'vue';
+import type { FormKitIconProps } from './FormKitIcon.vue';
+export interface PrimeOutputListProps {
+    options?: SelectProps['options'];
+    optionLabel?: SelectProps['optionLabel'];
+    optionValue?: SelectProps['optionValue'];
+    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,36 +1,52 @@
-<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 { SelectProps } from 'primevue/select'
+import type { PropType } from 'vue'
+import type { FormKitIconProps } from './FormKitIcon.vue'
+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'
+
+export interface PrimeOutputListProps {
+  options?: SelectProps['options']
+  optionLabel?: SelectProps['optionLabel']
+  optionValue?: SelectProps['optionValue']
+  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 : [];
+  const values = Array.isArray(props.context?._value) ? props.context._value : []
   if (props.context?.options && props.context?.optionValue) {
-    const key = "" + props.context.optionValue;
+    const key: string = `${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 foundOption = props.context?.options?.find(option => option[key] === value)
+      return foundOption ? foundOption[props.context?.optionLabel as string] : value
+    })
   }
-  return values;
-});
-const dividerClass = computed(() => props.context?.dividerClass || "");
-const itemClass = computed(() => props.context?.itemClass || "");
-const listItemsClass = computed(() => props.context?.attrs?.class || "");
+  else 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 || '')
 </script>
 
 <template>

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

@@ -0,0 +1,23 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { SelectProps } from 'primevue/select';
+import type { PropType } from 'vue';
+import type { FormKitIconProps } from './FormKitIcon.vue';
+export interface PrimeOutputListProps {
+    options?: SelectProps['options'];
+    optionLabel?: SelectProps['optionLabel'];
+    optionValue?: SelectProps['optionValue'];
+    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;

package/dist/components/PrimeOutputText.vue

@@ -1,72 +1,72 @@
-<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'
+
+export interface FormKitOutputTextProps {
+  html?: boolean
+  isTranslationKey?: boolean
+  convertValue?: (value: string) => string
+  maxLength?: number
+}
+
 const props = defineProps({
   context: {
-    type: Object,
-    required: true
-  }
-});
+    type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps & FormKitOutputTextProps,
+    required: true,
+  },
+})
+
 const textValue = computed(() => {
-  const value = props.context?._value;
-  const { t } = useI18n();
-  let result = "";
+  const value = props.context?._value
+  const { t } = useI18n()
+  let result = ''
   if (value) {
     if (props.context?.isTranslationKey) {
-      result = t(value);
-    } else if (typeof props.context?.convertValue === "function") {
-      result = props.context?.convertValue(value);
-    } else {
-      result = value;
+      result = t(value)
+    }
+    else if (typeof props.context?.convertValue === 'function') {
+      result = props.context?.convertValue(value)
+    }
+    else {
+      result = value
     }
   }
-  const maxLength = props.context?.maxLength;
+
+  // Apply maxLength truncation if specified
+  const maxLength = props.context?.maxLength as number | undefined
   if (result && maxLength && !props.context?.html && result.length > maxLength) {
-    let truncated = result.substring(0, maxLength);
-    const lastSpaceIndex = truncated.lastIndexOf(" ");
+    // Try to truncate at word boundary
+    let truncated = result.substring(0, maxLength)
+    const lastSpaceIndex = truncated.lastIndexOf(' ')
+
+    // Only truncate at word boundary if there's a space, and it's not too far back
+    // (at least 80% of maxLength to avoid cutting too much)
     if (lastSpaceIndex > maxLength * 0.8) {
-      truncated = truncated.substring(0, lastSpaceIndex);
+      truncated = truncated.substring(0, lastSpaceIndex)
     }
-    result = `${truncated}...`;
+    result = `${truncated}...`
   }
-  return result;
-});
-const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context);
+
+  return result
+})
+
+const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context)
 </script>
 
 <template>
   <div class="p-formkit p-output-text">
-    <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
-      v-if="context?.html"
-      :id="context?.id"
-      :class="context?.attrs?.class"
-      :style="context?.attrs?.style"
-      v-html="textValue"
-    />
-    <span
-      v-else
-      :id="context?.id"
-      :class="context?.attrs?.class"
-      :style="context?.attrs?.style"
-      v-text="textValue"
-    />
+    <span v-if="context?.html" :id="context?.id" :class="context?.attrs?.class" :style="context?.attrs?.style" v-html="textValue" />
+    <span v-else :id="context?.id" :class="context?.attrs?.class" :style="context?.attrs?.style" v-text="textValue" />
     <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/PrimeOutputText.vue.d.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;