From 8ffa7410af63cd9f8a6ed3fd8a2cff7bce01dc07 Mon Sep 17 00:00:00 2001
From: Artur Arseniev <artur.catch@hotmail.it>
Date: Thu, 10 May 2018 23:58:39 +0200
Subject: [PATCH] Add ComponentLabel and avoid its bounds via for. Closes #316

---
 src/dom_components/index.js                   |  5 +++++
 src/dom_components/model/ComponentLabel.js    | 18 ++++++++++++++++++
 src/dom_components/view/ComponentLabelView.js |  1 +
 3 files changed, 24 insertions(+)
 create mode 100644 src/dom_components/model/ComponentLabel.js
 create mode 100644 src/dom_components/view/ComponentLabelView.js

diff --git a/src/dom_components/index.js b/src/dom_components/index.js
index 617287e0a..42eb15f25 100644
--- a/src/dom_components/index.js
+++ b/src/dom_components/index.js
@@ -83,6 +83,11 @@ module.exports = () => {
       model: require('./model/ComponentLink'),
       view: require('./view/ComponentLinkView')
     },
+    {
+      id: 'label',
+      model: require('./model/ComponentLabel'),
+      view: require('./view/ComponentLabelView')
+    },
     {
       id: 'video',
       model: require('./model/ComponentVideo'),
diff --git a/src/dom_components/model/ComponentLabel.js b/src/dom_components/model/ComponentLabel.js
new file mode 100644
index 000000000..89176283d
--- /dev/null
+++ b/src/dom_components/model/ComponentLabel.js
@@ -0,0 +1,18 @@
+import Component from './ComponentText';
+
+module.exports = Component.extend(
+  {
+    defaults: {
+      ...Component.prototype.defaults,
+      tagName: 'label',
+      traits: ['id', 'title', 'for']
+    }
+  },
+  {
+    isComponent(el) {
+      if (el.tagName == 'LABEL') {
+        return { type: 'label' };
+      }
+    }
+  }
+);
diff --git a/src/dom_components/view/ComponentLabelView.js b/src/dom_components/view/ComponentLabelView.js
new file mode 100644
index 000000000..2177ca228
--- /dev/null
+++ b/src/dom_components/view/ComponentLabelView.js
@@ -0,0 +1 @@
+module.exports = require('./ComponentLinkView').extend({});