Merge remote-tracking branch 'origin/production'

.eslintrc

@@ -6,9 +6,10 @@
     "plugin:vue/essential"
   ],
   "globals": {
-    "Vue": true
+    "Vue": true,
+    "CryptoJS": true
   },
   "rules": {
     "no-new": 0
   }
-}
+}

build.html

@@ -1 +1,25 @@
-<fl-record-container data-widget-name="record-container" data-record-container-id="{{id}}" data-view="content" data-node-name="Content">{{{ content }}}</fl-record-container>
+<fl-record-container data-widget-name="record-container" data-record-container-id="{{id}}">
+  <template type="text/html" name="record">{{{content}}}</template>
+  <template type="text/html" name="empty"><div data-view-placeholder>Drag &amp; drop <strong>Text</strong> or <strong>Dynamic image</strong> component here to render dynamic data</div></template>
+  <template v-if="testMode">
+    <div class="record-container-test-mode alert alert-info" data-translate="widgets.recordContainer.testMode"></div>
+  </template>
+  <template v-if="error">
+    <div class="record-container-load-error">
+      <p data-translate="widgets.recordContainer.errors.loadingData"></p>
+      <p><small>\{{ error | parseError }}</small></p>
+    </div>
+  </template>
+  <!-- Loading -->
+  <template v-else-if="isLoading"><p class="text-center"><i class="fa fa-refresh fa-spin fa-2x fa-fw"></i></template>
+  <template v-else-if="!entry">
+    <!-- No data found -->
+    <p class="text-center">\{{ noDataTemplate }}</p>
+  </template>
+  <template v-else>
+    <!-- Has data -->
+    <record
+      v-bind:entry="entry"
+    />
+  </template>
+</fl-record-container>

css/build.css

@@ -0,0 +1,11 @@
+fl-record-container .record-container-load-error {
+  text-align: center;
+}
+
+fl-record-container .record-container-test-mode {
+  margin-bottom: 10px;
+}
+
+fl-record {
+  position: relative;
+}