{"version":3,"file":"Attributes-DiVW8OA8.js","sources":["../../../resources/js/Components/Elements/Attribute.vue","../../../resources/js/Components/ModelComponents/Attributes.vue"],"sourcesContent":["<template>\n    <button\n        v-if=\"editable\"\n        :class=\"[\n            classes,\n            attributeClasses,\n            { 'bg-primary text-primary-text': selected },\n            { 'hover:bg-primary-hover hover:text-primary-text': !selected },\n            'cursor-pointer transition duration-button-hover focus-style',\n        ]\"\n        @click=\"() => $emit('click')\"\n        v-text=\"text\"\n        ref=\"attribute\"\n    />\n    <span v-else :class=\"[classes, attributeClasses]\" v-text=\"text\" />\n</template>\n\n<script>\nexport default {\n    name: 'Attribute',\n\n    emits: ['click'],\n\n    expose: ['focusMethod'],\n\n    props: {\n        text: {\n            type: String,\n            required: true,\n        },\n        editable: {\n            type: Boolean,\n            default: false,\n        },\n        selected: {\n            type: Boolean,\n            default: false,\n        },\n        classes: {\n            type: [String, Array, Object],\n            required: false,\n        },\n    },\n\n    beforeCreate() {\n        this.attributeClasses =\n            'text-sm uppercase tracking-attribute p-2 bg-attribute rounded-attribute'\n    },\n\n    methods: {\n        focusMethod() {\n            if (this.editable) {\n                this.$refs.attribute.focus()\n            }\n        },\n    },\n}\n</script>\n","<template>\n    <div>\n        <h3\n            v-if=\"!editable\"\n            class=\"font-semibold mb-8\"\n            v-text=\"title || $lang.get('Attributes')\"\n        />\n        <p\n            v-if=\"editable && required\"\n            class=\"text-sm text-gray-500 mb-4 italic\"\n            v-text=\"$lang.get('At least one attribute must be selected')\"\n        />\n        <div class=\"flex flex-col gap-y-10\">\n            <div v-for=\"group in attributeGroups\" :key=\"group.id\">\n                <h5 class=\"mb-4\" v-text=\"group.name\" />\n                <div class=\"flex flex-wrap gap-2\">\n                    <Attribute\n                        v-for=\"attribute in group.attributes\"\n                        :text=\"attribute.name\"\n                        :editable=\"editable\"\n                        :selected=\"\n                            editable && modelValue.includes(attribute.id)\n                        \"\n                        @click=\"editable ? selectAttribute(attribute.id) : null\"\n                        ref=\"attribute\"\n                    />\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport Attribute from '@/Components/Elements/Attribute.vue'\nexport default {\n    name: 'Attributes',\n\n    components: {\n        Attribute,\n    },\n\n    emits: ['update:modelValue'],\n\n    expose: ['focusMethod'],\n\n    props: {\n        attributeGroups: {\n            type: Array,\n            required: true,\n        },\n        modelValue: {\n            type: Array,\n            required: false,\n        },\n        editable: {\n            type: Boolean,\n            default: false,\n        },\n        title: {\n            type: String,\n            required: false,\n        },\n        required: {\n            type: Boolean,\n            default: true,\n        },\n    },\n\n    mounted() {\n        if (this.editable && this.modelValue.length) {\n            this.filterAttributes()\n        }\n    },\n\n    computed: {\n        /**\n         * Get all the ids of the groups attributes\n         */\n        availableAttributeIds() {\n            if (this.editable) {\n                return this.attributeGroups.reduce((ids, group) => {\n                    group.attributes.forEach((attribute) => {\n                        ids.push(attribute.id)\n                    })\n                    return ids\n                }, [])\n            }\n            return []\n        },\n    },\n    methods: {\n        selectAttribute(attributeID) {\n            if (this.modelValue.includes(attributeID)) {\n                this.$emit(\n                    'update:modelValue',\n                    this.modelValue.filter((value) => value !== attributeID)\n                )\n            } else {\n                this.$emit('update:modelValue', [\n                    ...this.modelValue,\n                    attributeID,\n                ])\n            }\n        },\n\n        focusMethod() {\n            if (this.editable) {\n                this.$refs.attribute[0].focusMethod()\n            }\n        },\n\n        /**\n         * Go through the attribute and ensure that they exists in the options,\n         * otherwise they should not be saved since they are not selectable for this modelClass\n         */\n        filterAttributes() {\n            // Only preserve the ids that exists in the availableAttributeIds array\n            let filteredValues = this.modelValue.filter((id) =>\n                this.availableAttributeIds.includes(id)\n            )\n\n            if (filteredValues.length != this.modelValue.length) {\n                this.$emit('update:modelValue', filteredValues)\n            }\n        },\n    },\n}\n</script>\n"],"names":["_sfc_main","_hoisted_1","_hoisted_2","$props","_createElementBlock","_normalizeClass","_ctx","_toDisplayString","Attribute","ids","group","attribute","attributeID","value","filteredValues","id","_hoisted_3","_hoisted_4","_hoisted_5","_createCommentVNode","_createElementVNode","_openBlock","_Fragment","_renderList","_createBlock","_component_Attribute","$options"],"mappings":"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"}