fix: slots containing dashes in JS file (#768)

Author: castastrophe

CHANGELOG-prerelease.md

@@ -2,7 +2,8 @@
 
 - [27fee5f](https://github.com/patternfly/patternfly-elements/commit/27fee5f5c5eb021ac126f3767dd0299f5cda8231) fix: pfe-tabs check for tagName on addedNode mutation before continuing
 - [2c950b0](https://github.com/patternfly/patternfly-elements/commit/2c950b08f7638787df50aa5ee6738f1205ea3a9d) fix: Add clearfix within tab and accordion panels
-- [](https://github.com/patternfly/patternfly-elements/commit/) feat: Add border to the card component
+- [96f0a1b](https://github.com/patternfly/patternfly-elements/commit/96f0a1bdf9c758650e02b20a63ee3fb2fcf11bc9) feat: Add border to the card component
+- [](https://github.com/patternfly/patternfly-elements/commit/) fix: Generator needs to convert slot-name to camelCase in js file if dash exists
 
 ## Prerelese 45 ( 2020-04-27 )
 

generators/element/templates/src/element.js

@@ -40,7 +40,7 @@ class <%= elementClassName %> extends PFElement {
     super(<%= elementClassName %>, { type: <%= elementClassName %>.PfeType });
     <%_ if (slots.length > 0) { %>
     <%_ for(let i = 0; i < slots.length; i++) { _%>
-    this._<%= slots[i] %> = this.shadowRoot.querySelector(`.${this.tag}__<%= slots[i] %>`);
+    this._<%= _.camelCase(slots[i]) %> = this.shadowRoot.querySelector(`.${this.tag}__<%= slots[i] %>`);
     <%_ } } _%>
   }
 
@@ -49,11 +49,11 @@ class <%= elementClassName %> extends PFElement {
     // If you need to initialize any attributes, do that here
     <%_ if (slots.length > 0) { %>
     <%_ for(let i = 0; i < slots.length; i++) { _%>
-    this.<%= slots[i] %> = this.querySelector(`[slot="${this.tag}--<%= slots[i] %>"]`);
+    this.<%= _.camelCase(slots[i]) %> = this.querySelector(`[slot="${this.tag}--<%= slots[i] %>"]`);
     <%_ } _%>
     <%_ for(let i = 0; i < slots.length; i++) { %>
     // Add a slotchange listener to the lightDOM trigger
-    // this.<%= slots[i] %>.addEventListener("slotchange", this._init);
+    // this.<%= _.camelCase(slots[i]) %>.addEventListener("slotchange", this._init);
     <%_ } _%>
     <%_ } _%>