Merge branch 'dev' into fix-1231

Author: sghoweri

packages/uikit-workshop/package.json

@@ -99,7 +99,7 @@
     "mini-css-extract-plugin": "^0.8.0",
     "mousetrap": "^1.6.3",
     "no-emit-webpack-plugin": "^1.0.0",
-    "node-sass": "^4.13.0",
+    "node-sass": "^4.14.1",
     "node-sass-selector-importer": "^5.2.0",
     "penthouse": "^2.2.2",
     "postcss-loader": "^3.0.0",

packages/uikit-workshop/src/scripts/components/panels.js

@@ -68,9 +68,10 @@ function init(event) {
   Panels.add({
     id: 'pl-panel-pattern',
     name: window.config.patternExtension.toUpperCase(),
-    default: !window.config.defaultPatternInfoPanelCode ||
-              window.config.defaultPatternInfoPanelCode ===
-              window.config.patternExtension,
+    default:
+      !window.config.defaultPatternInfoPanelCode ||
+      window.config.defaultPatternInfoPanelCode ===
+        window.config.patternExtension,
     templateID: 'pl-panel-template-code',
     httpRequest: true,
     httpRequestReplace: fileSuffixPattern,
@@ -83,7 +84,7 @@ function init(event) {
   Panels.add({
     id: 'pl-panel-html',
     name: 'HTML',
-    default: false,
+    default: window.config.defaultPatternInfoPanelCode && window.config.defaultPatternInfoPanelCode === 'html',
     templateID: 'pl-panel-template-code',
     httpRequest: true,
     httpRequestReplace: fileSuffixMarkup + '.html',

packages/uikit-workshop/src/scripts/components/pl-nav/pl-nav.js

@@ -20,17 +20,16 @@ import { NavItem } from './src/NavItem';
 class Nav extends BaseComponent {
   static is = 'pl-nav';
 
-  constructor(self) {
-    self = super(self);
-    self.toggleNavPanel = self.toggleNavPanel.bind(self);
-    self.toggleSpecialNavPanel = self.toggleSpecialNavPanel.bind(self);
-    self.handleClick = self.handleClick.bind(self);
-    self.handleURLChange = self.handleURLChange.bind(self);
-    self.handlePageClick = self.handlePageClick.bind(self);
-    self._hasInitiallyRendered = false;
-    self.receiveIframeMessage = self.receiveIframeMessage.bind(self);
-    self.useShadow = false;
-    return self;
+  constructor() {
+    super();
+    this.toggleNavPanel = this.toggleNavPanel.bind(this);
+    this.toggleSpecialNavPanel = this.toggleSpecialNavPanel.bind(this);
+    this.handleClick = this.handleClick.bind(this);
+    this.handleURLChange = this.handleURLChange.bind(this);
+    this.handlePageClick = this.handlePageClick.bind(this);
+    this._hasInitiallyRendered = false;
+    this.receiveIframeMessage = this.receiveIframeMessage.bind(this);
+    this.useShadow = false;
   }
 
   handlePageClick(e) {

packages/uikit-workshop/src/scripts/components/pl-search/pl-search.js

@@ -17,29 +17,28 @@ import { BaseComponent } from '../base-component';
 class Search extends BaseComponent {
   static is = 'pl-search';
 
-  constructor(self) {
-    self = super(self);
-    self.useShadow = false;
-    self.defaultMaxResults = 10;
+  constructor() {
+    super();
+    this.useShadow = false;
+    this.defaultMaxResults = 10;
 
     // Autosuggest is a controlled component.
     // This means that you need to provide an input value
     // and an onChange handler that updates this value (see below).
     // Suggestions also need to be provided to the Autosuggest,
     // and they are initially empty because the Autosuggest is closed.
-    self.state = {
+    this.state = {
       value: '',
       suggestions: [],
       isFocused: false,
     };
 
-    self.receiveIframeMessage = self.receiveIframeMessage.bind(self);
-    self.onChange = self.onChange.bind(self);
-    self.toggleSearch = self.toggleSearch.bind(self);
-    self.closeSearch = self.closeSearch.bind(self);
-    self.renderInputComponent = self.renderInputComponent.bind(self);
-    self.openSearch = self.openSearch.bind(self);
-    return self;
+    this.receiveIframeMessage = this.receiveIframeMessage.bind(this);
+    this.onChange = this.onChange.bind(this);
+    this.toggleSearch = this.toggleSearch.bind(this);
+    this.closeSearch = this.closeSearch.bind(this);
+    this.renderInputComponent = this.renderInputComponent.bind(this);
+    this.openSearch = this.openSearch.bind(this);
   }
 
   connecting() {
@@ -61,10 +60,9 @@ class Search extends BaseComponent {
   }
 
   connected() {
-    const self = this;
     Mousetrap.bind('command+shift+f', function(e) {
       e.preventDefault();
-      self.toggleSearch();
+      this.toggleSearch();
     });
     window.addEventListener('message', this.receiveIframeMessage, false);
   }

packages/uikit-workshop/src/scripts/lit-components/pl-drawer/pl-drawer.js

@@ -11,12 +11,11 @@ import styles from './pl-drawer.scss?external';
 
 @customElement('pl-drawer')
 class Drawer extends LitElement {
-  constructor(self) {
-    self = super(self);
-    self.onMouseDown = self.onMouseDown.bind(self); // fix bindings so "self" works properly
-    self.onMouseUp = self.onMouseUp.bind(self); // fix bindings so "self" works properly
-    self.onMouseMove = self.onMouseMove.bind(self); // fix bindings so "this" works properly
-    return self;
+  constructor() {
+    super();
+    this.onMouseDown = this.onMouseDown.bind(this); // fix bindings so "this" works properly
+    this.onMouseUp = this.onMouseUp.bind(this); // fix bindings so "this" works properly
+    this.onMouseMove = this.onMouseMove.bind(this); // fix bindings so "this" works properly
   }
 
   connectedCallback() {

packages/uikit-workshop/src/scripts/lit-components/pl-toggle-info/pl-toggle-info.js

@@ -5,10 +5,9 @@ import styles from './pl-toggle-info.scss?external';
 
 @customElement('pl-toggle-info')
 class InfoToggle extends LitElement {
-  constructor(self) {
-    self = super(self);
-    self.handleClick = self.handleClick.bind(self);
-    return self;
+  constructor() {
+    super();
+    this.handleClick = this.handleClick.bind(this);
   }
 
   createRenderRoot() {

packages/uikit-workshop/src/scripts/lit-components/pl-toggle-layout/pl-toggle-layout.js

@@ -5,10 +5,9 @@ import styles from './pl-toggle-layout.scss?external';
 
 @customElement('pl-toggle-layout')
 class LayoutToggle extends LitElement {
-  constructor(self) {
-    self = super(self);
-    self.handleClick = self.handleClick.bind(self);
-    return self;
+  constructor() {
+    super();
+    this.handleClick = this.handleClick.bind(this);
   }
 
   createRenderRoot() {

packages/uikit-workshop/src/scripts/lit-components/pl-toggle-theme/pl-toggle-theme.js

@@ -6,13 +6,12 @@ import styles from './pl-toggle-theme.scss?external';
 
 @customElement('pl-toggle-theme')
 class ThemeToggle extends LitElement {
-  constructor(self) {
-    self = super(self);
-    self.targetOrigin =
+  constructor() {
+    super();
+    this.targetOrigin =
       window.location.protocol === 'file:'
         ? '*'
         : window.location.protocol + '//' + window.location.host;
-    return self;
   }
 
   static get properties() {

packages/uikit-workshop/src/scripts/lit-components/pl-viewport-size-list/pl-viewport-size-list.js

@@ -43,11 +43,10 @@ class ViewportSizes extends BaseComponent {
     this.triggerUpdate();
   }
 
-  constructor(self) {
-    self = super(self);
-    self.resizeViewport = self.resizeViewport.bind(self);
-    self.useShadow = false;
-    return self;
+  constructor() {
+    super();
+    this.resizeViewport = this.resizeViewport.bind(this);
+    this.useShadow = false;
   }
 
   connectedCallback() {