@sfxcode/formkit-primevue 2.9.9 → 3.0.1

package/dist/components/FormKitIcon.vue

@@ -0,0 +1,25 @@
+<script setup lang="ts">
+import type { PropType } from 'vue'
+
+export interface FormKitIconProps {
+  onIconPrefixClicked?: () => void
+  onIconSuffixClicked?: () => void
+}
+
+defineProps({
+  iconClass: {
+    type: String,
+    default: '',
+  },
+  onClick: { type: Function as PropType<() => void>, default: undefined },
+  position: {
+    type: String,
+    required: true,
+    validator: (val: string) => ['prefix', 'suffix'].includes(val),
+  },
+})
+</script>
+
+<template>
+  <i :class="[`formkit-${position}-icon`, iconClass]" @click="onClick" />
+</template>

package/dist/components/FormKitPrefix.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+defineProps({
+  prefix: String,
+})
+</script>
+
+<template>
+  <span class="formkit-prefix">
+    {{ prefix }}
+  </span>
+</template>

package/dist/components/FormKitSuffix.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+defineProps({
+  suffix: String,
+})
+</script>
+
+<template>
+  <span class="formkit-suffix">
+    {{ suffix }}
+  </span>
+</template>

package/dist/components/PrimeOutputBoolean.vue

@@ -1,13 +1,17 @@
 <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 as PropType<FormKitFrameworkContext>,
+    type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps,
     required: true,
   },
 })
@@ -26,16 +30,12 @@ const translated = computed(() => {
 
 <template>
   <div class="p-formkit p-output-boolean">
-    <i v-if="hasPrefixIcon" class="formkit-prefix-icon" :class="context?.iconPrefix" />
-    <span v-if="hasPrefix" class="formkit-prefix">
-      {{ context?.prefix }}
-    </span>
+    <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">
       {{ translated }}
     </span>
-    <span v-if="hasSuffix" class="formkit-suffix">
-      {{ context?.suffix }}
-    </span>
-    <i v-if="hasSuffixIcon" class="formkit-suffix-icon" :class="context?.iconSuffix" />
+    <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" />
   </div>
 </template>

package/dist/components/PrimeOutputDate.vue

@@ -1,16 +1,21 @@
 <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 as PropType<FormKitFrameworkContext>,
+    type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps,
     required: true,
   },
 })
+
 const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context)
 
 const { d } = useI18n()
@@ -35,16 +40,12 @@ const converted = computed(() => {
 
 <template>
   <div class="p-formkit p-output-date">
-    <i v-if="hasPrefixIcon" class="formkit-prefix-icon" :class="context?.iconPrefix" />
-    <span v-if="hasPrefix" class="formkit-prefix">
-      {{ context?.prefix }}
-    </span>
+    <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>
-    <span v-if="hasSuffix" class="formkit-suffix">
-      {{ context?.suffix }}
-    </span>
-    <i v-if="hasSuffixIcon" class="formkit-suffix-icon" :class="context?.iconSuffix" />
+    <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" />
   </div>
 </template>

package/dist/components/PrimeOutputDuration.vue

@@ -1,14 +1,19 @@
 <script setup lang='ts'>
 import type { FormKitFrameworkContext } from '@formkit/core'
 import type { PropType } from 'vue'
+import type { FormKitIconProps } from './FormKitIcon.vue'
 import { useFormKitSection, useOutputDuration } 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>,
+    type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps,
     required: true,
   },
 })
+
 const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context)
 
 const { formattedDuration } = useOutputDuration()
@@ -16,16 +21,12 @@ const { formattedDuration } = useOutputDuration()
 
 <template>
   <div class="p-formkit p-output-duration">
-    <i v-if="hasPrefixIcon" class="formkit-prefix-icon" :class="context?.iconPrefix" />
-    <span v-if="hasPrefix" class="formkit-prefix">
-      {{ context?.prefix }}
-    </span>
+    <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">
       {{ formattedDuration(context?._value) }}
     </span>
-    <span v-if="hasSuffix" class="formkit-suffix">
-      {{ context?.suffix }}
-    </span>
-    <i v-if="hasSuffixIcon" class="formkit-suffix-icon" :class="context?.iconSuffix" />
+    <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" />
   </div>
 </template>

package/dist/components/PrimeOutputLink.vue

@@ -1,12 +1,16 @@
 <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 as PropType<FormKitFrameworkContext>,
+    type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps,
     required: true,
   },
 })
