@sfxcode/formkit-primevue 4.3.2 → 4.3.3

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

@@ -2,6 +2,8 @@ import type { PropType } from 'vue';
 export interface FormKitIconProps {
     onIconPrefixClicked?: () => void;
     onIconSuffixClicked?: () => void;
+    iconPrefixTooltip?: string;
+    iconSuffixTooltip?: string;
 }
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     iconClass: {
@@ -17,6 +19,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         required: true;
         validator: (val: string) => boolean;
     };
+    tooltip: {
+        type: StringConstructor;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     iconClass: {
         type: StringConstructor;
@@ -31,6 +36,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         required: true;
         validator: (val: string) => boolean;
     };
+    tooltip: {
+        type: StringConstructor;
+    };
 }>> & Readonly<{}>, {
     onClick: () => void;
     iconClass: string;

package/dist/components/FormKitIcon.vue

@@ -4,6 +4,8 @@ import type { PropType } from 'vue'
 export interface FormKitIconProps {
   onIconPrefixClicked?: () => void
   onIconSuffixClicked?: () => void
+  iconPrefixTooltip?: string
+  iconSuffixTooltip?: string
 }
 
 defineProps({
@@ -17,9 +19,13 @@ defineProps({
     required: true,
     validator: (val: string) => ['prefix', 'suffix'].includes(val),
   },
+  tooltip: {
+    type: String,
+  },
 })
 </script>
 
 <template>
-  <i :class="[`formkit-${position}-icon`, iconClass]" @click="onClick" />
+  <i v-if="tooltip && tooltip?.length > 0" v-tooltip.bottom="tooltip" :class="[`formkit-${position}-icon`, iconClass]" @click="onClick" />
+  <i v-else :class="[`formkit-${position}-icon`, iconClass]" @click="onClick" />
 </template>

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

@@ -2,6 +2,8 @@ import type { PropType } from 'vue';
 export interface FormKitIconProps {
     onIconPrefixClicked?: () => void;
     onIconSuffixClicked?: () => void;
+    iconPrefixTooltip?: string;
+    iconSuffixTooltip?: string;
 }
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     iconClass: {
@@ -17,6 +19,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         required: true;
         validator: (val: string) => boolean;
     };
+    tooltip: {
+        type: StringConstructor;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     iconClass: {
         type: StringConstructor;
@@ -31,6 +36,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         required: true;
         validator: (val: string) => boolean;
     };
+    tooltip: {
+        type: StringConstructor;
+    };
 }>> & Readonly<{}>, {
     onClick: () => void;
     iconClass: string;

package/dist/components/PrimeOutputBoolean.vue

@@ -30,12 +30,12 @@ const translated = computed(() => {
 
 <template>
   <div class="p-formkit p-output-boolean">
-    <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)" :tooltip="context?.iconPrefixTooltip as string" 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>
     <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)" :tooltip="context?.iconSuffixTooltip as string" position="suffix" />
   </div>
 </template>

package/dist/components/PrimeOutputDate.vue

@@ -40,12 +40,12 @@ const converted = computed(() => {
 
 <template>
   <div class="p-formkit p-output-date">
-    <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)" :tooltip="context?.iconPrefixTooltip as string" 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)" :tooltip="context?.iconSuffixTooltip as string" position="suffix" />
   </div>
 </template>

package/dist/components/PrimeOutputDuration.vue

@@ -21,12 +21,12 @@ const { formattedDuration } = useOutputDuration()
 
 <template>
   <div class="p-formkit p-output-duration">
-    <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)" :tooltip="context?.iconPrefixTooltip as string" 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>
     <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)" :tooltip="context?.iconSuffixTooltip as string" position="suffix" />
   </div>
 </template>

package/dist/components/PrimeOutputLink.vue

@@ -32,7 +32,7 @@ const title = computed(() => {
 
 <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)" :tooltip="context?.iconPrefixTooltip as string" position="prefix" />
     <FormKitPrefix v-if="hasPrefix" :prefix="context?.prefix as string" />
     <a
       v-if="context?.value"
@@ -45,6 +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)" :tooltip="context?.iconSuffixTooltip as string" position="suffix" />
   </div>
 </template>

package/dist/components/PrimeOutputList.vue

@@ -55,6 +55,7 @@ const listItemsClass = computed(() => props.context?.attrs?.class || '')
       v-if="hasPrefixIcon"
       :icon-class="context?.iconPrefix as string"
       :on-click="context?.onIconPrefixClicked as () => void"
+      :tooltip="context?.iconPrefixTooltip as string"
       position="prefix"
     />
     <FormKitPrefix v-if="hasPrefix && listStyle === 'span'" :prefix="context?.prefix as string" />
@@ -116,6 +117,7 @@ const listItemsClass = computed(() => props.context?.attrs?.class || '')
       v-if="hasSuffixIcon"
       :icon-class="context?.iconSuffix as string"
       :on-click="context?.onIconSuffixClicked as () => void"
+      :tooltip="context?.iconSuffixTooltip as string"
       position="suffix"
     />
   </div>

package/dist/components/PrimeOutputNumber.vue

@@ -48,12 +48,12 @@ const converted = computed(() => {
 
 <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)" :tooltip="context?.iconPrefixTooltip as string" 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)" :tooltip="context?.iconSuffixTooltip as string" position="suffix" />
   </div>
 </template>

package/dist/components/PrimeOutputReference.vue

@@ -34,7 +34,7 @@ const title = computed(() => {
 
 <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)" :tooltip="context?.iconPrefixTooltip as string" position="prefix" />
     <FormKitPrefix v-if="hasPrefix" :prefix="context?.prefix as string" />
     <component
       :is="context?.linkComponentName ? context?.linkComponentName : 'RouterLink'"
@@ -57,6 +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)" :tooltip="context?.iconSuffixTooltip as string" position="suffix" />
   </div>
 </template>

package/dist/components/PrimeOutputText.vue

@@ -63,11 +63,11 @@ const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection
 
 <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)" :tooltip="context?.iconPrefixTooltip as string" 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" />
     <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)" :tooltip="context?.iconSuffixTooltip as string" position="suffix" />
   </div>
 </template>

package/dist/definitions/output.js

@@ -15,32 +15,32 @@ 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", "onIconPrefixClicked", "onIconSuffixClicked", "convertValue", "maxLength"]
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "isTranslationKey", "html", "onIconPrefixClicked", "onIconSuffixClicked", "iconPrefixTooltip", "iconSuffixTooltip", "convertValue", "maxLength"]
 });
 const primeOutputDateDefinition = exports.primeOutputDateDefinition = (0, _vue.createInput)(_PrimeOutputDate.default, {
-  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "onIconPrefixClicked", "onIconSuffixClicked"]
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "onIconPrefixClicked", "onIconSuffixClicked", "iconPrefixTooltip", "iconSuffixTooltip"]
 });
 const primeOutputNumberDefinition = exports.primeOutputNumberDefinition = (0, _vue.createInput)(_PrimeOutputNumber.default, {
-  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "onIconPrefixClicked", "onIconSuffixClicked"],
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "onIconPrefixClicked", "onIconSuffixClicked", "iconPrefixTooltip", "iconSuffixTooltip"],
   family: "PrimeOutput"
 });
 const primeOutputLinkDefinition = exports.primeOutputLinkDefinition = (0, _vue.createInput)(_PrimeOutputLink.default, {
-  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "title", "onIconPrefixClicked", "onIconSuffixClicked"],
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "title", "onIconPrefixClicked", "onIconSuffixClicked", "iconPrefixTooltip", "iconSuffixTooltip"],
   family: "PrimeOutput"
 });
 const primeOutputReferenceDefinition = exports.primeOutputReferenceDefinition = (0, _vue.createInput)(_PrimeOutputReference.default, {
-  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "reference", "internal", "linkComponentName", "title", "onIconPrefixClicked", "onIconSuffixClicked"],
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "reference", "internal", "linkComponentName", "title", "onIconPrefixClicked", "onIconSuffixClicked", "iconPrefixTooltip", "iconSuffixTooltip"],
   family: "PrimeOutput"
 });
 const primeOutputBooleanDefinition = exports.primeOutputBooleanDefinition = (0, _vue.createInput)(_PrimeOutputBoolean.default, {
-  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "trueValue", "falseValue", "onIconPrefixClicked", "onIconSuffixClicked"],
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "trueValue", "falseValue", "onIconPrefixClicked", "onIconSuffixClicked", "iconPrefixTooltip", "iconSuffixTooltip"],
   family: "PrimeOutput"
 });
 const primeOutputDurationDefinition = exports.primeOutputDurationDefinition = (0, _vue.createInput)(_PrimeOutputDuration.default, {
-  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "onIconPrefixClicked", "onIconSuffixClicked"],
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "onIconPrefixClicked", "onIconSuffixClicked", "iconPrefixTooltip", "iconSuffixTooltip"],
   family: "PrimeOutput"
 });
 const primeOutputListDefinition = exports.primeOutputListDefinition = (0, _vue.createInput)(_PrimeOutputList.default, {
-  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "divider", "itemClass", "dividerClass", "listStyle", "onIconPrefixClicked", "onIconSuffixClicked", "optionLabel", "options", "optionValue", "convertValue"],
+  props: ["prefix", "suffix", "iconPrefix", "iconSuffix", "divider", "itemClass", "dividerClass", "listStyle", "onIconPrefixClicked", "onIconSuffixClicked", "iconPrefixTooltip", "iconSuffixTooltip", "optionLabel", "options", "optionValue", "convertValue"],
   family: "PrimeOutput"
 });

