Align gallery code + fix icon in entity-icon demo (#7754)

gallery/src/demos/demo-hui-alarm-panel-card.ts

@@ -73,13 +73,7 @@ const CONFIGS = [
 
 class DemoAlarmPanelEntity extends PolymerElement {
   static get template() {
-    return html`
+    return html` <demo-cards id="demos" configs="[[_configs]]"></demo-cards> `;
-      <demo-cards
-        id="demos"
-        hass="[[hass]]"
-        configs="[[_configs]]"
-      ></demo-cards>
-    `;
   }
 
   static get properties() {
@@ -88,7 +82,6 @@ class DemoAlarmPanelEntity extends PolymerElement {
         type: Object,
         value: CONFIGS,
       },
-      hass: Object,
     };
   }
 

gallery/src/demos/demo-hui-conditional-card.ts

@@ -55,13 +55,7 @@ const CONFIGS = [
 
 class DemoConditional extends PolymerElement {
   static get template() {
-    return html`
+    return html` <demo-cards id="demos" configs="[[_configs]]"></demo-cards> `;
-      <demo-cards
-        id="demos"
-        hass="[[hass]]"
-        configs="[[_configs]]"
-      ></demo-cards>
-    `;
   }
 
   static get properties() {
@@ -70,7 +64,6 @@ class DemoConditional extends PolymerElement {
         type: Object,
         value: CONFIGS,
       },
-      hass: Object,
     };
   }
 

gallery/src/demos/demo-hui-entity-button-card.ts

@@ -20,10 +20,10 @@ const CONFIGS = [
     `,
   },
   {
-    heading: "With Name",
+    heading: "With Name (defined in card)",
     config: `
 - type: button
-  name: Bedroom
+  name: Custom Name
   entity: light.bed_light
     `,
   },
@@ -32,7 +32,7 @@ const CONFIGS = [
     config: `
 - type: button
   entity: light.bed_light
-  icon: mdi:hotel
+  icon: mdi:tools
     `,
   },
   {
@@ -71,13 +71,7 @@ const CONFIGS = [
 
 class DemoButtonEntity extends PolymerElement {
   static get template() {
-    return html`
+    return html` <demo-cards id="demos" configs="[[_configs]]"></demo-cards> `;
-      <demo-cards
-        id="demos"
-        hass="[[hass]]"
-        configs="[[_configs]]"
-      ></demo-cards>
-    `;
   }
 
   static get properties() {
@@ -86,7 +80,6 @@ class DemoButtonEntity extends PolymerElement {
         type: Object,
         value: CONFIGS,
       },
-      hass: Object,
     };
   }
 

gallery/src/demos/demo-hui-map-card.ts

@@ -163,13 +163,7 @@ const CONFIGS = [
 
 class DemoMap extends PolymerElement {
   static get template() {
-    return html`
+    return html` <demo-cards id="demos" configs="[[_configs]]"></demo-cards> `;
-      <demo-cards
-        id="demos"
-        hass="[[hass]]"
-        configs="[[_configs]]"
-      ></demo-cards>
-    `;
   }
 
   static get properties() {
@@ -178,7 +172,6 @@ class DemoMap extends PolymerElement {
         type: Object,
         value: CONFIGS,
       },
-      hass: Object,
     };
   }
 

gallery/src/demos/demo-hui-media-control-card.ts

@@ -150,13 +150,7 @@ const CONFIGS = [
 
 class DemoHuiMediControlCard extends PolymerElement {
   static get template() {
-    return html`
+    return html` <demo-cards id="demos" configs="[[_configs]]"></demo-cards> `;
-      <demo-cards
-        id="demos"
-        hass="[[hass]]"
-        configs="[[_configs]]"
-      ></demo-cards>
-    `;
   }
 
   static get properties() {
@@ -165,7 +159,6 @@ class DemoHuiMediControlCard extends PolymerElement {
         type: Object,
         value: CONFIGS,
       },
-      hass: Object,
     };
   }
 

gallery/src/demos/demo-hui-media-player-rows.ts

@@ -57,13 +57,7 @@ const CONFIGS = [
 
 class DemoHuiMediaPlayerRows extends PolymerElement {
   static get template() {
-    return html`
+    return html` <demo-cards id="demos" configs="[[_configs]]"></demo-cards> `;
-      <demo-cards
-        id="demos"
-        hass="[[hass]]"
-        configs="[[_configs]]"
-      ></demo-cards>
-    `;
   }
 
   static get properties() {
@@ -72,7 +66,6 @@ class DemoHuiMediaPlayerRows extends PolymerElement {
         type: Object,
         value: CONFIGS,
       },
-      hass: Object,
     };
   }