@@ -28,10 +32,8 @@ const title = computed(() => {
 
 <template>
   <div class="p-formkit p-output-link">
-    <i v-if="hasPrefixIcon" class="formkit-prefix-icon" :class="context?.iconPrefix" />
-    <span v-if="hasPrefix" class="formkit-prefix">
-      {{ context?.prefix }}
-    </span>
+    <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"
       :id="context?.id"
@@ -42,9 +44,7 @@ const title = computed(() => {
     >
       <span>{{ title }}</span>
     </a>
-    <span v-if="hasSuffix" class="formkit-suffix">
-      {{ context?.suffix }}
-    </span>
-    <i v-if="hasSuffixIcon" class="formkit-suffix-icon" :class="context?.iconSuffix" />
+    <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" />
   </div>
 </template>

package/dist/components/PrimeOutputList.vue

@@ -1,16 +1,16 @@
 <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'
-
-export interface FormKitOutputListProps {
-  listStyle?: 'div' | 'ul' | 'ol' | 'span'
-}
+import FormKitIcon from './FormKitIcon.vue'
+import FormKitPrefix from './FormKitPrefix.vue'
+import FormKitSuffix from './FormKitSuffix.vue'
 
 const props = defineProps({
   context: {
-    type: Object as PropType<FormKitFrameworkContext & FormKitOutputListProps>,
+    type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps,
     required: true,
   },
 })
@@ -24,10 +24,8 @@ const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection
 
 <template>
   <div class="p-formkit p-output-list">
-    <i v-if="hasPrefixIcon" class="formkit-prefix-icon" :class="context?.iconPrefix" />
-    <span v-if="hasPrefix && listStyle === 'span'" class="formkit-prefix">
-      {{ context?.prefix }}
-    </span>
+    <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="context?.attrs?.class">
       <template v-for="(value, index) of context?._value" :key="index">
         <span v-if="index !== 0" class="p-output-list-divider" :class="context?.dividerClass">{{ context?.divider ?? ', ' }}</span>
@@ -55,9 +53,7 @@ const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection
         </span>
       </li>
     </ol>
-    <span v-if="hasSuffix && listStyle === 'span'" class="formkit-suffix">
-      {{ context?.suffix }}
-    </span>
-    <i v-if="hasSuffixIcon" class="formkit-suffix-icon" :class="context?.iconSuffix" />
+    <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" />
   </div>
 </template>

package/dist/components/PrimeOutputNumber.vue

@@ -1,17 +1,22 @@
 <script setup lang='ts'>
 import type { FormKitFrameworkContext } from '@formkit/core'
 import type { PropType } from 'vue'
-import { computed } 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 as PropType<FormKitFrameworkContext>,
+    type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps,
     required: true,
   },
 })
+
 const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context)
 
 const { n } = useI18n()
@@ -43,16 +48,12 @@ const converted = computed(() => {
 
 <template>
   <div class="p-formkit p-output-number">
-    <i v-if="hasPrefixIcon" class="formkit-prefix-icon" :class="context?.iconPrefix" />
-    <span v-if="hasPrefix" class="formkit-prefix">
-      {{ context?.prefix }}
-    </span>
+    <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>
-    <span v-if="hasSuffix" class="formkit-suffix">
-      {{ context?.suffix }}
-    </span>
-    <i v-if="hasSuffixIcon" class="formkit-suffix-icon" :class="context?.iconSuffix" />
+    <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" />
   </div>
 </template>

package/dist/components/PrimeOutputReference.vue

@@ -1,12 +1,16 @@
 <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 as PropType<FormKitFrameworkContext>,
+    type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps,
     required: true,
   },
 })
