bit-tabs - npm Package Compare versions

Comparing version 0.2.1 to 0.3.0-pre.0

dist/amd/bit-tabs.js

@@ -1,2 +0,2 @@
-/*bit-tabs@0.2.1#bit-tabs*/
+/*bit-tabs@0.3.0-pre.0#bit-tabs*/
 define([
@@ -3,0 +3,0 @@ 'exports',

dist/amd/panel.stache.js

@@ -1,4 +0,8 @@
-/*bit-tabs@0.2.1#panel.stache!can@2.3.0-pre.2#view/stache/system*/
-define(['can/view/stache'], function (stache) {
-    return stache([
+/*bit-tabs@0.3.0-pre.0#panel.stache!steal-stache@3.0.0-pre.1#steal-stache*/
+define([
+    'module',
+    'can-stache',
+    'can-stache/src/mustache_core'
+], function (module, stache, mustacheCore) {
+    var renderer = stache([
         {
@@ -35,3 +39,10 @@ 'tokenType': 'special',
     ]);
+    return function (scope, options, nodeList) {
+        var moduleOptions = { module: module };
+        if (!(options instanceof mustacheCore.Options)) {
+            options = new mustacheCore.Options(options || {});
+        }
+        return renderer(scope, options.add(moduleOptions), nodeList);
+    };
 });
 //# sourceMappingURL=panel.js.map

dist/amd/tabs.stache.js

@@ -1,4 +0,8 @@
-/*bit-tabs@0.2.1#tabs.stache!can@2.3.0-pre.2#view/stache/system*/
-define(['can/view/stache'], function (stache) {
-    return stache([
+/*bit-tabs@0.3.0-pre.0#tabs.stache!steal-stache@3.0.0-pre.1#steal-stache*/
+define([
+    'module',
+    'can-stache',
+    'can-stache/src/mustache_core'
+], function (module, stache, mustacheCore) {
+    var renderer = stache([
         {
@@ -173,3 +177,10 @@ 'tokenType': 'start',
     ]);
+    return function (scope, options, nodeList) {
+        var moduleOptions = { module: module };
+        if (!(options instanceof mustacheCore.Options)) {
+            options = new mustacheCore.Options(options || {});
+        }
+        return renderer(scope, options.add(moduleOptions), nodeList);
+    };
 });
 //# sourceMappingURL=tabs.js.map

dist/amd/unstyled.js

@@ -1,10 +0,14 @@
-/*bit-tabs@0.2.1#unstyled*/
+/*bit-tabs@0.3.0-pre.0#unstyled*/
 define([
     'exports',
-    'can',
-    'can/view/stache',
+    'can-map',
+    'can-list',
+    'can-event/batch',
+    'can-stache',
+    'can-component',
     './util',
     './tabs.stache',
-    './panel.stache'
-], function (exports, _can, _canViewStache, _util, _tabsStache, _panelStache) {
+    './panel.stache',
+    'can-view-model'
+], function (exports, _canMap, _canList, _canEventBatchBatch, _canStache, _canComponent, _util, _tabsStache, _panelStache, _canViewModel) {
     'use strict';
@@ -15,23 +19,26 @@ Object.defineProperty(exports, '__esModule', { value: true });
     }
-    var _can2 = _interopRequireDefault(_can);
-    var _stache = _interopRequireDefault(_canViewStache);
+    var _CanMap = _interopRequireDefault(_canMap);
+    var _canBatch = _interopRequireDefault(_canEventBatchBatch);
+    var _stache = _interopRequireDefault(_canStache);
+    var _Component = _interopRequireDefault(_canComponent);
     var _util2 = _interopRequireDefault(_util);
     var _tabsStache2 = _interopRequireDefault(_tabsStache);
     var _panelStache2 = _interopRequireDefault(_panelStache);
-    var BitPanelVM = _can2['default'].Map.extend({ active: false });
+    var _canViewModel2 = _interopRequireDefault(_canViewModel);
+    var BitPanelVM = _CanMap['default'].extend({ active: false });
     exports.BitPanelVM = BitPanelVM;
-    _can2['default'].Component.extend({
+    _Component['default'].extend({
         tag: 'bit-panel',
         template: _panelStache2['default'],
-        scope: BitPanelVM,
+        viewModel: BitPanelVM,
         events: {
             inserted: function inserted() {
-                this.element.parent().scope().addPanel(this.scope);
+                (0, _canViewModel2['default'])(this.element.parentNode).addPanel(this.viewModel);
             },
             removed: function removed() {
-                this.element.parent().scope().removePanel(this.scope);
+                (0, _canViewModel2['default'])(this.element.parentNode).removePanel(this.scope);
             }
         }
     });
-    var BitTabsVM = _can2['default'].Map.extend({
+    var BitTabsVM = _CanMap['default'].extend({
         panels: [],
@@ -47,3 +54,3 @@ tabsClass: '',
             var panels = this.attr('panels');
-            _can2['default'].batch.start();
+            _canBatch['default'].start();
             panels.splice(panels.indexOf(panel), 1);
@@ -57,3 +64,3 @@ if (panel === this.attr('active')) {
             }
-            _can2['default'].batch.stop();
+            _canBatch['default'].stop();
         },
@@ -72,8 +79,8 @@ makeActive: function makeActive(panel) {
     exports.BitTabsVM = BitTabsVM;
-    _can2['default'].Component.extend({
+    _Component['default'].extend({
         tag: 'bit-tabs',
         template: _tabsStache2['default'],
-        scope: BitTabsVM
+        viewModel: BitTabsVM
     });
 });
 //# sourceMappingURL=unstyled.js.map

dist/amd/util.js

@@ -1,2 +0,2 @@
-/*bit-tabs@0.2.1#util*/
+/*bit-tabs@0.3.0-pre.0#util*/
 define(function (require, exports, module) {
@@ -3,0 +3,0 @@ module.exports = { name: 'util' };

dist/cjs/bit-tabs.js

@@ -1,2 +0,2 @@
-/*bit-tabs@0.2.1#bit-tabs*/
+/*bit-tabs@0.3.0-pre.0#bit-tabs*/
 'use strict';
@@ -3,0 +3,0 @@ Object.defineProperty(exports, '__esModule', { value: true });

dist/cjs/panel.stache.js

@@ -1,4 +0,5 @@
-/*bit-tabs@0.2.1#panel.stache!can@2.3.0-pre.2#view/stache/system*/
-var stache = require('can/view/stache/stache');
-module.exports = stache([
+/*bit-tabs@0.3.0-pre.0#panel.stache!steal-stache@3.0.0-pre.1#steal-stache*/
+var stache = require('can-stache');
+var mustacheCore = require('can-stache/src/mustache_core');
+var renderer = stache([
     {
@@ -35,2 +36,9 @@ 'tokenType': 'special',
 ]);
+module.exports = function (scope, options, nodeList) {
+    var moduleOptions = { module: module };
+    if (!(options instanceof mustacheCore.Options)) {
+        options = new mustacheCore.Options(options || {});
+    }
+    return renderer(scope, options.add(moduleOptions), nodeList);
+};
 //# sourceMappingURL=panel.js.map

dist/cjs/tabs.stache.js

@@ -1,4 +0,5 @@
-/*bit-tabs@0.2.1#tabs.stache!can@2.3.0-pre.2#view/stache/system*/
-var stache = require('can/view/stache/stache');
-module.exports = stache([
+/*bit-tabs@0.3.0-pre.0#tabs.stache!steal-stache@3.0.0-pre.1#steal-stache*/
+var stache = require('can-stache');
+var mustacheCore = require('can-stache/src/mustache_core');
+var renderer = stache([
     {
@@ -173,2 +174,9 @@ 'tokenType': 'start',
 ]);
+module.exports = function (scope, options, nodeList) {
+    var moduleOptions = { module: module };
+    if (!(options instanceof mustacheCore.Options)) {
+        options = new mustacheCore.Options(options || {});
+    }
+    return renderer(scope, options.add(moduleOptions), nodeList);
+};
 //# sourceMappingURL=tabs.js.map

dist/cjs/unstyled.js

@@ -1,2 +0,2 @@
-/*bit-tabs@0.2.1#unstyled*/
+/*bit-tabs@0.3.0-pre.0#unstyled*/
 'use strict';
@@ -7,6 +7,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 }
-var _can = require('can');
-var _can2 = _interopRequireDefault(_can);
-var _canViewStache = require('can/view/stache/stache');
-var _canViewStache2 = _interopRequireDefault(_canViewStache);
+var _canMap = require('can-map');
+var _canMap2 = _interopRequireDefault(_canMap);
+require('can-list');
+var _canEventBatchBatch = require('can-event/batch/batch');
+var _canEventBatchBatch2 = _interopRequireDefault(_canEventBatchBatch);
+var _canStache = require('can-stache');
+var _canStache2 = _interopRequireDefault(_canStache);
+var _canComponent = require('can-component');
+var _canComponent2 = _interopRequireDefault(_canComponent);
 var _util = require('./util.js');
@@ -18,18 +23,20 @@ var _util2 = _interopRequireDefault(_util);
 var _panelStache2 = _interopRequireDefault(_panelStache);
-var BitPanelVM = _can2['default'].Map.extend({ active: false });
+var _canViewModel = require('can-view-model');
+var _canViewModel2 = _interopRequireDefault(_canViewModel);
+var BitPanelVM = _canMap2['default'].extend({ active: false });
 exports.BitPanelVM = BitPanelVM;
-_can2['default'].Component.extend({
+_canComponent2['default'].extend({
     tag: 'bit-panel',
     template: _panelStache2['default'],
-    scope: BitPanelVM,
+    viewModel: BitPanelVM,
     events: {
         inserted: function inserted() {
-            this.element.parent().scope().addPanel(this.scope);
+            (0, _canViewModel2['default'])(this.element.parentNode).addPanel(this.viewModel);
         },
         removed: function removed() {
-            this.element.parent().scope().removePanel(this.scope);
+            (0, _canViewModel2['default'])(this.element.parentNode).removePanel(this.scope);
         }
     }
 });
-var BitTabsVM = _can2['default'].Map.extend({
+var BitTabsVM = _canMap2['default'].extend({
     panels: [],
@@ -45,3 +52,3 @@ tabsClass: '',
         var panels = this.attr('panels');
-        _can2['default'].batch.start();
+        _canEventBatchBatch2['default'].start();
         panels.splice(panels.indexOf(panel), 1);
@@ -55,3 +62,3 @@ if (panel === this.attr('active')) {
         }
-        _can2['default'].batch.stop();
+        _canEventBatchBatch2['default'].stop();
     },
@@ -70,7 +77,7 @@ makeActive: function makeActive(panel) {
 exports.BitTabsVM = BitTabsVM;
-_can2['default'].Component.extend({
+_canComponent2['default'].extend({
     tag: 'bit-tabs',
     template: _tabsStache2['default'],
-    scope: BitTabsVM
+    viewModel: BitTabsVM
 });
 //# sourceMappingURL=unstyled.js.map

dist/cjs/util.js

@@ -1,3 +0,3 @@
-/*bit-tabs@0.2.1#util*/
+/*bit-tabs@0.3.0-pre.0#util*/
 module.exports = { name: 'util' };
 //# sourceMappingURL=util.js.map

dist/global/bit-tabs.js

@@ -17,2 +17,17 @@ /*[global-shim-start]*/
 	};
+	var set = function(name, val){
+		var parts = name.split("."),
+			cur = global,
+			i, part, next;
+		for(i = 0; i < parts.length - 1; i++) {
+			part = parts[i];
+			next = cur[part];
+			if(!next) {
+				next = cur[part] = {};
+			}
+			cur = next;
+		}
+		part = parts[parts.length - 1];
+		cur[part] = val;
+	};
 	var modules = (global.define && global.define.modules) ||
@@ -55,3 +70,10 @@ (global._define && global._define.modules) || {};
 		// Favor CJS module.exports over the return value
-		modules[moduleName] = module && module.exports ? module.exports : result;
+		result = module && module.exports ? module.exports : result;
+		modules[moduleName] = result;
+
+		// Set global exports
+		var globalExport = exports[moduleName];
+		if(globalExport && !get(globalExport)) {
+			set(globalExport, result);
+		}
 	};
@@ -79,9 +101,13 @@ global.define.orig = origDefine;
 )
-/*bit-tabs@0.2.1#util*/
+/*bit-tabs@0.3.0-pre.0#util*/
 define('bit-tabs/util', function (require, exports, module) {
     module.exports = { name: 'util' };
 });
-/*bit-tabs@0.2.1#tabs.stache!can@2.3.0-pre.2#view/stache/system*/
-define('bit-tabs/tabs.stache', ['can/view/stache/stache'], function (stache) {
-    return stache([
+/*bit-tabs@0.3.0-pre.0#tabs.stache!steal-stache@3.0.0-pre.1#steal-stache*/
+define('bit-tabs/tabs.stache', [
+    'module',
+    'can-stache',
+    'can-stache/src/mustache_core'
+], function (module, stache, mustacheCore) {
+    var renderer = stache([
         {
@@ -256,6 +282,17 @@ 'tokenType': 'start',
     ]);
+    return function (scope, options, nodeList) {
+        var moduleOptions = { module: module };
+        if (!(options instanceof mustacheCore.Options)) {
+            options = new mustacheCore.Options(options || {});
+        }
+        return renderer(scope, options.add(moduleOptions), nodeList);
+    };
 });
-/*bit-tabs@0.2.1#panel.stache!can@2.3.0-pre.2#view/stache/system*/
-define('bit-tabs/panel.stache', ['can/view/stache/stache'], function (stache) {
-    return stache([
+/*bit-tabs@0.3.0-pre.0#panel.stache!steal-stache@3.0.0-pre.1#steal-stache*/
+define('bit-tabs/panel.stache', [
+    'module',
+    'can-stache',
+    'can-stache/src/mustache_core'
+], function (module, stache, mustacheCore) {
+    var renderer = stache([
         {
@@ -292,12 +329,23 @@ 'tokenType': 'special',
     ]);
+    return function (scope, options, nodeList) {
+        var moduleOptions = { module: module };
+        if (!(options instanceof mustacheCore.Options)) {
+            options = new mustacheCore.Options(options || {});
+        }
+        return renderer(scope, options.add(moduleOptions), nodeList);
+    };
 });
-/*bit-tabs@0.2.1#unstyled*/
+/*bit-tabs@0.3.0-pre.0#unstyled*/
 define('bit-tabs/unstyled', [
     'exports',
-    'can',
-    'can/view/stache/stache',
+    'can-map',
+    'can-list',
+    'can-event/batch/batch',
+    'can-stache',
+    'can-component',
     'bit-tabs/util',
     'bit-tabs/tabs.stache',
-    'bit-tabs/panel.stache'
-], function (exports, _can, _canViewStache, _util, _tabsStache, _panelStache) {
+    'bit-tabs/panel.stache',
+    'can-view-model'
+], function (exports, _canMap, _canList, _canEventBatchBatch, _canStache, _canComponent, _util, _tabsStache, _panelStache, _canViewModel) {
     'use strict';
@@ -308,23 +356,26 @@ Object.defineProperty(exports, '__esModule', { value: true });
     }
-    var _can2 = _interopRequireDefault(_can);
-    var _stache = _interopRequireDefault(_canViewStache);
+    var _CanMap = _interopRequireDefault(_canMap);
+    var _canBatch = _interopRequireDefault(_canEventBatchBatch);
+    var _stache = _interopRequireDefault(_canStache);
+    var _Component = _interopRequireDefault(_canComponent);
     var _util2 = _interopRequireDefault(_util);
     var _tabsStache2 = _interopRequireDefault(_tabsStache);
     var _panelStache2 = _interopRequireDefault(_panelStache);
-    var BitPanelVM = _can2['default'].Map.extend({ active: false });
+    var _canViewModel2 = _interopRequireDefault(_canViewModel);
+    var BitPanelVM = _CanMap['default'].extend({ active: false });
     exports.BitPanelVM = BitPanelVM;
-    _can2['default'].Component.extend({
+    _Component['default'].extend({
         tag: 'bit-panel',
         template: _panelStache2['default'],
-        scope: BitPanelVM,
+        viewModel: BitPanelVM,
         events: {
             inserted: function inserted() {
-                this.element.parent().scope().addPanel(this.scope);
+                (0, _canViewModel2['default'])(this.element.parentNode).addPanel(this.viewModel);
             },
             removed: function removed() {
-                this.element.parent().scope().removePanel(this.scope);
+                (0, _canViewModel2['default'])(this.element.parentNode).removePanel(this.scope);
             }
         }
     });
-    var BitTabsVM = _can2['default'].Map.extend({
+    var BitTabsVM = _CanMap['default'].extend({
         panels: [],
@@ -340,3 +391,3 @@ tabsClass: '',
             var panels = this.attr('panels');
-            _can2['default'].batch.start();
+            _canBatch['default'].start();
             panels.splice(panels.indexOf(panel), 1);
@@ -350,3 +401,3 @@ if (panel === this.attr('active')) {
             }
-            _can2['default'].batch.stop();
+            _canBatch['default'].stop();
         },
@@ -365,9 +416,9 @@ makeActive: function makeActive(panel) {
     exports.BitTabsVM = BitTabsVM;
-    _can2['default'].Component.extend({
+    _Component['default'].extend({
         tag: 'bit-tabs',
         template: _tabsStache2['default'],
-        scope: BitTabsVM
+        viewModel: BitTabsVM
     });
 });
-/*bit-tabs@0.2.1#bit-tabs*/
+/*bit-tabs@0.3.0-pre.0#bit-tabs*/
 define('bit-tabs', [
@@ -374,0 +425,0 @@ 'exports',

package.json

 {
   "name": "bit-tabs",
-  "version": "0.2.1",
+  "version": "0.3.0-pre.0",
   "description": "A tabs can.Component; allows switching between one of many panels using a tabs interface.",
@@ -25,4 +25,10 @@ "main": "dist/cjs/bit-tabs",
   "dependencies": {
-    "can": "^2.3.0-pre || ^2.3.0-beta || ^2.3.0",
-    "cssify": "^0.6.0"
+    "can-component": "^3.0.0-pre.8",
+    "can-event": "^3.0.0-pre.4",
+    "can-list": "^3.0.0-pre.3",
+    "can-map": "^3.0.0-pre.5",
+    "can-stache": "^3.0.0-pre.6",
+    "can-view-model": "^3.0.0-pre.2",
+    "cssify": "^0.6.0",
+    "steal-stache": "^3.0.0-pre.1"
   },
@@ -35,5 +41,5 @@ "devDependencies": {
     "jquery": ">1.9.0",
-    "steal": "^0.11.0-pre.3",
+    "steal": "^0.16.0",
     "steal-qunit": "^0.0.3",
-    "steal-tools": "^0.11.0-pre.1",
+    "steal-tools": "^0.16.0",
     "testee": "^0.2.5"
@@ -43,10 +49,7 @@ },
     "main": "bit-tabs",
-    "npmIgnore": [
-      "testee",
-      "cssify"
-    ],
     "directories": {
       "lib": "src"
     },
-    "transpiler": "babel"
+    "transpiler": "babel",
+    "npmAlgorithm": "flat"
   },
@@ -53,0 +56,0 @@ "repository": {

src/unstyled.js

@@ -1,21 +0,25 @@
-import can from "can";
-import stache from "can/view/stache/";
+import CanMap from "can-map";
+import "can-list";
+import canBatch from "can-event/batch/batch";
+import stache from "can-stache";
+import Component from "can-component";
 import util from "./util";
-import tabsStache from "./tabs.stache!";
-import panelStache from "./panel.stache!";
+import tabsStache from "./tabs.stache";
+import panelStache from "./panel.stache";
+import canViewModel from "can-view-model";
 
-export var BitPanelVM = can.Map.extend({
+export var BitPanelVM = CanMap.extend({
 	active: false
 });
 
-can.Component.extend({
+Component.extend({
 	tag:"bit-panel",
 	template: panelStache,
-	scope: BitPanelVM,
+	viewModel: BitPanelVM,
 	events: {
 		inserted: function(){
-			this.element.parent().scope().addPanel( this.scope );
+      canViewModel(this.element.parentNode).addPanel(this.viewModel);
 		},
 		removed: function(){
-			this.element.parent().scope().removePanel( this.scope );
+      canViewModel(this.element.parentNode).removePanel(this.scope);
 		}
@@ -25,3 +29,3 @@ }
 
-export var BitTabsVM = can.Map.extend({
+export var BitTabsVM = CanMap.extend({
 	// Contains a list of all panel scopes within the
@@ -48,3 +52,3 @@ // tabs element.
 		var panels = this.attr("panels");
-		can.batch.start();
+		canBatch.start();
 		panels.splice(panels.indexOf(panel),1);
@@ -59,3 +63,3 @@ // if the panel was active, make the first item active
 		}
-		can.batch.stop();
+		canBatch.stop();
 	},
@@ -77,6 +81,6 @@ makeActive: function(panel){
 
-can.Component.extend({
+Component.extend({
 	tag: "bit-tabs",
 	template: tabsStache,
-	scope: BitTabsVM
+	viewModel: BitTabsVM
 });

No alert changes

Improved metrics

Total package byte prevSize

63185

increased by13.32%

Lines of code

1319

increased by8.74%

Worsened metrics

Dependency count

8

increased by300%

Dependency changes

• + Addedcan-component@^3.0.0-pre.8

• + Addedcan-event@^3.0.0-pre.4

• + Addedcan-list@^3.0.0-pre.3

• + Addedcan-map@^3.0.0-pre.5

• + Addedcan-stache@^3.0.0-pre.6

• + Addedcan-view-model@^3.0.0-pre.2

• + Addedsteal-stache@^3.0.0-pre.1

• + Addedcan-ajax@1.4.1(transitive)

• + Addedcan-assign@1.3.3(transitive)

• + Addedcan-attribute-encoder@0.3.5(transitive)

• + Addedcan-cid@1.3.1(transitive)

• + Addedcan-component@3.3.11(transitive)

• + Addedcan-compute@3.3.10(transitive)

• + Addedcan-construct@3.5.7(transitive)

• + Addedcan-control@3.2.4(transitive)

• + Addedcan-define-lazy-value@1.1.1(transitive)

• + Addedcan-deparam@1.2.3(transitive)

• + Addedcan-dom-data-state@0.2.0(transitive)

• + Addedcan-dom-events@1.3.13(transitive)

• + Addedcan-event@3.7.7(transitive)

• + Addedcan-event-dom-enter@1.0.4(transitive)

• + Addedcan-event-dom-radiochange@1.0.5(transitive)

• + Addedcan-globals@1.2.2(transitive)

• + Addedcan-key-tree@1.2.2(transitive)

• + Addedcan-list@3.2.2(transitive)

• + Addedcan-log@1.0.2(transitive)

• + Addedcan-map@3.6.1(transitive)

• + Addedcan-namespace@1.0.0(transitive)

• + Addedcan-observation@3.3.6(transitive)

• + Addedcan-param@1.2.0(transitive)

• + Addedcan-parse-uri@1.2.2(transitive)

• + Addedcan-reflect@1.19.2(transitive)

• + Addedcan-reflect-promise@1.1.5(transitive)

• + Addedcan-route@3.3.4(transitive)

• + Addedcan-simple-map@3.3.2(transitive)

• + Addedcan-simple-observable@1.0.2(transitive)

• + Addedcan-stache@3.15.1(transitive)

• + Addedcan-stache-bindings@3.11.12(transitive)

• + Addedcan-stache-key@0.1.4(transitive)

• + Addedcan-string@1.1.0(transitive)

• + Addedcan-symbol@1.7.0(transitive)

• + Addedcan-types@1.4.0(transitive)

• + Addedcan-util@3.14.0(transitive)

• + Addedcan-view-callbacks@3.2.5(transitive)

• + Addedcan-view-import@3.2.9(transitive)

• + Addedcan-view-live@3.2.6(transitive)

• + Addedcan-view-model@3.5.2(transitive)

• + Addedcan-view-nodelist@3.1.1(transitive)

• + Addedcan-view-parser@3.8.3(transitive)

• + Addedcan-view-scope@3.6.0(transitive)

• + Addedcan-view-target@3.1.6(transitive)

• + Addedjquery@3.7.1(transitive)

• + Addedsteal-stache@3.1.3(transitive)

• - Removedcan@^2.3.0-pre || ^2.3.0-beta || ^2.3.0

• - Removedcan@2.3.35(transitive)

• - Removedcan-simple-dom@0.3.0(transitive)

• - Removedjquery@2.2.4(transitive)

• - Removedmicro-location@0.1.5(transitive)

• - Removedsimple-html-tokenizer@0.2.6(transitive)