fonteva-design-guide/force-app/main/default/lwc/pfmInput/pfmInput.html

## Dev, Build and Test

<template>
    <template if:true={isLightningInput}>
        <template if:false={isCheckbox}>
            <c-pfm-help-text
                    content={helpText}
                    label={label}
                    backend={backend}
                    required={required}
                    align={align}
                    label-hidden={labelHidden}
                    data-name={QA_name_Label}
                    data-label={QA_label}
            >
            </c-pfm-help-text>
        </template>
        <lightning-input
                type={type}
                value={_localValue}
                checked={_localValue}
                readonly={readOnly}
                disabled={disabled}
                label={label}
                name={name}
                formatter={format}
                variant="label-hidden"
                message-when-value-missing={errorMessage}
                tabindex={tabIndex}
                required={required}
                min={min}
                max={max}
                step={step}
                onchange={valueChangedEvent}
                onblur={handleBlurEvent}
                data-name={QA_name_Input}
                data-label={QA_label}
        >
        </lightning-input>
    </template>
    <template if:true={isCheckbox}>
        <lightning-input
                type={type}
                value={_localValue}
                checked={_localValue}
                readonly={readOnly}
                disabled={disabled}
                label={label}
                variant={variant}
                message-when-value-missing={errorMessage}
                formatter={format}
                tabindex={tabIndex}
                required={required}
                field-level-help={helpText}
                onchange={valueChangedEvent}
                data-name={QA_name_Input}
                data-label={QA_label}
        >
        </lightning-input>
    </template>
    <template if:true={isRichText}>
        <c-pfm-text type="label" data-name={QA_name_Label} if:true={hasLabel}>{label}</c-pfm-text>
        <lightning-input-rich-text
                label={label}
                data-name={QA_name_Input}
                data-label={QA_label}
                value={_localValue}
                tabindex={tabIndex}
                onchange={valueChangedEvent}
        >
        </lightning-input-rich-text>
    </template>
    <template if:true={isPicklist}>
        <c-pfm-help-text
                content={helpText}
                label={label}
                backend={backend}
                label-hidden={labelHidden}
                required={required}
                data-name={QA_name_Label}
                data-label={QA_label}
        >
        </c-pfm-help-text>
        <c-pfm-input-picklist
                tab-index={tabIndex}
                required={required}
                other-attributes={otherAttributes}
                name={name}
                object-name={objectName}
                field={field}
                label={label}
                val={_localValue}
                disabled={disabled}
                options={localOptions}
                onvaluechanged={valueChangedEvent}
                labels={labels}
                data-name={QA_name_Input}
                data-label={QA_label}
        >
            <span if:true={customErrorMessage} slot="error">
                {customErrorMessage}
            </span>
        </c-pfm-input-picklist>
    </template>
    <!--	<template if:true={isFileUpload}>-->
    <!--		<c-pfm-help-text-->
    <!--				content={helpText}-->
    <!--				label={label}-->
    <!--				if:true={hasLabel}-->
    <!--				required={required}>-->
    <!--		</c-pfm-help-text>-->
    <!--		<c-pfm-input-file-->
    <!--				name={name}-->
    <!--				val={_localValue}-->
    <!--				tabindex={tabIndex}-->
    <!--				required={required}-->
    <!--				onchange={valueChangedEvent}-->
    <!--				other-attributes={otherAttributes}>-->
    <!--		</c-pfm-input-file>-->
    <!--	</template>-->
    <template if:true={isTextArea}>
        <c-pfm-text type="label" data-name={QA_name_Label} if:true={hasLabel}>{label}</c-pfm-text>
        <lightning-textarea
                name={name}
                required={required}
                value={_localValue}
                readonly={readOnly}
                tabindex={tabIndex}
                field-level-help={helpText}
                label={label}
                variant="label-hidden"
                message-when-value-missing="A value is required"
                onchange={valueChangedEvent}
                data-name={QA_name_Input}
                data-label={QA_label}
        >
        </lightning-textarea>
    </template>
    <template if:true={isMultiPicklist}>
        <lightning-dual-listbox
                name={name}
                disable-reordering={otherAttributes.disableReordering}
                required-options={otherAttributes.requiredOptions}
                label={label}
                tabindex={tabIndex}
                field-level-help={helpText}
                required={required}
                source-label={otherAttributes.availableLabel}
                selected-label={otherAttributes.selectedLabel}
                options={localOptions}
                value={_localValue}
                onchange={valueChangedEvent}
                data-name={QA_name_Input}
                data-label={QA_label}
        >
        </lightning-dual-listbox>
    </template>
    <template if:true={isRadio}>
        <lightning-radio-group
                name={name}
                label={label}
                options={localOptions}
                value={_localValue}
                required={required}
                disabled={disable}
                type={otherAttributes.radioType}
                onchange={valueChangedEvent}
                data-name={QA_name_Input}
                data-label={QA_label}
        >
        </lightning-radio-group>
    </template>
    <template if:true={isAddress}>
        <c-pfm-input-address
                tab-index={tabIndex}
                required={required}
                other-attributes={otherAttributes}
                name={name}
                label={label}
                val={_localValue}
                onvaluechanged={valueChangedEvent}
                labels={labels}
                backend={backend}
                data-name={QA_name_Input}
                data-label={QA_label}
        ></c-pfm-input-address>
    </template>
    <template if:true={isDate}>
        <c-pfm-help-text
                content={helpText}
                label={label}
                backend={backend}
                label-hidden={labelHidden}
                required={required}
                data-name={QA_name_Label}
                data-label={QA_label}
        >
        </c-pfm-help-text>
        <c-pfm-input-date
                min-year={minYear}
                max-year={maxYear}
                value={_localValue}
                locale={locale}
                delimiter={delimiter}
                ondatechange={handleDateChange}
                data-name={QA_name_Input}
                data-label={QA_label}
        ></c-pfm-input-date>
    </template>
</template>