var component =
    {
        extends: BaseDataComponent,
        mixins: [ActionsHandlerMixin, AjaxMixin],
        template: '#template-name#',
        props: [
            'data',
            'text',
            'title',
            'img',
            'elements',
            'autoload_data_after_created',
        ],
        data: function () {
            return {
                noData: false,
                show_title: true,
                elements_: [],
                title_: '',
                img_: '',
            };
        },
        methods: {
            reloadParent: function () {
                return this.loadDataFromServer_({ }, this.ajaxData_,).then(typeof this.ajaxLoaded_ === 'function' ? this.ajaxLoaded_ : null);
            },
            isEmptyLibrary: function () {
                return !(this.elements_.elements && this.elements_.elements.length > 0)
            },
        }
    }