package/dist/definitions/output.mjs

@@ -17,6 +17,8 @@ export const primeOutputTextDefinition = createInput(PrimeOutputText, {
     "html",
     "onIconPrefixClicked",
     "onIconSuffixClicked",
+    "iconPrefixTooltip",
+    "iconSuffixTooltip",
     "convertValue",
     "maxLength"
   ]
@@ -28,7 +30,9 @@ export const primeOutputDateDefinition = createInput(PrimeOutputDate, {
     "iconPrefix",
     "iconSuffix",
     "onIconPrefixClicked",
-    "onIconSuffixClicked"
+    "onIconSuffixClicked",
+    "iconPrefixTooltip",
+    "iconSuffixTooltip"
   ]
 });
 export const primeOutputNumberDefinition = createInput(PrimeOutputNumber, {
@@ -38,7 +42,9 @@ export const primeOutputNumberDefinition = createInput(PrimeOutputNumber, {
     "iconPrefix",
     "iconSuffix",
     "onIconPrefixClicked",
-    "onIconSuffixClicked"
+    "onIconSuffixClicked",
+    "iconPrefixTooltip",
+    "iconSuffixTooltip"
   ],
   family: "PrimeOutput"
 });
@@ -50,7 +56,9 @@ export const primeOutputLinkDefinition = createInput(PrimeOutputLink, {
     "iconSuffix",
     "title",
     "onIconPrefixClicked",
-    "onIconSuffixClicked"
+    "onIconSuffixClicked",
+    "iconPrefixTooltip",
+    "iconSuffixTooltip"
   ],
   family: "PrimeOutput"
 });
