@vue-interface/input-field 3.0.2 → 3.0.4

package/dist/input-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-field.js","sources":["../../../node_modules/.pnpm/@heroicons+vue@2.2.0_vue@3.5.27_typescript@5.9.3_/node_modules/@heroicons/vue/24/outline/esm/XMarkIcon.js","../src/InputField.vue"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    \"stroke-width\": \"1.5\",\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"M6 18 18 6M6 6l12 12\"\n    })\n  ]))\n}","<script setup lang=\"ts\" generic=\"ModelValue, Value\">\nimport { XMarkIcon } from '@heroicons/vue/24/outline';\nimport { ActivityIndicator } from '@vue-interface/activity-indicator';\nimport type { FormControlEvents, FormControlProps, FormControlSlots } from '@vue-interface/form-control';\nimport { FormControlErrors, FormControlFeedback, useFormControl } from '@vue-interface/form-control';\nimport { InputHTMLAttributes, computed, useTemplateRef, ref } from 'vue';\n\nconst props = withDefaults(defineProps<InputFieldProps<ModelValue,Value>>(), {\n    formControlClass: 'form-control',\n    labelClass: 'form-label',\n    size: 'form-control-md',\n    clearable: false\n});\n\ndefineOptions({\n    inheritAttrs: false\n});\n\nconst input = ref<string>();\nconst model = defineModel<ModelValue>();\n\ndefineSlots<FormControlSlots<InputFieldControlSizePrefix,ModelValue>>();\n\nconst emit = defineEmits<FormControlEvents>();\n\nconst {\n    controlAttributes,\n    formGroupClasses,\n    listeners\n} = useFormControl<InputHTMLAttributes, InputFieldControlSizePrefix, ModelValue|undefined, Value>({ model, props, emit });\n\nconst isInteractive = computed(() => !props.disabled && !props.readonly);\n\nconst canClear = computed(() => {\n    return props.clearable && (!!input.value || !!model.value) && isInteractive.value;\n});\n\nfunction clear() {\n    if (!isInteractive.value) return;\n    model.value = undefined;\n}\n\nconst activity = useTemplateRef<InstanceType<typeof ActivityIndicator>>('activity');\nconst help = useTemplateRef<HTMLElement>('help');\nconst label = useTemplateRef<HTMLLabelElement>('label');\nconst field = useTemplateRef<HTMLInputElement>('field');\nconst wrapper = useTemplateRef<HTMLDivElement>('wrapper');\n\ndefineExpose({\n    activity,\n    help,\n    field,\n    label,\n    wrapper,\n    focus: () => field.value?.focus(),\n    blur: () => field.value?.blur(),\n})\n</script>\n\n<script lang=\"ts\">\nexport type InputFieldControlSizePrefix = 'form-control';\n\nexport type InputFieldProps<ModelValue, Value> = FormControlProps<\n    InputHTMLAttributes, \n    InputFieldControlSizePrefix, \n    ModelValue, \n    Value\n> & {\n    clearable?: boolean;\n}\n</script>\n\n<template>\n    <div\n        ref=\"wrapper\"\n        class=\"input-field\"\n        :class=\"[formGroupClasses, { 'has-clear-button': canClear }]\">\n        <slot name=\"label\">\n            <label\n                v-if=\"props.label\"\n                ref=\"label\"\n                :class=\"labelClass\"\n                :for=\"controlAttributes.id\">\n                {{ props.label }}\n            </label>\n        </slot>\n        \n        <div class=\"form-control-inner\">\n            <slot\n                name=\"control\"\n                v-bind=\"{ controlAttributes, listeners }\">\n                <div\n                    v-if=\"$slots.icon\"\n                    class=\"form-control-inner-icon\"\n                    @click=\"field?.focus()\">\n                    <slot name=\"icon\" />\n                </div>\n                <input\n                    ref=\"field\"\n                    v-model=\"model\"\n                    v-bind=\"{...controlAttributes, ...listeners}\">\n            </slot>\n            \n            <div class=\"form-control-activity-indicator\">\n                <slot name=\"activity\" v-bind=\"{ canClear, clear, isInteractive }\">\n                    <button\n                        v-if=\"canClear\"\n                        type=\"button\"\n                        class=\"input-field-close-button\"\n                        @click.stop=\"clear\">\n                        <XMarkIcon class=\"size-[1.25em]\" />\n                    </button>\n                    <Transition name=\"input-field-fade\" v-else>\n                        <ActivityIndicator\n                            v-if=\"props.activity && indicator\"\n                            key=\"activity\"\n                            ref=\"activity\"\n                            :type=\"indicator\"\n                            :size=\"indicatorSize\" />\n                    </Transition>\n                </slot>\n            </div>\n        </div>\n\n        <slot\n            name=\"errors\"\n            v-bind=\"{ error, errors, id: $attrs.id, name: $attrs.name }\">  \n            <FormControlErrors\n                v-if=\"!!(error || errors)\"\n                :id=\"id\"\n                v-slot=\"{ error }\"\n                :name=\"name\"\n                :error=\"error\"\n                :errors=\"errors\">\n                <div\n                    invalid\n                    class=\"invalid-feedback\">\n                    {{ error }}<br>\n                </div>\n            </FormControlErrors>\n        </slot>\n        \n        <slot\n            name=\"feedback\"\n            v-bind=\"{ feedback }\">\n            <FormControlFeedback\n                v-slot=\"{ feedback }\"\n                :feedback=\"feedback\">\n                <div\n                    valid\n                    class=\"valid-feedback\">\n                    {{ feedback }}\n                </div>\n            </FormControlFeedback>\n        </slot>\n\n        <slot\n            name=\"help\"\n            v-bind=\"{ helpText }\">\n            <small\n                v-if=\"helpText\"\n                ref=\"help\"\n                class=\"form-help\">\n                {{ helpText }}\n            </small>\n        </slot>\n    </div>\n</template>"],"names":["render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","props","__props","input","ref","model","_useModel","emit","__emit","controlAttributes","formGroupClasses","listeners","useFormControl","isInteractive","computed","canClear","clear","activity","useTemplateRef","help","label","field","wrapper","__expose","_normalizeClass","_unref","_renderSlot","_toDisplayString","_hoisted_1","_hoisted_2","_normalizeProps","_guardReactiveProps","$slots","$event","_withDirectives","_mergeProps","_hoisted_3","_createVNode","XMarkIcon","_createBlock","_Transition","ActivityIndicator","$attrs","FormControlErrors","_withCtx","error","_hoisted_4","FormControlFeedback","feedback","_hoisted_5"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"input-field.js","sources":["../../../node_modules/.pnpm/@heroicons+vue@2.2.0_vue@3.5.27_typescript@5.9.3_/node_modules/@heroicons/vue/24/outline/esm/XMarkIcon.js","../src/InputField.vue"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    \"stroke-width\": \"1.5\",\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"M6 18 18 6M6 6l12 12\"\n    })\n  ]))\n}","<script setup lang=\"ts\" generic=\"ModelValue, Value\">\nimport { XMarkIcon } from '@heroicons/vue/24/outline';\nimport { ActivityIndicator } from '@vue-interface/activity-indicator';\nimport type { FormControlEvents, FormControlProps, FormControlSlots } from '@vue-interface/form-control';\nimport { FormControlErrors, FormControlFeedback, useFormControl } from '@vue-interface/form-control';\nimport { type HTMLAttributes, computed, useTemplateRef, ref } from 'vue';\n\nconst props = withDefaults(defineProps<InputFieldProps<ModelValue,Value>>(), {\n    formControlClass: 'form-control',\n    labelClass: 'form-label',\n    size: 'form-control-md',\n    clearable: false\n});\n\ndefineOptions({\n    inheritAttrs: false\n});\n\nconst input = ref<string>();\nconst model = defineModel<ModelValue>();\n\ndefineSlots<FormControlSlots<InputFieldControlSizePrefix,ModelValue>>();\n\nconst emit = defineEmits<FormControlEvents>();\n\nconst {\n    controlAttributes,\n    formGroupClasses,\n    listeners\n} = useFormControl<HTMLAttributes, InputFieldControlSizePrefix, ModelValue|undefined, Value>({ model, props, emit });\n\nconst isInteractive = computed(() => !props.disabled && !props.readonly);\n\nconst canClear = computed(() => {\n    return props.clearable && (!!input.value || !!model.value) && isInteractive.value;\n});\n\nfunction clear() {\n    if (!isInteractive.value) return;\n    model.value = undefined;\n}\n\nconst activity = useTemplateRef<InstanceType<typeof ActivityIndicator>>('activity');\nconst help = useTemplateRef<HTMLElement>('help');\nconst label = useTemplateRef<HTMLLabelElement>('label');\nconst field = useTemplateRef<HTMLInputElement>('field');\nconst wrapper = useTemplateRef<HTMLDivElement>('wrapper');\n\ndefineExpose({\n    activity,\n    help,\n    field,\n    label,\n    wrapper,\n    focus: () => field.value?.focus(),\n    blur: () => field.value?.blur(),\n})\n</script>\n\n<script lang=\"ts\">\nexport type InputFieldControlSizePrefix = 'form-control';\n\nexport type InputFieldProps<ModelValue, Value> = FormControlProps<\n    HTMLAttributes,\n    InputFieldControlSizePrefix,\n    ModelValue,\n    Value\n> & {\n    clearable?: boolean;\n}\n</script>\n\n<template>\n    <div\n        ref=\"wrapper\"\n        class=\"input-field\"\n        :class=\"[formGroupClasses, { 'has-clear-button': canClear }]\">\n        <slot name=\"label\">\n            <label\n                v-if=\"props.label\"\n                ref=\"label\"\n                :class=\"labelClass\"\n                :for=\"controlAttributes.id\">\n                {{ props.label }}\n            </label>\n        </slot>\n        \n        <div class=\"form-control-inner\">\n            <slot\n                name=\"control\"\n                v-bind=\"{ controlAttributes, listeners }\">\n                <div\n                    v-if=\"$slots.icon\"\n                    class=\"form-control-inner-icon\"\n                    @click=\"field?.focus()\">\n                    <slot name=\"icon\" />\n                </div>\n                <input\n                    ref=\"field\"\n                    v-model=\"model\"\n                    v-bind=\"{...controlAttributes, ...listeners}\">\n            </slot>\n            \n            <div class=\"form-control-activity-indicator\">\n                <slot name=\"activity\" v-bind=\"{ canClear, clear, isInteractive }\">\n                    <button\n                        v-if=\"canClear\"\n                        type=\"button\"\n                        class=\"input-field-close-button\"\n                        @click.stop=\"clear\">\n                        <XMarkIcon class=\"size-[1.25em]\" />\n                    </button>\n                    <Transition name=\"input-field-fade\" v-else>\n                        <ActivityIndicator\n                            v-if=\"props.activity && indicator\"\n                            key=\"activity\"\n                            ref=\"activity\"\n                            :type=\"indicator\"\n                            :size=\"indicatorSize\" />\n                    </Transition>\n                </slot>\n            </div>\n        </div>\n\n        <slot\n            name=\"errors\"\n            v-bind=\"{ error, errors, id: $attrs.id, name: $attrs.name }\">  \n            <FormControlErrors\n                v-if=\"!!(error || errors)\"\n                :id=\"id\"\n                v-slot=\"{ error }\"\n                :name=\"name\"\n                :error=\"error\"\n                :errors=\"errors\">\n                <div\n                    invalid\n                    class=\"invalid-feedback\">\n                    {{ error }}<br>\n                </div>\n            </FormControlErrors>\n        </slot>\n        \n        <slot\n            name=\"feedback\"\n            v-bind=\"{ feedback }\">\n            <FormControlFeedback\n                v-slot=\"{ feedback }\"\n                :feedback=\"feedback\">\n                <div\n                    valid\n                    class=\"valid-feedback\">\n                    {{ feedback }}\n                </div>\n            </FormControlFeedback>\n        </slot>\n\n        <slot\n            name=\"help\"\n            v-bind=\"{ helpText }\">\n            <small\n                v-if=\"helpText\"\n                ref=\"help\"\n                class=\"form-help\">\n                {{ helpText }}\n            </small>\n        </slot>\n    </div>\n</template>"],"names":["render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","props","__props","input","ref","model","_useModel","emit","__emit","controlAttributes","formGroupClasses","listeners","useFormControl","isInteractive","computed","canClear","clear","activity","useTemplateRef","help","label","field","wrapper","__expose","_normalizeClass","_unref","_renderSlot","_toDisplayString","_hoisted_1","_hoisted_2","_normalizeProps","_guardReactiveProps","$slots","$event","_withDirectives","_mergeProps","_hoisted_3","_createVNode","XMarkIcon","_createBlock","_Transition","ActivityIndicator","$attrs","FormControlErrors","_withCtx","error","_hoisted_4","FormControlFeedback","feedback","_hoisted_5"],"mappings":";;;AAEe,SAASA,EAAOC,GAAMC,GAAQ;AAC3C,SAAQC,EAAU,GAAIC,EAAoB,OAAO;AAAA,IAC/C,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,aAAa;AAAA,EACjB,GAAK;AAAA,IACDC,EAAoB,QAAQ;AAAA,MAC1B,kBAAkB;AAAA,MAClB,mBAAmB;AAAA,MACnB,GAAG;AAAA,IACT,CAAK;AAAA,EACL,CAAG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACXA,UAAMC,IAAQC,GAWRC,IAAQC,EAAA,GACRC,IAAQC,EAAuBJ,GAAA,YAAC,GAIhCK,IAAOC,GAEP;AAAA,MACF,mBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,WAAAC;AAAA,IAAA,IACAC,EAAyF,EAAE,OAAAP,GAAO,OAAAJ,GAAO,MAAAM,GAAM,GAE7GM,IAAgBC,EAAS,MAAM,CAACb,EAAM,YAAY,CAACA,EAAM,QAAQ,GAEjEc,IAAWD,EAAS,MACfb,EAAM,cAAc,CAAC,CAACE,EAAM,SAAS,CAAC,CAACE,EAAM,UAAUQ,EAAc,KAC/E;AAED,aAASG,IAAQ;AACb,MAAKH,EAAc,UACnBR,EAAM,QAAQ;AAAA,IAClB;AAEA,UAAMY,IAAWC,EAAuD,UAAU,GAC5EC,IAAOD,EAA4B,MAAM,GACzCE,IAAQF,EAAiC,OAAO,GAChDG,IAAQH,EAAiC,OAAO,GAChDI,IAAUJ,EAA+B,SAAS;AAExD,WAAAK,EAAa;AAAA,MACT,UAAAN;AAAA,MACA,MAAAE;AAAA,MACA,OAAAE;AAAA,MACA,OAAAD;AAAA,MACA,SAAAE;AAAA,MACA,OAAO,MAAMD,EAAM,OAAO,MAAA;AAAA,MAC1B,MAAM,MAAMA,EAAM,OAAO,KAAA;AAAA,IAAK,CACjC,mBAiBGtB,EA6FM,OAAA;AAAA,eA5FE;AAAA,MAAJ,KAAIuB;AAAA,MACJ,OAAKE,EAAA,CAAC,eAAa,CACVC,EAAAf,CAAA,yBAAwCK,EAAA,MAAA,CAAQ,CAAA,CAAA;AAAA,IAAA;MACzDW,EAQO9B,uBARP,MAQO;AAAA,QANOK,EAAM,cADhBF,EAMQ,SAAA;AAAA;mBAJA;AAAA,UAAJ,KAAIqB;AAAA,UACH,SAAOlB,EAAA,UAAU;AAAA,UACjB,KAAKuB,EAAAhB,CAAA,EAAkB;AAAA,QAAA,GACrBkB,EAAA1B,EAAM,KAAK,GAAA,IAAA2B,CAAA;;MAItB5B,EAmCM,OAnCN6B,GAmCM;AAAA,QAlCFH,EAaO9B,EAAA,QAAA,WAAAkC,EAAAC,EAAA,EAAA,mBAXON,EAAAhB,CAAA,GAAiB,WAAEgB,EAAAd,CAAA,OAFjC,MAaO;AAAA,UATOqB,EAAAA,OAAO,aADjBjC,EAKM,OAAA;AAAA;YAHF,OAAM;AAAA,YACL,SAAKF,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAoC,MAAEZ,EAAA,OAAO,MAAA;AAAA,UAAK;YACpBK,EAAoB9B,EAAA,QAAA,MAAA;AAAA,UAAA;UAExBsC,EAAAlC,EAGkD,SAHlDmC,EAGkD;AAAA,qBAF1C;AAAA,YAAJ,KAAId;AAAA,0DACKhB,EAAK,QAAA4B;AAAA,UAAA,GACF,EAAA,GAAAR,EAAAhB,CAAA,MAAsBgB,EAAAd,CAAA,GAAS,GAAA,MAAA,EAAA,GAAA;AAAA,gBADlCN,EAAA,KAAK;AAAA,UAAA;;QAItBL,EAkBM,OAlBNoC,GAkBM;AAAA,UAjBFV,EAgBO9B,sCAhByBmB,EAAA,OAAQ,OAAAC,GAAO,eAAEH,EAAA,WAAjD,MAgBO;AAAA,YAdOE,EAAA,cADVhB,EAMS,UAAA;AAAA;cAJL,MAAK;AAAA,cACL,OAAM;AAAA,cACL,WAAYiB,GAAK,CAAA,MAAA,CAAA;AAAA,YAAA;cAClBqB,EAAmCZ,EAAAa,CAAA,GAAA,EAAxB,OAAM,iBAAe;AAAA,YAAA,YAEpCC,EAOaC,GAAA;AAAA;cAPD,MAAK;AAAA,YAAA;yBACb,MAK4B;AAAA,gBAJlBvC,EAAM,YAAYC,EAAA,kBAD5BqC,EAK4Bd,EAAAgB,CAAA,GAAA;AAAA,kBAHxB,KAAI;AAAA,2BACA;AAAA,kBAAJ,KAAIxB;AAAA,kBACH,MAAMf,EAAA;AAAA,kBACN,MAAMA,EAAA;AAAA,gBAAA;;;;;;;MAM3BwB,EAgBO9B,EAAA,QAAA,UAAAkC,EAAAC,EAAA,EAAA,OAdO7B,EAAA,OAAK,QAAEA,EAAA,QAAM,IAAMwC,EAAAA,OAAO,IAAE,MAAQA,EAAAA,OAAO,UAFzD,MAgBO;AAAA,QAZUxC,EAAA,SAASA,EAAA,eADtBqC,EAYoBd,EAAAkB,CAAA,GAAA;AAAA;UAVf,IAAIzC,EAAA;AAAA,UAEJ,MAAMA,EAAA;AAAA,UACN,OAAOA,EAAA;AAAA,UACP,QAAQA,EAAA;AAAA,QAAA;UACT,SAAA0C,EAAA,CAIM,EARI,OAAAC,QAAK;AAAA,YAIf7C,EAIM,OAJN8C,IAIM;AAAA,kBADCD,CAAK,GAAA,CAAA;AAAA,8BAAG7C,EAAI,MAAA,MAAA,MAAA,EAAA;AAAA,YAAA;;;;;MAK3B0B,EAYO9B,EAAA,QAAA,YAAAkC,EAAAC,EAAA,EAAA,UAVO7B,EAAA,SAAA,CAAQ,CAAA,GAFtB,MAYO;AAAA,QATHmC,EAQsBZ,EAAAsB,CAAA,GAAA,EANjB,UAAU7C,EAAA,YAAQ;AAAA,UACnB,SAAA0C,EAAA,CAIM,EANI,UAAAI,QAAQ;AAAA,YAElBhD,EAIM,OAJNiD,IAIMtB,EADCqB,CAAQ,GAAA,CAAA;AAAA,UAAA;;;;MAKvBtB,EASO9B,EAAA,QAAA,QAAAkC,EAAAC,EAAA,EAAA,UAPO7B,EAAA,SAAA,CAAQ,CAAA,GAFtB,MASO;AAAA,QALOA,EAAA,iBADVH,EAKQ,SAAA;AAAA;mBAHA;AAAA,UAAJ,KAAIoB;AAAA,UACJ,OAAM;AAAA,QAAA,KACHjB,EAAA,QAAQ,GAAA,GAAA;;;;;","x_google_ignoreList":[0]}