@@ -30,10 +34,8 @@ const title = computed(() => {
 
 <template>
   <div class="p-formkit p-output-reference">
-    <i v-if="hasPrefixIcon" class="formkit-prefix-icon" :class="context?.iconPrefix" />
-    <span v-if="hasPrefix" class="formkit-prefix">
-      {{ context?.prefix }}
-    </span>
+    <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'"
       v-if="context?.internal"
@@ -54,9 +56,7 @@ const title = computed(() => {
     >
       {{ title }}
     </a>
-    <span v-if="hasSuffix" class="formkit-suffix">
-      {{ context?.suffix }}
-    </span>
-    <i v-if="hasSuffixIcon" class="formkit-suffix-icon" :class="context?.iconSuffix" />
+    <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" />
   </div>
 </template>

package/dist/components/PrimeOutputText.vue

@@ -1,13 +1,17 @@
 <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 as PropType<FormKitFrameworkContext>,
+    type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps,
     required: true,
   },
 })
@@ -31,15 +35,11 @@ const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection
 
 <template>
   <div class="p-formkit p-output-text">
-    <i v-if="hasPrefixIcon" class="formkit-prefix-icon" :class="context?.iconPrefix" />
-    <span v-if="hasPrefix" class="formkit-prefix">
-      {{ context?.prefix }}
-    </span>
+    <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="hasSuffix" class="formkit-suffix">
-      {{ context?.suffix }}
-    </span>
-    <i v-if="hasSuffixIcon" class="formkit-suffix-icon" :class="context?.iconSuffix" />
+    <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" />
   </div>
 </template>

package/dist/components/index.d.ts

@@ -6,7 +6,6 @@ import PrimeCascadeSelect from './PrimeCascadeSelect.vue';
 import PrimeCheckbox from './PrimeCheckbox.vue';
 import PrimeColorPicker from './PrimeColorPicker.vue';
 import PrimeDatePicker from './PrimeDatePicker.vue';
-import PrimeEditor from './PrimeEditor.vue';
 import PrimeInputMask from './PrimeInputMask.vue';
 import PrimeInputNumber from './PrimeInputNumber.vue';
 import PrimeInputText from './PrimeInputText.vue';
@@ -23,4 +22,4 @@ import PrimeTextarea from './PrimeTextarea.vue';
 import PrimeToggleButton from './PrimeToggleButton.vue';
 import PrimeInputSwitch from './PrimeToggleSwitch.vue';
 import PrimeTreeSelect from './PrimeTreeSelect.vue';
-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, };
+export { FormKitDataDebug, FormKitDataEdit, FormKitDataView, PrimeAutoComplete, PrimeCascadeSelect, PrimeCheckbox, PrimeColorPicker, PrimeDatePicker, PrimeInputMask, PrimeInputNumber, PrimeInputSwitch, PrimeInputText, PrimeKnob, PrimeListbox, PrimeMultiSelect, PrimePassword, PrimeRadioButton, PrimeRating, PrimeSelect, PrimeSelectButton, PrimeSlider, PrimeTextarea, PrimeToggleButton, PrimeTreeSelect, };

package/dist/components/index.js

@@ -51,12 +51,6 @@ Object.defineProperty(exports, "PrimeDatePicker", {
     return _PrimeDatePicker.default;
   }
 });
