From 01f530827bcadd59fa8e8d31b02a4137eca46256 Mon Sep 17 00:00:00 2001
From: Artur Arseniev <artur.catch@hotmail.it>
Date: Sun, 7 Jan 2018 11:58:06 +0100
Subject: [PATCH] Add `name` property in Component

---
 src/dom_components/model/Component.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/dom_components/model/Component.js b/src/dom_components/model/Component.js
index c7b0b07f4..4561af093 100644
--- a/src/dom_components/model/Component.js
+++ b/src/dom_components/model/Component.js
@@ -21,6 +21,9 @@ module.exports = Backbone.Model.extend(Styleable).extend({
     // Component type, eg. 'text', 'image', 'video', etc.
     type: '',
 
+    // Name of the component. Will be used, for example, in layers and badges
+    name: '',
+
     // True if the component is removable from the canvas
     removable: true,
 
@@ -614,7 +617,7 @@ module.exports = Backbone.Model.extend(Styleable).extend({
    * @return {string}
    * */
   getName() {
-    let customName = this.get('custom-name');
+    let customName = this.get('name') || this.get('custom-name');
     let tag = this.get('tagName');
     tag = tag == 'div' ? 'box' : tag;
     let name = this.get('type') || tag;