{"version":3,"file":"attributeValuesContainer.obs.js","sources":["../../../Framework/Controls/attributeValuesContainer.obs"],"sourcesContent":["<!-- Copyright by the Spark Development Network; Licensed under the Rock Community License -->\n<template>\n    <RockSuspense>\n        <template #default>\n            <div v-if=\"displayWithinExistingRow\" :class=\"columnClass\" v-for=\"a in validAttributes\" :key=\"a.attributeGuid\">\n                <RockField\n                           :isEditMode=\"isEditMode\"\n                           :attribute=\"a\"\n                           :modelValue=\"values[a.key!]\"\n                           @update:modelValue=\"onUpdateValue(a.key!, $event)\"\n                           :showEmptyValue=\"showEmptyValues\"\n                           :showAbbreviatedName=\"showAbbreviatedName\" />\n            </div>\n\n            <TabbedContent v-else-if=\"actuallyDisplayAsTabs\" :tabs=\"attributeCategoryNames\">\n                <template #tabpane=\"{ item }\">\n                    <div v-for=\"a in getCategoryAttributes(item)\" :key=\"a.attributeGuid\">\n                        <RockField\n                                   :isEditMode=\"isEditMode\"\n                                   :attribute=\"a\"\n                                   :modelValue=\"values[a.key!]\"\n                                   @update:modelValue=\"onUpdateValue(a.key!, $event)\"\n                                   :showEmptyValue=\"showEmptyValues\"\n                                   :showAbbreviatedName=\"showAbbreviatedName\" />\n                    </div>\n                </template>\n            </TabbedContent>\n\n            <template v-else>\n                <div v-for=\"cat in attributeCategories\" key=\"cat.guid\">\n                    <h4 v-if=\"showCategoryLabel && areEqual(cat.guid, emptyGuid) && !isEditMode\">{{ defaultCategoryHeading }}</h4>\n                    <h4 v-else-if=\"showCategoryLabel && !areEqual(cat.guid, emptyGuid)\">{{ cat.name }}</h4>\n\n                    <div :class=\"{ 'attribute-value-container-display': true, 'row': numberOfColumns > 1 }\">\n                        <ItemsWithPreAndPostHtml :items=\"prePostHtmlItems[cat.guid]\" v-if=\"isEditMode && showPrePostHtml\">\n                            <template v-slot:[a.attributeGuid] v-for=\"a in cat.attributes\" :key=\"a.attributeGuid\">\n                                <RockField\n                                           :isEditMode=\"isEditMode\"\n                                           :attribute=\"a\"\n                                           :modelValue=\"values[a.key!]\"\n                                           @update:modelValue=\"onUpdateValue(a.key!, $event)\"\n                                           :showEmptyValue=\"showEmptyValues\"\n                                           :showAbbreviatedName=\"showAbbreviatedName\" />\n                            </template>\n                        </ItemsWithPreAndPostHtml>\n\n                        <div v-else :class=\"columnClass\" v-for=\"a in cat.attributes\" :key=\"a.attributeGuid\">\n                            <RockField\n                                       :isEditMode=\"isEditMode\"\n                                       :attribute=\"a\"\n                                       :modelValue=\"values[a.key!]\"\n                                       @update:modelValue=\"onUpdateValue(a.key!, $event)\"\n                                       :showEmptyValue=\"showEmptyValues\"\n                                       :showAbbreviatedName=\"showAbbreviatedName\" />\n                        </div>\n                    </div>\n                </div>\n            </template>\n        </template>\n        <template #loading>\n            <LoadingIndicator />\n        </template>\n    </RockSuspense>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, PropType, ref, watch } from \"vue\";\n    import { PublicAttributeBag } from \"@Obsidian/ViewModels/Utility/publicAttributeBag\";\n    import RockSuspense from \"./rockSuspense.obs\";\n    import LoadingIndicator from \"./loadingIndicator.obs\";\n    import { List } from \"@Obsidian/Utility/linq\";\n    import TabbedContent from \"./tabbedContent.obs\";\n    import RockField from \"./rockField.obs\";\n    import { PublicAttributeCategoryBag } from \"@Obsidian/ViewModels/Utility/publicAttributeCategoryBag\";\n    import { areEqual, emptyGuid } from \"@Obsidian/Utility/guid\";\n    import ItemsWithPreAndPostHtml from \"./itemsWithPreAndPostHtml.obs\";\n    import { ItemWithPreAndPostHtml } from \"@Obsidian/Types/Controls/itemsWithPreAndPostHtml\";\n    import { Guid } from \"@Obsidian/Types\";\n\n    type CategorizedAttributes = PublicAttributeCategoryBag & {\n        attributes: PublicAttributeBag[]\n    };\n\n    const props = defineProps({\n        modelValue: {\n            type: Object as PropType<Record<string, string>>,\n            required: true\n        },\n        isEditMode: {\n            type: Boolean,\n            default: false\n        },\n        attributes: {\n            type: Object as PropType<Record<string, PublicAttributeBag>>,\n            required: true\n        },\n        showEmptyValues: {\n            type: Boolean,\n            default: true\n        },\n        showAbbreviatedName: {\n            type: Boolean,\n            default: false\n        },\n        displayWithinExistingRow: {\n            type: Boolean,\n            default: false\n        },\n        displayAsTabs: {\n            type: Boolean,\n            default: false\n        },\n        showCategoryLabel: {\n            type: Boolean,\n            default: true\n        },\n        showPrePostHtml: {\n            type: Boolean,\n            default: true\n        },\n\n        /**\n         * The total number of columns in this container.\n         *\n         * An attribute will be added in each column.\n         */\n        numberOfColumns: {\n            type: Number,\n            default: 1\n        },\n        entityTypeName: {\n            type: String,\n            default: \"\"\n        },\n        disabled: {\n            type: Boolean as PropType<boolean>,\n            default: false\n        },\n\n        /**\n         * The breakpoint to use for each column.\n         */\n        columnBreakpoint: {\n            type: String as PropType<\"xs\" | \"sm\" | \"md\" | \"lg\">,\n            default: \"md\"\n        }\n    });\n\n    const emit = defineEmits<{\n        (e: \"update:modelValue\", value: Record<string, string>): void;\n    }>();\n\n    const validAttributes = computed((): PublicAttributeBag[] => {\n        return new List(Object.values(props.attributes))\n            .orderBy(a => a.order)\n            .toArray();\n    });\n\n    const values = ref({ ...props.modelValue });\n\n    const attributeCategories = computed(() => {\n        // Initialize the category list with a \"default\" category\n        const categoryList: CategorizedAttributes[] = [{\n            guid: emptyGuid,\n            name: \"Attributes\",\n            order: 0,\n            attributes: []\n        }];\n\n        validAttributes.value.forEach(attr => {\n            // Skip empty attributes if we are not set to display empty values or we're not editing values\n            if (!props.showEmptyValues && !props.isEditMode && attr.key && (props.modelValue[attr.key] ?? \"\") == \"\") {\n                return;\n            }\n\n            if (attr.categories && attr.categories.length > 0) {\n                // Copy so sort doesn't cause updates.\n                const categories: PublicAttributeCategoryBag[] = [\n                    ...attr.categories,\n                ];\n\n                categories.sort((a, b) => a.order - b.order).forEach((cat, i) => {\n                    const newCat: CategorizedAttributes = {\n                        attributes: [],\n                        ...cat\n                    }; // copy and convert to CategorizedAttributes\n\n                    // Make sure we only have 1 copy of any category in the list\n                    if (!categoryList.some(oldCat => oldCat.guid == newCat.guid)) {\n                        categoryList.push(newCat);\n                    }\n\n                    // Add this attribute to the first (in order) category it is in\n                    if (i == 0) {\n                        categoryList.find(cat => cat.guid == newCat.guid)?.attributes.push(attr);\n                    }\n                });\n            }\n            else {\n                // Put in \"default\" category\n                categoryList[0].attributes.push(attr);\n            }\n        });\n\n        // Clear out any categories that don't have any attributes assigned to them, then sort the list by category order\n        return categoryList.filter(cat => cat.attributes.length > 0).sort((a, b) => a.order - b.order);\n    });\n\n    const actuallyDisplayAsTabs = computed<boolean>(() => {\n        if (attributeCategories.value.length === 0) {\n            return false;\n        }\n\n        const hasCategories = attributeCategories.value.length > 1 || attributeCategories.value[0].guid !== emptyGuid;\n\n        return hasCategories && props.displayAsTabs && !props.isEditMode;\n    });\n\n    const defaultCategoryHeading = computed<string>(() => {\n        if (actuallyDisplayAsTabs.value || !props.entityTypeName) {\n            return \"Attributes\";\n        }\n\n        return `${props.entityTypeName} Attributes`;\n    });\n\n    const attributeCategoryNames = computed((): string[] => {\n        return attributeCategories.value.map(a => a.name ?? \"\");\n    });\n\n    const columnClass = computed(() => {\n        let numColumns = props.numberOfColumns;\n\n        // Need to make the columns divisible by 12\n        if (numColumns < 1) {\n            numColumns = 1;\n        }\n        else if (numColumns == 5) {\n            numColumns = 4;\n        }\n        else if (numColumns > 6 && numColumns < 12) {\n            numColumns = 6;\n        }\n        else if (numColumns > 12) {\n            numColumns = 12;\n        }\n\n        return `col-${props.columnBreakpoint}-${12 / numColumns}`;\n    });\n\n    function getCategoryAttributes(categoryName: string): PublicAttributeBag[] {\n        return attributeCategories.value\n            .find(c => c.name === categoryName)\n            ?.attributes ?? [];\n    }\n\n    const onUpdateValue = (key: string, value: string): void => {\n        values.value[key] = value;\n\n        emit(\"update:modelValue\", values.value);\n    };\n\n    const prePostHtmlItems = computed<Record<Guid, ItemWithPreAndPostHtml[]>>(() => {\n        const items: Record<Guid, ItemWithPreAndPostHtml[]> = {};\n\n        attributeCategories.value.forEach((ac) => {\n            items[ac.guid] = items[ac.guid] || [];\n\n            ac.attributes.forEach(attr => {\n                let preHtml = attr.preHtml ?? \"\";\n                let postHtml = attr.postHtml ?? \"\";\n\n                if (props.numberOfColumns > 1) {\n                    preHtml = `<div class=\"${columnClass.value}\">` + preHtml;\n                    postHtml += \"</div>\";\n                }\n\n                items[ac.guid].push({\n                    slotName: attr.attributeGuid,\n                    preHtml,\n                    postHtml\n                });\n            });\n        });\n\n        return items;\n    });\n\n    watch(() => props.modelValue, () => {\n        values.value = { ...props.modelValue };\n    });\n</script>\n"],"names":["validAttributes","computed","List","Object","values","props","attributes","orderBy","a","order","toArray","ref","_objectSpread","modelValue","attributeCategories","categoryList","guid","emptyGuid","name","value","forEach","attr","_props$modelValue$att","showEmptyValues","isEditMode","key","categories","length","sort","b","cat","i","newCat","some","oldCat","push","_categoryList$find","find","filter","actuallyDisplayAsTabs","hasCategories","displayAsTabs","defaultCategoryHeading","entityTypeName","concat","attributeCategoryNames","map","_a$name","columnClass","numColumns","numberOfColumns","columnBreakpoint","getCategoryAttributes","categoryName","_attributeCategories$","_attributeCategories$2","c","onUpdateValue","emit","prePostHtmlItems","items","ac","_attr$preHtml","_attr$postHtml","preHtml","postHtml","slotName","attributeGuid","watch"],"mappings":"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"}