-Object.defineProperty(exports, "PrimeEditor", {
-  enumerable: true,
-  get: function () {
-    return _PrimeEditor.default;
-  }
-});
 Object.defineProperty(exports, "PrimeInputMask", {
   enumerable: true,
   get: function () {
@@ -161,7 +155,6 @@ var _PrimeCascadeSelect = _interopRequireDefault(require("./PrimeCascadeSelect.v
 var _PrimeCheckbox = _interopRequireDefault(require("./PrimeCheckbox.vue"));
 var _PrimeColorPicker = _interopRequireDefault(require("./PrimeColorPicker.vue"));
 var _PrimeDatePicker = _interopRequireDefault(require("./PrimeDatePicker.vue"));
-var _PrimeEditor = _interopRequireDefault(require("./PrimeEditor.vue"));
 var _PrimeInputMask = _interopRequireDefault(require("./PrimeInputMask.vue"));
 var _PrimeInputNumber = _interopRequireDefault(require("./PrimeInputNumber.vue"));
 var _PrimeInputText = _interopRequireDefault(require("./PrimeInputText.vue"));

package/dist/components/index.mjs

@@ -6,7 +6,6 @@ import PrimeCascadeSelect from "./PrimeCascadeSelect.vue";
 import PrimeCheckbox from "./PrimeCheckbox.vue";
 import PrimeColorPicker from "./PrimeColorPicker.vue";
 import PrimeDatePicker from "./PrimeDatePicker.vue";
-import PrimeEditor from "./PrimeEditor.vue";
 import PrimeInputMask from "./PrimeInputMask.vue";
 import PrimeInputNumber from "./PrimeInputNumber.vue";
 import PrimeInputText from "./PrimeInputText.vue";
@@ -32,7 +31,6 @@ export {
   PrimeCheckbox,
   PrimeColorPicker,
   PrimeDatePicker,
-  PrimeEditor,
   PrimeInputMask,
   PrimeInputNumber,
   PrimeInputSwitch,

package/dist/definitions/index.d.ts

@@ -21,7 +21,6 @@ export declare const primeInputs: {
     primeCascadeSelect: import("@formkit/core").FormKitTypeDefinition;
     primeTreeSelect: import("@formkit/core").FormKitTypeDefinition;
     primeInputOtp: import("@formkit/core").FormKitTypeDefinition;
-    primeEditor: import("@formkit/core").FormKitTypeDefinition;
 };
 export declare const primeOutputs: {
     primeOutputText: import("@formkit/core").FormKitTypeDefinition;
@@ -32,5 +31,4 @@ export declare const primeOutputs: {
     primeOutputBoolean: import("@formkit/core").FormKitTypeDefinition;
     primeOutputDuration: import("@formkit/core").FormKitTypeDefinition;
     primeOutputList: import("@formkit/core").FormKitTypeDefinition;
-    primeEditor: import("@formkit/core").FormKitTypeDefinition;
 };

package/dist/definitions/index.js

@@ -28,8 +28,7 @@ const primeInputs = exports.primeInputs = {
   primeSelectButton: _input.primeSelectButtonDefinition,
   primeCascadeSelect: _input.primeCascadeSelectDefinition,
   primeTreeSelect: _input.primeTreeSelectDefinition,
-  primeInputOtp: _input.primeInputOtpDefinition,
-  primeEditor: _input.primeEditorDefinition
+  primeInputOtp: _input.primeInputOtpDefinition
 };
 const primeOutputs = exports.primeOutputs = {
   primeOutputText: _output.primeOutputTextDefinition,
@@ -39,6 +38,5 @@ const primeOutputs = exports.primeOutputs = {
   primeOutputDate: _output.primeOutputDateDefinition,
   primeOutputBoolean: _output.primeOutputBooleanDefinition,
   primeOutputDuration: _output.primeOutputDurationDefinition,
-  primeOutputList: _output.primeOutputListDefinition,
-  primeEditor: _input.primeEditorDefinition
+  primeOutputList: _output.primeOutputListDefinition
 };

package/dist/definitions/index.mjs

@@ -4,7 +4,6 @@ import {
   primeCheckboxDefinition,
   primeColorPickerDefinition,
   primeDatePickerDefinition,
-  primeEditorDefinition,
   primeInputMaskDefinition,
   primeInputNumberDefinition,
   primeInputOtpDefinition,
@@ -55,8 +54,7 @@ export const primeInputs = {
   primeSelectButton: primeSelectButtonDefinition,
   primeCascadeSelect: primeCascadeSelectDefinition,
   primeTreeSelect: primeTreeSelectDefinition,
-  primeInputOtp: primeInputOtpDefinition,
-  primeEditor: primeEditorDefinition
+  primeInputOtp: primeInputOtpDefinition
 };
 export const primeOutputs = {
   primeOutputText: primeOutputTextDefinition,
@@ -66,6 +64,5 @@ export const primeOutputs = {
   primeOutputDate: primeOutputDateDefinition,
   primeOutputBoolean: primeOutputBooleanDefinition,
   primeOutputDuration: primeOutputDurationDefinition,
-  primeOutputList: primeOutputListDefinition,
-  primeEditor: primeEditorDefinition
+  primeOutputList: primeOutputListDefinition
 };

package/dist/definitions/input.d.ts

@@ -8,7 +8,6 @@ export declare const primeTextareaDefinition: FormKitTypeDefinition;
 export declare const primeCheckboxDefinition: FormKitTypeDefinition;
 export declare const primeToggleSwitchDefinition: FormKitTypeDefinition;
 export declare const primeInputOtpDefinition: FormKitTypeDefinition;
-export declare const primeEditorDefinition: FormKitTypeDefinition;
 export declare const primeSelectDefinition: FormKitTypeDefinition;
 export declare const primeMultiSelectDefinition: FormKitTypeDefinition;
 export declare const primeListboxDefinition: FormKitTypeDefinition;
@@ -31,7 +30,6 @@ export declare const primeInputs: {
     primeCheckbox: FormKitTypeDefinition;
     primeToggleSwitch: FormKitTypeDefinition;
     primeTextarea: FormKitTypeDefinition;
-    primeEditor: FormKitTypeDefinition;
     primeSelect: FormKitTypeDefinition;
     primeMultiSelect: FormKitTypeDefinition;
     primeDatePicker: FormKitTypeDefinition;

package/dist/definitions/input.js

@@ -3,14 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-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;
+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.primeDatePickerDefinition = exports.primeColorPickerDefinition = exports.primeCheckboxDefinition = exports.primeCascadeSelectDefinition = exports.primeAutoCompleteDefinition = void 0;
 var _vue = require("@formkit/vue");
 var _PrimeAutoComplete = _interopRequireDefault(require("../components/PrimeAutoComplete.vue"));
 var _PrimeCascadeSelect = _interopRequireDefault(require("../components/PrimeCascadeSelect.vue"));
 var _PrimeCheckbox = _interopRequireDefault(require("../components/PrimeCheckbox.vue"));
 var _PrimeColorPicker = _interopRequireDefault(require("../components/PrimeColorPicker.vue"));
 var _PrimeDatePicker = _interopRequireDefault(require("../components/PrimeDatePicker.vue"));
-var _PrimeEditor = _interopRequireDefault(require("../components/PrimeEditor.vue"));
 var _PrimeInputMask = _interopRequireDefault(require("../components/PrimeInputMask.vue"));
 var _PrimeInputNumber = _interopRequireDefault(require("../components/PrimeInputNumber.vue"));
 var _PrimeInputOtp = _interopRequireDefault(require("../components/PrimeInputOtp.vue"));
@@ -56,9 +55,6 @@ const primeToggleSwitchDefinition = exports.primeToggleSwitchDefinition = (0, _v
 const primeInputOtpDefinition = exports.primeInputOtpDefinition = (0, _vue.createInput)(_PrimeInputOtp.default, {
   props: ["length", "variant", "mask", "integerOnly", "pt", "ptOptions", "unstyled", "size"]
 });
-const primeEditorDefinition = exports.primeEditorDefinition = (0, _vue.createInput)(_PrimeEditor.default, {
-  props: ["placeholder", "formats", "modules", "pt", "ptOptions", "unstyled"]
-});
 const primeSelectDefinition = exports.primeSelectDefinition = (0, _vue.createInput)(_PrimeSelect.default, {
   props: ["options", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "scrollHeight", "filter", "filterPlaceholder", "filterLocale", "filterMatchMode", "filterFields", "filterInputProps", "editable", "placeholder", "dataKey", "showClear", "panelStyle", "panelClass", "panelProps", "appendTo", "resetFilterOnHide", "virtualScrollerOptions", "autoOptionFocus", "selectOnFocus", "filterMessage", "selectionMessage", "emptySelectionMessage", "emptyFilterMessage", "emptyMessage", "pt", "ptOptions", "unstyled", "size"]
 });
@@ -107,7 +103,6 @@ const primeInputs = exports.primeInputs = {
   primeCheckbox: primeCheckboxDefinition,
   primeToggleSwitch: primeToggleSwitchDefinition,
   primeTextarea: primeTextareaDefinition,
-  primeEditor: primeEditorDefinition,
   primeSelect: primeSelectDefinition,
   primeMultiSelect: primeMultiSelectDefinition,
   primeDatePicker: primeDatePickerDefinition,

package/dist/definitions/input.mjs

@@ -4,7 +4,6 @@ import PrimeCascadeSelect from "../components/PrimeCascadeSelect.vue";
 import PrimeCheckbox from "../components/PrimeCheckbox.vue";
 import PrimeColorPicker from "../components/PrimeColorPicker.vue";
 import PrimeDatePicker from "../components/PrimeDatePicker.vue";
-import PrimeEditor from "../components/PrimeEditor.vue";
 import PrimeInputMask from "../components/PrimeInputMask.vue";
 import PrimeInputNumber from "../components/PrimeInputNumber.vue";
 import PrimeInputOtp from "../components/PrimeInputOtp.vue";
@@ -49,9 +48,6 @@ export const primeToggleSwitchDefinition = createInput(PrimeToggleSwitch, {
 export const primeInputOtpDefinition = createInput(PrimeInputOtp, {
   props: ["length", "variant", "mask", "integerOnly", "pt", "ptOptions", "unstyled", "size"]
 });
-export const primeEditorDefinition = createInput(PrimeEditor, {
-  props: ["placeholder", "formats", "modules", "pt", "ptOptions", "unstyled"]
-});
 export const primeSelectDefinition = createInput(PrimeSelect, {
   props: ["options", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "scrollHeight", "filter", "filterPlaceholder", "filterLocale", "filterMatchMode", "filterFields", "filterInputProps", "editable", "placeholder", "dataKey", "showClear", "panelStyle", "panelClass", "panelProps", "appendTo", "resetFilterOnHide", "virtualScrollerOptions", "autoOptionFocus", "selectOnFocus", "filterMessage", "selectionMessage", "emptySelectionMessage", "emptyFilterMessage", "emptyMessage", "pt", "ptOptions", "unstyled", "size"]
 });
@@ -100,7 +96,6 @@ export const primeInputs = {
   primeCheckbox: primeCheckboxDefinition,
   primeToggleSwitch: primeToggleSwitchDefinition,
   primeTextarea: primeTextareaDefinition,
-  primeEditor: primeEditorDefinition,
   primeSelect: primeSelectDefinition,
   primeMultiSelect: primeMultiSelectDefinition,
   primeDatePicker: primeDatePickerDefinition,

package/dist/definitions/output.js

@@ -15,26 +15,26 @@ var _PrimeOutputReference = _interopRequireDefault(require("../components/PrimeO
 var _PrimeOutputText = _interopRequireDefault(require("../components/PrimeOutputText.vue"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const primeOutputTextDefinition = exports.primeOutputTextDefinition = (0, _vue.createInput)(_PrimeOutputText.default, {
-  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "isTranslationKey", "html"]
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "isTranslationKey", "html", "onIconPrefixClicked", "onIconSuffixClicked"]
 });
 const primeOutputDateDefinition = exports.primeOutputDateDefinition = (0, _vue.createInput)(_PrimeOutputDate.default, {
-  props: ["prefix", "suffix", "iconPrefix", "iconSuffix"]
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "onIconPrefixClicked", "onIconSuffixClicked"]
 });
 const primeOutputNumberDefinition = exports.primeOutputNumberDefinition = (0, _vue.createInput)(_PrimeOutputNumber.default, {
-  props: ["prefix", "suffix", "iconPrefix", "iconSuffix"]
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "onIconPrefixClicked", "onIconSuffixClicked"]
 });
 const primeOutputLinkDefinition = exports.primeOutputLinkDefinition = (0, _vue.createInput)(_PrimeOutputLink.default, {
-  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "title"]
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "title", "onIconPrefixClicked", "onIconSuffixClicked"]
 });
 const primeOutputReferenceDefinition = exports.primeOutputReferenceDefinition = (0, _vue.createInput)(_PrimeOutputReference.default, {
-  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "reference", "internal", "linkComponentName", "title"]
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "reference", "internal", "linkComponentName", "title", "onIconPrefixClicked", "onIconSuffixClicked"]
 });
 const primeOutputBooleanDefinition = exports.primeOutputBooleanDefinition = (0, _vue.createInput)(_PrimeOutputBoolean.default, {
-  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "trueValue", "falseValue"]
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "trueValue", "falseValue", "onIconPrefixClicked", "onIconSuffixClicked"]
 });
 const primeOutputDurationDefinition = exports.primeOutputDurationDefinition = (0, _vue.createInput)(_PrimeOutputDuration.default, {
-  props: ["prefix", "suffix", "iconPrefix", "iconSuffix"]
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "onIconPrefixClicked", "onIconSuffixClicked"]
 });
 const primeOutputListDefinition = exports.primeOutputListDefinition = (0, _vue.createInput)(_PrimeOutputList.default, {
-  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "divider", "itemClass", "dividerClass", "listStyle"]
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "divider", "itemClass", "dividerClass", "listStyle", "onIconPrefixClicked", "onIconSuffixClicked"]
 });

package/dist/definitions/output.mjs

@@ -8,26 +8,26 @@ import PrimeOutputNumber from "../components/PrimeOutputNumber.vue";
 import PrimeOutputReference from "../components/PrimeOutputReference.vue";
 import PrimeOutputText from "../components/PrimeOutputText.vue";
 export const primeOutputTextDefinition = createInput(PrimeOutputText, {
-  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "isTranslationKey", "html"]
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "isTranslationKey", "html", "onIconPrefixClicked", "onIconSuffixClicked"]
 });
 export const primeOutputDateDefinition = createInput(PrimeOutputDate, {
-  props: ["prefix", "suffix", "iconPrefix", "iconSuffix"]
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "onIconPrefixClicked", "onIconSuffixClicked"]
 });
 export const primeOutputNumberDefinition = createInput(PrimeOutputNumber, {
-  props: ["prefix", "suffix", "iconPrefix", "iconSuffix"]
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "onIconPrefixClicked", "onIconSuffixClicked"]
 });
 export const primeOutputLinkDefinition = createInput(PrimeOutputLink, {
-  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "title"]
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "title", "onIconPrefixClicked", "onIconSuffixClicked"]
 });
 export const primeOutputReferenceDefinition = createInput(PrimeOutputReference, {
-  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "reference", "internal", "linkComponentName", "title"]
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "reference", "internal", "linkComponentName", "title", "onIconPrefixClicked", "onIconSuffixClicked"]
 });
 export const primeOutputBooleanDefinition = createInput(PrimeOutputBoolean, {
-  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "trueValue", "falseValue"]
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "trueValue", "falseValue", "onIconPrefixClicked", "onIconSuffixClicked"]
 });
 export const primeOutputDurationDefinition = createInput(PrimeOutputDuration, {
-  props: ["prefix", "suffix", "iconPrefix", "iconSuffix"]
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "onIconPrefixClicked", "onIconSuffixClicked"]
 });
 export const primeOutputListDefinition = createInput(PrimeOutputList, {
-  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "divider", "itemClass", "dividerClass", "listStyle"]
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "divider", "itemClass", "dividerClass", "listStyle", "onIconPrefixClicked", "onIconSuffixClicked"]
 });

