{"version":3,"file":"textBox.obs.js","sources":["../../../Framework/Controls/textBox.obs"],"sourcesContent":["<!-- Copyright by the Spark Development Network; Licensed under the Rock Community License -->\n<template>\n    <RockFormField v-model=\"internalValue\"\n                   name=\"textbox\"\n                   v-bind=\"fieldProps\"\n                   :rules=\"augmentedRules\"\n                   :formGroupClasses=\"'rock-text-box ' + formGroupClasses\">\n        <template #pre>\n            <em v-if=\"showCountDown\" class=\"pull-right badge\" :class=\"countdownClass\">\n                {{ charsRemaining }}\n            </em>\n        </template>\n        <template #default=\"{ uniqueId, field }\">\n            <div class=\"control-wrapper\">\n                <slot name=\"prepend\" :isInputGroupSupported=\"true\" />\n                <div :class=\"controlContainerClass\">\n                    <slot name=\"inputGroupPrepend\" :isInputGroupSupported=\"true\" />\n\n                    <textarea v-if=\"isTextarea\"\n                              :value=\"internalValue\"\n                              :rows=\"rows\"\n                              cols=\"20\"\n                              :maxlength=\"maxLength\"\n                              :id=\"uniqueId\"\n                              class=\"form-control\"\n                              v-bind=\"field\"\n                              @input=\"onInput\"\n                              @change=\"onChange\"></textarea>\n\n                    <input v-else :value=\"internalValue\"\n                           :id=\"uniqueId\"\n                           :type=\"type\"\n                           :class=\"formControlClass\"\n                           v-bind=\"field\"\n                           :maxlength=\"maxLength\"\n                           :placeholder=\"placeholder\"\n                           @input=\"onInput\"\n                           @change=\"onChange\" />\n                    <slot name=\"inputGroupAppend\" :isInputGroupSupported=\"true\" />\n                </div>\n                <slot name=\"append\" :isInputGroupSupported=\"true\" />\n            </div>\n        </template>\n    </RockFormField>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, ref, useSlots, watch } from \"vue\";\n    import { PropType } from \"vue\";\n    import RockFormField from \"./rockFormField.obs\";\n    import { standardRockFormFieldProps, useStandardRockFormFieldProps } from \"@Obsidian/Utility/component\";\n    import type { ValidationRule } from \"@Obsidian/Types/validationRules\";\n    import { normalizeRules } from \"@Obsidian/ValidationRules\";\n\n    const props = defineProps({\n        modelValue: {\n            type: String as PropType<string>,\n            required: true\n        },\n        /** Internal use to track what modifier flags were applied to modelValue. */\n        modelModifiers: {\n            type: Object as PropType<Record<string, boolean>>,\n            default: () => ({})\n        },\n        type: {\n            type: String as PropType<string>,\n            default: \"text\"\n        },\n        maxLength: {\n            type: Number as PropType<number>,\n            default: 524288\n        },\n        showCountDown: {\n            type: Boolean as PropType<boolean>,\n            default: false\n        },\n        placeholder: {\n            type: String as PropType<string>,\n            default: \"\"\n        },\n        inputClasses: {\n            type: String as PropType<string>,\n            default: \"\"\n        },\n        inputGroupClasses: {\n            type: String as PropType<string>,\n            default: \"\"\n        },\n        rows: {\n            type: Number as PropType<number>,\n            default: 3\n        },\n        textMode: {\n            type: String as PropType<string>,\n            default: \"\"\n        },\n        size: {\n            type: String as PropType<\"small\" | \"medium\" | \"large\">,\n            default: \"medium\"\n        },\n        allowHtml: {\n            type: Boolean as PropType<boolean>,\n            default: false\n        },\n        ...standardRockFormFieldProps\n    });\n\n    const emit = defineEmits<{\n        (e: \"update:modelValue\", value: string): void;\n    }>();\n\n    const slots = useSlots();\n\n    const internalValue = ref(props.modelValue);\n    const fieldProps = useStandardRockFormFieldProps(props);\n\n    const isTextarea = computed((): boolean => {\n        return props.textMode?.toLowerCase() === \"multiline\";\n    });\n\n    const charsRemaining = computed((): number => {\n        return props.maxLength - internalValue.value.length;\n    });\n\n    const countdownClass = computed((): string => {\n        if (charsRemaining.value >= 10) {\n            return \"badge-default\";\n        }\n\n        if (charsRemaining.value >= 0) {\n            return \"badge-warning\";\n        }\n\n        return \"badge-danger\";\n    });\n\n    const isInputGroup = computed((): boolean => {\n        return !!slots.inputGroupPrepend || !!slots.inputGroupAppend;\n    });\n\n    const controlContainerClass = computed((): Record<string, boolean> => {\n        return {\n            \"input-group col-xs-12\": isInputGroup.value,\n            [props.inputGroupClasses]: isInputGroup.value,\n            \"input-group-sm\": isInputGroup.value && props.size == \"small\",\n            \"input-group-lg\": isInputGroup.value && props.size == \"large\"\n        };\n    });\n\n    const formControlClass = computed((): Record<string, boolean> => {\n        return {\n            \"form-control\": true,\n            [props.inputClasses]: true,\n            \"input-sm\": props.size == \"small\",\n            \"input-lg\": props.size == \"large\"\n        };\n    });\n\n    const augmentedRules = computed((): ValidationRule[] => {\n        const rules = normalizeRules(props.rules);\n\n        if (!props.allowHtml) {\n            rules.push(\"nohtml\");\n        }\n\n        return rules;\n    });\n\n    /**\n     * Event handler for the input field having any modification to the value\n     * happen. This is basically called on every key press.\n     *\n     * @param e The object that describes the event.\n     */\n    function onInput(e: Event): void {\n        if (e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement) {\n            internalValue.value = e.target.value;\n        }\n\n        // Lazy models do not get every single key press.\n        if (!props.modelModifiers.lazy) {\n            emit(\"update:modelValue\", internalValue.value);\n        }\n    }\n\n    /**\n     * Event handler for the input field when the changed value is \"committed\".\n     * This is basically called when the focus leaves the input field.\n     *\n     * @param e The object that describes the event.\n     */\n    function onChange(e: Event): void {\n        if (e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement) {\n            internalValue.value = e.target.value;\n        }\n\n        // Only send the update if we didn't send it in the onInput handler.\n        if (props.modelModifiers.lazy) {\n            emit(\"update:modelValue\", internalValue.value);\n        }\n    }\n\n    watch(() => props.modelValue, () => {\n        internalValue.value = props.modelValue;\n    });\n</script>\n"],"names":["slots","useSlots","internalValue","ref","props","modelValue","fieldProps","useStandardRockFormFieldProps","isTextarea","computed","_props$textMode","textMode","toLowerCase","charsRemaining","maxLength","value","length","countdownClass","isInputGroup","inputGroupPrepend","inputGroupAppend","controlContainerClass","inputGroupClasses","size","formControlClass","inputClasses","augmentedRules","rules","normalizeRules","allowHtml","push","onInput","e","target","HTMLInputElement","HTMLTextAreaElement","modelModifiers","lazy","emit","onChange","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UA+GI,IAAMA,KAAK,GAAGC,QAAQ,EAAE,CAAA;MAExB,IAAA,IAAMC,aAAa,GAAGC,GAAG,CAACC,KAAK,CAACC,UAAU,CAAC,CAAA;MAC3C,IAAA,IAAMC,UAAU,GAAGC,6BAA6B,CAACH,KAAK,CAAC,CAAA;MAEvD,IAAA,IAAMI,UAAU,GAAGC,QAAQ,CAAC,MAAe;MAAA,MAAA,IAAAC,eAAA,CAAA;MACvC,MAAA,OAAO,CAAAA,CAAAA,eAAA,GAAAN,KAAK,CAACO,QAAQ,MAAA,IAAA,IAAAD,eAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAdA,eAAA,CAAgBE,WAAW,EAAE,MAAK,WAAW,CAAA;MACxD,KAAC,CAAC,CAAA;MAEF,IAAA,IAAMC,cAAc,GAAGJ,QAAQ,CAAC,MAAc;YAC1C,OAAOL,KAAK,CAACU,SAAS,GAAGZ,aAAa,CAACa,KAAK,CAACC,MAAM,CAAA;MACvD,KAAC,CAAC,CAAA;MAEF,IAAA,IAAMC,cAAc,GAAGR,QAAQ,CAAC,MAAc;MAC1C,MAAA,IAAII,cAAc,CAACE,KAAK,IAAI,EAAE,EAAE;MAC5B,QAAA,OAAO,eAAe,CAAA;MAC1B,OAAA;MAEA,MAAA,IAAIF,cAAc,CAACE,KAAK,IAAI,CAAC,EAAE;MAC3B,QAAA,OAAO,eAAe,CAAA;MAC1B,OAAA;MAEA,MAAA,OAAO,cAAc,CAAA;MACzB,KAAC,CAAC,CAAA;MAEF,IAAA,IAAMG,YAAY,GAAGT,QAAQ,CAAC,MAAe;YACzC,OAAO,CAAC,CAACT,KAAK,CAACmB,iBAAiB,IAAI,CAAC,CAACnB,KAAK,CAACoB,gBAAgB,CAAA;MAChE,KAAC,CAAC,CAAA;MAEF,IAAA,IAAMC,qBAAqB,GAAGZ,QAAQ,CAAC,MAA+B;YAClE,OAAO;cACH,uBAAuB,EAAES,YAAY,CAACH,KAAK;MAC3C,QAAA,CAACX,KAAK,CAACkB,iBAAiB,GAAGJ,YAAY,CAACH,KAAK;cAC7C,gBAAgB,EAAEG,YAAY,CAACH,KAAK,IAAIX,KAAK,CAACmB,IAAI,IAAI,OAAO;cAC7D,gBAAgB,EAAEL,YAAY,CAACH,KAAK,IAAIX,KAAK,CAACmB,IAAI,IAAI,OAAA;aACzD,CAAA;MACL,KAAC,CAAC,CAAA;MAEF,IAAA,IAAMC,gBAAgB,GAAGf,QAAQ,CAAC,MAA+B;YAC7D,OAAO;MACH,QAAA,cAAc,EAAE,IAAI;MACpB,QAAA,CAACL,KAAK,CAACqB,YAAY,GAAG,IAAI;MAC1B,QAAA,UAAU,EAAErB,KAAK,CAACmB,IAAI,IAAI,OAAO;MACjC,QAAA,UAAU,EAAEnB,KAAK,CAACmB,IAAI,IAAI,OAAA;aAC7B,CAAA;MACL,KAAC,CAAC,CAAA;MAEF,IAAA,IAAMG,cAAc,GAAGjB,QAAQ,CAAC,MAAwB;MACpD,MAAA,IAAMkB,KAAK,GAAGC,cAAc,CAACxB,KAAK,CAACuB,KAAK,CAAC,CAAA;MAEzC,MAAA,IAAI,CAACvB,KAAK,CAACyB,SAAS,EAAE;MAClBF,QAAAA,KAAK,CAACG,IAAI,CAAC,QAAQ,CAAC,CAAA;MACxB,OAAA;MAEA,MAAA,OAAOH,KAAK,CAAA;MAChB,KAAC,CAAC,CAAA;UAQF,SAASI,OAAOA,CAACC,CAAQ,EAAQ;YAC7B,IAAIA,CAAC,CAACC,MAAM,YAAYC,gBAAgB,IAAIF,CAAC,CAACC,MAAM,YAAYE,mBAAmB,EAAE;MACjFjC,QAAAA,aAAa,CAACa,KAAK,GAAGiB,CAAC,CAACC,MAAM,CAAClB,KAAK,CAAA;MACxC,OAAA;MAGA,MAAA,IAAI,CAACX,KAAK,CAACgC,cAAc,CAACC,IAAI,EAAE;MAC5BC,QAAAA,IAAI,CAAC,mBAAmB,EAAEpC,aAAa,CAACa,KAAK,CAAC,CAAA;MAClD,OAAA;MACJ,KAAA;UAQA,SAASwB,QAAQA,CAACP,CAAQ,EAAQ;YAC9B,IAAIA,CAAC,CAACC,MAAM,YAAYC,gBAAgB,IAAIF,CAAC,CAACC,MAAM,YAAYE,mBAAmB,EAAE;MACjFjC,QAAAA,aAAa,CAACa,KAAK,GAAGiB,CAAC,CAACC,MAAM,CAAClB,KAAK,CAAA;MACxC,OAAA;MAGA,MAAA,IAAIX,KAAK,CAACgC,cAAc,CAACC,IAAI,EAAE;MAC3BC,QAAAA,IAAI,CAAC,mBAAmB,EAAEpC,aAAa,CAACa,KAAK,CAAC,CAAA;MAClD,OAAA;MACJ,KAAA;MAEAyB,IAAAA,KAAK,CAAC,MAAMpC,KAAK,CAACC,UAAU,EAAE,MAAM;MAChCH,MAAAA,aAAa,CAACa,KAAK,GAAGX,KAAK,CAACC,UAAU,CAAA;MAC1C,KAAC,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}