@iiif/iiif-tree-component - npm Package Compare versions

Comparing version 1.1.15 to 1.1.16

dist/TreeComponent.js

@@ -39,4 +39,6 @@ var __extends = (this && this.__extends) || (function () {
                 treeTemplate: '<li>\
-                                    {^{if nodes && nodes.length}}\
+                                    {^{if nodes && nodes.length }}\
                                         <div class="toggle" data-link="class{merge:expanded toggle=\'expanded\'}"></div>\
+                                    {{else isManifest() || isCollection() }}\
+                                        <div class="toggle"></div>\
                                     {{else}}\
@@ -68,3 +70,8 @@ <div class="spacer"></div>\
                         var node = this.data;
-                        that._setNodeExpanded(node, !node.expanded);
+                        if (node.nodes && node.nodes.length) {
+                            that._setNodeExpanded(node, !node.expanded);
+                        }
+                        else {
+                            that.fire(TreeComponent.Events.TREE_NODE_SELECTED, node);
+                        }
                     },
@@ -71,0 +78,0 @@ toggleMultiSelect: function () {

dist/TreeComponent.min.js

@@ -1,1 +0,1 @@
-var __extends=this&&this.__extends||function(){var extendStatics=function(d,b){extendStatics=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(d,b){d.__proto__=b}||function(d,b){for(var p in b)if(b.hasOwnProperty(p))d[p]=b[p]};return extendStatics(d,b)};return function(d,b){extendStatics(d,b);function __(){this.constructor=d}d.prototype=b===null?Object.create(b):(__.prototype=b.prototype,new __)}}();var IIIFComponents;(function(IIIFComponents){var TreeComponent=function(_super){__extends(TreeComponent,_super);function TreeComponent(options){var _this=_super.call(this,options)||this;_this._data=_this.data();_this._data=_this.options.data;_this._init();_this._resize();return _this}TreeComponent.prototype._init=function(){var success=_super.prototype._init.call(this);if(!success){console.error("TreeComponent failed to initialise")}var that=this;this._$tree=$('<ul class="tree"></ul>');this._$element.append(this._$tree);$.templates({pageTemplate:"{^{for nodes}}                                    {^{tree/}}                                {{/for}}",treeTemplate:'<li>                                    {^{if nodes && nodes.length}}                                        <div class="toggle" data-link="class{merge:expanded toggle=\'expanded\'}"></div>                                    {{else}}                                    <div class="spacer"></div>                                    {{/if}}                                    {^{if multiSelectEnabled}}                                        <input id="tree-checkbox-{{>id}}" type="checkbox" data-link="checked{:multiSelected ? \'checked\' : \'\'}" class="multiSelect" />                                    {{/if}}                                    {^{if selected}}                                        <a id="tree-link-{{>id}}" href="#" title="{{>label}}" class="selected">{{>label}}</a>                                    {{else}}                                        <a id="tree-link-{{>id}}" href="#" title="{{>label}}">{{>label}}</a>                                    {{/if}}                                </li>                                {^{if expanded}}                                    <li>                                        <ul>                                            {^{for nodes}}                                                {^{tree/}}                                            {{/for}}                                        </ul>                                    </li>                                {{/if}}'});$.views.tags({tree:{toggleExpanded:function(){var node=this.data;that._setNodeExpanded(node,!node.expanded)},toggleMultiSelect:function(){var node=this.data;that._setNodeMultiSelected(node,!!!node.multiSelected);if(node.isRange()){var multiSelectState=that._getMultiSelectState();if(multiSelectState){multiSelectState.selectRange(node.data,node.multiSelected)}}that.fire(TreeComponent.Events.TREE_NODE_MULTISELECTED,node)},init:function(tagCtx,linkCtx,ctx){this.data=tagCtx.view.data},onAfterLink:function(){var self=this;self.contents("li").first().on("click",".toggle",function(){self.toggleExpanded()}).on("click","a",function(e){e.preventDefault();var node=self.data;if(node.nodes.length&&that._data.branchNodesExpandOnClick){self.toggleExpanded()}if(node.multiSelectEnabled){self.toggleMultiSelect()}else{if(!node.nodes.length){that.fire(TreeComponent.Events.TREE_NODE_SELECTED,node);that.selectNode(node)}else if(that._data.branchNodesSelectable){that.fire(TreeComponent.Events.TREE_NODE_SELECTED,node);that.selectNode(node)}}}).on("click","input.multiSelect",function(e){self.toggleMultiSelect()})},template:$.templates.treeTemplate}});return success};TreeComponent.prototype.set=function(data){var _this=this;this._data=Object.assign(this._data,data);if(!this._data.helper){return}this._rootNode=this._data.helper.getTree(this._data.topRangeIndex,this._data.treeSortType);this._allNodes=null;this._multiSelectableNodes=null;this._$tree.link($.templates.pageTemplate,this._rootNode);var multiSelectState=this._getMultiSelectState();if(multiSelectState){var _loop_1=function(i){var range=multiSelectState.ranges[i];var node=this_1._getMultiSelectableNodes().en().where(function(n){return n.data.id===range.id}).first();if(node){this_1._setNodeMultiSelectEnabled(node,range.multiSelectEnabled);this_1._setNodeMultiSelected(node,range.multiSelected)}};var this_1=this;for(var i=0;i<multiSelectState.ranges.length;i++){_loop_1(i)}}var allNodes=this.getAllNodes();if(this._data.autoExpand){allNodes.forEach(function(node,index){if(node.nodes.length){_this._setNodeExpanded(node,true)}})}};TreeComponent.prototype._getMultiSelectState=function(){if(this._data.helper){return this._data.helper.getMultiSelectState()}return null};TreeComponent.prototype.data=function(){return{autoExpand:false,branchNodesExpandOnClick:true,branchNodesSelectable:true,helper:null,topRangeIndex:0,treeSortType:Manifold.TreeSortType.NONE}};TreeComponent.prototype.allNodesSelected=function(){var applicableNodes=this._getMultiSelectableNodes();var multiSelectedNodes=this.getMultiSelectedNodes();return applicableNodes.length===multiSelectedNodes.length};TreeComponent.prototype._getMultiSelectableNodes=function(){var _this=this;if(this._multiSelectableNodes){return this._multiSelectableNodes}return this._multiSelectableNodes=this.getAllNodes().en().where(function(n){return _this._nodeIsMultiSelectable(n)}).toArray()};TreeComponent.prototype._nodeIsMultiSelectable=function(node){return node.isManifest()&&node.nodes.length>0||node.isRange()};TreeComponent.prototype.getAllNodes=function(){if(this._allNodes){return this._allNodes}return this._allNodes=this._rootNode.nodes.en().traverseUnique(function(node){return node.nodes}).toArray()};TreeComponent.prototype.getMultiSelectedNodes=function(){var _this=this;return this.getAllNodes().en().where(function(n){return _this._nodeIsMultiSelectable(n)&&n.multiSelected}).toArray()};TreeComponent.prototype.getNodeById=function(id){return this.getAllNodes().en().where(function(n){return n.id===id}).first()};TreeComponent.prototype.expandParents=function(node,expand){if(!node.parentNode)return;this._setNodeExpanded(node.parentNode,expand);this.expandParents(node.parentNode,expand)};TreeComponent.prototype._setNodeSelected=function(node,selected){$.observable(node).setProperty("selected",selected)};TreeComponent.prototype._setNodeExpanded=function(node,expanded){$.observable(node).setProperty("expanded",expanded)};TreeComponent.prototype._setNodeMultiSelected=function(node,selected){$.observable(node).setProperty("multiSelected",selected)};TreeComponent.prototype._setNodeMultiSelectEnabled=function(node,enabled){$.observable(node).setProperty("multiSelectEnabled",enabled)};TreeComponent.prototype.selectPath=function(path){if(!this._rootNode)return;var pathArr=path.split("/");if(pathArr.length>=1)pathArr.shift();var node=this.getNodeByPath(this._rootNode,pathArr);this.selectNode(node)};TreeComponent.prototype.deselectCurrentNode=function(){if(this.selectedNode)this._setNodeSelected(this.selectedNode,false)};TreeComponent.prototype.selectNode=function(node){if(!this._rootNode)return;this.deselectCurrentNode();this.selectedNode=node;this._setNodeSelected(this.selectedNode,true)};TreeComponent.prototype.expandNode=function(node,expanded){if(!this._rootNode)return;this._setNodeExpanded(node,expanded)};TreeComponent.prototype.getNodeByPath=function(parentNode,path){if(path.length===0)return parentNode;var index=Number(path.shift());var node=parentNode.nodes[index];return this.getNodeByPath(node,path)};TreeComponent.prototype.show=function(){this._$element.show()};TreeComponent.prototype.hide=function(){this._$element.hide()};TreeComponent.prototype._resize=function(){};return TreeComponent}(_Components.BaseComponent);IIIFComponents.TreeComponent=TreeComponent})(IIIFComponents||(IIIFComponents={}));(function(IIIFComponents){var TreeComponent;(function(TreeComponent){var Events=function(){function Events(){}Events.TREE_NODE_MULTISELECTED="treeNodeMultiSelected";Events.TREE_NODE_SELECTED="treeNodeSelected";return Events}();TreeComponent.Events=Events})(TreeComponent=IIIFComponents.TreeComponent||(IIIFComponents.TreeComponent={}))})(IIIFComponents||(IIIFComponents={}));(function(g){if(!g.IIIFComponents){g.IIIFComponents=IIIFComponents}else{g.IIIFComponents.TreeComponent=IIIFComponents.TreeComponent}})(window);
+var __extends=this&&this.__extends||function(){var extendStatics=function(d,b){extendStatics=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(d,b){d.__proto__=b}||function(d,b){for(var p in b)if(b.hasOwnProperty(p))d[p]=b[p]};return extendStatics(d,b)};return function(d,b){extendStatics(d,b);function __(){this.constructor=d}d.prototype=b===null?Object.create(b):(__.prototype=b.prototype,new __)}}();var IIIFComponents;(function(IIIFComponents){var TreeComponent=function(_super){__extends(TreeComponent,_super);function TreeComponent(options){var _this=_super.call(this,options)||this;_this._data=_this.data();_this._data=_this.options.data;_this._init();_this._resize();return _this}TreeComponent.prototype._init=function(){var success=_super.prototype._init.call(this);if(!success){console.error("TreeComponent failed to initialise")}var that=this;this._$tree=$('<ul class="tree"></ul>');this._$element.append(this._$tree);$.templates({pageTemplate:"{^{for nodes}}                                    {^{tree/}}                                {{/for}}",treeTemplate:'<li>                                    {^{if nodes && nodes.length }}                                        <div class="toggle" data-link="class{merge:expanded toggle=\'expanded\'}"></div>                                    {{else isManifest() || isCollection() }}                                        <div class="toggle"></div>                                    {{else}}                                    <div class="spacer"></div>                                    {{/if}}                                    {^{if multiSelectEnabled}}                                        <input id="tree-checkbox-{{>id}}" type="checkbox" data-link="checked{:multiSelected ? \'checked\' : \'\'}" class="multiSelect" />                                    {{/if}}                                    {^{if selected}}                                        <a id="tree-link-{{>id}}" href="#" title="{{>label}}" class="selected">{{>label}}</a>                                    {{else}}                                        <a id="tree-link-{{>id}}" href="#" title="{{>label}}">{{>label}}</a>                                    {{/if}}                                </li>                                {^{if expanded}}                                    <li>                                        <ul>                                            {^{for nodes}}                                                {^{tree/}}                                            {{/for}}                                        </ul>                                    </li>                                {{/if}}'});$.views.tags({tree:{toggleExpanded:function(){var node=this.data;if(node.nodes&&node.nodes.length){that._setNodeExpanded(node,!node.expanded)}else{that.fire(TreeComponent.Events.TREE_NODE_SELECTED,node)}},toggleMultiSelect:function(){var node=this.data;that._setNodeMultiSelected(node,!!!node.multiSelected);if(node.isRange()){var multiSelectState=that._getMultiSelectState();if(multiSelectState){multiSelectState.selectRange(node.data,node.multiSelected)}}that.fire(TreeComponent.Events.TREE_NODE_MULTISELECTED,node)},init:function(tagCtx,linkCtx,ctx){this.data=tagCtx.view.data},onAfterLink:function(){var self=this;self.contents("li").first().on("click",".toggle",function(){self.toggleExpanded()}).on("click","a",function(e){e.preventDefault();var node=self.data;if(node.nodes.length&&that._data.branchNodesExpandOnClick){self.toggleExpanded()}if(node.multiSelectEnabled){self.toggleMultiSelect()}else{if(!node.nodes.length){that.fire(TreeComponent.Events.TREE_NODE_SELECTED,node);that.selectNode(node)}else if(that._data.branchNodesSelectable){that.fire(TreeComponent.Events.TREE_NODE_SELECTED,node);that.selectNode(node)}}}).on("click","input.multiSelect",function(e){self.toggleMultiSelect()})},template:$.templates.treeTemplate}});return success};TreeComponent.prototype.set=function(data){var _this=this;this._data=Object.assign(this._data,data);if(!this._data.helper){return}this._rootNode=this._data.helper.getTree(this._data.topRangeIndex,this._data.treeSortType);this._allNodes=null;this._multiSelectableNodes=null;this._$tree.link($.templates.pageTemplate,this._rootNode);var multiSelectState=this._getMultiSelectState();if(multiSelectState){var _loop_1=function(i){var range=multiSelectState.ranges[i];var node=this_1._getMultiSelectableNodes().en().where(function(n){return n.data.id===range.id}).first();if(node){this_1._setNodeMultiSelectEnabled(node,range.multiSelectEnabled);this_1._setNodeMultiSelected(node,range.multiSelected)}};var this_1=this;for(var i=0;i<multiSelectState.ranges.length;i++){_loop_1(i)}}var allNodes=this.getAllNodes();if(this._data.autoExpand){allNodes.forEach(function(node,index){if(node.nodes.length){_this._setNodeExpanded(node,true)}})}};TreeComponent.prototype._getMultiSelectState=function(){if(this._data.helper){return this._data.helper.getMultiSelectState()}return null};TreeComponent.prototype.data=function(){return{autoExpand:false,branchNodesExpandOnClick:true,branchNodesSelectable:true,helper:null,topRangeIndex:0,treeSortType:Manifold.TreeSortType.NONE}};TreeComponent.prototype.allNodesSelected=function(){var applicableNodes=this._getMultiSelectableNodes();var multiSelectedNodes=this.getMultiSelectedNodes();return applicableNodes.length===multiSelectedNodes.length};TreeComponent.prototype._getMultiSelectableNodes=function(){var _this=this;if(this._multiSelectableNodes){return this._multiSelectableNodes}return this._multiSelectableNodes=this.getAllNodes().en().where(function(n){return _this._nodeIsMultiSelectable(n)}).toArray()};TreeComponent.prototype._nodeIsMultiSelectable=function(node){return node.isManifest()&&node.nodes.length>0||node.isRange()};TreeComponent.prototype.getAllNodes=function(){if(this._allNodes){return this._allNodes}return this._allNodes=this._rootNode.nodes.en().traverseUnique(function(node){return node.nodes}).toArray()};TreeComponent.prototype.getMultiSelectedNodes=function(){var _this=this;return this.getAllNodes().en().where(function(n){return _this._nodeIsMultiSelectable(n)&&n.multiSelected}).toArray()};TreeComponent.prototype.getNodeById=function(id){return this.getAllNodes().en().where(function(n){return n.id===id}).first()};TreeComponent.prototype.expandParents=function(node,expand){if(!node.parentNode)return;this._setNodeExpanded(node.parentNode,expand);this.expandParents(node.parentNode,expand)};TreeComponent.prototype._setNodeSelected=function(node,selected){$.observable(node).setProperty("selected",selected)};TreeComponent.prototype._setNodeExpanded=function(node,expanded){$.observable(node).setProperty("expanded",expanded)};TreeComponent.prototype._setNodeMultiSelected=function(node,selected){$.observable(node).setProperty("multiSelected",selected)};TreeComponent.prototype._setNodeMultiSelectEnabled=function(node,enabled){$.observable(node).setProperty("multiSelectEnabled",enabled)};TreeComponent.prototype.selectPath=function(path){if(!this._rootNode)return;var pathArr=path.split("/");if(pathArr.length>=1)pathArr.shift();var node=this.getNodeByPath(this._rootNode,pathArr);this.selectNode(node)};TreeComponent.prototype.deselectCurrentNode=function(){if(this.selectedNode)this._setNodeSelected(this.selectedNode,false)};TreeComponent.prototype.selectNode=function(node){if(!this._rootNode)return;this.deselectCurrentNode();this.selectedNode=node;this._setNodeSelected(this.selectedNode,true)};TreeComponent.prototype.expandNode=function(node,expanded){if(!this._rootNode)return;this._setNodeExpanded(node,expanded)};TreeComponent.prototype.getNodeByPath=function(parentNode,path){if(path.length===0)return parentNode;var index=Number(path.shift());var node=parentNode.nodes[index];return this.getNodeByPath(node,path)};TreeComponent.prototype.show=function(){this._$element.show()};TreeComponent.prototype.hide=function(){this._$element.hide()};TreeComponent.prototype._resize=function(){};return TreeComponent}(_Components.BaseComponent);IIIFComponents.TreeComponent=TreeComponent})(IIIFComponents||(IIIFComponents={}));(function(IIIFComponents){var TreeComponent;(function(TreeComponent){var Events=function(){function Events(){}Events.TREE_NODE_MULTISELECTED="treeNodeMultiSelected";Events.TREE_NODE_SELECTED="treeNodeSelected";return Events}();TreeComponent.Events=Events})(TreeComponent=IIIFComponents.TreeComponent||(IIIFComponents.TreeComponent={}))})(IIIFComponents||(IIIFComponents={}));(function(g){if(!g.IIIFComponents){g.IIIFComponents=IIIFComponents}else{g.IIIFComponents.TreeComponent=IIIFComponents.TreeComponent}})(window);

package.json

 {
   "name": "@iiif/iiif-tree-component",
-  "version": "1.1.15",
+  "version": "1.1.16",
   "description": "",
@@ -5,0 +5,0 @@ "main": "./dist/TreeComponent.js",

No alert changes

Improved metrics

Total package byte prevSize

31376

2.05%

Lines of code

508

1.6%

No dependency changes