package/dist/index.d.ts

@@ -35,9 +35,6 @@ declare module '@formkit/inputs' {
         primeTextarea: {
             type: 'primeTextarea';
         };
-        primeEditor: {
-            type: 'primeEditor';
-        };
         primeSelect: {
             type: 'primeSelect';
             options?: SelectProps['options'];

package/dist/plugins/index.d.ts

@@ -1,2 +1,3 @@
 import type { FormKitNode } from '@formkit/core';
 export declare function addPrimeAsteriskPlugin(node: FormKitNode): void;
+export declare function addLabelPlugin(node: FormKitNode): void;

package/dist/plugins/index.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.addLabelPlugin = addLabelPlugin;
 exports.addPrimeAsteriskPlugin = addPrimeAsteriskPlugin;
 function addPrimeAsteriskPlugin(node) {
   if (!node.props.type.startsWith("prime")) return;
@@ -24,4 +25,36 @@ function addPrimeAsteriskPlugin(node) {
       };
     }
   });
+}
+function addLabelPlugin(node) {
+  if (!node.props.type.startsWith("prime")) return;
+  node.on("created", () => {
+    if (node.props.definition?.schema) {
+      const schemaFn = node.props.definition?.schema;
+      node.props.definition.schema = (sectionsSchema = {}) => {
+        sectionsSchema.label = {
+          children: [{
+            $el: "span",
+            attrs: {
+              title: "$help",
+              class: "p-formkit-label"
+            },
+            children: ["$label"]
+          }, {
+            $el: "span",
+            if: "$state.required",
+            attrs: {
+              class: "p-formkit-required",
+              title: "$help"
+            },
+            children: ["*"]
+          }]
+        };
+        sectionsSchema.help = {
+          children: []
+        };
+        return schemaFn(sectionsSchema);
+      };
+    }
+  });
 }

