From 6bf34afc31305695cd8a9cab2f01c57989f4f925 Mon Sep 17 00:00:00 2001
From: Paulus Schoutsen <paulus@paulusschoutsen.nl>
Date: Mon, 21 May 2018 10:45:04 -0400
Subject: [PATCH] Fix ha paper slider (#1203)

* Fix ha-paper-slider

* Fix ha-paper-slider
---
 src/components/ha-paper-slider.js | 55 +++++++++----------------------
 1 file changed, 16 insertions(+), 39 deletions(-)

diff --git a/src/components/ha-paper-slider.js b/src/components/ha-paper-slider.js
index 2e4b530a68..34a5235eb2 100644
--- a/src/components/ha-paper-slider.js
+++ b/src/components/ha-paper-slider.js
@@ -1,13 +1,19 @@
 import '@polymer/paper-slider/paper-slider.js';
-import { DomModule } from '@polymer/polymer/lib/elements/dom-module.js';
-import '@polymer/polymer/polymer-legacy.js';
 
-const documentContainer = document.createElement('template');
-documentContainer.setAttribute('style', 'display: none;');
+/**
+* @polymer
+* @customElement
+* @appliesMixin paper-slider
+*/
+const PaperSliderClass = customElements.get('paper-slider');
 
-documentContainer.innerHTML = `<dom-module id="ha-paper-slider">
-  <template strip-whitespace="">
-    <style include="paper-slider">
+class HaPaperSlider extends PaperSliderClass {
+  static get template() {
+    const tpl = document.createElement('template');
+    tpl.innerHTML = PaperSliderClass.template.innerHTML;
+    const styleEl = tpl.content.querySelector('style');
+    styleEl.setAttribute('include', 'paper-slider');
+    styleEl.innerHTML = `
       .pin > .slider-knob > .slider-knob-inner {
         font-size:  var(--ha-paper-slider-pin-font-size, 10px);
         line-height: normal;
@@ -53,37 +59,8 @@ documentContainer.innerHTML = `<dom-module id="ha-paper-slider">
         -webkit-transform: scale(1) translate(0, -10px);
         transform: scale(1) translate(0, -10px);
       }
-    </style>
-  </template>
-
-
-</dom-module>`;
-
-document.head.appendChild(documentContainer.content);
-
-{
-  /**
-  * @polymer
-  * @customElement
-  * @appliesMixin paper-slider
-  */
-  const PaperSliderClass = customElements.get('paper-slider');
-  let myTemplate;
-
-  class HaPaperSlider extends PaperSliderClass {
-    static get template() {
-      if (!myTemplate) {
-        // Retrieve this element's dom-module template
-        myTemplate = DomModule.import(HaPaperSlider.is, 'template');
-        // Clone the contents of the superclass template
-        const superTemplateContents = document.importNode(PaperSliderClass.template.content, true);
-        // Remove the style from superclass contents, we already included them in our own <style>
-        superTemplateContents.querySelector('style').remove();
-        // Insert the superclass contents
-        myTemplate.content.append(superTemplateContents);
-      }
-      return myTemplate;
-    }
+    `;
+    return tpl;
   }
-  customElements.define('ha-paper-slider', HaPaperSlider);
 }
+customElements.define('ha-paper-slider', HaPaperSlider);