package/dist/input-field.umd.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"input-field.umd.cjs","sources":["../../../node_modules/.pnpm/@heroicons+vue@2.2.0_vue@3.5.27_typescript@5.9.3_/node_modules/@heroicons/vue/24/outline/esm/XMarkIcon.js","../src/InputField.vue"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    \"stroke-width\": \"1.5\",\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"M6 18 18 6M6 6l12 12\"\n    })\n  ]))\n}","<script setup lang=\"ts\" generic=\"ModelValue, Value\">\nimport { XMarkIcon } from '@heroicons/vue/24/outline';\nimport { ActivityIndicator } from '@vue-interface/activity-indicator';\nimport type { FormControlEvents, FormControlProps, FormControlSlots } from '@vue-interface/form-control';\nimport { FormControlErrors, FormControlFeedback, useFormControl } from '@vue-interface/form-control';\nimport { InputHTMLAttributes, computed, useTemplateRef, ref } from 'vue';\n\nconst props = withDefaults(defineProps<InputFieldProps<ModelValue,Value>>(), {\n    formControlClass: 'form-control',\n    labelClass: 'form-label',\n    size: 'form-control-md',\n    clearable: false\n});\n\ndefineOptions({\n    inheritAttrs: false\n});\n\nconst input = ref<string>();\nconst model = defineModel<ModelValue>();\n\ndefineSlots<FormControlSlots<InputFieldControlSizePrefix,ModelValue>>();\n\nconst emit = defineEmits<FormControlEvents>();\n\nconst {\n    controlAttributes,\n    formGroupClasses,\n    listeners\n} = useFormControl<InputHTMLAttributes, InputFieldControlSizePrefix, ModelValue|undefined, Value>({ model, props, emit });\n\nconst isInteractive = computed(() => !props.disabled && !props.readonly);\n\nconst canClear = computed(() => {\n    return props.clearable && (!!input.value || !!model.value) && isInteractive.value;\n});\n\nfunction clear() {\n    if (!isInteractive.value) return;\n    model.value = undefined;\n}\n\nconst activity = useTemplateRef<InstanceType<typeof ActivityIndicator>>('activity');\nconst help = useTemplateRef<HTMLElement>('help');\nconst label = useTemplateRef<HTMLLabelElement>('label');\nconst field = useTemplateRef<HTMLInputElement>('field');\nconst wrapper = useTemplateRef<HTMLDivElement>('wrapper');\n\ndefineExpose({\n    activity,\n    help,\n    field,\n    label,\n    wrapper,\n    focus: () => field.value?.focus(),\n    blur: () => field.value?.blur(),\n})\n</script>\n\n<script lang=\"ts\">\nexport type InputFieldControlSizePrefix = 'form-control';\n\nexport type InputFieldProps<ModelValue, Value> = FormControlProps<\n    InputHTMLAttributes, \n    InputFieldControlSizePrefix, \n    ModelValue, \n    Value\n> & {\n    clearable?: boolean;\n}\n</script>\n\n<template>\n    <div\n        ref=\"wrapper\"\n        class=\"input-field\"\n        :class=\"[formGroupClasses, { 'has-clear-button': canClear }]\">\n        <slot name=\"label\">\n            <label\n                v-if=\"props.label\"\n                ref=\"label\"\n                :class=\"labelClass\"\n                :for=\"controlAttributes.id\">\n                {{ props.label }}\n            </label>\n        </slot>\n        \n        <div class=\"form-control-inner\">\n            <slot\n                name=\"control\"\n                v-bind=\"{ controlAttributes, listeners }\">\n                <div\n                    v-if=\"$slots.icon\"\n                    class=\"form-control-inner-icon\"\n                    @click=\"field?.focus()\">\n                    <slot name=\"icon\" />\n                </div>\n                <input\n                    ref=\"field\"\n                    v-model=\"model\"\n                    v-bind=\"{...controlAttributes, ...listeners}\">\n            </slot>\n            \n            <div class=\"form-control-activity-indicator\">\n                <slot name=\"activity\" v-bind=\"{ canClear, clear, isInteractive }\">\n                    <button\n                        v-if=\"canClear\"\n                        type=\"button\"\n                        class=\"input-field-close-button\"\n                        @click.stop=\"clear\">\n                        <XMarkIcon class=\"size-[1.25em]\" />\n                    </button>\n                    <Transition name=\"input-field-fade\" v-else>\n                        <ActivityIndicator\n                            v-if=\"props.activity && indicator\"\n                            key=\"activity\"\n                            ref=\"activity\"\n                            :type=\"indicator\"\n                            :size=\"indicatorSize\" />\n                    </Transition>\n                </slot>\n            </div>\n        </div>\n\n        <slot\n            name=\"errors\"\n            v-bind=\"{ error, errors, id: $attrs.id, name: $attrs.name }\">  \n            <FormControlErrors\n                v-if=\"!!(error || errors)\"\n                :id=\"id\"\n                v-slot=\"{ error }\"\n                :name=\"name\"\n                :error=\"error\"\n                :errors=\"errors\">\n                <div\n                    invalid\n                    class=\"invalid-feedback\">\n                    {{ error }}<br>\n                </div>\n            </FormControlErrors>\n        </slot>\n        \n        <slot\n            name=\"feedback\"\n            v-bind=\"{ feedback }\">\n            <FormControlFeedback\n                v-slot=\"{ feedback }\"\n                :feedback=\"feedback\">\n                <div\n                    valid\n                    class=\"valid-feedback\">\n                    {{ feedback }}\n                </div>\n            </FormControlFeedback>\n        </slot>\n\n        <slot\n            name=\"help\"\n            v-bind=\"{ helpText }\">\n            <small\n                v-if=\"helpText\"\n                ref=\"help\"\n                class=\"form-help\">\n                {{ helpText }}\n            </small>\n        </slot>\n    </div>\n</template>"],"names":["render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","props","__props","input","ref","model","_useModel","emit","__emit","controlAttributes","formGroupClasses","listeners","useFormControl","isInteractive","computed","canClear","clear","activity","useTemplateRef","help","label","field","wrapper","__expose","_normalizeClass","_unref","_renderSlot","_toDisplayString","_hoisted_1","_hoisted_2","_normalizeProps","_guardReactiveProps","$slots","$event","_withDirectives","_mergeProps","_hoisted_3","_createVNode","XMarkIcon","_createBlock","_Transition","ActivityIndicator","$attrs","FormControlErrors","_withCtx","error","_hoisted_4","FormControlFeedback","feedback","_hoisted_5"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"input-field.umd.cjs","sources":["../../../node_modules/.pnpm/@heroicons+vue@2.2.0_vue@3.5.27_typescript@5.9.3_/node_modules/@heroicons/vue/24/outline/esm/XMarkIcon.js","../src/InputField.vue"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    \"stroke-width\": \"1.5\",\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"M6 18 18 6M6 6l12 12\"\n    })\n  ]))\n}","<script setup lang=\"ts\" generic=\"ModelValue, Value\">\nimport { XMarkIcon } from '@heroicons/vue/24/outline';\nimport { ActivityIndicator } from '@vue-interface/activity-indicator';\nimport type { FormControlEvents, FormControlProps, FormControlSlots } from '@vue-interface/form-control';\nimport { FormControlErrors, FormControlFeedback, useFormControl } from '@vue-interface/form-control';\nimport { type HTMLAttributes, computed, useTemplateRef, ref } from 'vue';\n\nconst props = withDefaults(defineProps<InputFieldProps<ModelValue,Value>>(), {\n    formControlClass: 'form-control',\n    labelClass: 'form-label',\n    size: 'form-control-md',\n    clearable: false\n});\n\ndefineOptions({\n    inheritAttrs: false\n});\n\nconst input = ref<string>();\nconst model = defineModel<ModelValue>();\n\ndefineSlots<FormControlSlots<InputFieldControlSizePrefix,ModelValue>>();\n\nconst emit = defineEmits<FormControlEvents>();\n\nconst {\n    controlAttributes,\n    formGroupClasses,\n    listeners\n} = useFormControl<HTMLAttributes, InputFieldControlSizePrefix, ModelValue|undefined, Value>({ model, props, emit });\n\nconst isInteractive = computed(() => !props.disabled && !props.readonly);\n\nconst canClear = computed(() => {\n    return props.clearable && (!!input.value || !!model.value) && isInteractive.value;\n});\n\nfunction clear() {\n    if (!isInteractive.value) return;\n    model.value = undefined;\n}\n\nconst activity = useTemplateRef<InstanceType<typeof ActivityIndicator>>('activity');\nconst help = useTemplateRef<HTMLElement>('help');\nconst label = useTemplateRef<HTMLLabelElement>('label');\nconst field = useTemplateRef<HTMLInputElement>('field');\nconst wrapper = useTemplateRef<HTMLDivElement>('wrapper');\n\ndefineExpose({\n    activity,\n    help,\n    field,\n    label,\n    wrapper,\n    focus: () => field.value?.focus(),\n    blur: () => field.value?.blur(),\n})\n</script>\n\n<script lang=\"ts\">\nexport type InputFieldControlSizePrefix = 'form-control';\n\nexport type InputFieldProps<ModelValue, Value> = FormControlProps<\n    HTMLAttributes,\n    InputFieldControlSizePrefix,\n    ModelValue,\n    Value\n> & {\n    clearable?: boolean;\n}\n</script>\n\n<template>\n    <div\n        ref=\"wrapper\"\n        class=\"input-field\"\n        :class=\"[formGroupClasses, { 'has-clear-button': canClear }]\">\n        <slot name=\"label\">\n            <label\n                v-if=\"props.label\"\n                ref=\"label\"\n                :class=\"labelClass\"\n                :for=\"controlAttributes.id\">\n                {{ props.label }}\n            </label>\n        </slot>\n        \n        <div class=\"form-control-inner\">\n            <slot\n                name=\"control\"\n                v-bind=\"{ controlAttributes, listeners }\">\n                <div\n                    v-if=\"$slots.icon\"\n                    class=\"form-control-inner-icon\"\n                    @click=\"field?.focus()\">\n                    <slot name=\"icon\" />\n                </div>\n                <input\n                    ref=\"field\"\n                    v-model=\"model\"\n                    v-bind=\"{...controlAttributes, ...listeners}\">\n            </slot>\n            \n            <div class=\"form-control-activity-indicator\">\n                <slot name=\"activity\" v-bind=\"{ canClear, clear, isInteractive }\">\n                    <button\n                        v-if=\"canClear\"\n                        type=\"button\"\n                        class=\"input-field-close-button\"\n                        @click.stop=\"clear\">\n                        <XMarkIcon class=\"size-[1.25em]\" />\n                    </button>\n                    <Transition name=\"input-field-fade\" v-else>\n                        <ActivityIndicator\n                            v-if=\"props.activity && indicator\"\n                            key=\"activity\"\n                            ref=\"activity\"\n                            :type=\"indicator\"\n                            :size=\"indicatorSize\" />\n                    </Transition>\n                </slot>\n            </div>\n        </div>\n\n        <slot\n            name=\"errors\"\n            v-bind=\"{ error, errors, id: $attrs.id, name: $attrs.name }\">  \n            <FormControlErrors\n                v-if=\"!!(error || errors)\"\n                :id=\"id\"\n                v-slot=\"{ error }\"\n                :name=\"name\"\n                :error=\"error\"\n                :errors=\"errors\">\n                <div\n                    invalid\n                    class=\"invalid-feedback\">\n                    {{ error }}<br>\n                </div>\n            </FormControlErrors>\n        </slot>\n        \n        <slot\n            name=\"feedback\"\n            v-bind=\"{ feedback }\">\n            <FormControlFeedback\n                v-slot=\"{ feedback }\"\n                :feedback=\"feedback\">\n                <div\n                    valid\n                    class=\"valid-feedback\">\n                    {{ feedback }}\n                </div>\n            </FormControlFeedback>\n        </slot>\n\n        <slot\n            name=\"help\"\n            v-bind=\"{ helpText }\">\n            <small\n                v-if=\"helpText\"\n                ref=\"help\"\n                class=\"form-help\">\n                {{ helpText }}\n            </small>\n        </slot>\n    </div>\n</template>"],"names":["render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","props","__props","input","ref","model","_useModel","emit","__emit","controlAttributes","formGroupClasses","listeners","useFormControl","isInteractive","computed","canClear","clear","activity","useTemplateRef","help","label","field","wrapper","__expose","_normalizeClass","_unref","_renderSlot","_toDisplayString","_hoisted_1","_hoisted_2","_normalizeProps","_guardReactiveProps","$slots","$event","_withDirectives","_mergeProps","_hoisted_3","_createVNode","XMarkIcon","_createBlock","_Transition","ActivityIndicator","$attrs","FormControlErrors","_withCtx","error","_hoisted_4","FormControlFeedback","feedback","_hoisted_5"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/src/InputField.vue.d.ts

@@ -1,7 +1,7 @@
 import { FormControlProps, FormControlSlots } from '@vue-interface/form-control';
-import { InputHTMLAttributes } from 'vue';
+import { HTMLAttributes } from 'vue';
 export type InputFieldControlSizePrefix = 'form-control';
-export type InputFieldProps<ModelValue, Value> = FormControlProps<InputHTMLAttributes, InputFieldControlSizePrefix, ModelValue, Value> & {
+export type InputFieldProps<ModelValue, Value> = FormControlProps<HTMLAttributes, InputFieldControlSizePrefix, ModelValue, Value> & {
     clearable?: boolean;
 };
 declare const _default: <ModelValue, Value>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
@@ -65,7 +65,7 @@ declare const _default: <ModelValue, Value>(__VLS_props: NonNullable<Awaited<typ
         readonly?: boolean;
         valid?: boolean;
         value?: Value | undefined;
-    } & Omit<InputHTMLAttributes, "size"> & {
+    } & Omit<HTMLAttributes, "size"> & {
         clearable?: boolean;
     }) & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue-interface/input-field",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "description": "A Vue input field component.",
   "type": "module",
   "main": "./dist/input-field.umd.cjs",
@@ -46,7 +46,7 @@
   "peerDependencies": {
     "vue": "^3.3.4",
     "@vue-interface/activity-indicator": "3.0.8",
-    "@vue-interface/form-control": "2.0.21"
+    "@vue-interface/form-control": "2.0.23"
   },
   "scripts": {
     "dev": "vite",

package/src/InputField.vue

@@ -3,7 +3,7 @@ import { XMarkIcon } from '@heroicons/vue/24/outline';
 import { ActivityIndicator } from '@vue-interface/activity-indicator';
 import type { FormControlEvents, FormControlProps, FormControlSlots } from '@vue-interface/form-control';
 import { FormControlErrors, FormControlFeedback, useFormControl } from '@vue-interface/form-control';
-import { InputHTMLAttributes, computed, useTemplateRef, ref } from 'vue';
+import { type HTMLAttributes, computed, useTemplateRef, ref } from 'vue';
 
 const props = withDefaults(defineProps<InputFieldProps<ModelValue,Value>>(), {
     formControlClass: 'form-control',
@@ -27,7 +27,7 @@ const {
     controlAttributes,
     formGroupClasses,
     listeners
-} = useFormControl<InputHTMLAttributes, InputFieldControlSizePrefix, ModelValue|undefined, Value>({ model, props, emit });
+} = useFormControl<HTMLAttributes, InputFieldControlSizePrefix, ModelValue|undefined, Value>({ model, props, emit });
 
 const isInteractive = computed(() => !props.disabled && !props.readonly);
 
@@ -61,9 +61,9 @@ defineExpose({
 export type InputFieldControlSizePrefix = 'form-control';
 
 export type InputFieldProps<ModelValue, Value> = FormControlProps<
-    InputHTMLAttributes, 
-    InputFieldControlSizePrefix, 
-    ModelValue, 
+    HTMLAttributes,
+    InputFieldControlSizePrefix,
+    ModelValue,
     Value
 > & {
     clearable?: boolean;