package/dist/plugins/index.mjs

@@ -20,3 +20,36 @@ export function addPrimeAsteriskPlugin(node) {
     }
   });
 }
+export function addLabelPlugin(node) {
+  if (!node.props.type.startsWith("prime"))
+    return;
+  node.on("created", () => {
+    if (node.props.definition?.schema) {
+      const schemaFn = node.props.definition?.schema;
+      node.props.definition.schema = (sectionsSchema = {}) => {
+        sectionsSchema.label = {
+          children: [{
+            $el: "span",
+            attrs: {
+              title: "$help",
+              class: "p-formkit-label"
+            },
+            children: ["$label"]
+          }, {
+            $el: "span",
+            if: "$state.required",
+            attrs: {
+              class: "p-formkit-required",
+              title: "$help"
+            },
+            children: ["*"]
+          }]
+        };
+        sectionsSchema.help = {
+          children: []
+        };
+        return schemaFn(sectionsSchema);
+      };
+    }
+  });
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sfxcode/formkit-primevue",
   "type": "module",
-  "version": "2.9.9",
+  "version": "3.0.1",
   "packageManager": "pnpm@10.13.1+sha512.37ebf1a5c7a30d5fabe0c5df44ee8da4c965ca0c5af3dbab28c3a1681b70a256218d05c81c9c0dcf767ef6b8551eb5b960042b9ed4300c59242336377e01cfad",
   "author": {
     "name": "Tom",
@@ -91,56 +91,55 @@
     "@formkit/i18n": "^1.6.9",
     "@formkit/inputs": "^1.6.9",
     "@formkit/vue": "^1.6.9",
-    "@intlify/core": "^11.1.9",
+    "@intlify/core": "^11.1.11",
     "primeicons": "^7.0.0",
     "primevue": "^4.3.6",
-    "vue-i18n": "^11.1.9"
+    "vue-i18n": "^11.1.11"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^4.16.2",
+    "@antfu/eslint-config": "^5.0.0",
     "@formkit/core": "^1.6.9",
     "@formkit/drag-and-drop": "^0.5.3",
-    "@primeuix/themes": "^1.2.1",
-    "@types/node": "^24.0.13",
+    "@primeuix/themes": "^1.2.2",
+    "@types/node": "^24.1.0",
     "@types/uuid": "^10.0.0",
     "@unocss/preset-icons": "66.3.3",
     "@unocss/preset-uno": "66.3.3",
-    "@vitejs/plugin-vue": "^6.0.0",
+    "@vitejs/plugin-vue": "^6.0.1",
     "@vitest/coverage-v8": "^3.2.4",
     "@vitest/ui": "^3.2.4",
-    "@vue/compiler-sfc": "^3.5.17",
-    "@vue/server-renderer": "^3.5.17",
+    "@vue/compiler-sfc": "^3.5.18",
+    "@vue/server-renderer": "^3.5.18",
     "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.7.0",
-    "@vueuse/core": "^13.5.0",
+    "@vueuse/core": "^13.6.0",
     "@vueuse/head": "^2.0.0",
     "changelogen": "^0.6.2",
     "chart.js": "^4.5.0",
     "consola": "^3.4.2",
     "cookie": "^1.0.2",
-    "esbuild": "^0.25.6",
-    "eslint": "^9.31.0",
+    "esbuild": "^0.25.8",
+    "eslint": "^9.32.0",
     "happy-dom": "^18.0.1",
     "json-editor-vue": "^0.18.1",
     "mkdist": "^2.3.0",
-    "quill": "1.3.7",
     "sass": "^1.89.2",
     "tslib": "^2.8.1",
     "typescript": "^5.8.3",
-    "unbuild": "^3.5.0",
+    "unbuild": "^3.6.0",
     "unocss": "66.3.3",
     "unplugin-auto-import": "^19.3.0",
     "unplugin-vue-components": "^28.8.0",
-    "vite": "^7.0.4",
+    "vite": "^7.0.6",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-eslint": "^1.8.1",
     "vite-plugin-pages": "^0.33.1",
     "vite-ssg": "^28.0.0",
     "vitepress": "^1.6.3",
     "vitest": "^3.2.4",
-    "vue": "^3.5.17",
+    "vue": "^3.5.18",
     "vue-demi": "^0.14.10",
     "vue-router": "^4.5.1",
-    "vue-tsc": "^3.0.1"
+    "vue-tsc": "^3.0.4"
   }
 }