@@ -67,7 +75,9 @@ export const primeOutputReferenceDefinition = createInput(
       "linkComponentName",
       "title",
       "onIconPrefixClicked",
-      "onIconSuffixClicked"
+      "onIconSuffixClicked",
+      "iconPrefixTooltip",
+      "iconSuffixTooltip"
     ],
     family: "PrimeOutput"
   }
@@ -81,7 +91,9 @@ export const primeOutputBooleanDefinition = createInput(PrimeOutputBoolean, {
     "trueValue",
     "falseValue",
     "onIconPrefixClicked",
-    "onIconSuffixClicked"
+    "onIconSuffixClicked",
+    "iconPrefixTooltip",
+    "iconSuffixTooltip"
   ],
   family: "PrimeOutput"
 });
@@ -94,7 +106,9 @@ export const primeOutputDurationDefinition = createInput(
       "iconPrefix",
       "iconSuffix",
       "onIconPrefixClicked",
-      "onIconSuffixClicked"
+      "onIconSuffixClicked",
+      "iconPrefixTooltip",
+      "iconSuffixTooltip"
     ],
     family: "PrimeOutput"
   }
@@ -111,6 +125,8 @@ export const primeOutputListDefinition = createInput(PrimeOutputList, {
     "listStyle",
     "onIconPrefixClicked",
     "onIconSuffixClicked",
+    "iconPrefixTooltip",
+    "iconSuffixTooltip",
     "optionLabel",
     "options",
     "optionValue",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sfxcode/formkit-primevue",
   "type": "module",
-  "version": "4.3.2",
+  "version": "4.3.3",
   "packageManager": "pnpm@11.0.9+sha512.34ce82e6780233cf9cad8685029a8f81d2e06196c5a9bad98879f7424940c6817c4e4524fb7d38b8553ceed48b9758b8ebaf1abd3600c232c4c8cf7366086f38",
   "author": {
     "name": "Tom",
@@ -118,7 +118,7 @@
     "@vue/server-renderer": "^3.5.40",
     "@vue/test-utils": "^2.4.11",
     "@vue/tsconfig": "^0.9.1",
-    "@vueuse/core": "^14.3.0",
+    "@vueuse/core": "^14.4.0",
     "@vueuse/head": "^2.0.0",
     "changelogen": "^0.6.2",
     "chart.js": "^4.5.1",
@@ -134,9 +134,9 @@
     "typescript": "^6.0.3",
     "unbuild": "^3.6.1",
     "unocss": "^66.7.5",
-    "unplugin-auto-import": "^21.0.0",
+    "unplugin-auto-import": "^21.1.0",
     "unplugin-vue-components": "^32.1.0",
-    "vite": "^8.1.5",
+    "vite": "^8.2.0",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-pages": "^0.33.3",
     "vite-ssg": "^28.3.0",
@@ -145,6 +145,6 @@
     "vue": "^3.5.40",
     "vue-demi": "^0.14.10",
     "vue-router": "^5.2.0",
-    "vue-tsc": "^3.3.8"
+    "vue-tsc": "^3.3.9"
   }
 }