From 74c14dfe55ae63a62749dfc0f5c64361d075b679 Mon Sep 17 00:00:00 2001
From: Buck Doyle <buck@hashicorp.com>
Date: Tue, 13 Oct 2020 11:50:28 -0500
Subject: [PATCH] Change htmlSafe prototype calls to imports (#9075)

---
 ui/app/components/line-chart.js         | 3 ++-
 ui/app/utils/properties/style-string.js | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/ui/app/components/line-chart.js b/ui/app/components/line-chart.js
index f3bd52fe5..c02ec5f25 100644
--- a/ui/app/components/line-chart.js
+++ b/ui/app/components/line-chart.js
@@ -6,6 +6,7 @@ import { observes } from '@ember-decorators/object';
 import { computed as overridable } from 'ember-overridable-computed';
 import { guidFor } from '@ember/object/internals';
 import { run } from '@ember/runloop';
+import { htmlSafe } from '@ember/template';
 import d3 from 'd3-selection';
 import d3Scale from 'd3-scale';
 import d3Axis from 'd3-axis';
@@ -306,7 +307,7 @@ export default class LineChart extends Component.extend(WindowResizable) {
       prevX = x;
       return {
         annotation,
-        style: `transform:translate(${x}px,${y}px)`.htmlSafe(),
+        style: htmlSafe(`transform:translate(${x}px,${y}px)`),
         icon: iconFor[annotation.type],
         iconClass: iconClassFor[annotation.type],
         staggerClass: prevHigh ? 'is-staggered' : '',
diff --git a/ui/app/utils/properties/style-string.js b/ui/app/utils/properties/style-string.js
index e6119aced..785a6162d 100644
--- a/ui/app/utils/properties/style-string.js
+++ b/ui/app/utils/properties/style-string.js
@@ -1,4 +1,5 @@
 import { computed } from '@ember/object';
+import { htmlSafe } from '@ember/template';
 
 // An Ember.Computed property for transforming an object into an
 // html compatible style attribute
@@ -20,6 +21,6 @@ export default function styleStringProperty(prop) {
         .join(';');
     }
 
-    return str.htmlSafe();
+    return htmlSafe(str);
   });
 }