feat: prepare for TS defs generation (#144)

@types/interfaces.d.ts

@@ -0,0 +1 @@
+export type SplitLayoutOrientation = 'horizontal' | 'vertical';

bower.json

@@ -32,10 +32,10 @@
   "dependencies": {
     "polymer": "^2.0.0",
     "iron-resizable-behavior": "^2.0.0",
-    "vaadin-themable-mixin": "vaadin/vaadin-themable-mixin#^1.2.1",
+    "vaadin-themable-mixin": "vaadin/vaadin-themable-mixin#^1.6.1",
     "vaadin-lumo-styles": "vaadin/vaadin-lumo-styles#^1.1.0",
     "vaadin-material-styles": "vaadin/vaadin-material-styles#^1.1.0",
-    "vaadin-element-mixin": "vaadin/vaadin-element-mixin#^2.3.0"
+    "vaadin-element-mixin": "vaadin/vaadin-element-mixin#^2.4.1"
   },
   "devDependencies": {
     "iron-component-page": "^3.0.0",

gen-tsd.json

@@ -0,0 +1,14 @@
+{
+  "excludeFiles": [
+    "wct.conf.js",
+    "index.html",
+    "demo/**/*",
+    "test/**/*",
+    "theme/**/*"
+  ],
+  "autoImport": {
+    "./@types/interfaces": [
+      "SplitLayoutOrientation"
+    ]
+  }
+}

magi-p3-post.js

@@ -0,0 +1,11 @@
+module.exports = {
+  files: [
+    'vaadin-split-layout.js'
+  ],
+  from: [
+    /import '\.\/theme\/lumo\/vaadin-(.+)\.js';/
+  ],
+  to: [
+    `import './theme/lumo/vaadin-$1.js';\nexport * from './src/vaadin-$1.js';`
+  ]
+};

package.json

@@ -18,7 +18,9 @@
   },
   "homepage": "https://vaadin.com/components",
   "files": [
+    "vaadin-*.d.ts",
     "vaadin-*.js",
+    "@types",
     "src",
     "theme"
   ],

src/vaadin-split-layout.html

@@ -218,6 +218,7 @@
        * See [ThemableMixin – how to apply styles for shadow parts](https://github.com/vaadin/vaadin-themable-mixin/wiki)
        *
        * @memberof Vaadin
+       * @mixes Vaadin.ElementMixin
        * @mixes Vaadin.ThemableMixin
        * @mixes Polymer.GestureEventListeners
        * @demo demo/index.html
@@ -240,23 +241,29 @@
           return {
             /**
              * The split layout's orientation. Possible values are: `horizontal|vertical`.
+             * @type {!SplitLayoutOrientation}
              */
             orientation: {
               type: String,
               reflectToAttribute: true,
               value: 'horizontal'
             },
 
+            /** @private */
             _previousPrimaryPointerEvents: String,
+
+            /** @private */
             _previousSecondaryPointerEvents: String
           };
         }
 
+        /** @protected */
         ready() {
           super.ready();
           new Polymer.FlattenedNodesObserver(this, this._processChildren);
         }
 
+        /** @private */
         _processChildren() {
           this.getEffectiveChildren().forEach((child, i) => {
             if (i === 0) {
@@ -271,6 +278,7 @@
           });
         }
 
+        /** @private */
         _setFlexBasis(element, flexBasis, containerSize) {
           flexBasis = Math.max(0, Math.min(flexBasis, containerSize));
           if (flexBasis === 0) {
@@ -280,6 +288,7 @@
           element.style.flex = '1 1 ' + flexBasis + 'px';
         }
 
+        /** @private */
         _setPointerEventsNone(event) {
           if (!this._primaryChild || !this._secondaryChild) {
             return;
@@ -292,6 +301,7 @@
           event.preventDefault();
         }
 
+        /** @private */
         _restorePointerEvents() {
           if (!this._primaryChild || !this._secondaryChild) {
             return;
@@ -300,6 +310,7 @@
           this._secondaryChild.style.pointerEvents = this._previousSecondaryPointerEvents;
         }
 
+        /** @private */
         _onHandleTrack(event) {
           if (!this._primaryChild || !this._secondaryChild) {
             return;
@@ -332,6 +343,16 @@
           }
         }
 
+        /**
+         * Can be called to manually notify a resizable and its descendant
+         * resizables of a resize change.
+         */
+        notifyResize() {
+          // NOTE: we have this method here to include it to TypeScript definitions.
+          // gen-typescript-declarations does not generate types for `mixinBehaviors`
+          super.notifyResize();
+        }
+
         /**
          * Fired when the splitter is dragged. Non-bubbling. Fired for the splitter
          * element and any nested elements with `IronResizableBehavior`.