{"version":3,"file":"textFieldComponents.js","sources":["../../../Framework/FieldTypes/textFieldComponents.ts"],"sourcesContent":["// <copyright>\r\n// Copyright by the Spark Development Network\r\n//\r\n// Licensed under the Rock Community License (the \"License\");\r\n// you may not use this file except in compliance with the License.\r\n// You may obtain a copy of the License at\r\n//\r\n// http://www.rockrms.com/license\r\n//\r\n// Unless required by applicable law or agreed to in writing, software\r\n// distributed under the License is distributed on an \"AS IS\" BASIS,\r\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n// See the License for the specific language governing permissions and\r\n// limitations under the License.\r\n// </copyright>\r\n//\r\nimport { computed, defineComponent, ref, watch } from \"vue\";\r\nimport { getFieldConfigurationProps, getFieldEditorProps } from \"./utils\";\r\nimport TextBox from \"@Obsidian/Controls/textBox.obs\";\r\nimport CheckBox from \"@Obsidian/Controls/checkBox.obs\";\r\nimport NumberBox from \"@Obsidian/Controls/numberBox.obs\";\r\nimport { asBoolean, asBooleanOrNull, asTrueFalseOrNull } from \"@Obsidian/Utility/booleanUtils\";\r\nimport { toNumberOrNull } from \"@Obsidian/Utility/numberUtils\";\r\n\r\n// We can't import the ConfigurationValueKey from textField.partial.ts\r\n// because it causes a recursive import back to this file by way of\r\n// the fieldType.ts import in textField.partial.ts.\r\nexport const enum ConfigurationValueKey {\r\n    /** Contains \"True\" if the text field is designed for password entry. */\r\n    IsPassword = \"ispassword\",\r\n\r\n    /** The maximum number of characters allowed in the text entry field. */\r\n    MaxCharacters = \"maxcharacters\",\r\n\r\n    /** Contains \"True\" if the text field should show the character countdown. */\r\n    ShowCountdown = \"showcountdown\"\r\n}\r\n\r\nexport const EditComponent = defineComponent({\r\n    name: \"TextField.Edit\",\r\n\r\n    components: {\r\n        TextBox\r\n    },\r\n\r\n    props: getFieldEditorProps(),\r\n\r\n    setup(props, { emit }) {\r\n        // The internal value used by the text editor.\r\n        const internalValue = ref(\"\");\r\n\r\n        // Configuration attributes passed to the text editor.\r\n        const configAttributes = computed((): Record<string, number | boolean> => {\r\n            const attributes: Record<string, number | boolean> = {};\r\n\r\n            const maxCharsConfig = props.configurationValues[ConfigurationValueKey.MaxCharacters];\r\n            if (maxCharsConfig) {\r\n                const maxCharsValue = Number(maxCharsConfig);\r\n\r\n                if (maxCharsValue) {\r\n                    attributes.maxLength = maxCharsValue;\r\n                }\r\n            }\r\n\r\n            const showCountDownConfig = props.configurationValues[ConfigurationValueKey.ShowCountdown];\r\n            if (showCountDownConfig && showCountDownConfig) {\r\n                const showCountDownValue = asBooleanOrNull(showCountDownConfig) || false;\r\n\r\n                if (showCountDownValue) {\r\n                    attributes.showCountDown = showCountDownValue;\r\n                }\r\n            }\r\n\r\n            return attributes;\r\n        });\r\n\r\n        // The type of text input field to use on the text editor.\r\n        const textType = computed((): string => {\r\n            const isPasswordConfig = props.configurationValues[ConfigurationValueKey.IsPassword];\r\n            const isPassword = asBooleanOrNull(isPasswordConfig) ?? false;\r\n\r\n            return isPassword ? \"password\" : \"\";\r\n\r\n        });\r\n\r\n        // Watch for changes from the parent component and update the text editor.\r\n        watch(() => props.modelValue, () => {\r\n            internalValue.value = props.modelValue;\r\n        }, {\r\n            immediate: true\r\n        });\r\n\r\n        // Watch for changes from the text editor and update the parent component.\r\n        watch(internalValue, () => {\r\n            emit(\"update:modelValue\", internalValue.value);\r\n        });\r\n\r\n        return {\r\n            configAttributes,\r\n            internalValue,\r\n            textType\r\n        };\r\n    },\r\n\r\n    template: `\r\n<TextBox v-model=\"internalValue\" v-bind=\"configAttributes\" :type=\"textType\" />\r\n`\r\n});\r\n\r\nexport const ConfigurationComponent = defineComponent({\r\n    name: \"TextField.Configuration\",\r\n\r\n    components: {\r\n        CheckBox,\r\n        NumberBox\r\n    },\r\n\r\n    props: getFieldConfigurationProps(),\r\n\r\n    emits: [\"update:modelValue\", \"updateConfiguration\", \"updateConfigurationValue\" ],\r\n\r\n    setup(props, { emit }) {\r\n        // Define the properties that will hold the current selections.\r\n        const passwordField = ref(false);\r\n        const maxCharacters = ref<number | null>(null);\r\n        const showCountdown = ref(false);\r\n\r\n        /**\r\n         * Update the modelValue property if any value of the dictionary has\r\n         * actually changed. This helps prevent unwanted postbacks if the value\r\n         * didn't really change - which can happen if multiple values get updated\r\n         * at the same time.\r\n         *\r\n         * @returns true if a new modelValue was emitted to the parent component.\r\n         */\r\n        const maybeUpdateModelValue = (): boolean => {\r\n            const newValue: Record<string, string> = {};\r\n\r\n            // Construct the new value that will be emitted if it is different\r\n            // than the current value.\r\n            newValue[ConfigurationValueKey.IsPassword] = asTrueFalseOrNull(passwordField.value) ?? \"False\";\r\n            newValue[ConfigurationValueKey.MaxCharacters] = maxCharacters.value?.toString() ?? \"\";\r\n            newValue[ConfigurationValueKey.ShowCountdown] = asTrueFalseOrNull(showCountdown.value) ?? \"False\";\r\n\r\n            // Compare the new value and the old value.\r\n            const anyValueChanged = newValue[ConfigurationValueKey.IsPassword] !== (props.modelValue[ConfigurationValueKey.IsPassword] ?? \"False\")\r\n                || newValue[ConfigurationValueKey.MaxCharacters] !== (props.modelValue[ConfigurationValueKey.MaxCharacters] ?? \"\")\r\n                || newValue[ConfigurationValueKey.ShowCountdown] !== (props.modelValue[ConfigurationValueKey.ShowCountdown] ?? \"False\");\r\n\r\n            // If any value changed then emit the new model value.\r\n            if (anyValueChanged) {\r\n                emit(\"update:modelValue\", newValue);\r\n                return true;\r\n            }\r\n            else {\r\n                return false;\r\n            }\r\n        };\r\n\r\n        /**\r\n         * Emits the updateConfigurationValue if the value has actually changed.\r\n         *\r\n         * @param key The key that was possibly modified.\r\n         * @param value The new value.\r\n         */\r\n        const maybeUpdateConfiguration = (key: string, value: string): void => {\r\n            if (maybeUpdateModelValue()) {\r\n                emit(\"updateConfigurationValue\", key, value);\r\n            }\r\n        };\r\n\r\n        // Watch for changes coming in from the parent component and update our\r\n        // data to match the new information.\r\n        watch(() => [props.modelValue, props.configurationProperties], () => {\r\n            passwordField.value = asBoolean(props.modelValue[ConfigurationValueKey.IsPassword]);\r\n            maxCharacters.value = toNumberOrNull(props.modelValue[ConfigurationValueKey.MaxCharacters]);\r\n            showCountdown.value = asBoolean(props.modelValue[ConfigurationValueKey.ShowCountdown]);\r\n        }, {\r\n            immediate: true\r\n        });\r\n\r\n        // Watch for changes in properties that require new configuration\r\n        // properties to be retrieved from the server.\r\n        // THIS IS JUST A PLACEHOLDER FOR COPYING TO NEW FIELDS THAT MIGHT NEED IT.\r\n        // THIS FIELD DOES NOT NEED THIS\r\n        watch([], () => {\r\n            if (maybeUpdateModelValue()) {\r\n                emit(\"updateConfiguration\");\r\n            }\r\n        });\r\n\r\n        // Watch for changes in properties that only require a local UI update.\r\n        watch(passwordField, () => maybeUpdateConfiguration(ConfigurationValueKey.IsPassword, asTrueFalseOrNull(passwordField.value) ?? \"False\"));\r\n        watch(maxCharacters, () => maybeUpdateConfiguration(ConfigurationValueKey.MaxCharacters, maxCharacters.value?.toString() ?? \"\"));\r\n        watch(showCountdown, () => maybeUpdateConfiguration(ConfigurationValueKey.ShowCountdown, asTrueFalseOrNull(showCountdown.value) ?? \"False\"));\r\n\r\n        return {\r\n            maxCharacters,\r\n            passwordField,\r\n            showCountdown\r\n        };\r\n    },\r\n\r\n    template: `\r\n<div>\r\n    <CheckBox v-model=\"passwordField\" label=\"Password Field\" text=\"Yes\" help=\"When set, edit field will be masked.\" />\r\n    <NumberBox v-model=\"maxCharacters\" label=\"Max Characters\" help=\"The maximum number of characters to allow. Leave this field empty to allow for an unlimited amount of text.\" />\r\n    <CheckBox v-model=\"showCountdown\" label=\"Show Character Limit Countdown\" text=\"Yes\" help=\"When set, displays a countdown showing how many characters remain (for the Max Characters setting).\" />\r\n</div>\r\n`\r\n});\r\n"],"names":["ConfigurationValueKey","EditComponent","defineComponent","name","components","TextBox","props","getFieldEditorProps","setup","_ref","emit","internalValue","ref","configAttributes","computed","attributes","maxCharsConfig","configurationValues","MaxCharacters","maxCharsValue","Number","maxLength","showCountDownConfig","ShowCountdown","showCountDownValue","asBooleanOrNull","showCountDown","textType","_asBooleanOrNull","isPasswordConfig","IsPassword","isPassword","watch","modelValue","value","immediate","template","ConfigurationComponent","CheckBox","NumberBox","getFieldConfigurationProps","emits","_ref2","passwordField","maxCharacters","showCountdown","maybeUpdateModelValue","_asTrueFalseOrNull","_maxCharacters$value$","_maxCharacters$value","_asTrueFalseOrNull2","_props$modelValue$Con","_props$modelValue$Con2","_props$modelValue$Con3","newValue","asTrueFalseOrNull","toString","anyValueChanged","maybeUpdateConfiguration","key","configurationProperties","asBoolean","toNumberOrNull","_asTrueFalseOrNull3","_maxCharacters$value$2","_maxCharacters$value2","_asTrueFalseOrNull4"],"mappings":"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"}