package/dist/components/PrimeEditor.vue

@@ -1,56 +0,0 @@
-<script setup lang="ts">
-import type { FormKitFrameworkContext } from '@formkit/core'
-import type { EditorProps, EditorSelectionChangeEvent } from 'primevue/editor'
-
-import type { PropType } from 'vue'
-import { useFormKitInput } from '../composables'
-
-export interface FormKitPrimeEditorProps {
-  placeholder?: EditorProps['placeholder']
-  formats?: EditorProps['formats']
-  modules?: EditorProps['modules']
-  pt?: EditorProps['pt']
-  ptOptions?: EditorProps['ptOptions']
-  unstyled?: EditorProps['unstyled']
-}
-
-const props = defineProps({
-  context: {
-    type: Object as PropType<FormKitFrameworkContext & FormKitPrimeEditorProps>,
-    required: true,
-  },
-})
-
-const { unstyled, isInvalid, handleInput } = useFormKitInput(props.context)
-
-function handleSelection(e: EditorSelectionChangeEvent) {
-  if (e.range === null)
-    props.context?.node.input(props.context?._value)
-}
-</script>
-
-<template>
-  <div class="p-formkit">
-    <Editor
-      :id="context.id"
-      v-model="context._value"
-      v-bind="context?.attrs"
-      :disabled="!!context?.disabled"
-      :readonly="context?.attrs.readonly ?? false"
-      :editor-style="context?.attrs.style"
-      :class="context?.attrs?.class"
-      :invalid="isInvalid"
-      :tabindex="context?.attrs.tabindex"
-      :aria-label="context?.attrs.ariaLabel"
-      :aria-labelledby="context?.attrs.ariaLabelledby"
-      :placeholder="context.placeholder"
-      :formats="context.formats"
-      :modules="context.modules"
-      :pt="context.pt"
-      :pt-options="context.ptOptions"
-      :unstyled="unstyled"
-      @text-change="handleInput"
-      @selection-change="handleSelection"
-    />
-  </div>
-</template>