@sfxcode/formkit-primevue 2.4.16 → 2.4.18

package/dist/components/PrimeDatePicker.vue

@@ -92,10 +92,10 @@ function handleClearClick() {
       :select-other-months="context?.selectOtherMonths ?? false"
       :icon="context?.icon"
       :show-icon="context.showIcon"
-      :previous-icon="context?.previousIcon ?? 'pi pi-chevron-left'"
-      :next-icon="context?.nextIcon ?? 'pi pi-chevron-right'"
-      :increment-icon="context?.incrementIcon ?? 'pi pi-chevron-up'"
-      :decrement-icon="context?.decrementIcon ?? 'pi pi-chevron-down'"
+      :previous-icon="context?.previousIcon"
+      :next-icon="context?.nextIcon"
+      :increment-icon="context?.incrementIcon"
+      :decrement-icon="context?.decrementIcon"
       :number-of-months="context?.numberOfMonths ?? 1"
       :responsive-options="context?.responsiveOptions"
       :view="context?.view ?? 'date'"

package/dist/components/PrimeInputMask.vue

@@ -32,7 +32,7 @@ const { hasPrefixIcon, hasSuffixIcon } = useFormKitSection(props.context)
 
 <template>
   <div class="p-formkit">
-    <IconField>
+    <IconField v-if="hasPrefixIcon || hasSuffixIcon">
       <InputIcon v-if="hasPrefixIcon" :class="context?.iconPrefix" />
       <InputMask
         :id="context.id"
@@ -58,5 +58,28 @@ const { hasPrefixIcon, hasSuffixIcon } = useFormKitSection(props.context)
       />
       <InputIcon v-if="hasSuffixIcon" :class="context?.iconSuffix" />
     </IconField>
+    <InputMask
+      v-if="!hasPrefixIcon && !hasSuffixIcon"
+      :id="context.id"
+      v-model="context._value"
+      v-bind="context?.attrs"
+      :disabled="!!context?.disabled"
+      :readonly="context?.attrs.readonly ?? false"
+      :class="context?.attrs?.class"
+      :invalid="isInvalid"
+      :tabindex="context?.attrs.tabindex"
+      :aria-label="context?.attrs.ariaLabel"
+      :aria-labelledby="context?.attrs.ariaLabelledby"
+      :mask="context.mask ?? undefined"
+      :slot-char="context.slotChar ?? '_'"
+      :auto-clear="context.autoClear ?? true"
+      :unmask="context.unmask ?? false"
+      :pt="context.pt"
+      :variant="context.variant"
+      :pt-options="context.ptOptions"
+      :unstyled="unstyled"
+      @update:model-value="handleInput"
+      @blur="handleBlur"
+    />
   </div>
 </template>

package/dist/components/PrimeInputText.vue

@@ -27,7 +27,7 @@ const { hasPrefixIcon, hasSuffixIcon } = useFormKitSection(props.context)
 
 <template>
   <div class="p-formkit">
-    <IconField>
+    <IconField v-if="hasPrefixIcon || hasSuffixIcon">
       <InputIcon v-if="hasPrefixIcon" :class="context?.iconPrefix" />
       <InputText
         :id="context.id"
@@ -50,5 +50,25 @@ const { hasPrefixIcon, hasSuffixIcon } = useFormKitSection(props.context)
       />
       <InputIcon v-if="hasSuffixIcon" :class="context?.iconSuffix" />
     </IconField>
+    <InputText
+      v-if="!hasPrefixIcon && !hasSuffixIcon"
+      :id="context.id"
+      v-model="context._value"
+      v-bind="context?.attrs"
+      :disabled="!!context?.disabled"
+      :readonly="context?.attrs.readonly ?? false"
+      :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"
+      :pt="context.pt"
+      :pt-options="context.ptOptions"
+      :unstyled="unstyled"
+      @input="handleInput"
+      @blur="handleBlur"
+    />
   </div>
 </template>

package/dist/components/PrimePassword.vue

@@ -54,8 +54,8 @@ const { unstyled, isInvalid, handleInput, handleBlur } = useFormKitInput(props.c
       :weak-label="context.weakLabel"
       :medium-label="context.mediumLabel"
       :strong-label="context.strongLabel"
-      :mask-icon="context.maskIcon ?? 'pi pi-eye-slash'"
-      :unmask-icon="context.unmaskIcon ?? 'pi pi-eye'"
+      :mask-icon="context.maskIcon"
+      :unmask-icon="context.unmaskIcon"
       :feedback="context.feedback ?? false"
       :toggle-mask="context.toggleMask ?? false"
       :pt="context.pt"

package/dist/components/PrimeRating.vue

@@ -40,8 +40,8 @@ const { unstyled, isInvalid, handleInput, handleBlur } = useFormKitInput(props.c
       :aria-label="context?.attrs.ariaLabel"
       :aria-labelledby="context?.attrs.ariaLabelledby"
       :stars="context.stars ?? 5"
-      :on-icon="context.onIcon ?? 'pi pi-star-fill'"
-      :off-icon="context.offIcon ?? 'pi pi-star'"
+      :on-icon="context.onIcon"
+      :off-icon="context.offIcon"
       :pt="context.pt"
       :pt-options="context.ptOptions"
       :unstyled="unstyled"

package/dist/components/PrimeToggleButton.vue

@@ -43,9 +43,9 @@ const { unstyled, isInvalid, handleChange, handleBlur } = useFormKitInput(props.
       :aria-labelledby="context?.attrs.ariaLabelledby"
       :on-label="context.onLabel ?? 'Yes'"
       :off-label="context.offLabel ?? 'No'"
-      :on-icon="context.onIcon ?? 'pi pi-check'"
-      :off-icon="context.offIcon ?? 'pi pi-times'"
-      :icon-pos="context.iconPos ?? 'left'"
+      :on-icon="context.onIcon"
+      :off-icon="context.offIcon"
+      :icon-pos="context.iconPos"
       :pt="context.pt"
       :pt-options="context.ptOptions"
       :unstyled="unstyled"

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@sfxcode/formkit-primevue",
   "type": "module",
-  "version": "2.4.16",
-  "packageManager": "pnpm@9.9.0+sha256.7a4261e50d9a44d9240baf6c9d6e10089dcf0a79d0007f2a26985a6927324177",
+  "version": "2.4.18",
+  "packageManager": "pnpm@9.11.0+sha256.1c0e33f70e5df9eede84a357bdfa0b1f9dba6e58194628d48a1055756f553754",
   "author": {
     "name": "Tom",
     "email": "tom@sfxcode.com"
@@ -100,14 +100,14 @@
     "@antfu/eslint-config": "3.6.2",
     "@formkit/core": "^1.6.7",
     "@primevue/themes": "4.0.7",
-    "@types/node": "^22.7.0",
-    "@unocss/preset-icons": "0.62.4",
-    "@unocss/preset-uno": "0.62.4",
+    "@types/node": "^22.7.3",
+    "@unocss/preset-icons": "^0.62.4",
+    "@unocss/preset-uno": "^0.62.4",
     "@vitejs/plugin-vue": "^5.1.4",
     "@vitest/coverage-v8": "^2.1.1",
     "@vitest/ui": "^2.1.1",
-    "@vue/compiler-sfc": "3.5.6",
-    "@vue/server-renderer": "^3.5.8",
+    "@vue/compiler-sfc": "^3.5.9",
+    "@vue/server-renderer": "^3.5.9",
     "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.5.1",
     "@vuedx/typecheck": "~0.7.6",
@@ -125,8 +125,8 @@
     "sass": "1.78.0",
     "tslib": "^2.7.0",
     "typescript": "^5.6.2",
-    "unbuild": "3.0.0-rc.7",
-    "unocss": "0.62.4",
+    "unbuild": "3.0.0-rc.8",
+    "unocss": "^0.62.4",
     "unplugin-auto-import": "^0.18.3",
     "unplugin-vue-components": "^0.27.4",
     "vanilla-jsoneditor": "^0.23.8",
@@ -135,9 +135,9 @@
     "vite-plugin-eslint": "^1.8.1",
     "vite-plugin-pages": "^0.32.3",
     "vite-ssg": "^0.23.8",
-    "vitepress": "1.3.4",
+    "vitepress": "^1.3.4",
     "vitest": "^2.1.1",
-    "vue": "3.5.6",
+    "vue": "^3.5.9",
     "vue-demi": "^0.14.10",
     "vue-router": "^4.4.5",
     "vue-tsc": "^2.1.6"