From e17592edabcb92b24cbe61bfd5b90d15ac5c7c8f Mon Sep 17 00:00:00 2001
From: Michael Lange <dingoeatingfuzz@gmail.com>
Date: Tue, 3 Jul 2018 13:06:39 -0700
Subject: [PATCH] Styleguide entry for Table, Configuration

---
 .../freestyle/sg-table-configuration.js       | 24 +++++++++++++++++++
 .../freestyle/sg-table-configuration.hbs      |  3 +++
 ui/app/templates/freestyle.hbs                |  1 +
 3 files changed, 28 insertions(+)
 create mode 100644 ui/app/components/freestyle/sg-table-configuration.js
 create mode 100644 ui/app/templates/components/freestyle/sg-table-configuration.hbs

diff --git a/ui/app/components/freestyle/sg-table-configuration.js b/ui/app/components/freestyle/sg-table-configuration.js
new file mode 100644
index 000000000..2e5a8e3ca
--- /dev/null
+++ b/ui/app/components/freestyle/sg-table-configuration.js
@@ -0,0 +1,24 @@
+import Component from '@ember/component';
+
+export default Component.extend({
+  attributes: {
+    key: 'val',
+    deep: {
+      key: 'val',
+      more: 'stuff',
+    },
+    array: ['one', 'two', 'three', 'four'],
+    very: {
+      deep: {
+        key: {
+          incoming: {
+            one: 1,
+            two: 2,
+            three: 3,
+            four: 'surprisingly long value that is unlike the other properties in this object',
+          },
+        },
+      },
+    },
+  },
+});
diff --git a/ui/app/templates/components/freestyle/sg-table-configuration.hbs b/ui/app/templates/components/freestyle/sg-table-configuration.hbs
new file mode 100644
index 000000000..5c7ff65b5
--- /dev/null
+++ b/ui/app/templates/components/freestyle/sg-table-configuration.hbs
@@ -0,0 +1,3 @@
+{{#freestyle-usage "table-configuration" title="Table, Configuration"}}
+  {{attributes-table attributes=attributes class="attributes-table"}}
+{{/freestyle-usage}}
diff --git a/ui/app/templates/freestyle.hbs b/ui/app/templates/freestyle.hbs
index 19fbd0679..b0e1684ea 100644
--- a/ui/app/templates/freestyle.hbs
+++ b/ui/app/templates/freestyle.hbs
@@ -80,6 +80,7 @@
       {{/section.subsection}}
 
       {{#section.subsection name="Table, Configuration"}}
+        {{freestyle/sg-table-configuration}}
       {{/section.subsection}}
 
       {{#section.subsection name="Timeline"}}