From 6056489186dc40434daa9752a1ef8409ff9aea97 Mon Sep 17 00:00:00 2001 From: Arthur Clemens Date: Sun, 21 Feb 2016 17:36:42 +0100 Subject: [PATCH] Update examples --- .gitignore | 2 - examples/build/app/index/index-bundle.js | 76 +++++++++++++++++++ examples/plain/app/app.css | 11 --- examples/plain/app/app.js | 62 --------------- examples/plain/app/grid.css | 64 ---------------- examples/plain/data/page-1.json | 49 ------------ examples/plain/data/page-10.json | 49 ------------ examples/plain/data/page-11.json | 49 ------------ examples/plain/data/page-12.json | 49 ------------ examples/plain/data/page-13.json | 49 ------------ examples/plain/data/page-14.json | 49 ------------ examples/plain/data/page-15.json | 49 ------------ examples/plain/data/page-16.json | 49 ------------ examples/plain/data/page-2.json | 49 ------------ examples/plain/data/page-3.json | 49 ------------ examples/plain/data/page-4.json | 49 ------------ examples/plain/data/page-5.json | 49 ------------ examples/plain/data/page-6.json | 49 ------------ examples/plain/data/page-7.json | 49 ------------ examples/plain/data/page-8.json | 49 ------------ examples/plain/data/page-9.json | 49 ------------ examples/plain/index.html | 26 ------- examples/plain/vendor/mithril-infinite.css | 20 ----- examples/plain/vendor/mithril-infinite.js | 8 -- examples/plain/vendor/mithril.min.js | 8 -- examples/plain/vendor/mithril.min.js.map | 1 - examples/plain/vendor/verge.min.js | 6 -- examples/src/app/fixed/fixed-style.es6.js | 6 +- examples/src/app/fixed/fixed-style.js | 2 +- examples/src/app/grid/grid-style.es6.js | 18 +++-- examples/src/app/grid/grid-style.js | 2 +- examples/src/app/grid/grid.es6.js | 1 + examples/src/app/grid/grid.js | 2 +- .../app/horizontal/horizontal-style.es6.js | 12 +-- .../src/app/horizontal/horizontal-style.js | 2 +- examples/src/app/images/images-style.es6.js | 14 ++-- examples/src/app/images/images-style.js | 2 +- examples/src/app/index/index.es6.js | 3 - examples/src/app/index/index.js | 2 +- examples/src/app/paging/paging-style.es6.js | 8 +- examples/src/app/paging/paging-style.js | 2 +- examples/src/app/paging/paging.es6.js | 2 +- examples/src/app/paging/paging.js | 2 +- examples/src/app/short/short-style.es6.js | 4 +- examples/src/app/short/short-style.js | 2 +- examples/src/app/table/table-style.es6.js | 10 +-- examples/src/app/table/table-style.js | 2 +- examples/src/config.js | 1 - examples/src/package.json | 7 +- examples/src/scripts/build-postflight.js | 19 ----- examples/src/scripts/build-preflight.js | 18 ----- examples/src/scripts/build.js | 3 +- examples/src/scripts/dev-build-prepare.js | 40 ++++++++++ examples/src/scripts/test-build-prepare.js | 44 +++++++++++ 54 files changed, 213 insertions(+), 1085 deletions(-) create mode 100644 examples/build/app/index/index-bundle.js delete mode 100644 examples/plain/app/app.css delete mode 100644 examples/plain/app/app.js delete mode 100644 examples/plain/app/grid.css delete mode 100644 examples/plain/data/page-1.json delete mode 100644 examples/plain/data/page-10.json delete mode 100644 examples/plain/data/page-11.json delete mode 100644 examples/plain/data/page-12.json delete mode 100644 examples/plain/data/page-13.json delete mode 100644 examples/plain/data/page-14.json delete mode 100644 examples/plain/data/page-15.json delete mode 100644 examples/plain/data/page-16.json delete mode 100644 examples/plain/data/page-2.json delete mode 100644 examples/plain/data/page-3.json delete mode 100644 examples/plain/data/page-4.json delete mode 100644 examples/plain/data/page-5.json delete mode 100644 examples/plain/data/page-6.json delete mode 100644 examples/plain/data/page-7.json delete mode 100644 examples/plain/data/page-8.json delete mode 100644 examples/plain/data/page-9.json delete mode 100644 examples/plain/index.html delete mode 100644 examples/plain/vendor/mithril-infinite.css delete mode 100644 examples/plain/vendor/mithril-infinite.js delete mode 100644 examples/plain/vendor/mithril.min.js delete mode 100644 examples/plain/vendor/mithril.min.js.map delete mode 100644 examples/plain/vendor/verge.min.js delete mode 100644 examples/src/scripts/build-postflight.js delete mode 100644 examples/src/scripts/build-preflight.js create mode 100644 examples/src/scripts/dev-build-prepare.js create mode 100644 examples/src/scripts/test-build-prepare.js diff --git a/.gitignore b/.gitignore index 3098f21..55d8124 100644 --- a/.gitignore +++ b/.gitignore @@ -3,6 +3,4 @@ node_modules tmp tmp-npm -examples/build/app/index/index-bundle.js - npm-debug.log diff --git a/examples/build/app/index/index-bundle.js b/examples/build/app/index/index-bundle.js new file mode 100644 index 0000000..c43c4b3 --- /dev/null +++ b/examples/build/app/index/index-bundle.js @@ -0,0 +1,76 @@ +(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;oGithub.')])};exports["default"]=content; + +},{"./github-style":2,"app/app/styler":4,"mithril":24}],4:[function(require,module,exports){ +"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(exports,"__esModule",{value:!0});var _j2c=require("j2c"),_j2c2=_interopRequireDefault(_j2c),remove=function(e){if(e){var t=document.getElementById(e);t&&t.parentNode.removeChild(t)}},add=function(e){for(var t=arguments.length,r=Array(t>1?t-1:0),n=1;t>n;n++)r[n-1]=arguments[n];remove(e);var o=document.createElement("style");e&&o.setAttribute("id",e),r.forEach(function(e){Object.keys(e).length&&e.forEach(function(e){var t={"@global":e},r=_j2c2["default"].sheet(t);o.appendChild(document.createTextNode(r))})}),document.head.appendChild(o)};exports["default"]={add:add,remove:remove}; + +},{"j2c":22}],5:[function(require,module,exports){ +"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports["default"]={size:320,size_px:"320px",text_color:"#263238"}; + +},{}],6:[function(require,module,exports){ +"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var styles=[{".mithril-infinite__scroll-view.table.fixed":{" .mithril-infinite__scroll-content":{" .mithril-infinite__page":{" .list-item":{"max-height":"36px"}}," .github":{height:"133px"}}}}];exports["default"]=styles; + +},{}],7:[function(require,module,exports){ +"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(exports,"__esModule",{value:!0});var _mithril=require("mithril"),_mithril2=_interopRequireDefault(_mithril),_github=require("app/app/github"),_github2=_interopRequireDefault(_github),_mithrilInfinite=require("mithril-infinite"),_mithrilInfinite2=_interopRequireDefault(_mithrilInfinite),_styler=require("app/app/styler"),_styler2=_interopRequireDefault(_styler),_tableStyle=require("../table/table-style"),_tableStyle2=_interopRequireDefault(_tableStyle),_fixedStyle=require("./fixed-style"),_fixedStyle2=_interopRequireDefault(_fixedStyle);_styler2["default"].add("fixed",_fixedStyle2["default"]);var item=function(e,t){return(0,_mithril2["default"])(".list-item",[(0,_mithril2["default"])("div",t.page),(0,_mithril2["default"])("div",e||_mithril2["default"].trust(" "))])},PAGE_COUNT=20,PAGE_ITEMS=20,ITEM_HEIGHT=37,AFTER_CONTENT_HEIGHT=133,component={};component.view=function(){var e=PAGE_COUNT*PAGE_ITEMS*ITEM_HEIGHT+AFTER_CONTENT_HEIGHT;return _mithril2["default"].component(_mithrilInfinite2["default"],{maxPages:PAGE_COUNT,item:item,pageUrl:function(e){return"app/fixed/data/page-"+e+".json"},"class":"table fixed",pageSize:function(){return PAGE_ITEMS*ITEM_HEIGHT},contentSize:e,after:(0,_github2["default"])()})},exports["default"]=component; + +},{"../table/table-style":20,"./fixed-style":6,"app/app/github":3,"app/app/styler":4,"mithril":24,"mithril-infinite":23}],8:[function(require,module,exports){ +"use strict";function _defineProperty(i,e,t){return e in i?Object.defineProperty(i,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):i[e]=t,i}Object.defineProperty(exports,"__esModule",{value:!0});var gridSpacing=8,itemWidth=210,itemWidthPx=itemWidth+"px",imageHolderPadding=10,imageHolderPaddingPx=imageHolderPadding+"px",makeMediaStyle=function(i,e){return _defineProperty({},"@media ("+i+"-width: "+((e+1)*itemWidth+e*gridSpacing)+"px)",{".mithril-infinite__scroll-view.grid":{" .mithril-infinite__scroll-content":{" .mithril-infinite__content":{width:e*itemWidth+(e-1)*gridSpacing+"px"}}}})},styles=[makeMediaStyle("min",4),makeMediaStyle("max",4),makeMediaStyle("max",3),makeMediaStyle("max",2),makeMediaStyle("max",1),{".mithril-infinite__scroll-view.grid":{margin:"0 auto"," .mithril-infinite__scroll-content":{padding:2*gridSpacing+"px 0"," .mithril-infinite__content":{margin:"0 auto","font-size":0,"line-height":0," .mithril-infinite__page":{margin:"0 "+-gridSpacing/2+"px"}," .grid-item":{display:"inline-block",height:itemWidthPx,width:itemWidthPx,"background-color":"#f0f0f0",margin:[0,gridSpacing/2,gridSpacing,gridSpacing/2].map(function(i){return i+"px"}).join(" ")," .image-holder":{height:itemWidth-2*imageHolderPadding+"px",width:itemWidth-2*imageHolderPadding+"px",overflow:"hidden",position:"relative",margin:imageHolderPaddingPx," .image":{position:"absolute",left:"auto",top:0,right:"auto",bottom:0,width:"100%","background-size":"contain","background-repeat":"no-repeat","background-position-x":"50%",opacity:0,transition:"opacity .7s"}}}}}}}];exports["default"]=styles; + +},{}],9:[function(require,module,exports){ +"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(exports,"__esModule",{value:!0});var _mithril=require("mithril"),_mithril2=_interopRequireDefault(_mithril),_github=require("app/app/github"),_github2=_interopRequireDefault(_github),_mithrilInfinite=require("mithril-infinite"),_mithrilInfinite2=_interopRequireDefault(_mithrilInfinite),_styler=require("app/app/styler"),_styler2=_interopRequireDefault(_styler),_gridStyle=require("./grid-style"),_gridStyle2=_interopRequireDefault(_gridStyle);_styler2["default"].add("grid",_gridStyle2["default"]);var IMG_URL="http://arthurclemens.github.io/assets/mithril-infinite-scroll/thumbs/",vm={seen:{}},showImage=function(e,i){var t=IMG_URL+i,r=function(){e.style.backgroundImage="url("+t+")",e.style.opacity=1,vm.seen[t]=1};if(vm.seen[t])r();else{var n=new Image;n.onload=function(){r()},n.src=t}},item=function(e){return(0,_mithril2["default"])("a.grid-item",(0,_mithril2["default"])(".image-holder",(0,_mithril2["default"])(".image",{config:function(i,t,r){r.inited||_mithrilInfinite2["default"].isElementInViewport({el:i})&&(showImage(i,e.src),r.inited=!0)}})))},component={};component.view=function(){return _mithril2["default"].component(_mithrilInfinite2["default"],{maxPages:16,preloadPages:3,item:item,pageUrl:function(e){return"app/grid/data/page-"+e+".json"},"class":"grid",pageChange:function(e){console&&console.log("page",e)},after:(0,_github2["default"])()})},exports["default"]=component; + +},{"./grid-style":8,"app/app/github":3,"app/app/styler":4,"mithril":24,"mithril-infinite":23}],10:[function(require,module,exports){ +"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var grid_spacing=8,grid_spacing_px=grid_spacing+"px",item_size=210,item_size_px=item_size+"px",image_padding=10,image_padding_px=image_padding+"px",styles=[{".mithril-infinite__scroll-view.horizontal":{margin:0,height:item_size+20+"px",background:"#fff"," .mithril-infinite__scroll-content":{padding:0,margin:0,"font-size":0," .mithril-infinite__content, .mithril-infinite__padding-before, .mithril-infinite__padding-after":{display:"inline-block"}," .mithril-infinite__content":{margin:0,"font-size":0," .mithril-infinite__page":{display:"inline-block",height:item_size_px}," .grid-item":{display:"inline-block",height:item_size_px,width:item_size_px,"background-color":"#f0f0f0",margin:"0 "+grid_spacing/2+"px"," .image-holder":{height:item_size-2*image_padding+"px",width:item_size-2*image_padding+"px",overflow:"hidden",position:"relative",margin:image_padding_px," .image":{position:"absolute",left:"auto",top:0,right:"auto",bottom:0,width:"100%","background-size":"contain","background-repeat":"no-repeat","background-position-x":"50%",opacity:0,transition:"opacity .7s"}}}}}}}];exports["default"]=styles; + +},{}],11:[function(require,module,exports){ +"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(exports,"__esModule",{value:!0});var _mithril=require("mithril"),_mithril2=_interopRequireDefault(_mithril),_github=require("app/app/github"),_github2=_interopRequireDefault(_github),_mithrilInfinite=require("mithril-infinite"),_mithrilInfinite2=_interopRequireDefault(_mithrilInfinite),_styler=require("app/app/styler"),_styler2=_interopRequireDefault(_styler),_horizontalStyle=require("./horizontal-style"),_horizontalStyle2=_interopRequireDefault(_horizontalStyle);_styler2["default"].add("horizontal",_horizontalStyle2["default"]);var IMG_URL="http://arthurclemens.github.io/assets/mithril-infinite-scroll/thumbs/",vm={seen:{}},fadeInImage=function(e,t){var i=IMG_URL+t,n=function(){e.style.backgroundImage="url("+i+")",e.style.opacity=1,vm.seen[i]=1};if(vm.seen[i])n();else{var r=new Image;r.onload=function(){n()},r.src=i}},item=function(e){return(0,_mithril2["default"])("a.grid-item",(0,_mithril2["default"])(".image-holder",(0,_mithril2["default"])(".image",{config:function(t,i,n){n.inited||_mithrilInfinite2["default"].isElementInViewport({el:t})&&(fadeInImage(t,e.src),n.inited=!0)}})))},component={};component.view=function(){return[_mithril2["default"].component(_mithrilInfinite2["default"],{maxPages:16,item:item,pageUrl:function(e){return"app/horizontal/data/page-"+e+".json"},"class":"horizontal",axis:"x",pageSize:function(e){return 218*(e.length||12)},pageChange:function(e){console&&console.log("page",e)}}),(0,_github2["default"])()]},exports["default"]=component; + +},{"./horizontal-style":10,"app/app/github":3,"app/app/styler":4,"mithril":24,"mithril-infinite":23}],12:[function(require,module,exports){ +"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var image_position="56px",toggle_size="40px",styles=[{".mithril-infinite__scroll-view.images":{margin:"0 auto",background:"#fff"," .mithril-infinite__scroll-content":{" .mithril-infinite__before, .mithril-infinite__after":{" .list-item":{padding:"20px 70px 20px "+image_position,"font-size":"16px","min-height":"60px"}}," .mithril-infinite__page":{"min-height":"400px"}," .mithril-infinite__page + .mithril-infinite__page":{"border-top":"1px solid #ddd"}," .mithril-infinite__page--odd":{"background-color":"#f0f0f0"," .list-item + .list-item":{"border-top":"1px solid #ddd"}}," .mithril-infinite__page--even":{"background-color":"#e0e0e0"," .list-item + .list-item":{"border-top":"1px solid #ccc"}}," .list-item":{position:"relative",display:"block",cursor:"pointer",".open":{height:"160px"},".closed":{height:"auto"}," .image":{display:"block",height:"100%",position:"absolute",left:image_position,top:0,"background-size":"contain","background-repeat":"no-repeat"}," .pageNum, .toggle":{position:"absolute",top:"8px",display:"block",color:"#222",width:toggle_size,height:toggle_size,"text-align":"center","line-height":toggle_size}," .pageNum":{left:"4px","font-size":"13px",color:"#999"}," .toggle":{right:"10px","background-color":"#fff"}}}}}];exports["default"]=styles; + +},{}],13:[function(require,module,exports){ +"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(exports,"__esModule",{value:!0});var _mithril=require("mithril"),_mithril2=_interopRequireDefault(_mithril),_github=require("app/app/github"),_github2=_interopRequireDefault(_github),_mithrilInfinite=require("mithril-infinite"),_mithrilInfinite2=_interopRequireDefault(_mithrilInfinite),_styler=require("app/app/styler"),_styler2=_interopRequireDefault(_styler),_imagesStyle=require("./images-style"),_imagesStyle2=_interopRequireDefault(_imagesStyle);_styler2["default"].add("images",_imagesStyle2["default"]);var IMG_URL="http://arthurclemens.github.io/assets/mithril-infinite-scroll/thumbs/",vm={expanded:{},dirty:{},toggle:function(e){vm.expanded[e]?delete vm.expanded[e]:vm.expanded[e]=1,vm.dirty[e]=1},isExpanded:function(e){return vm.expanded[e]},isDirty:function(e){return vm.dirty[e]},clearDirty:function(e){return delete vm.dirty[e]}},item=function(e,t){var i=t.page+e.src,r=vm.isExpanded(i),l=vm.isDirty(i),n=r?.5:.25;return(0,_mithril2["default"])("a.list-item",{style:{height:Math.floor(parseInt(e.height,10)*n)+"px"},onclick:function(){vm.toggle(i)}},[(0,_mithril2["default"])("span.pageNum",t.page),(0,_mithril2["default"])(".image",{style:{height:Math.floor(parseInt(e.height,10)*n)+"px",width:Math.floor(parseInt(e.width,10)*n)+"px"},config:function(t,r,n){if((!n.inited||l)&&_mithrilInfinite2["default"].isElementInViewport({el:t})){var a=IMG_URL+e.src;t.style.backgroundImage=t.style.backgroundImage="url("+a+")",n.inited=!0,vm.clearDirty(i)}}}),(0,_mithril2["default"])(".toggle",r?_mithril2["default"].trust("–"):_mithril2["default"].trust("+"))])},component={};component.view=function(){return _mithril2["default"].component(_mithrilInfinite2["default"],{maxPages:20,item:item,pageUrl:function(e){return"app/images/data/page-"+e+".json"},preloadPages:3,"class":"images",before:(0,_mithril2["default"])("a",{"class":["list-item",vm.isExpanded("before")?"open":"closed"].join(" "),onclick:function(){vm.toggle("before")}},[(0,_mithril2["default"])("div",_mithril2["default"].trust('A list of pugs. Courtesy the AirBnb Infinity demo.')),(0,_mithril2["default"])(".toggle",vm.isExpanded("before")?_mithril2["default"].trust("–"):_mithril2["default"].trust("+"))]),after:(0,_github2["default"])(),pageChange:function(e){console&&console.log("page",e)}})},exports["default"]=component; + +},{"./images-style":12,"app/app/github":3,"app/app/styler":4,"mithril":24,"mithril-infinite":23}],14:[function(require,module,exports){ +"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(exports,"__esModule",{value:!0});var _variables=require("../app/variables"),_variables2=_interopRequireDefault(_variables),textColorLight="#90A4AE",indexBlockBackgroundColor="#CFD8DC",indexBlockTextColor="rgba(0,0,0,.85)",indexBlockTextColorLight="rgba(0,0,0,.4)",menuWidthPx=_variables2["default"].size_px,styles=[{".index":{" h1":{display:"block",margin:"40px auto 0 auto",width:_variables2["default"].size+"px","text-align":"center","font-size":"28px","font-weight":"normal",color:_variables2["default"].text_color}," .menu":{width:menuWidthPx,margin:"20px auto",padding:"0 0 20px 0","list-style":"none"," li":{margin:"0 0 1px 0",padding:0,"&.header":{"font-size":"18px",color:textColorLight},"&.header, a":{padding:"20px"}," a":{display:"block","text-decoration":"none","background-color":indexBlockBackgroundColor," .title":{display:"block",color:indexBlockTextColor,"font-size":"18px","line-height":"25.2px"}," .subtitle":{display:"block",color:indexBlockTextColorLight,"font-size":"14px"}}}}}}];exports["default"]=styles; + +},{"../app/variables":5}],15:[function(require,module,exports){ +"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{"default":e}}var _mithril=require("mithril"),_mithril2=_interopRequireDefault(_mithril),_github=require("app/app/github"),_github2=_interopRequireDefault(_github),_images=require("app/images/images"),_images2=_interopRequireDefault(_images),_grid=require("app/grid/grid"),_grid2=_interopRequireDefault(_grid),_table=require("app/table/table"),_table2=_interopRequireDefault(_table),_short=require("app/short/short"),_short2=_interopRequireDefault(_short),_horizontal=require("app/horizontal/horizontal"),_horizontal2=_interopRequireDefault(_horizontal),_fixed=require("app/fixed/fixed"),_fixed2=_interopRequireDefault(_fixed),_paging=require("app/paging/paging"),_paging2=_interopRequireDefault(_paging),_styler=require("app/app/styler"),_styler2=_interopRequireDefault(_styler),_commonStyle=require("app/app/common-style"),_commonStyle2=_interopRequireDefault(_commonStyle),_indexStyle=require("./index-style"),_indexStyle2=_interopRequireDefault(_indexStyle);_styler2["default"].add("common",_commonStyle2["default"]),_styler2["default"].add("index",_indexStyle2["default"]);var menuData=[{href:"/images",title:"Images",subtitle:"200 images of various heights"},{href:"/grid",title:"Image grid",subtitle:"Responsive grid with 1, 2, 3 and 4 columns"},{href:"/table",title:"Data table",subtitle:"Table rows of various heights"},{href:"/short",title:"Short content",subtitle:"Automatically finds loadable space"},{href:"/horizontal",title:"Horizontal",subtitle:"Horizontal scroller"},{href:"/fixed",title:"Fixed height",subtitle:"Preset the scroll height, don't update scroll height"},{href:"/paging",title:"Paging",subtitle:"Prev/Next buttons instead of infinite scroll"}],menu=(0,_mithril2["default"])("ul.menu",[(0,_mithril2["default"])("li.header","Examples"),menuData.map(function(e){return(0,_mithril2["default"])("li",(0,_mithril2["default"])("a",{href:e.href,config:_mithril2["default"].route},[(0,_mithril2["default"])("span.title",e.title),(0,_mithril2["default"])("span.subtitle",e.subtitle)]))})]),app={};app.view=function(){return(0,_mithril2["default"])(".index",[(0,_mithril2["default"])("h1","Infinite Scroll for Mithril"),menu,(0,_github2["default"])({home:!0})])},_mithril2["default"].route.mode="hash",_mithril2["default"].route(document.body,"/",{"/":app,"/images":_images2["default"],"/grid":_grid2["default"],"/table":_table2["default"],"/short":_short2["default"],"/horizontal":_horizontal2["default"],"/fixed":_fixed2["default"],"/paging":_paging2["default"]}); + +},{"./index-style":14,"app/app/common-style":1,"app/app/github":3,"app/app/styler":4,"app/fixed/fixed":7,"app/grid/grid":9,"app/horizontal/horizontal":11,"app/images/images":13,"app/paging/paging":17,"app/short/short":19,"app/table/table":21,"mithril":24}],16:[function(require,module,exports){ +"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var gridSpacing=8,pageWidth=320,itemSize=(320-2*gridSpacing)/3,pageHeight=4*itemSize+3*gridSpacing+2*gridSpacing,imageHolderPadding=10,imageHolderPaddingPx=imageHolderPadding+"px",styles=[{".paging":{width:pageWidth+"px",margin:"0 auto",height:"100%"," .mithril-infinite__scroll-view.mithril-infinite__scroll-view--y":{height:pageHeight+"px"}," .mithril-infinite__scroll-content":{margin:"0 auto",width:pageWidth+"px",padding:gridSpacing+"px 0"," .mithril-infinite__content":{margin:"0 auto","font-size":0,"line-height":0," .mithril-infinite__page":{margin:"0 "+-gridSpacing/2+"px"}," .grid-item":{display:"inline-block",height:itemSize+"px",width:itemSize+"px","background-color":"#f0f0f0",margin:[0,gridSpacing/2,gridSpacing,gridSpacing/2].map(function(i){return i+"px"}).join(" ")," .image-holder":{height:itemSize-2*imageHolderPadding+"px",width:itemSize-2*imageHolderPadding+"px",overflow:"hidden",position:"relative",margin:imageHolderPaddingPx," .image":{position:"absolute",left:"auto",top:0,right:"auto",bottom:0,width:"100%","background-size":"contain","background-repeat":"no-repeat","background-position-x":"50%"}}}}}," .count":{"font-size":"14px","line-height":1,padding:"20px 0 10px 0","border-bottom":"1px solid #ddd"}," .pager":{"border-top":"1px solid #ddd",padding:"8px 0",width:pageWidth+"px"," a":{display:"inline-block",background:"#e0e0e0",color:"#333",padding:"10px 15px","text-align":"center","font-size":"15px","line-height":1,margin:"0 5px 0 0","&.disabled":{color:"#aaa",background:"#f4f4f4","pointer-events":"none"}}}}}];exports["default"]=styles; + +},{}],17:[function(require,module,exports){ +"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(exports,"__esModule",{value:!0});var _mithril=require("mithril"),_mithril2=_interopRequireDefault(_mithril),_github=require("app/app/github"),_github2=_interopRequireDefault(_github),_mithrilInfinite=require("mithril-infinite"),_mithrilInfinite2=_interopRequireDefault(_mithrilInfinite),_styler=require("app/app/styler"),_styler2=_interopRequireDefault(_styler),_pagingStyle=require("app/paging/paging-style"),_pagingStyle2=_interopRequireDefault(_pagingStyle);_styler2["default"].add("paging",_pagingStyle2["default"]);var IMG_URL="http://arthurclemens.github.io/assets/mithril-infinite-scroll/thumbs/",item=function(e){return(0,_mithril2["default"])("a.grid-item",(0,_mithril2["default"])(".image-holder",(0,_mithril2["default"])(".image",{config:function(t,i,r){r.inited||(t.style.backgroundImage="url("+IMG_URL+e.src+")")}})))},component={};component.controller=function(){var e=function(e){return _mithril2["default"].request({method:"GET",url:"app/grid/data/page-"+e+".json"})},t=_mithril2["default"].prop(),i=_mithril2["default"].route.param("page")?parseInt(_mithril2["default"].route.param("page"),10):1,r=_mithril2["default"].prop(i),a=function(i){return e(i).then(function(e){return t(e.length),e})};return{pageData:a,pageCount:t,pageNum:r,hasPrev:function(){return r()>1},hasNext:function(){return r()!==t()}}},component.view=function(e){var t=_mithril2["default"].route.param("page")?parseInt(_mithril2["default"].route.param("page"),10):e.pageNum();return(0,_mithril2["default"])("div",[(0,_mithril2["default"])(".paging",[(0,_mithril2["default"])(".count","Page "+t),_mithril2["default"].component(_mithrilInfinite2["default"],{item:item,pageData:e.pageData,pageChange:e.pageNum,currentPage:t,autoSize:!1}),(0,_mithril2["default"])(".pager",[(0,_mithril2["default"])("a",{"class":e.hasPrev()?"":"disabled",href:"/paging?page="+(t-1),config:_mithril2["default"].route},"Prev"),(0,_mithril2["default"])("a",{"class":e.hasNext()?"":"disabled",href:"/paging?page="+(t+1),config:_mithril2["default"].route},"Next")])]),(0,_github2["default"])()])},exports["default"]=component; + +},{"app/app/github":3,"app/app/styler":4,"app/paging/paging-style":16,"mithril":24,"mithril-infinite":23}],18:[function(require,module,exports){ +"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var styles=[{".mithril-infinite__scroll-view.short":{"min-width":"320px",margin:"0 auto",background:"#eee"," .mithril-infinite__scroll-content":{" .list-item":{height:"8px",".has-title":{"font-size":"18px",padding:"0 16px",height:"32px","line-height":"32px",color:"#222"}}}}}];exports["default"]=styles; + +},{}],19:[function(require,module,exports){ +"use strict";function _interopRequireDefault(t){return t&&t.__esModule?t:{"default":t}}Object.defineProperty(exports,"__esModule",{value:!0});var _mithril=require("mithril"),_mithril2=_interopRequireDefault(_mithril),_mithrilInfinite=require("mithril-infinite"),_mithrilInfinite2=_interopRequireDefault(_mithrilInfinite),_styler=require("app/app/styler"),_styler2=_interopRequireDefault(_styler),_shortStyle=require("./short-style"),_shortStyle2=_interopRequireDefault(_shortStyle);_styler2["default"].add("short",_shortStyle2["default"]);var short={};short.item=function(t){var e=t[1]||"transparent",r=t[1]?"":(0,_mithril2["default"])(".title",t[0]);return(0,_mithril2["default"])(".list-item",{"class":r?"has-title":"",style:{"background-color":e}},r)},short.view=function(){return _mithril2["default"].component(_mithrilInfinite2["default"],{item:short.item,maxPages:21,preloadSlots:1,pageUrl:function(t){return"app/short/data/page-"+t+".json"},"class":"short",pageChange:function(t){console&&console.log("page",t)}})},exports["default"]=short; + +},{"./short-style":18,"app/app/styler":4,"mithril":24,"mithril-infinite":23}],20:[function(require,module,exports){ +"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var styles=[{".mithril-infinite__scroll-view.table":{"min-width":"320px",margin:"0 auto",background:"#eee"," .mithril-infinite__scroll-content":{" .mithril-infinite__page":{display:"table",width:"100%"}," .mithril-infinite__page--odd":{"background-color":"#eceff1"," .list-item":{" > div":{color:"rgba(0,0,0,.87)","border-bottom":"1px solid rgba(0, 0, 0, .07)",":first-child":{color:"rgba(0,0,0,.54)"}}}}," .mithril-infinite__page--even":{"background-color":"#263238"," .list-item":{" > div":{color:"#fff","border-bottom":"1px solid rgba(255,255,255,.11)",":first-child":{color:"rgba(255,255,255,.7)"}}}}," .list-item":{width:"100%",display:"table-row"," > div":{display:"table-cell","vertical-align":"top",padding:"8px 16px","min-height":"1em",width:"90%",":first-child":{color:"#aaa",width:"10%","text-align":"right"}}}}}}];exports["default"]=styles; + +},{}],21:[function(require,module,exports){ +"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(exports,"__esModule",{value:!0});var _mithril=require("mithril"),_mithril2=_interopRequireDefault(_mithril),_github=require("app/app/github"),_github2=_interopRequireDefault(_github),_mithrilInfinite=require("mithril-infinite"),_mithrilInfinite2=_interopRequireDefault(_mithrilInfinite),_styler=require("app/app/styler"),_styler2=_interopRequireDefault(_styler),_tableStyle=require("./table-style"),_tableStyle2=_interopRequireDefault(_tableStyle);_styler2["default"].add("table",_tableStyle2["default"]);var item=function(e,t){return(0,_mithril2["default"])(".list-item",[(0,_mithril2["default"])("div",t.page),(0,_mithril2["default"])("div",e||_mithril2["default"].trust(" "))])},component={};component.view=function(){return _mithril2["default"].component(_mithrilInfinite2["default"],{maxPages:10,item:item,pageUrl:function(e){return"app/table/data/page-"+e+".json"},"class":"table",pageChange:function(e){console&&console.log("page",e)},after:(0,_github2["default"])()})},exports["default"]=component; + +},{"./table-style":20,"app/app/github":3,"app/app/styler":4,"mithril":24,"mithril-infinite":23}],22:[function(require,module,exports){ +"use strict";function cartesian(e,t,n,r,a,s){r=[];for(s in t)if(own.call(t,s))for(a in e)own.call(e,a)&&r.push(concat(e[a],t[s],n));return r}function concat(e,t,n){return n&&(/^[-\w$]+$/.test(t)&&":-error-bad-sub-selector-"+t||/&/.test(t)&&t.replace(/&/g,e))||e+t}function decamelize(e){return"-"+e.toLowerCase()}function declarations(e,t,n,r,a,s,l,o,c){if(null!=e)if(/\$/.test(n))for(c in n=n.split("$"))own.call(n,c)&&declarations(e,t,n[c],r,a,s);else switch(type.call(e=e.valueOf())){case ARRAY:for(l=0;lr&&(n=parseInt(i,10));var l=t.dimensions[i];r+=l}),n},calculateSize=function(e,t,i){var r=Math.max(0,e-1);if(r>t)return 0;var n=t,l=Object.keys(i.dimensions).sort().slice(r,n),a=i.before||0;return l.forEach(function(e){a+=i.dimensions[e]||0}),a+=i.after||0},calculateStartToContent=function(e,t,i){var r=1,n=e+t;return calculateSize(r,n,i)},calculateContentSize=function(e,t,i){var r=e-t,n=e+t;return calculateSize(r,n,i)},calculatePaddingAfter=function(e,t,i){var r=e+t,n=Object.keys(i.dimensions).length;return calculateSize(r,n,i)},isPageInViewport=function(e,t,i,r){if(!r)return!1;var n=numToId(e),l=r.querySelector('[data-page="'+n+'"]');return infinite.isElementInViewport({el:l,axis:t})},getPageData=function(e){return _mithril2["default"].request({method:"GET",url:e,initialValue:[],background:!0})},page={};page.controller=function(){var e=arguments.length<=0||void 0===arguments[0]?{}:arguments[0],t=_mithril2["default"].prop([]);if(e.pageData)t=e.pageData(e.page);else{var i=e.pageUrl(e.page);getPageData(i).then(function(e){t(e),_mithril2["default"].redraw()})}return{content:t}},page.view=function(e){var t=arguments.length<=1||void 0===arguments[1]?{}:arguments[1],i=numToId(t.page),r=t.pageTag||"div",n=[CSS_CLASSES.page,t.page%2===0?CSS_CLASSES.pageEven:CSS_CLASSES.pageOdd].join(" "),l=t.processPageData||function(e,i){return e?e.map(function(e,r){return t.item(e,i,r)}):null},a=t.state.dimensions,o=a[i]||0,s=0;t.pageSize&&(s=t.pageSize(e.content()),a[i]=s);var c=s?s+"px":!t.autoSize||t.isScrolling&&o?o+"px":"auto";return _mithril2["default"](r,{"data-page":i,"class":n,style:o?Object.assign({},"x"===t.axis?{width:c}:{height:c}):{},config:s?{}:function(e){var r=getElementSize(e,t.axis),n=a[i];r&&(a[i]=r),n||setTimeout(_mithril2["default"].redraw,0)}},l(e.content(),t))};var infinite={};infinite.controller=function(e){return{state:{dimensions:{}},scrollView:null,isScrolling:!1,scrollWatchScrollingStateId:null,scrollWatchUpdateStateId:null,paddingAfter:null,preloadSlots:e.preloadPages||1,boundingClientRect:{},currentPage:0}},infinite.view=function(e,t){var i=t.maxPages||Number.MAX_VALUE,r=e.state,n=e.scrollView?"x"===t.axis?e.scrollView.scrollLeft:e.scrollView.scrollTop:0,l=void 0!==t.throttle?1e3*t.throttle:SCROLL_WATCH_TIMER,a=void 0!==t.autoSize&&t.autoSize===!1?!1:!0,o=t.currentPage?parseInt(t.currentPage,10):getCurrentPage(n,r);o!==e.currentPage&&t.pageChange&&t.pageChange(o),e.currentPage=o;for(var s=t.from?parseInt(t.from,10):t.currentPage?t.currentPage:1,c=t.to?parseInt(t.to,10):t.currentPage?t.currentPage:i,u=[],d=-e.preloadSlots;d<=e.preloadSlots;d++){var f=o+d;f>=s&&c>=f&&u.push(f)}var g=t.from?t.to-t.from:t.currentPage?1:e.preloadSlots,S=t.contentTag||"div",h=[CSS_CLASSES.scrollView,"x"===t.axis?CSS_CLASSES.scrollViewX:CSS_CLASSES.scrollViewY,t["class"]].join(" "),m=t.from||t.currentPage?0:calculateStartToContent(o,g,r),p=calculateContentSize(o,g,r),_=t.from||t.currentPage?0:m-p,v=t.from||t.currentPage?0:t.contentSize?0:calculatePaddingAfter(o,g,r),C=isPageInViewport(s,t.axis,r,e.scrollView),w=c?isPageInViewport(c,t.axis,r,e.scrollView):!0;if(e.scrollView){var E=e.scrollView.getBoundingClientRect();e.boundingClientRect=e.boundingClientRect||E,(E.width!==e.boundingClientRect.width||E.height!==e.boundingClientRect.height)&&(e.preloadSlots=t.preloadPages||1),e.boundingClientRect=E;var b=t.maxPreloadPages||Number.MAX_VALUE;p&&e.preloadSlots1?t-1:0),r=1;t>r;r++)i[r-1]=arguments[r];styler.remove(e);var n=document.createElement("style");e&&n.setAttribute("id",e),i.forEach(function(e){Object.keys(e).length&&e.forEach(function(e){var t={"@global":e},i=_j2c2["default"].sheet(t);n.appendChild(document.createTextNode(i))})}),document.head.appendChild(n)},remove:function(e){if(e){var t=document.getElementById(e);t&&t.parentNode.removeChild(t)}}},styles=[_defineProperty({},"."+CSS_CLASSES.scrollView,(_ref3={"-webkit-overflow-scrolling":"touch",height:"100%"},_defineProperty(_ref3,"&."+CSS_CLASSES.scrollViewY,_defineProperty({"overflow-x":"hidden","overflow-y":"auto",height:"100%"}," ."+CSS_CLASSES.scrollContent,{height:"100%"})),_defineProperty(_ref3,"&."+CSS_CLASSES.scrollViewX,_defineProperty({"overflow-x":"auto","overflow-y":"hidden",width:"100%"}," ."+CSS_CLASSES.scrollContent,{width:"100%"})),_ref3))];styler.add("mithril-infinite",styles),exports["default"]=infinite,module.exports=exports["default"]; + +},{"j2c":22,"mithril":24,"verge":25}],24:[function(require,module,exports){ +var m=function e(t,n){function r(e){A=e.document,S=e.location,M=e.cancelAnimationFrame||e.clearTimeout,R=e.requestAnimationFrame||e.setTimeout}function o(){var e,t=[].slice.call(arguments),n=!(null==t[1]||I.call(t[1])!==$||"tag"in t[1]||"view"in t[1]||"subtree"in t[1]),r=n?t[1]:{},o="class"in r?"class":"className",a={tag:"div",attrs:{}},l=[];if(I.call(t[0])!=L)throw new Error("selector in m(selector, attrs, children) should be a string");for(;e=U.exec(t[0]);)if(""===e[1]&&e[2])a.tag=e[2];else if("#"===e[1])a.attrs.id=e[2];else if("."===e[1])l.push(e[2]);else if("["===e[3][0]){var i=q.exec(e[3]);a.attrs[i[1]]=i[3]||(i[2]?"":!0)}var s=n?t.slice(2):t.slice(1);1===s.length&&I.call(s[0])===D?a.children=s[0]:a.children=s;for(var u in r)r.hasOwnProperty(u)&&(u===o&&null!=r[u]&&""!==r[u]?(l.push(r[u]),a.attrs[u]=""):a.attrs[u]=r[u]);return l.length>0&&(a.attrs[o]=l.join(" ")),a}function a(e,t,r,u,d,f,h,g,m,p,v){try{(null==d||null==d.toString())&&(d="")}catch(y){d=""}if("retain"===d.subtree)return f;var w=I.call(f),x=I.call(d);if(null==f||w!==x){if(null!=f)if(r&&r.nodes){var C=g-u,E=C+(x===D?d:f.nodes).length;s(r.nodes.slice(C,E),r.slice(C,E))}else f.nodes&&s(f.nodes,f);f=new d.constructor,f.tag&&(f={}),f.nodes=[]}if(x===D){for(var b=0,N=d.length;N>b;b++)I.call(d[b])===D&&(d=d.concat.apply([],d),b--,N=d.length);for(var k=[],O=f.length===d.length,T=0,j=1,S=2,R=3,M={},U=!1,b=0;bb;b++)if(d[b]&&d[b].attrs&&null!=d[b].attrs.key){for(var J=0,N=d.length;N>J;J++)d[J]&&d[J].attrs&&null==d[J].attrs.key&&(d[J].attrs.key="__mithril__"+q++);break}if(U){var K=!1;if(d.length!=f.length)K=!0;else for(var _,G,b=0;_=f[b],G=d[b];b++)if(_.attrs&&G.attrs&&_.attrs.key!=G.attrs.key){K=!0;break}if(K){for(var b=0,N=d.length;N>b;b++)if(d[b]&&d[b].attrs&&null!=d[b].attrs.key){var F=d[b].attrs.key;M[F]?M[F]={action:R,index:b,from:M[F].index,element:f.nodes[M[F].index]||A.createElement("div")}:M[F]={action:S,index:b}}var P=[];for(var V in M)P.push(M[V]);var Q=P.sort(l),Y=new Array(f.length);Y.nodes=f.nodes.slice();for(var W,b=0;W=Q[b];b++){if(W.action===j&&(s(f[W.index].nodes,f[W.index]),Y.splice(W.index,1)),W.action===S){var X=A.createElement("div");X.key=d[W.index].attrs.key,e.insertBefore(X,e.childNodes[W.index]||null),Y.splice(W.index,0,{attrs:{key:d[W.index].attrs.key},nodes:[X]}),Y.nodes[W.index]=X}W.action===R&&(e.childNodes[W.index]!==W.element&&null!==W.element&&e.insertBefore(W.element,e.childNodes[W.index]||null),Y[W.index]=f[W.from],Y.nodes[W.index]=W.element)}f=Y}}for(var b=0,Z=0,N=d.length;N>b;b++){var te=a(e,t,f,g,d[b],f[Z],h,g+T||T,m,p,v);te!==n&&(te.nodes.intact||(O=!1),T+=te.$trusted?(te.match(/<[^\/]|\>\s*[^<]/g)||[0]).length:I.call(te)===D?te.length:1,f[Z++]=te)}if(!O){for(var b=0,N=d.length;N>b;b++)null!=f[b]&&k.push.apply(k,f[b].nodes);for(var ne,b=0;ne=f.nodes[b];b++)null!=ne.parentNode&&k.indexOf(ne)<0&&s([ne],[f[b]]);d.length-1?f.controllers[ie]:new(d.controller||H),F=d&&d.attrs&&d.attrs.key;if(d=0==re||f&&f.controllers&&f.controllers.indexOf(se)>-1?d.view(se):{tag:"placeholder"},"retain"===d.subtree)return f;F&&(d.attrs||(d.attrs={}),d.attrs.key=F),se.onunload&&ee.push({controller:se,handler:se.onunload}),oe.push(le),ae.push(se)}if(!d.tag&&ae.length)throw new Error("Component template must return a virtual element, not an array, string, etc.");d.attrs||(d.attrs={}),f.attrs||(f.attrs={});var ue=Object.keys(d.attrs),ce=ue.length>("key"in d.attrs?1:0);if((d.tag!=f.tag||ue.sort().join()!=Object.keys(f.attrs).sort().join()||d.attrs.id!=f.attrs.id||d.attrs.key!=f.attrs.key||"all"==o.redraw.strategy()&&(!f.configContext||f.configContext.retain!==!0)||"diff"==o.redraw.strategy()&&f.configContext&&f.configContext.retain===!1)&&(f.nodes.length&&s(f.nodes),f.configContext&&typeof f.configContext.onunload===B&&f.configContext.onunload(),f.controllers))for(var se,b=0;se=f.controllers[b];b++)typeof se.onunload===B&&se.onunload({preventDefault:H});if(I.call(d.tag)!=L)return;var ne,de=0===f.nodes.length;if(d.attrs.xmlns?p=d.attrs.xmlns:"svg"===d.tag?p="http://www.w3.org/2000/svg":"math"===d.tag&&(p="http://www.w3.org/1998/Math/MathML"),de){if(ne=d.attrs.is?p===n?A.createElement(d.tag,d.attrs.is):A.createElementNS(p,d.tag,d.attrs.is):p===n?A.createElement(d.tag):A.createElementNS(p,d.tag),f={tag:d.tag,attrs:ce?i(ne,d.tag,d.attrs,{},p):d.attrs,children:null!=d.children&&d.children.length>0?a(ne,d.tag,n,n,d.children,f.children,!0,0,d.attrs.contenteditable?ne:m,p,v):d.children,nodes:[ne]},ae.length){f.views=oe,f.controllers=ae;for(var se,b=0;se=ae[b];b++)if(se.onunload&&se.onunload.$old&&(se.onunload=se.onunload.$old),re&&se.onunload){var fe=se.onunload;se.onunload=H,se.onunload.$old=fe}}f.children&&!f.children.nodes&&(f.children.nodes=[]),"select"===d.tag&&"value"in d.attrs&&i(ne,d.tag,{value:d.attrs.value},{},p),e.insertBefore(ne,e.childNodes[g]||null)}else ne=f.nodes[0],ce&&i(ne,d.tag,d.attrs,f.attrs,p),f.children=a(ne,d.tag,n,n,d.children,f.children,!1,0,d.attrs.contenteditable?ne:m,p,v),f.nodes.intact=!0,ae.length&&(f.views=oe,f.controllers=ae),h===!0&&null!=ne&&e.insertBefore(ne,e.childNodes[g]||null);if(typeof d.attrs.config===B){var he=f.configContext=f.configContext||{},ge=function(e,t){return function(){return e.attrs.config.apply(e,t)}};v.push(ge(d,[ne,!de,he,f]))}}else if(typeof d!=B){var k;0===f.nodes.length?(d.$trusted?k=c(e,g,d):(k=[A.createTextNode(d)],e.nodeName.match(z)||e.insertBefore(k[0],e.childNodes[g]||null)),f="string number boolean".indexOf(typeof d)>-1?new d.constructor(d):d,f.nodes=k):f.valueOf()!==d.valueOf()||h===!0?(k=f.nodes,m&&m===A.activeElement||(d.$trusted?(s(k,f),k=c(e,g,d)):"textarea"===t?e.value=d:m?m.innerHTML=d:((1===k[0].nodeType||k.length>1)&&(s(f.nodes,f),k=[A.createTextNode(d)]),e.insertBefore(k[0],e.childNodes[g]||null),k[0].nodeValue=d)),f=new d.constructor(d),f.nodes=k):f.nodes.intact=!0}return f}function l(e,t){return e.action-t.action||e.index-t.index}function i(e,t,n,r,o){for(var a in n){var l=n[a],i=r[a];if(a in r&&i===l)"value"===a&&"input"===t&&e.value!=l&&(e.value=l);else{r[a]=l;try{if("config"===a||"key"==a)continue;if(typeof l===B&&0===a.indexOf("on"))e[a]=d(l,e);else if("style"===a&&null!=l&&I.call(l)===$){for(var s in l)(null==i||i[s]!==l[s])&&(e.style[s]=l[s]);for(var s in i)s in l||(e.style[s]="")}else null!=o?"href"===a?e.setAttributeNS("http://www.w3.org/1999/xlink","href",l):"className"===a?e.setAttribute("class",l):e.setAttribute(a,l):a in e&&"list"!==a&&"style"!==a&&"form"!==a&&"type"!==a&&"width"!==a&&"height"!==a?("input"!==t||e[a]!==l)&&(e[a]=l):e.setAttribute(a,l)}catch(u){if(u.message.indexOf("Invalid argument")<0)throw u}}}return r}function s(e,t){for(var n=e.length-1;n>-1;n--)if(e[n]&&e[n].parentNode){try{e[n].parentNode.removeChild(e[n])}catch(r){}t=[].concat(t),t[n]&&u(t[n])}0!=e.length&&(e.length=0)}function u(e){if(e.configContext&&typeof e.configContext.onunload===B&&(e.configContext.onunload(),e.configContext.onunload=null),e.controllers)for(var t,n=0;t=e.controllers[n];n++)typeof t.onunload===B&&t.onunload({preventDefault:H});if(e.children)if(I.call(e.children)===D)for(var r,n=0;r=e.children[n];n++)u(r);else e.children.tag&&u(e.children)}function c(e,t,n){var r=e.childNodes[t];if(r){var o=1!=r.nodeType,a=A.createElement("span");o?(e.insertBefore(a,r||null),a.insertAdjacentHTML("beforebegin",n),e.removeChild(a)):r.insertAdjacentHTML("beforebegin",n)}else e.insertAdjacentHTML("beforeend",n);for(var l=[];e.childNodes[t]!==r;)l.push(e.childNodes[t]),t++;return l}function d(e,t){return function(n){n=n||event,o.redraw.strategy("diff"),o.startComputation();try{return e.call(t,n)}finally{oe()}}}function f(e){var t=_.indexOf(e);return 0>t?_.push(e)-1:t}function h(e){var t=function(){return arguments.length&&(e=arguments[0]),e};return t.toJSON=function(){return e},t}function g(e,t){var n=function(){return(e.controller||H).apply(this,t)||this},r=function(n){return arguments.length>1&&(t=t.concat([].slice.call(arguments,1))),e.view.apply(e,t?[n].concat(t):[n])};r.$original=e.view;var o={controller:n,view:r};return t[0]&&null!=t[0].key&&(o.attrs={key:t[0].key}),o}function m(){X&&(X(),X=null);for(var e,t=0;e=P[t];t++)if(Q[t]){var n=V[t].controller&&V[t].controller.$$args?[Q[t]].concat(V[t].controller.$$args):[Q[t]];o.render(e,V[t].view?V[t].view(Q[t],n):"")}Z&&(Z(),Z=null),Y=null,W=new Date,o.redraw.strategy("diff")}function p(e){return e.slice(ie[o.route.mode].length)}function v(e,t,n){ae={};var r=n.indexOf("?");-1!==r&&(ae=C(n.substr(r+1,n.length)),n=n.substr(0,r));var a=Object.keys(t),l=a.indexOf(n);if(-1!==l)return o.mount(e,t[a[l]]),!0;for(var i in t){if(i===n)return o.mount(e,t[i]),!0;var s=new RegExp("^"+i.replace(/:[^\/]+?\.{3}/g,"(.*?)").replace(/:[^\/]+/g,"([^\\/]+)")+"/?$");if(s.test(n))return n.replace(s,function(){for(var n=i.match(/:[^\/]+/g)||[],r=[].slice.call(arguments,1,-2),a=0,l=n.length;l>a;a++)ae[n[a].replace(/:|\./g,"")]=decodeURIComponent(r[a]);o.mount(e,t[i])}),!0}}function y(e){if(e=e||event,!e.ctrlKey&&!e.metaKey&&2!==e.which){e.preventDefault?e.preventDefault():e.returnValue=!1;for(var t=e.currentTarget||e.srcElement,n="pathname"===o.route.mode&&t.search?C(t.search.slice(1)):{};t&&"A"!=t.nodeName.toUpperCase();)t=t.parentNode;o.route(t[o.route.mode].slice(ie[o.route.mode].length),n)}}function w(){"hash"!=o.route.mode&&S.hash?S.hash=S.hash:t.scrollTo(0,0)}function x(e,t){var r={},o=[];for(var a in e){var l=t?t+"["+a+"]":a,i=e[a],s=I.call(i),u=null===i?encodeURIComponent(l):s===$?x(i,l):s===D?i.reduce(function(e,t){return r[l]||(r[l]={}),r[l][t]?e:(r[l][t]=!0,e.concat(encodeURIComponent(l)+"="+encodeURIComponent(t)))},[]).join("&"):encodeURIComponent(l)+"="+encodeURIComponent(i);i!==n&&o.push(u)}return o.join("&")}function C(e){"?"===e.charAt(0)&&(e=e.substring(1));for(var t=e.split("&"),n={},r=0,o=t.length;o>r;r++){var a=t[r].split("="),l=decodeURIComponent(a[0]),i=2==a.length?decodeURIComponent(a[1]):null;null!=n[l]?(I.call(n[l])!==D&&(n[l]=[n[l]]),n[l].push(i)):n[l]=i}return n}function E(e){var t=f(e);s(e.childNodes,G[t]),G[t]=n}function b(e,t){var n=o.prop(t);return e.then(n),n.then=function(n,r){return b(e.then(n,r),t)},n}function N(e,t){function n(e){d=e||u,h.map(function(e){d===s&&e.resolve(f)||e.reject(f)})}function r(e,t,n,r){if((null!=f&&I.call(f)===$||typeof f===B)&&typeof e===B)try{var a=0;e.call(f,function(e){a++||(f=e,t())},function(e){a++||(f=e,n())})}catch(l){o.deferred.onerror(l),f=l,n()}else r()}function a(){var u;try{u=f&&f.then}catch(h){return o.deferred.onerror(h),f=h,d=i,a()}r(u,function(){d=l,a()},function(){d=i,a()},function(){try{d===l&&typeof e===B?f=e(f):d===i&&"function"==typeof t&&(f=t(f),d=l)}catch(a){return o.deferred.onerror(a),f=a,n()}f===c?(f=TypeError(),n()):r(u,function(){n(s)},n,function(){n(d===l&&s)})})}var l=1,i=2,s=3,u=4,c=this,d=0,f=0,h=[];c.promise={},c.resolve=function(e){return d||(f=e,d=l,a()),this},c.reject=function(e){return d||(f=e,d=i,a()),this},c.promise.then=function(e,t){var n=new N(e,t);return d===s?n.resolve(f):d===u?n.reject(f):h.push(n),n.promise}}function k(e){return e}function O(e){if(!e.dataType||"jsonp"!==e.dataType.toLowerCase()){var r=new t.XMLHttpRequest;if(r.open(e.method,e.url,!0,e.user,e.password),r.onreadystatechange=function(){4===r.readyState&&(r.status>=200&&r.status<300?e.onload({type:"load",target:r}):e.onerror({type:"error",target:r}))},e.serialize===JSON.stringify&&e.data&&"GET"!==e.method&&r.setRequestHeader("Content-Type","application/json; charset=utf-8"),e.deserialize===JSON.parse&&r.setRequestHeader("Accept","application/json, text/*"),typeof e.config===B){var o=e.config(r,e);null!=o&&(r=o)}var a="GET"!==e.method&&e.data?e.data:"";if(a&&I.call(a)!=L&&a.constructor!=t.FormData)throw"Request data should be either be a string or FormData. Check the `serialize` option in `m.request`";return r.send(a),r}var l="mithril_callback_"+(new Date).getTime()+"_"+Math.round(1e16*Math.random()).toString(36),i=A.createElement("script");t[l]=function(r){i.parentNode.removeChild(i),e.onload({type:"load",target:{responseText:r}}),t[l]=n},i.onerror=function(r){return i.parentNode.removeChild(i),e.onerror({type:"error",target:{status:500,responseText:JSON.stringify({error:"Error making jsonp request"})}}),t[l]=n,!1},i.onload=function(e){return!1},i.src=e.url+(e.url.indexOf("?")>0?"&":"?")+(e.callbackKey?e.callbackKey:"callback")+"="+l+"&"+x(e.data||{}),A.body.appendChild(i)}function T(e,t,n){if("GET"===e.method&&"jsonp"!=e.dataType){var r=e.url.indexOf("?")<0?"?":"&",o=x(t);e.url=e.url+(o?r+o:"")}else e.data=n(t);return e}function j(e,t){var n=e.match(/:[a-z]\w+/gi);if(n&&t)for(var r=0;rc;c++)o[c]()},o.trust=function(e){return e=new String(e),e.$trusted=!0,e},o.prop=function(e){return(null!=e&&I.call(e)===$||typeof e===B)&&typeof e.then===B?b(e):h(e)};var F,P=[],V=[],Q=[],Y=null,W=0,X=null,Z=null,ee=[],te=16;o.component=function(e){return g(e,[].slice.call(arguments,1))},o.mount=o.module=function(e,t){if(!e)throw new Error("Please ensure the DOM element exists before rendering a template into it.");var n=P.indexOf(e);0>n&&(n=P.length);for(var r,a=!1,l={preventDefault:function(){a=!0,X=Z=null}},i=0;r=ee[i];i++)r.handler.call(r.controller,l),r.controller.onunload=null;if(a)for(var r,i=0;r=ee[i];i++)r.controller.onunload=r.handler;else ee=[];if(Q[n]&&typeof Q[n].onunload===B&&Q[n].onunload(l),!a){o.redraw.strategy("all"),o.startComputation(),P[n]=e,arguments.length>2&&(t=subcomponent(t,[].slice.call(arguments,2)));var s=F=t=t||{controller:function(){}},u=t.controller||H,c=new u;return s===F&&(Q[n]=c,V[n]=t),oe(),Q[n]}};var ne=!1;o.redraw=function(e){ne||(ne=!0,Y&&e!==!0?(R===t.requestAnimationFrame||new Date-W>te)&&(Y>0&&M(Y),Y=R(m,te)):(m(),Y=R(function(){Y=null},te)),ne=!1)},o.redraw.strategy=o.prop();var re=0;o.startComputation=function(){re++},o.endComputation=function(){re=Math.max(re-1,0),0===re&&o.redraw()};var oe=function(){"none"==o.redraw.strategy()?(re--,o.redraw.strategy("diff")):o.endComputation()};o.withAttr=function(e,t){return function(n){n=n||event;var r=n.currentTarget||this;t(e in r?r[e]:r.getAttribute(e))}};var ae,le,ie={pathname:"",hash:"#",search:"?"},se=H,ue=!1;return o.route=function(){if(0===arguments.length)return le;if(3===arguments.length&&I.call(arguments[1])===L){var e=arguments[0],n=arguments[1],r=arguments[2];se=function(t){var a=le=p(t);if(!v(e,r,a)){if(ue)throw new Error("Ensure the default route matches one of the routes defined in m.route");ue=!0,o.route(n,!0),ue=!1}};var a="hash"===o.route.mode?"onhashchange":"onpopstate";t[a]=function(){var e=S[o.route.mode];"pathname"===o.route.mode&&(e+=S.search),le!=p(e)&&se(e)},X=w,t[a]()}else if(arguments[0].addEventListener||arguments[0].attachEvent){var l=arguments[0],i=(arguments[1],arguments[2],arguments[3]);l.href=("pathname"!==o.route.mode?S.pathname:"")+ie[o.route.mode]+i.attrs.href,l.addEventListener?(l.removeEventListener("click",y),l.addEventListener("click",y)):(l.detachEvent("onclick",y),l.attachEvent("onclick",y))}else if(I.call(arguments[0])===L){var s=le;le=arguments[0];var u=arguments[1]||{},c=le.indexOf("?"),d=c>-1?C(le.slice(c+1)):{};for(var f in u)d[f]=u[f];var h=x(d),g=c>-1?le.slice(0,c):le;h&&(le=g+(-1===g.indexOf("?")?"?":"&")+h);var m=(3===arguments.length?arguments[2]:arguments[1])===!0||s===arguments[0];t.history.pushState?(X=w,Z=function(){t.history[m?"replaceState":"pushState"](null,A.title,ie[o.route.mode]+le)},se(ie[o.route.mode]+le)):(S[o.route.mode]=le,se(ie[o.route.mode]+le))}},o.route.param=function(e){if(!ae)throw new Error("You must call m.route(element, defaultRoute, routes) before calling m.route.param()");return ae[e]},o.route.mode="search",o.route.buildQueryString=x,o.route.parseQueryString=C,o.deferred=function(){var e=new N;return e.promise=b(e.promise),e},o.deferred.onerror=function(e){if("[object Error]"===I.call(e)&&!e.constructor.toString().match(/ Error/))throw e},o.sync=function(e){function t(e,t){return function(o){return l[e]=o,t||(n="reject"),0===--a&&(r.promise(l),r[n](l)),o}}var n="resolve",r=o.deferred(),a=e.length,l=new Array(a);if(e.length>0)for(var i=0;it?n:t},a=r.viewportH=function(){var t=c.clientHeight,n=i.innerHeight;return n>t?n:t};return r.mq=l,r.matchMedia=f?function(){return f.apply(i,arguments)}:function(){return{}},r.viewport=t,r.scrollX=function(){return i.pageXOffset||c.scrollLeft},r.scrollY=function(){return i.pageYOffset||c.scrollTop},r.rectangle=e,r.aspect=o,r.inX=function(t,n){var o=e(t,n);return!!o&&o.right>=0&&o.left<=d()},r.inY=function(t,n){var o=e(t,n);return!!o&&o.bottom>=0&&o.top<=a()},r.inViewport=function(t,n){var o=e(t,n);return!!o&&o.bottom>=0&&o.right>=0&&o.top<=a()&&o.left<=d()},r}); + +},{}]},{},[15]); diff --git a/examples/plain/app/app.css b/examples/plain/app/app.css deleted file mode 100644 index 61f1666..0000000 --- a/examples/plain/app/app.css +++ /dev/null @@ -1,11 +0,0 @@ -html, body { - min-height: 100%; - height: 100%; -} - -body { - margin: 0; - padding: 0; - font-family: 'arial, sans-serif'; - min-width: 320px; -} diff --git a/examples/plain/app/app.js b/examples/plain/app/app.js deleted file mode 100644 index f4eb078..0000000 --- a/examples/plain/app/app.js +++ /dev/null @@ -1,62 +0,0 @@ -// assign transpile variables that we are including here in the html -window._mithril2.default = m; -window._verge2.default = verge; - -var IMG_URL = 'http://arthurclemens.github.io/assets/mithril-infinite-scroll/thumbs/'; - -var vm = { - seen: {} -}; - -// fade in first time only -var fadeInImage = function(el, imgUrl) { - var url = IMG_URL + imgUrl; - var showImage = function() { - el.style.backgroundImage = 'url(' + url + ')'; - el.style.opacity = 1; - vm.seen[url] = 1; - }; - if (!vm.seen[url]) { - var img = new Image(); - img.onload = function() { - showImage(); - }; - img.src = url; - } else { - showImage(); - } -}; - -var item = function(data) { - return m('a.grid-item', - m('.image-holder', - m('.image', { - config: function(el, inited, context) { - if (context.inited) { - return; - } - if (infinite.isElementInViewport({ - el: el - })) { - fadeInImage(el, data.src); - context.inited = true; - } - } - }) - ) - ); -}; - -var component = {}; -component.view = function() { - return m.component(infinite, { - maxPages: 16, // pages of 12 items each - item: item, - pageUrl: function(page) { - return 'data/page-' + page + '.json'; - }, - class: 'grid' - }); -}; - -m.mount(document.body, component); diff --git a/examples/plain/app/grid.css b/examples/plain/app/grid.css deleted file mode 100644 index c7d9f6f..0000000 --- a/examples/plain/app/grid.css +++ /dev/null @@ -1,64 +0,0 @@ -@media (min-width: 1082px){ -.scroll-view.grid .scroll-content .content{ -width:864px; -} -} -@media (max-width: 1082px){ -.scroll-view.grid .scroll-content .content{ -width:864px; -} -} -@media (max-width: 864px){ -.scroll-view.grid .scroll-content .content{ -width:646px; -} -} -@media (max-width: 646px){ -.scroll-view.grid .scroll-content .content{ -width:428px; -} -} -@media (max-width: 428px){ -.scroll-view.grid .scroll-content .content{ -width:210px; -} -} -.scroll-view.grid{ -margin:0 auto; -} -.scroll-view.grid .scroll-content{ -padding:16px 0; -} -.scroll-view.grid .scroll-content .content{ -line-height:0; -font-size:0; -margin:0 auto; -} -.scroll-view.grid .scroll-content .content .grid-item{ -margin:0px 4px 8px 4px; -background-color:#f0f0f0; -width:210px; -height:210px; -display:inline-block; -} -.scroll-view.grid .scroll-content .content .grid-item .image-holder{ -margin:10px; -position:relative; -overflow:hidden; -width:190px; -height:190px; -} -.scroll-view.grid .scroll-content .content .grid-item .image-holder .image{ -background-position-x:50%; -background-repeat:no-repeat; -background-size:contain; -width:100%; -bottom:0; -right:auto; -top:0; -left:auto; -position:absolute; -} -.scroll-view.grid .scroll-content .content .page{ -margin:0 -4px; -} diff --git a/examples/plain/data/page-1.json b/examples/plain/data/page-1.json deleted file mode 100644 index b7f5f58..0000000 --- a/examples/plain/data/page-1.json +++ /dev/null @@ -1,49 +0,0 @@ -[{ - "src": "tumblr_lit0fgki1Z1qfh1tao1_500.jpg", - "width": 500, - "height": 375 -}, { - "src": "tumblr_lu654a6zur1qzj3syo1_500.jpg", - "width": 467, - "height": 700 -}, { - "src": "tumblr_ltueurkwOW1qft5t6o1_500.jpg", - "width": 500, - "height": 589 -}, { - "src": "tumblr_lk2bdmdROW1qaa50yo1_500.jpg", - "width": 480, - "height": 472 -}, { - "src": "tumblr_ls6tpnEwe71r3ip8io1_500.jpg", - "width": 500, - "height": 500 -}, { - "src": "tumblr_lsio68QoLc1qz8jg7o1_500.jpg", - "width": 500, - "height": 322 -}, { - "src": "tumblr_lja6xpfr4X1qaa50yo1_500.jpg", - "width": 500, - "height": 526 -}, { - "src": "tumblr_lii05kwp5A1qb08qmo1_500.jpg", - "width": 500, - "height": 375 -}, { - "src": "tumblr_lqkh31qmW31qk1pm3o1_500.jpg", - "width": 500, - "height": 335 -}, { - "src": "tumblr_lixd8gn85W1qa1nfco1_500.jpg", - "width": 500, - "height": 333 -}, { - "src": "tumblr_lji1mckcC01qaa50yo1_500.jpg", - "width": 500, - "height": 375 -}, { - "src": "tumblr_llfv033Idf1qaa50yo1_500.jpg", - "width": 467, - "height": 700 -}] \ No newline at end of file diff --git a/examples/plain/data/page-10.json b/examples/plain/data/page-10.json deleted file mode 100644 index c5da9fa..0000000 --- a/examples/plain/data/page-10.json +++ /dev/null @@ -1,49 +0,0 @@ -[{ - "src": "tumblr_lhq4onW6Vg1qbcihro1_500.jpg", - "width": 500, - "height": 334 -}, { - "src": "tumblr_lj50gs8rAX1qaa50yo1_500.jpg", - "width": 500, - "height": 374 -}, { - "src": "tumblr_lsvczkC8e01qzgqodo1_500.jpg", - "width": 500, - "height": 332 -}, { - "src": "tumblr_li8qljfkCc1qeef4bo1_500.jpg", - "width": 407, - "height": 515 -}, { - "src": "tumblr_lsx6cf3Wkg1qb08qmo1_500.jpg", - "width": 480, - "height": 640 -}, { - "src": "tumblr_ltef16BUCY1qb08qmo1_500.jpg", - "width": 500, - "height": 334 -}, { - "src": "tumblr_lqgh6gSMEm1r0h32io1_500.png", - "width": 500, - "height": 399 -}, { - "src": "tumblr_lr4hcm0irP1qb08qmo1_500.jpg", - "width": 500, - "height": 332 -}, { - "src": "tumblr_liebn2Tx4Q1qb6gwio1_500.jpg", - "width": 477, - "height": 700 -}, { - "src": "tumblr_lpztxiv48D1qev8yto1_500.jpg", - "width": 500, - "height": 333 -}, { - "src": "tumblr_lj52ex9ecW1qzgqodo1_500.jpg", - "width": 500, - "height": 333 -}, { - "src": "tumblr_liy1xfY9G71qftdfxo1_500.jpg", - "width": 500, - "height": 333 -}] \ No newline at end of file diff --git a/examples/plain/data/page-11.json b/examples/plain/data/page-11.json deleted file mode 100644 index f411fe8..0000000 --- a/examples/plain/data/page-11.json +++ /dev/null @@ -1,49 +0,0 @@ -[{ - "src": "tumblr_ll3y1pZDVJ1qb08qmo1_500.jpg", - "width": 500, - "height": 334 -}, { - "src": "tumblr_lkwhsnwd9o1qb08qmo1_500.jpg", - "width": 500, - "height": 375 -}, { - "src": "tumblr_lk571qenOH1qcz8doo1_400.jpg", - "width": 375, - "height": 500 -}, { - "src": "tumblr_ll7aoxHGfW1qb08qmo1_500.jpg", - "width": 500, - "height": 667 -}, { - "src": "tumblr_ll3xua50Vr1qb08qmo1_500.jpg", - "width": 457, - "height": 640 -}, { - "src": "tumblr_lk8sapJ13n1qhb62wo1_500.jpg", - "width": 467, - "height": 700 -}, { - "src": "tumblr_ljjmvou3oc1qfz5nco1_500.jpg", - "width": 474, - "height": 640 -}, { - "src": "tumblr_lisw9j4LZM1qbbpjfo1_400.jpg", - "width": 378, - "height": 500 -}, { - "src": "tumblr_lsvczkC8e01qzgqodo1_500.jpg", - "width": 500, - "height": 332 -}, { - "src": "tumblr_lhty7gGku61qb08qmo1_500.jpg", - "width": 500, - "height": 333 -}, { - "src": "tumblr_lk27smb4sR1qzj3syo1_500.jpg", - "width": 500, - "height": 649 -}, { - "src": "tumblr_lhuw43ZC5q1qen36xo1_500.jpg", - "width": 500, - "height": 375 -}] \ No newline at end of file diff --git a/examples/plain/data/page-12.json b/examples/plain/data/page-12.json deleted file mode 100644 index f8071ad..0000000 --- a/examples/plain/data/page-12.json +++ /dev/null @@ -1,49 +0,0 @@ -[{ - "src": "tumblr_lisv04akTl1qb08qmo1_500.jpg", - "width": 500, - "height": 375 -}, { - "src": "tumblr_locinzasB91qzj3syo1_500.jpg", - "width": 500, - "height": 471 -}, { - "src": "tumblr_ljczkiDmrM1qe3m7qo1_400.jpg", - "width": 387, - "height": 290 -}, { - "src": "tumblr_lqfwfyZuyS1qiyqyfo1_500.jpg", - "width": 500, - "height": 338 -}, { - "src": "tumblr_lifclseZiR1qaa50yo1_500.jpg", - "width": 500, - "height": 332 -}, { - "src": "tumblr_lruas6Ru8M1r2brlzo1_500.jpg", - "width": 500, - "height": 667 -}, { - "src": "tumblr_liwoeqmXH31qh9umso1_500.jpg", - "width": 444, - "height": 660 -}, { - "src": "tumblr_ll5akuIrji1qk3h3co1_500.png", - "width": 421, - "height": 632 -}, { - "src": "tumblr_ll267csxAQ1qb08qmo1_500.jpg", - "width": 500, - "height": 509 -}, { - "src": "tumblr_lixbb63qnd1qfwtofo1_500.jpg", - "width": 500, - "height": 334 -}, { - "src": "tumblr_lk8iieigtQ1qzj3syo1_500.jpg", - "width": 500, - "height": 335 -}, { - "src": "tumblr_lit0fgki1Z1qfh1tao1_500.jpg", - "width": 500, - "height": 375 -}] \ No newline at end of file diff --git a/examples/plain/data/page-13.json b/examples/plain/data/page-13.json deleted file mode 100644 index 714dfe1..0000000 --- a/examples/plain/data/page-13.json +++ /dev/null @@ -1,49 +0,0 @@ -[{ - "src": "tumblr_ljju0frmo81qaa50yo1_400.jpg", - "width": 319, - "height": 480 -}, { - "src": "tumblr_ljiigue2iS1qbbpjfo1_500.jpg", - "width": 480, - "height": 600 -}, { - "src": "tumblr_lsvxlpiNL71qjy1l3o1_500.jpg", - "width": 420, - "height": 636 -}, { - "src": "tumblr_lk9flykRUm1qbiuveo1_500.jpg", - "width": 450, - "height": 512 -}, { - "src": "tumblr_ltxq46lB6b1qaa50yo1_500.jpg", - "width": 378, - "height": 364 -}, { - "src": "tumblr_ljh4vnh0UZ1qb08qmo1_500.jpg", - "width": 500, - "height": 375 -}, { - "src": "tumblr_ljlpu7iX2U1qzgqodo1_500.jpg", - "width": 500, - "height": 375 -}, { - "src": "tumblr_lj4x7uXySA1qcbrufo1_500.jpg", - "width": 400, - "height": 604 -}, { - "src": "tumblr_lk12k2pVKQ1qe3m7qo1_500.jpg", - "width": 500, - "height": 436 -}, { - "src": "tumblr_lix7oiibrm1qbx3hwo1_500.jpg", - "width": 500, - "height": 375 -}, { - "src": "tumblr_ltc8tzPvTT1qd5kcqo1_500.jpg", - "width": 500, - "height": 373 -}, { - "src": "tumblr_lieud1GU541qaa50yo1_500.jpg", - "width": 500, - "height": 270 -}] \ No newline at end of file diff --git a/examples/plain/data/page-14.json b/examples/plain/data/page-14.json deleted file mode 100644 index a047537..0000000 --- a/examples/plain/data/page-14.json +++ /dev/null @@ -1,49 +0,0 @@ -[{ - "src": "tumblr_lhkn2zWJdn1qzgqodo1_400.jpg", - "width": 324, - "height": 477 -}, { - "src": "tumblr_lj66zmgKEN1qcd23mo1_500.png", - "width": 500, - "height": 331 -}, { - "src": "tumblr_ltce9bLrwM1qmjhkmo1_500.jpg", - "width": 500, - "height": 500 -}, { - "src": "tumblr_ltxq46lB6b1qaa50yo1_500.jpg", - "width": 500, - "height": 667 -}, { - "src": "tumblr_lk0o11Asyn1qdr6bao1_500.jpg", - "width": 500, - "height": 669 -}, { - "src": "tumblr_lswip7jWd41qby0who1_500.jpg", - "width": 500, - "height": 334 -}, { - "src": "tumblr_lim8n49s881qa9dmvo1_500.jpg", - "width": 500, - "height": 281 -}, { - "src": "tumblr_llan1lJP8A1qkn0gvo1_500.jpg", - "width": 500, - "height": 667 -}, { - "src": "tumblr_lkafxiIP5p1qhrsmwo1_500.jpg", - "width": 500, - "height": 500 -}, { - "src": "tumblr_lttbk92Ko01ql9nqgo1_500.jpg", - "width": 500, - "height": 324 -}, { - "src": "tumblr_ltjgdeZFDz1r0cn4to1_500.png", - "width": 500, - "height": 669 -}, { - "src": "tumblr_lhowz2fAnC1qaa50yo1_500.jpg", - "width": 500, - "height": 376 -}] \ No newline at end of file diff --git a/examples/plain/data/page-15.json b/examples/plain/data/page-15.json deleted file mode 100644 index 5d32189..0000000 --- a/examples/plain/data/page-15.json +++ /dev/null @@ -1,49 +0,0 @@ -[{ - "src": "tumblr_lteeyueSPa1qb08qmo1_500.jpg", - "width": 500, - "height": 334 -}, { - "src": "tumblr_l9nfw4NpmH1qb08qmo1_500.jpg", - "width": 500, - "height": 375 -}, { - "src": "tumblr_li506pgwiU1qb4i8uo1_500.jpg", - "width": 500, - "height": 375 -}, { - "src": "tumblr_lswx4kiv5I1qaa50yo1_500.jpg", - "width": 500, - "height": 335 -}, { - "src": "tumblr_llayqvxQOG1qaa50yo1_500.jpg", - "width": 500, - "height": 520 -}, { - "src": "tumblr_lsr5lluMSu1qh6pbfo1_500.jpg", - "width": 500, - "height": 334 -}, { - "src": "tumblr_ltuo57ahqE1qa6z3eo1_500.jpg", - "width": 500, - "height": 373 -}, { - "src": "tumblr_lisp2lS2mD1qh2ak3o1_500.jpg", - "width": 500, - "height": 455 -}, { - "src": "tumblr_lsvxlpiNL71qjy1l3o1_500.jpg", - "width": 420, - "height": 636 -}, { - "src": "tumblr_lil8a1m1YM1qzj3syo1_500.jpg", - "width": 467, - "height": 700 -}, { - "src": "tumblr_locarpP8Sd1qakea9o1_400.jpg", - "width": 341, - "height": 256 -}, { - "src": "tumblr_lu654a6zur1qzj3syo1_500.jpg", - "width": 467, - "height": 700 -}] \ No newline at end of file diff --git a/examples/plain/data/page-16.json b/examples/plain/data/page-16.json deleted file mode 100644 index b0057dc..0000000 --- a/examples/plain/data/page-16.json +++ /dev/null @@ -1,49 +0,0 @@ -[{ - "src": "tumblr_lsm50jkqpy1qzhmgco1_500.jpg", - "width": 500, - "height": 375 -}, { - "src": "tumblr_li5lv2Ixmt1qaa50yo1_500.jpg", - "width": 500, - "height": 456 -}, { - "src": "tumblr_liezvwKrV71qaa50yo1_500.jpg", - "width": 500, - "height": 375 -}, { - "src": "tumblr_lqgsins4RV1qd97mjo1_500.jpg", - "width": 500, - "height": 348 -}, { - "src": "tumblr_lq1pbgcl6y1qfq5z7o1_500.jpg", - "width": 500, - "height": 332 -}, { - "src": "tumblr_lhvp2oLa031qfz67to1_500.jpg", - "width": 500, - "height": 333 -}, { - "src": "tumblr_ls1kpxCTQz1qlw5fmo1_500.jpg", - "width": 500, - "height": 333 -}, { - "src": "tumblr_liac42T0pN1qzj3syo1_400.jpg", - "width": 375, - "height": 500 -}, { - "src": "tumblr_liog44E1xu1qztq0lo1_500.jpg", - "width": 500, - "height": 375 -}, { - "src": "tumblr_ljytc5dMHZ1qaa50yo1_400.jpg", - "width": 360, - "height": 480 -}, { - "src": "tumblr_lrqnevtBvM1qb08qmo1_400.jpg", - "width": 400, - "height": 535 -}, { - "src": "tumblr_llboy529fS1qb6x01o1_400.jpg", - "width": 397, - "height": 600 -}] \ No newline at end of file diff --git a/examples/plain/data/page-2.json b/examples/plain/data/page-2.json deleted file mode 100644 index 07e3ddc..0000000 --- a/examples/plain/data/page-2.json +++ /dev/null @@ -1,49 +0,0 @@ -[{ - "src": "tumblr_ljvqe7tzo21qa9raco1_500.jpg", - "width": 500, - "height": 375 -}, { - "src": "tumblr_ltuiey74EP1r3r9nzo1_500.jpg", - "width": 475, - "height": 335 -}, { - "src": "tumblr_ltpd40jAPJ1qbsj0vo1_500.jpg", - "width": 400, - "height": 224 -}, { - "src": "tumblr_lk0hdcDvTa1qjoblyo1_500.jpg", - "width": 417, - "height": 594 -}, { - "src": "tumblr_lsigg3D23h1qz9wudo1_500.jpg", - "width": 500, - "height": 333 -}, { - "src": "tumblr_ljppluWZAQ1qaa50yo1_500.jpg", - "width": 500, - "height": 667 -}, { - "src": "tumblr_ltpd40jAPJ1qbsj0vo1_500.jpg", - "width": 500, - "height": 425 -}, { - "src": "tumblr_lirbk7KDNc1qb166so1_500.jpg", - "width": 500, - "height": 332 -}, { - "src": "tumblr_lk82r5fJzw1qebvsbo1_500.jpg", - "width": 500, - "height": 330 -}, { - "src": "tumblr_lixgdemCvf1qaa50yo1_500.jpg", - "width": 500, - "height": 356 -}, { - "src": "tumblr_ltnr5nxacX1qb08qmo1_500.jpg", - "width": 500, - "height": 275 -}, { - "src": "tumblr_lk7v8zCcIn1qaa50yo1_500.jpg", - "width": 500, - "height": 375 -}] \ No newline at end of file diff --git a/examples/plain/data/page-3.json b/examples/plain/data/page-3.json deleted file mode 100644 index 94bce8d..0000000 --- a/examples/plain/data/page-3.json +++ /dev/null @@ -1,49 +0,0 @@ -[{ - "src": "tumblr_lrvd8i2yMT1qd4jfno1_500.jpg", - "width": 500, - "height": 670 -}, { - "src": "tumblr_locj1avomH1qzj3syo1_500.jpg", - "width": 500, - "height": 625 -}, { - "src": "tumblr_lsigg3D23h1qz9wudo1_500.jpg", - "width": 500, - "height": 333 -}, { - "src": "tumblr_lqg2xq7VXI1qkuy4yo1_500.jpg", - "width": 500, - "height": 500 -}, { - "src": "tumblr_ltzh55Xi7J1r1vf30o1_500.jpg", - "width": 500, - "height": 333 -}, { - "src": "tumblr_ljguyvQfz81qzy9e6o1_500.jpg", - "width": 500, - "height": 330 -}, { - "src": "tumblr_lk82r5fJzw1qebvsbo1_500.jpg", - "width": 500, - "height": 330 -}, { - "src": "tumblr_lixgdemCvf1qaa50yo1_500.jpg", - "width": 500, - "height": 356 -}, { - "src": "tumblr_ltnr5nxacX1qb08qmo1_500.jpg", - "width": 500, - "height": 275 -}, { - "src": "tumblr_lk7v8zCcIn1qaa50yo1_500.jpg", - "width": 500, - "height": 375 -}, { - "src": "tumblr_li5lkvn1xF1qaa50yo1_500.jpg", - "width": 500, - "height": 402 -}, { - "src": "tumblr_lht0u8BJmA1qaa50yo1_500.jpg", - "width": 500, - "height": 375 -}] \ No newline at end of file diff --git a/examples/plain/data/page-4.json b/examples/plain/data/page-4.json deleted file mode 100644 index a2dc4db..0000000 --- a/examples/plain/data/page-4.json +++ /dev/null @@ -1,49 +0,0 @@ -[{ - "src": "tumblr_ltuiey74EP1r3r9nzo1_500.jpg", - "width": 500, - "height": 500 -}, { - "src": "tumblr_lk7u170Ztt1qb33vho1_500.jpg", - "width": 500, - "height": 338 -}, { - "src": "tumblr_ljuqnm49LZ1qzohdjo1_500.jpg", - "width": 478, - "height": 700 -}, { - "src": "tumblr_lj382lp5TZ1qi8vbjo1_500.jpg", - "width": 500, - "height": 375 -}, { - "src": "tumblr_lix8s4bGDx1qhccb4o1_500.jpg", - "width": 465, - "height": 700 -}, { - "src": "tumblr_lihpotlmBi1qgdpfco1_500.jpg", - "width": 500, - "height": 500 -}, { - "src": "tumblr_lioo4uv1Pd1qb08qmo1_500.jpg", - "width": 500, - "height": 333 -}, { - "src": "tumblr_lisv58ouCm1qb08qmo1_500.jpg", - "width": 500, - "height": 282 -}, { - "src": "tumblr_lqarm9FJMS1qagr6to1_500.jpg", - "width": 500, - "height": 334 -}, { - "src": "tumblr_lisw5rptyA1qbbpjfo1_500.jpg", - "width": 500, - "height": 372 -}, { - "src": "tumblr_lhtxzoe4lb1qb08qmo1_500.jpg", - "width": 467, - "height": 700 -}, { - "src": "tumblr_lk0n7cSLof1qdvswbo1_500.png", - "width": 499, - "height": 332 -}] \ No newline at end of file diff --git a/examples/plain/data/page-5.json b/examples/plain/data/page-5.json deleted file mode 100644 index 6c642ad..0000000 --- a/examples/plain/data/page-5.json +++ /dev/null @@ -1,49 +0,0 @@ -[{ - "src": "tumblr_ljuqnm49LZ1qzohdjo1_500.jpg", - "width": 478, - "height": 700 -}, { - "src": "tumblr_lj382lp5TZ1qi8vbjo1_500.jpg", - "width": 500, - "height": 375 -}, { - "src": "tumblr_lix8s4bGDx1qhccb4o1_500.jpg", - "width": 465, - "height": 700 -}, { - "src": "tumblr_lihpotlmBi1qgdpfco1_500.jpg", - "width": 500, - "height": 500 -}, { - "src": "tumblr_lioo4uv1Pd1qb08qmo1_500.jpg", - "width": 500, - "height": 333 -}, { - "src": "tumblr_lisv58ouCm1qb08qmo1_500.jpg", - "width": 500, - "height": 282 -}, { - "src": "tumblr_lqarm9FJMS1qagr6to1_500.jpg", - "width": 500, - "height": 334 -}, { - "src": "tumblr_lisw5rptyA1qbbpjfo1_500.jpg", - "width": 500, - "height": 372 -}, { - "src": "tumblr_lhtxzoe4lb1qb08qmo1_500.jpg", - "width": 467, - "height": 700 -}, { - "src": "tumblr_lk0n7cSLof1qdvswbo1_500.png", - "width": 499, - "height": 332 -}, { - "src": "tumblr_lk5h7hIRFf1qi4pifo1_500.jpg", - "width": 500, - "height": 375 -}, { - "src": "tumblr_lj6jdaZh3H1qaa50yo1_500.jpg", - "width": 500, - "height": 375 -}] \ No newline at end of file diff --git a/examples/plain/data/page-6.json b/examples/plain/data/page-6.json deleted file mode 100644 index c6d954a..0000000 --- a/examples/plain/data/page-6.json +++ /dev/null @@ -1,49 +0,0 @@ -[{ - "src": "tumblr_lifvcaVhfC1qaa50yo1_500.jpg", - "width": 500, - "height": 363 -}, { - "src": "tumblr_lieuvuig5Y1qze17ho1_500.jpg", - "width": 500, - "height": 333 -}, { - "src": "tumblr_lu81luxaZA1qb08qmo1_500.jpg", - "width": 500, - "height": 373 -}, { - "src": "tumblr_lsm50jkqpy1qzhmgco1_500.jpg", - "width": 500, - "height": 375 -}, { - "src": "tumblr_lsio68QoLc1qz8jg7o1_500.jpg", - "width": 500, - "height": 322 -}, { - "src": "tumblr_lqmbfnCsMx1qfji2jo1_500.jpg", - "width": 500, - "height": 334 -}, { - "src": "tumblr_lhd8a6wWIP1qfv2tgo1_500.png", - "width": 494, - "height": 374 -}, { - "src": "tumblr_lhjuu5y74J1qaa50yo1_500.jpg", - "width": 500, - "height": 335 -}, { - "src": "tumblr_lj9yb6orMV1qdzdkjo1_500.jpg", - "width": 474, - "height": 353 -}, { - "src": "tumblr_lsvlgkoGXf1r1z2mqo1_500.jpg", - "width": 500, - "height": 400 -}, { - "src": "tumblr_ls5vj9vBjn1qb08qmo1_500.jpg", - "width": 500, - "height": 375 -}, { - "src": "tumblr_ll1h2iI9pG1qe76kxo1_500.jpg", - "width": 500, - "height": 375 -}] \ No newline at end of file diff --git a/examples/plain/data/page-7.json b/examples/plain/data/page-7.json deleted file mode 100644 index b27683a..0000000 --- a/examples/plain/data/page-7.json +++ /dev/null @@ -1,49 +0,0 @@ -[{ - "src": "tumblr_li5uwk1P0W1qepvs6o1_400.jpg", - "width": 400, - "height": 300 -}, { - "src": "tumblr_lqf1sn86te1qaa50yo1_500.jpg", - "width": 500, - "height": 375 -}, { - "src": "tumblr_lj5367UKg11qzgqodo1_500.jpg", - "width": 467, - "height": 700 -}, { - "src": "tumblr_ls9fa8S9lE1qfbmwho1_500.jpg", - "width": 500, - "height": 333 -}, { - "src": "tumblr_lk2i9iO0VS1qaa50yo1_500.jpg", - "width": 500, - "height": 375 -}, { - "src": "tumblr_ljlpq3J4e21qzgqodo1_500.jpg", - "width": 500, - "height": 333 -}, { - "src": "tumblr_lsxqgrCZNA1qzj2dvo1_500.jpg", - "width": 500, - "height": 338 -}, { - "src": "tumblr_lteebc0WeC1qb08qmo1_500.jpg", - "width": 500, - "height": 331 -}, { - "src": "tumblr_ll2253YjYU1qjkqano1_500.jpg", - "width": 500, - "height": 330 -}, { - "src": "tumblr_lteechLckg1qb08qmo1_500.jpg", - "width": 500, - "height": 375 -}, { - "src": "tumblr_lhv84py3Ff1qzj3syo1_500.jpg", - "width": 500, - "height": 375 -}, { - "src": "tumblr_lqd88qp82l1qaa50yo1_500.jpg", - "width": 500, - "height": 375 -}] \ No newline at end of file diff --git a/examples/plain/data/page-8.json b/examples/plain/data/page-8.json deleted file mode 100644 index 58abb6f..0000000 --- a/examples/plain/data/page-8.json +++ /dev/null @@ -1,49 +0,0 @@ -[{ - "src": "tumblr_ltef3eghZ71qb08qmo1_500.jpg", - "width": 427, - "height": 640 -}, { - "src": "tumblr_loiqjqWk7t1qaa50yo1_500.jpg", - "width": 500, - "height": 375 -}, { - "src": "tumblr_lirnni3XjG1qzgcv7o1_500.png", - "width": 500, - "height": 667 -}, { - "src": "tumblr_lrqgwdimcs1qb08qmo1_500.jpg", - "width": 500, - "height": 375 -}, { - "src": "tumblr_lized8bWxD1qaa50yo1_500.jpg", - "width": 500, - "height": 500 -}, { - "src": "tumblr_lima5j6wR11qzqe35o1_500.jpg", - "width": 500, - "height": 669 -}, { - "src": "tumblr_ltjulsiGpV1qjqqhko1_500.jpg", - "width": 500, - "height": 375 -}, { - "src": "tumblr_lm1gf8IEiu1qko977o1_500.jpg", - "width": 500, - "height": 281 -}, { - "src": "tumblr_lqexmferHa1qg02ino1_500.jpg", - "width": 500, - "height": 334 -}, { - "src": "tumblr_ltxrbekLv41qbwjg2o1_500.jpg", - "width": 500, - "height": 375 -}, { - "src": "tumblr_ll90kwmMJw1qzj3syo1_500.jpg", - "width": 500, - "height": 375 -}, { - "src": "tumblr_lhwgc2NGyQ1qhl1obo1_500.jpg", - "width": 500, - "height": 375 -}] \ No newline at end of file diff --git a/examples/plain/data/page-9.json b/examples/plain/data/page-9.json deleted file mode 100644 index abbff3d..0000000 --- a/examples/plain/data/page-9.json +++ /dev/null @@ -1,49 +0,0 @@ -[{ - "src": "tumblr_ljzbsps30x1qcxmejo1_500.jpg", - "width": 500, - "height": 375 -}, { - "src": "tumblr_lkbkmo9EoE1qaa50yo1_500.jpg", - "width": 500, - "height": 669 -}, { - "src": "tumblr_litk67P87K1qaa50yo1_500.jpg", - "width": 500, - "height": 669 -}, { - "src": "tumblr_loi5hoeqGZ1qjkps3o1_500.jpg", - "width": 500, - "height": 334 -}, { - "src": "tumblr_lsvcpxVBgd1qzgqodo1_500.jpg", - "width": 500, - "height": 366 -}, { - "src": "tumblr_lhwsxaMJfm1qaa50yo1_500.jpg", - "width": 500, - "height": 335 -}, { - "src": "tumblr_ljnfx3veyn1qb08qmo1_500.jpg", - "width": 427, - "height": 586 -}, { - "src": "tumblr_lsr5lluMSu1qh6pbfo1_500.jpg", - "width": 500, - "height": 334 -}, { - "src": "tumblr_liyjcg8NSv1qis1geo1_400.jpg", - "width": 400, - "height": 267 -}, { - "src": "tumblr_locj6wlB0f1qzj3syo1_500.jpg", - "width": 481, - "height": 687 -}, { - "src": "tumblr_lomvroWFOE1qaa50yo1_500.jpg", - "width": 467, - "height": 700 -}, { - "src": "tumblr_ltm9mro5E21qb08qmo1_500.jpg", - "width": 500, - "height": 332 -}] \ No newline at end of file diff --git a/examples/plain/index.html b/examples/plain/index.html deleted file mode 100644 index 6b2661f..0000000 --- a/examples/plain/index.html +++ /dev/null @@ -1,26 +0,0 @@ - - - - - mithril-infinite, Infinite Scroll for Mithril - - - - - - - - - - - - - - - - - diff --git a/examples/plain/vendor/mithril-infinite.css b/examples/plain/vendor/mithril-infinite.css deleted file mode 100644 index 6be1df7..0000000 --- a/examples/plain/vendor/mithril-infinite.css +++ /dev/null @@ -1,20 +0,0 @@ -.scroll-view{ -height:100%; --webkit-overflow-scrolling:touch; -} -.scroll-view.scroll-view-x{ -width:100%; -overflow-y:hidden; -overflow-x:auto; -} -.scroll-view.scroll-view-x .scroll-content{ -width:100%; -} -.scroll-view.scroll-view-y{ -height:100%; -overflow-y:auto; -overflow-x:hidden; -} -.scroll-view.scroll-view-y .scroll-content{ -height:100%; -} \ No newline at end of file diff --git a/examples/plain/vendor/mithril-infinite.js b/examples/plain/vendor/mithril-infinite.js deleted file mode 100644 index 46a0cac..0000000 --- a/examples/plain/vendor/mithril-infinite.js +++ /dev/null @@ -1,8 +0,0 @@ -"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var _verge=require("verge"),_verge2=_interopRequireDefault(_verge),_mithril=require("mithril"),_mithril2=_interopRequireDefault(_mithril),SEL_PADDING="000000",SCROLL_WATCH_TIMER=200,RESIZE_TIMER=500,LEEWAY=100;Object.assign||(Object.assign=function(n,e){for(var i=1,t=void 0;i in arguments;++i){e=arguments[i];for(t in e)Object.prototype.hasOwnProperty.call(e,t)&&(n[t]=e[t])}return n});var infinite={};infinite.numToId=function(e){return SEL_PADDING.substring(0,SEL_PADDING.length-(""+e).length)+e},infinite.getElementSize=function(t,n){var e=window.getComputedStyle(t);if("x"===n){var i=parseFloat(e.marginLeft)+parseFloat(e.marginRight);return Math.ceil(t.scrollWidth+i)}var i=parseFloat(e.marginTop)+parseFloat(e.marginBottom);return Math.ceil(t.scrollHeight+i)},infinite.getCurrentPage=function(n,e){var r=Object.keys(e.dimensions).sort(),t=e.before||0,i=1;return r.forEach(function(r){n>t&&(i=parseInt(r,10));var a=e.dimensions[r];t+=a}),i},infinite.calculateSize=function(r,t,e){var i=Math.max(0,r-1);if(i>t)return 0;var a=t,l=Object.keys(e.dimensions).sort().slice(i,a),n=e.before||0;return l.forEach(function(t){n+=e.dimensions[t]||0}),n+=e.after||0},infinite.calculateStartToContent=function(e,t,i){var n=1,r=e+t;return infinite.calculateSize(n,r,i)},infinite.calculateContentSize=function(e,t,i){var n=e-t,r=e+t;return infinite.calculateSize(n,r,i)},infinite.calculatePaddingAfter=function(t,i,e){var n=t+i,r=Object.keys(e.dimensions).length;return infinite.calculateSize(n,r,e)},infinite.isPageInViewport=function(t,i,a,e){if(!e)return!1;var n=infinite.numToId(t),r=e.querySelector('[data-page="'+n+'"]');return infinite.isElementInViewport({el:r,axis:i})},infinite.isElementInViewport=function(e){var t=e.el,i=e.leeway||LEEWAY,n=e.axis||"y";return{x:_verge2.default.inX(t,i),y:_verge2.default.inY(t,i),both:_verge2.default.inViewport(t,i)}[n]};var getPageData=function(e){return _mithril2.default.request({method:"GET",url:e,initialValue:[],background:!0})},page={};page.controller=function(){var e=arguments.length<=0||void 0===arguments[0]?{}:arguments[0],t=_mithril2.default.prop([]);if(e.pageData)t=e.pageData(e.page);else{var i=e.pageUrl(e.page);getPageData(i).then(function(e){t(e),_mithril2.default.redraw()})}return{content:t}},page.view=function(r){var e=arguments.length<=1||void 0===arguments[1]?{}:arguments[1],i=infinite.numToId(e.page),l=e.pageTag||"div",o=["page",e.page%2===0?"even":"odd"].join(" "),s=e.processPageData||function(t,i){return t?t.map(function(t,n){return e.item(t,i,n)}):null},n=e.state.dimensions[i]||0,t=0;e.pageSize&&(t=e.pageSize(r.content()),e.state.dimensions[i]=t);var a=t?t+"px":e.isScrolling&&n?n+"px":"auto";return _mithril2.default(l,{"data-page":i,class:o,style:n?Object.assign({},"x"===e.axis?{width:a}:{height:a}):{},config:t?{}:function(n){var t=infinite.getElementSize(n,e.axis);t&&(e.state.dimensions[i]=t)}},s(r.content(),e))},infinite.controller=function(e){return{state:{dimensions:{}},maxPages:e.maxPages||Number.MAX_VALUE,scrollView:null,isScrolling:!1,scrollWatchScrollingStateId:null,scrollWatchUpdateStateId:null,paddingAfter:null,preloadSlots:e.preloadPages||1,boundingClientRect:{},currentPage:0}},infinite.view=function(e,t){var r=e.state,f=e.scrollView?"x"===t.axis?e.scrollView.scrollLeft:e.scrollView.scrollTop:0,n=infinite.getCurrentPage(f,r);n!==e.currentPage&&t.pageChange&&t.pageChange(n),e.currentPage=n;for(var u=[],s=-e.preloadSlots;s<=e.preloadSlots;s++){var c=n+s;c>0&&c<=e.maxPages&&u.push(c)}var g=t.contentTag||"div",v=["scroll-view","scroll-view-"+(t.axis||"y"),t.class||""],h=infinite.calculateStartToContent(n,e.preloadSlots,r),i=infinite.calculateContentSize(n,e.preloadSlots,r),l=h-i,o=t.contentSize?0:infinite.calculatePaddingAfter(n,e.preloadSlots,r),m=infinite.isPageInViewport(1,t.axis,r,e.scrollView),p=t.maxPages?infinite.isPageInViewport(t.maxPages,t.axis,r,e.scrollView):!0;if(e.scrollView){var a=e.scrollView.getBoundingClientRect();e.boundingClientRect=e.boundingClientRect||a,(a.width!==e.boundingClientRect.width||a.height!==e.boundingClientRect.height)&&(e.preloadSlots=t.preloadPages||1),e.boundingClientRect=a,0===i?setTimeout(function(){_mithril2.default.redraw()},0):i>0&&i0&&(f.attrs[e]=g.join(" ")),f}function f(a,b,d,j,l,m,n,o,p,q,r){try{(null==l||null==l.toString())&&(l="")}catch(s){l=""}if("retain"===l.subtree)return m;var t=L.call(m),u=L.call(l);if(null==m||t!==u){if(null!=m)if(d&&d.nodes){var v=o-j,w=v+(u===I?l:m.nodes).length;i(d.nodes.slice(v,w),d.slice(v,w))}else m.nodes&&i(m.nodes,m);m=new l.constructor,m.tag&&(m={}),m.nodes=[]}if(u===I){for(var x=0,y=l.length;y>x;x++)L.call(l[x])===I&&(l=l.concat.apply([],l),x--,y=l.length);for(var z=[],A=m.length===l.length,B=0,C=1,E=2,F=3,G={},M=!1,x=0;xx;x++)if(l[x]&&l[x].attrs&&null!=l[x].attrs.key){for(var Q=0,y=l.length;y>Q;Q++)l[Q]&&l[Q].attrs&&null==l[Q].attrs.key&&(l[Q].attrs.key="__mithril__"+N++);break}if(M){var R=!1;if(l.length!=m.length)R=!0;else for(var S,T,x=0;S=m[x],T=l[x];x++)if(S.attrs&&T.attrs&&S.attrs.key!=T.attrs.key){R=!0;break}if(R){for(var x=0,y=l.length;y>x;x++)if(l[x]&&l[x].attrs&&null!=l[x].attrs.key){var U=l[x].attrs.key;G[U]=G[U]?{action:F,index:x,from:G[U].index,element:m.nodes[G[U].index]||D.createElement("div")}:{action:E,index:x}}var V=[];for(var W in G)V.push(G[W]);var X=V.sort(g),Y=new Array(m.length);Y.nodes=m.nodes.slice();for(var Z,x=0;Z=X[x];x++){if(Z.action===C&&(i(m[Z.index].nodes,m[Z.index]),Y.splice(Z.index,1)),Z.action===E){var $=D.createElement("div");$.key=l[Z.index].attrs.key,a.insertBefore($,a.childNodes[Z.index]||null),Y.splice(Z.index,0,{attrs:{key:l[Z.index].attrs.key},nodes:[$]}),Y.nodes[Z.index]=$}Z.action===F&&(a.childNodes[Z.index]!==Z.element&&null!==Z.element&&a.insertBefore(Z.element,a.childNodes[Z.index]||null),Y[Z.index]=m[Z.from],Y.nodes[Z.index]=Z.element)}m=Y}}for(var x=0,_=0,y=l.length;y>x;x++){var bb=f(a,b,m,o,l[x],m[_],n,o+B||B,p,q,r);bb!==c&&(bb.nodes.intact||(A=!1),B+=bb.$trusted?(bb.match(/<[^\/]|\>\s*[^<]/g)||[0]).length:L.call(bb)===I?bb.length:1,m[_++]=bb)}if(!A){for(var x=0,y=l.length;y>x;x++)null!=m[x]&&z.push.apply(z,m[x].nodes);for(var cb,x=0;cb=m.nodes[x];x++)null!=cb.parentNode&&z.indexOf(cb)<0&&i([cb],[m[x]]);l.length-1?m.controllers[hb]:new(l.controller||P),U=l&&l.attrs&&l.attrs.key;if(l=0==db||m&&m.controllers&&m.controllers.indexOf(ib)>-1?l.view(ib):{tag:"placeholder"},"retain"===l.subtree)return m;U&&(l.attrs||(l.attrs={}),l.attrs.key=U),ib.onunload&&ab.push({controller:ib,handler:ib.onunload}),eb.push(gb),fb.push(ib)}if(!l.tag&&fb.length)throw new Error("Component template must return a virtual element, not an array, string, etc.");l.attrs||(l.attrs={}),m.attrs||(m.attrs={});var jb=Object.keys(l.attrs),kb=jb.length>("key"in l.attrs?1:0);if((l.tag!=m.tag||jb.sort().join()!=Object.keys(m.attrs).sort().join()||l.attrs.id!=m.attrs.id||l.attrs.key!=m.attrs.key||"all"==e.redraw.strategy()&&(!m.configContext||m.configContext.retain!==!0)||"diff"==e.redraw.strategy()&&m.configContext&&m.configContext.retain===!1)&&(m.nodes.length&&i(m.nodes),m.configContext&&typeof m.configContext.onunload===K&&m.configContext.onunload(),m.controllers))for(var ib,x=0;ib=m.controllers[x];x++)typeof ib.onunload===K&&ib.onunload({preventDefault:P});if(L.call(l.tag)!=J)return;var cb,lb=0===m.nodes.length;if(l.attrs.xmlns?q=l.attrs.xmlns:"svg"===l.tag?q="http://www.w3.org/2000/svg":"math"===l.tag&&(q="http://www.w3.org/1998/Math/MathML"),lb){if(cb=l.attrs.is?q===c?D.createElement(l.tag,l.attrs.is):D.createElementNS(q,l.tag,l.attrs.is):q===c?D.createElement(l.tag):D.createElementNS(q,l.tag),m={tag:l.tag,attrs:kb?h(cb,l.tag,l.attrs,{},q):l.attrs,children:null!=l.children&&l.children.length>0?f(cb,l.tag,c,c,l.children,m.children,!0,0,l.attrs.contenteditable?cb:p,q,r):l.children,nodes:[cb]},fb.length){m.views=eb,m.controllers=fb;for(var ib,x=0;ib=fb[x];x++)if(ib.onunload&&ib.onunload.$old&&(ib.onunload=ib.onunload.$old),db&&ib.onunload){var mb=ib.onunload;ib.onunload=P,ib.onunload.$old=mb}}m.children&&!m.children.nodes&&(m.children.nodes=[]),"select"===l.tag&&"value"in l.attrs&&h(cb,l.tag,{value:l.attrs.value},{},q),a.insertBefore(cb,a.childNodes[o]||null)}else cb=m.nodes[0],kb&&h(cb,l.tag,l.attrs,m.attrs,q),m.children=f(cb,l.tag,c,c,l.children,m.children,!1,0,l.attrs.contenteditable?cb:p,q,r),m.nodes.intact=!0,fb.length&&(m.views=eb,m.controllers=fb),n===!0&&null!=cb&&a.insertBefore(cb,a.childNodes[o]||null);if(typeof l.attrs.config===K){var nb=m.configContext=m.configContext||{},ob=function(a,b){return function(){return a.attrs.config.apply(a,b)}};r.push(ob(l,[cb,!lb,nb,m]))}}else if(typeof l!=K){var z;0===m.nodes.length?(l.$trusted?z=k(a,o,l):(z=[D.createTextNode(l)],a.nodeName.match(O)||a.insertBefore(z[0],a.childNodes[o]||null)),m="string number boolean".indexOf(typeof l)>-1?new l.constructor(l):l,m.nodes=z):m.valueOf()!==l.valueOf()||n===!0?(z=m.nodes,p&&p===D.activeElement||(l.$trusted?(i(z,m),z=k(a,o,l)):"textarea"===b?a.value=l:p?p.innerHTML=l:((1===z[0].nodeType||z.length>1)&&(i(m.nodes,m),z=[D.createTextNode(l)]),a.insertBefore(z[0],a.childNodes[o]||null),z[0].nodeValue=l)),m=new l.constructor(l),m.nodes=z):m.nodes.intact=!0}return m}function g(a,b){return a.action-b.action||a.index-b.index}function h(a,b,c,d,e){for(var f in c){var g=c[f],h=d[f];if(f in d&&h===g)"value"===f&&"input"===b&&a.value!=g&&(a.value=g);else{d[f]=g;try{if("config"===f||"key"==f)continue;if(typeof g===K&&0===f.indexOf("on"))a[f]=l(g,a);else if("style"===f&&null!=g&&L.call(g)===H){for(var i in g)(null==h||h[i]!==g[i])&&(a.style[i]=g[i]);for(var i in h)i in g||(a.style[i]="")}else null!=e?"href"===f?a.setAttributeNS("http://www.w3.org/1999/xlink","href",g):"className"===f?a.setAttribute("class",g):a.setAttribute(f,g):f in a&&"list"!==f&&"style"!==f&&"form"!==f&&"type"!==f&&"width"!==f&&"height"!==f?("input"!==b||a[f]!==g)&&(a[f]=g):a.setAttribute(f,g)}catch(j){if(j.message.indexOf("Invalid argument")<0)throw j}}}return d}function i(a,b){for(var c=a.length-1;c>-1;c--)if(a[c]&&a[c].parentNode){try{a[c].parentNode.removeChild(a[c])}catch(d){}b=[].concat(b),b[c]&&j(b[c])}0!=a.length&&(a.length=0)}function j(a){if(a.configContext&&typeof a.configContext.onunload===K&&(a.configContext.onunload(),a.configContext.onunload=null),a.controllers)for(var b,c=0;b=a.controllers[c];c++)typeof b.onunload===K&&b.onunload({preventDefault:P});if(a.children)if(L.call(a.children)===I)for(var d,c=0;d=a.children[c];c++)j(d);else a.children.tag&&j(a.children)}function k(a,b,c){var d=a.childNodes[b];if(d){var e=1!=d.nodeType,f=D.createElement("span");e?(a.insertBefore(f,d||null),f.insertAdjacentHTML("beforebegin",c),a.removeChild(f)):d.insertAdjacentHTML("beforebegin",c)}else a.insertAdjacentHTML("beforeend",c);for(var g=[];a.childNodes[b]!==d;)g.push(a.childNodes[b]),b++;return g}function l(a,b){return function(c){c=c||event,e.redraw.strategy("diff"),e.startComputation();try{return a.call(b,c)}finally{eb()}}}function m(a){var b=S.indexOf(a);return 0>b?S.push(a)-1:b}function n(a){var b=function(){return arguments.length&&(a=arguments[0]),a};return b.toJSON=function(){return a},b}function o(a,b){var c=function(){return(a.controller||P).apply(this,b)||this},d=function(c){return arguments.length>1&&(b=b.concat([].slice.call(arguments,1))),a.view.apply(a,b?[c].concat(b):[c])};d.$original=a.view;var e={controller:c,view:d};return b[0]&&null!=b[0].key&&(e.attrs={key:b[0].key}),e}function p(){$&&($(),$=null);for(var a,b=0;a=V[b];b++)if(X[b]){var c=W[b].controller&&W[b].controller.$$args?[X[b]].concat(W[b].controller.$$args):[X[b]];e.render(a,W[b].view?W[b].view(X[b],c):"")}_&&(_(),_=null),Y=null,Z=new Date,e.redraw.strategy("diff")}function q(a){return a.slice(hb[e.route.mode].length)}function r(a,b,c){fb={};var d=c.indexOf("?");-1!==d&&(fb=v(c.substr(d+1,c.length)),c=c.substr(0,d));var f=Object.keys(b),g=f.indexOf(c);if(-1!==g)return e.mount(a,b[f[g]]),!0;for(var h in b){if(h===c)return e.mount(a,b[h]),!0;var i=new RegExp("^"+h.replace(/:[^\/]+?\.{3}/g,"(.*?)").replace(/:[^\/]+/g,"([^\\/]+)")+"/?$");if(i.test(c))return c.replace(i,function(){for(var c=h.match(/:[^\/]+/g)||[],d=[].slice.call(arguments,1,-2),f=0,g=c.length;g>f;f++)fb[c[f].replace(/:|\./g,"")]=decodeURIComponent(d[f]);e.mount(a,b[h])}),!0}}function s(a){if(a=a||event,!a.ctrlKey&&!a.metaKey&&2!==a.which){a.preventDefault?a.preventDefault():a.returnValue=!1;for(var b=a.currentTarget||a.srcElement,c="pathname"===e.route.mode&&b.search?v(b.search.slice(1)):{};b&&"A"!=b.nodeName.toUpperCase();)b=b.parentNode;e.route(b[e.route.mode].slice(hb[e.route.mode].length),c)}}function t(){"hash"!=e.route.mode&&E.hash?E.hash=E.hash:b.scrollTo(0,0)}function u(a,b){var d={},e=[];for(var f in a){var g=b?b+"["+f+"]":f,h=a[f],i=L.call(h),j=null===h?encodeURIComponent(g):i===H?u(h,g):i===I?h.reduce(function(a,b){return d[g]||(d[g]={}),d[g][b]?a:(d[g][b]=!0,a.concat(encodeURIComponent(g)+"="+encodeURIComponent(b)))},[]).join("&"):encodeURIComponent(g)+"="+encodeURIComponent(h);h!==c&&e.push(j)}return e.join("&")}function v(a){"?"===a.charAt(0)&&(a=a.substring(1));for(var b=a.split("&"),c={},d=0,e=b.length;e>d;d++){var f=b[d].split("="),g=decodeURIComponent(f[0]),h=2==f.length?decodeURIComponent(f[1]):null;null!=c[g]?(L.call(c[g])!==I&&(c[g]=[c[g]]),c[g].push(h)):c[g]=h}return c}function w(a){var b=m(a);i(a.childNodes,T[b]),T[b]=c}function x(a,b){var c=e.prop(b);return a.then(c),c.then=function(c,d){return x(a.then(c,d),b)},c}function y(a,b){function c(a){l=a||j,n.map(function(a){l===i&&a.resolve(m)||a.reject(m)})}function d(a,b,c,d){if((null!=m&&L.call(m)===H||typeof m===K)&&typeof a===K)try{var f=0;a.call(m,function(a){f++||(m=a,b())},function(a){f++||(m=a,c())})}catch(g){e.deferred.onerror(g),m=g,c()}else d()}function f(){var j;try{j=m&&m.then}catch(n){return e.deferred.onerror(n),m=n,l=h,f()}d(j,function(){l=g,f()},function(){l=h,f()},function(){try{l===g&&typeof a===K?m=a(m):l===h&&"function"==typeof b&&(m=b(m),l=g)}catch(f){return e.deferred.onerror(f),m=f,c()}m===k?(m=TypeError(),c()):d(j,function(){c(i)},c,function(){c(l===g&&i)})})}var g=1,h=2,i=3,j=4,k=this,l=0,m=0,n=[];k.promise={},k.resolve=function(a){return l||(m=a,l=g,f()),this},k.reject=function(a){return l||(m=a,l=h,f()),this},k.promise.then=function(a,b){var c=new y(a,b);return l===i?c.resolve(m):l===j?c.reject(m):n.push(c),c.promise}}function z(a){return a}function A(a){if(!a.dataType||"jsonp"!==a.dataType.toLowerCase()){var d=new b.XMLHttpRequest;if(d.open(a.method,a.url,!0,a.user,a.password),d.onreadystatechange=function(){4===d.readyState&&(d.status>=200&&d.status<300?a.onload({type:"load",target:d}):a.onerror({type:"error",target:d}))},a.serialize===JSON.stringify&&a.data&&"GET"!==a.method&&d.setRequestHeader("Content-Type","application/json; charset=utf-8"),a.deserialize===JSON.parse&&d.setRequestHeader("Accept","application/json, text/*"),typeof a.config===K){var e=a.config(d,a);null!=e&&(d=e)}var f="GET"!==a.method&&a.data?a.data:"";if(f&&L.call(f)!=J&&f.constructor!=b.FormData)throw"Request data should be either be a string or FormData. Check the `serialize` option in `m.request`";return d.send(f),d}var g="mithril_callback_"+(new Date).getTime()+"_"+Math.round(1e16*Math.random()).toString(36),h=D.createElement("script");b[g]=function(d){h.parentNode.removeChild(h),a.onload({type:"load",target:{responseText:d}}),b[g]=c},h.onerror=function(){return h.parentNode.removeChild(h),a.onerror({type:"error",target:{status:500,responseText:JSON.stringify({error:"Error making jsonp request"})}}),b[g]=c,!1},h.onload=function(){return!1},h.src=a.url+(a.url.indexOf("?")>0?"&":"?")+(a.callbackKey?a.callbackKey:"callback")+"="+g+"&"+u(a.data||{}),D.body.appendChild(h)}function B(a,b,c){if("GET"===a.method&&"jsonp"!=a.dataType){var d=a.url.indexOf("?")<0?"?":"&",e=u(b);a.url=a.url+(e?d+e:"")}else a.data=c(b);return a}function C(a,b){var c=a.match(/:[a-z]\w+/gi);if(c&&b)for(var d=0;dk;k++)e[k]()},e.trust=function(a){return a=new String(a),a.$trusted=!0,a},e.prop=function(a){return(null!=a&&L.call(a)===H||typeof a===K)&&typeof a.then===K?x(a):n(a)};var U,V=[],W=[],X=[],Y=null,Z=0,$=null,_=null,ab=[],bb=16;e.component=function(a){return o(a,[].slice.call(arguments,1))},e.mount=e.module=function(a,b){if(!a)throw new Error("Please ensure the DOM element exists before rendering a template into it.");var c=V.indexOf(a);0>c&&(c=V.length);for(var d,f=!1,g={preventDefault:function(){f=!0,$=_=null}},h=0;d=ab[h];h++)d.handler.call(d.controller,g),d.controller.onunload=null;if(f)for(var d,h=0;d=ab[h];h++)d.controller.onunload=d.handler;else ab=[];if(X[c]&&typeof X[c].onunload===K&&X[c].onunload(g),!f){e.redraw.strategy("all"),e.startComputation(),V[c]=a,arguments.length>2&&(b=subcomponent(b,[].slice.call(arguments,2)));var i=U=b=b||{controller:function(){}},j=b.controller||P,k=new j;return i===U&&(X[c]=k,W[c]=b),eb(),X[c]}};var cb=!1;e.redraw=function(a){cb||(cb=!0,Y&&a!==!0?(F===b.requestAnimationFrame||new Date-Z>bb)&&(Y>0&&G(Y),Y=F(p,bb)):(p(),Y=F(function(){Y=null},bb)),cb=!1)},e.redraw.strategy=e.prop();var db=0;e.startComputation=function(){db++},e.endComputation=function(){db=Math.max(db-1,0),0===db&&e.redraw()};var eb=function(){"none"==e.redraw.strategy()?(db--,e.redraw.strategy("diff")):e.endComputation()};e.withAttr=function(a,b){return function(c){c=c||event;var d=c.currentTarget||this;b(a in d?d[a]:d.getAttribute(a))}};var fb,gb,hb={pathname:"",hash:"#",search:"?"},ib=P,jb=!1;return e.route=function(){if(0===arguments.length)return gb;if(3===arguments.length&&L.call(arguments[1])===J){var a=arguments[0],c=arguments[1],d=arguments[2];ib=function(b){var f=gb=q(b);if(!r(a,d,f)){if(jb)throw new Error("Ensure the default route matches one of the routes defined in m.route");jb=!0,e.route(c,!0),jb=!1}};var f="hash"===e.route.mode?"onhashchange":"onpopstate";b[f]=function(){var a=E[e.route.mode];"pathname"===e.route.mode&&(a+=E.search),gb!=q(a)&&ib(a)},$=t,b[f]()}else if(arguments[0].addEventListener||arguments[0].attachEvent){var g=arguments[0],h=(arguments[1],arguments[2],arguments[3]);g.href=("pathname"!==e.route.mode?E.pathname:"")+hb[e.route.mode]+h.attrs.href,g.addEventListener?(g.removeEventListener("click",s),g.addEventListener("click",s)):(g.detachEvent("onclick",s),g.attachEvent("onclick",s))}else if(L.call(arguments[0])===J){var i=gb;gb=arguments[0];var j=arguments[1]||{},k=gb.indexOf("?"),l=k>-1?v(gb.slice(k+1)):{};for(var m in j)l[m]=j[m];var n=u(l),o=k>-1?gb.slice(0,k):gb;n&&(gb=o+(-1===o.indexOf("?")?"?":"&")+n);var p=(3===arguments.length?arguments[2]:arguments[1])===!0||i===arguments[0];b.history.pushState?($=t,_=function(){b.history[p?"replaceState":"pushState"](null,D.title,hb[e.route.mode]+gb)},ib(hb[e.route.mode]+gb)):(E[e.route.mode]=gb,ib(hb[e.route.mode]+gb))}},e.route.param=function(a){if(!fb)throw new Error("You must call m.route(element, defaultRoute, routes) before calling m.route.param()");return fb[a]},e.route.mode="search",e.route.buildQueryString=u,e.route.parseQueryString=v,e.deferred=function(){var a=new y;return a.promise=x(a.promise),a},e.deferred.onerror=function(a){if("[object Error]"===L.call(a)&&!a.constructor.toString().match(/ Error/))throw a},e.sync=function(a){function b(a,b){return function(e){return g[a]=e,b||(c="reject"),0===--f&&(d.promise(g),d[c](g)),e}}var c="resolve",d=e.deferred(),f=a.length,g=new Array(f);if(a.length>0)for(var h=0;ha?b:a},l=e.viewportH=function(){var a=h.clientHeight,b=f.innerHeight;return b>a?b:a};return e.mq=j,e.matchMedia=i?function(){return i.apply(f,arguments)}:function(){return{}},e.viewport=a,e.scrollX=function(){return f.pageXOffset||h.scrollLeft},e.scrollY=function(){return f.pageYOffset||h.scrollTop},e.rectangle=c,e.aspect=d,e.inX=function(a,b){var d=c(a,b);return!!d&&d.right>=0&&d.left<=k()},e.inY=function(a,b){var d=c(a,b);return!!d&&d.bottom>=0&&d.top<=l()},e.inViewport=function(a,b){var d=c(a,b);return!!d&&d.bottom>=0&&d.right>=0&&d.top<=l()&&d.left<=k()},e}); \ No newline at end of file diff --git a/examples/src/app/fixed/fixed-style.es6.js b/examples/src/app/fixed/fixed-style.es6.js index daa8f1e..5b6fc6c 100644 --- a/examples/src/app/fixed/fixed-style.es6.js +++ b/examples/src/app/fixed/fixed-style.es6.js @@ -1,7 +1,7 @@ const styles = [{ - '.scroll-view.table.fixed': { - ' .scroll-content': { - ' .page': { + '.mithril-infinite__scroll-view.table.fixed': { + ' .mithril-infinite__scroll-content': { + ' .mithril-infinite__page': { ' .list-item': { 'max-height': '36px' } diff --git a/examples/src/app/fixed/fixed-style.js b/examples/src/app/fixed/fixed-style.js index 880f4d9..0e29c03 100644 --- a/examples/src/app/fixed/fixed-style.js +++ b/examples/src/app/fixed/fixed-style.js @@ -1 +1 @@ -"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var styles=[{".scroll-view.table.fixed":{" .scroll-content":{" .page":{" .list-item":{"max-height":"36px"}}," .github":{height:"133px"}}}}];exports.default=styles; \ No newline at end of file +"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var styles=[{".mithril-infinite__scroll-view.table.fixed":{" .mithril-infinite__scroll-content":{" .mithril-infinite__page":{" .list-item":{"max-height":"36px"}}," .github":{height:"133px"}}}}];exports.default=styles; \ No newline at end of file diff --git a/examples/src/app/grid/grid-style.es6.js b/examples/src/app/grid/grid-style.es6.js index 07caaa8..7935f0e 100644 --- a/examples/src/app/grid/grid-style.es6.js +++ b/examples/src/app/grid/grid-style.es6.js @@ -7,9 +7,9 @@ const imageHolderPaddingPx = imageHolderPadding + 'px'; const makeMediaStyle = function(which, cols) { return { ['@media (' + which + '-width: ' + ((cols + 1) * itemWidth + cols * gridSpacing) + 'px)']: { - '.scroll-view.grid': { - ' .scroll-content': { - ' .content': { + '.mithril-infinite__scroll-view.grid': { + ' .mithril-infinite__scroll-content': { + ' .mithril-infinite__content': { 'width': cols * itemWidth + (cols - 1) * gridSpacing + 'px' } } @@ -24,18 +24,18 @@ const styles = [ makeMediaStyle('max', 3), makeMediaStyle('max', 2), makeMediaStyle('max', 1), { - '.scroll-view.grid': { + '.mithril-infinite__scroll-view.grid': { margin: '0 auto', - ' .scroll-content': { + ' .mithril-infinite__scroll-content': { padding: 2 * gridSpacing + 'px 0', - ' .content': { + ' .mithril-infinite__content': { margin: '0 auto', 'font-size': 0, 'line-height': 0, - ' .page': { + ' .mithril-infinite__page': { margin: '0 ' + (-gridSpacing / 2) + 'px' }, ' .grid-item': { @@ -61,7 +61,9 @@ const styles = [ width: '100%', 'background-size': 'contain', 'background-repeat': 'no-repeat', - 'background-position-x': '50%' + 'background-position-x': '50%', + opacity: 0, + transition: 'opacity .7s' } } } diff --git a/examples/src/app/grid/grid-style.js b/examples/src/app/grid/grid-style.js index 0598845..edfc827 100644 --- a/examples/src/app/grid/grid-style.js +++ b/examples/src/app/grid/grid-style.js @@ -1 +1 @@ -"use strict";function _defineProperty(i,e,t){return e in i?Object.defineProperty(i,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):i[e]=t,i}Object.defineProperty(exports,"__esModule",{value:!0});var gridSpacing=8,itemWidth=210,itemWidthPx=itemWidth+"px",imageHolderPadding=10,imageHolderPaddingPx=imageHolderPadding+"px",makeMediaStyle=function(e,i){return _defineProperty({},"@media ("+e+"-width: "+((i+1)*itemWidth+i*gridSpacing)+"px)",{".scroll-view.grid":{" .scroll-content":{" .content":{width:i*itemWidth+(i-1)*gridSpacing+"px"}}}})},styles=[makeMediaStyle("min",4),makeMediaStyle("max",4),makeMediaStyle("max",3),makeMediaStyle("max",2),makeMediaStyle("max",1),{".scroll-view.grid":{margin:"0 auto"," .scroll-content":{padding:2*gridSpacing+"px 0"," .content":{margin:"0 auto","font-size":0,"line-height":0," .page":{margin:"0 "+-gridSpacing/2+"px"}," .grid-item":{display:"inline-block",height:itemWidthPx,width:itemWidthPx,"background-color":"#f0f0f0",margin:[0,gridSpacing/2,gridSpacing,gridSpacing/2].map(function(i){return i+"px"}).join(" ")," .image-holder":{height:itemWidth-2*imageHolderPadding+"px",width:itemWidth-2*imageHolderPadding+"px",overflow:"hidden",position:"relative",margin:imageHolderPaddingPx," .image":{position:"absolute",left:"auto",top:0,right:"auto",bottom:0,width:"100%","background-size":"contain","background-repeat":"no-repeat","background-position-x":"50%"}}}}}}}];exports.default=styles; \ No newline at end of file +"use strict";function _defineProperty(i,e,t){return e in i?Object.defineProperty(i,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):i[e]=t,i}Object.defineProperty(exports,"__esModule",{value:!0});var gridSpacing=8,itemWidth=210,itemWidthPx=itemWidth+"px",imageHolderPadding=10,imageHolderPaddingPx=imageHolderPadding+"px",makeMediaStyle=function(e,i){return _defineProperty({},"@media ("+e+"-width: "+((i+1)*itemWidth+i*gridSpacing)+"px)",{".mithril-infinite__scroll-view.grid":{" .mithril-infinite__scroll-content":{" .mithril-infinite__content":{width:i*itemWidth+(i-1)*gridSpacing+"px"}}}})},styles=[makeMediaStyle("min",4),makeMediaStyle("max",4),makeMediaStyle("max",3),makeMediaStyle("max",2),makeMediaStyle("max",1),{".mithril-infinite__scroll-view.grid":{margin:"0 auto"," .mithril-infinite__scroll-content":{padding:2*gridSpacing+"px 0"," .mithril-infinite__content":{margin:"0 auto","font-size":0,"line-height":0," .mithril-infinite__page":{margin:"0 "+-gridSpacing/2+"px"}," .grid-item":{display:"inline-block",height:itemWidthPx,width:itemWidthPx,"background-color":"#f0f0f0",margin:[0,gridSpacing/2,gridSpacing,gridSpacing/2].map(function(i){return i+"px"}).join(" ")," .image-holder":{height:itemWidth-2*imageHolderPadding+"px",width:itemWidth-2*imageHolderPadding+"px",overflow:"hidden",position:"relative",margin:imageHolderPaddingPx," .image":{position:"absolute",left:"auto",top:0,right:"auto",bottom:0,width:"100%","background-size":"contain","background-repeat":"no-repeat","background-position-x":"50%",opacity:0,transition:"opacity .7s"}}}}}}}];exports.default=styles; \ No newline at end of file diff --git a/examples/src/app/grid/grid.es6.js b/examples/src/app/grid/grid.es6.js index ba014b4..6394e2d 100644 --- a/examples/src/app/grid/grid.es6.js +++ b/examples/src/app/grid/grid.es6.js @@ -20,6 +20,7 @@ const showImage = (el, imgUrl) => { const url = IMG_URL + imgUrl; const populate = () => { el.style.backgroundImage = 'url(' + url + ')'; + el.style.opacity = 1; vm.seen[url] = 1; }; if (!vm.seen[url]) { diff --git a/examples/src/app/grid/grid.js b/examples/src/app/grid/grid.js index ec81781..dc0b200 100644 --- a/examples/src/app/grid/grid.js +++ b/examples/src/app/grid/grid.js @@ -1 +1 @@ -"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var _mithril=require("mithril"),_mithril2=_interopRequireDefault(_mithril),_github=require("app/app/github"),_github2=_interopRequireDefault(_github),_mithrilInfinite=require("mithril-infinite"),_mithrilInfinite2=_interopRequireDefault(_mithrilInfinite),_styler=require("app/app/styler"),_styler2=_interopRequireDefault(_styler),_gridStyle=require("./grid-style"),_gridStyle2=_interopRequireDefault(_gridStyle);_styler2.default.add("grid",_gridStyle2.default);var IMG_URL="http://arthurclemens.github.io/assets/mithril-infinite-scroll/thumbs/",vm={seen:{}},showImage=function(r,n){var e=IMG_URL+n,i=function(){r.style.backgroundImage="url("+e+")",vm.seen[e]=1};if(vm.seen[e])i();else{var t=new Image;t.onload=function(){i()},t.src=e}},item=function(e){return(0,_mithril2.default)("a.grid-item",(0,_mithril2.default)(".image-holder",(0,_mithril2.default)(".image",{config:function(i,r,t){t.inited||_mithrilInfinite2.default.isElementInViewport({el:i})&&(showImage(i,e.src),t.inited=!0)}})))},component={};component.view=function(){return _mithril2.default.component(_mithrilInfinite2.default,{maxPages:16,preloadPages:3,item:item,pageUrl:function(e){return"app/grid/data/page-"+e+".json"},class:"grid",pageChange:function(e){console&&console.log("page",e)},after:(0,_github2.default)()})},exports.default=component; \ No newline at end of file +"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var _mithril=require("mithril"),_mithril2=_interopRequireDefault(_mithril),_github=require("app/app/github"),_github2=_interopRequireDefault(_github),_mithrilInfinite=require("mithril-infinite"),_mithrilInfinite2=_interopRequireDefault(_mithrilInfinite),_styler=require("app/app/styler"),_styler2=_interopRequireDefault(_styler),_gridStyle=require("./grid-style"),_gridStyle2=_interopRequireDefault(_gridStyle);_styler2.default.add("grid",_gridStyle2.default);var IMG_URL="http://arthurclemens.github.io/assets/mithril-infinite-scroll/thumbs/",vm={seen:{}},showImage=function(i,n){var e=IMG_URL+n,t=function(){i.style.backgroundImage="url("+e+")",i.style.opacity=1,vm.seen[e]=1};if(vm.seen[e])t();else{var r=new Image;r.onload=function(){t()},r.src=e}},item=function(e){return(0,_mithril2.default)("a.grid-item",(0,_mithril2.default)(".image-holder",(0,_mithril2.default)(".image",{config:function(i,r,t){t.inited||_mithrilInfinite2.default.isElementInViewport({el:i})&&(showImage(i,e.src),t.inited=!0)}})))},component={};component.view=function(){return _mithril2.default.component(_mithrilInfinite2.default,{maxPages:16,preloadPages:3,item:item,pageUrl:function(e){return"app/grid/data/page-"+e+".json"},class:"grid",pageChange:function(e){console&&console.log("page",e)},after:(0,_github2.default)()})},exports.default=component; \ No newline at end of file diff --git a/examples/src/app/horizontal/horizontal-style.es6.js b/examples/src/app/horizontal/horizontal-style.es6.js index d9905de..eab7b1b 100644 --- a/examples/src/app/horizontal/horizontal-style.es6.js +++ b/examples/src/app/horizontal/horizontal-style.es6.js @@ -6,27 +6,27 @@ const image_padding = 10; const image_padding_px = image_padding + 'px'; const styles = [{ - '.scroll-view.horizontal': { + '.mithril-infinite__scroll-view.horizontal': { margin: 0, height: item_size + 20 + 'px', // add space for scrollbar background: '#fff', - ' .scroll-content': { + ' .mithril-infinite__scroll-content': { padding: 0, margin: 0, 'font-size': 0, - ' .content, .padding-before, .padding-after': { + ' .mithril-infinite__content, .mithril-infinite__padding-before, .mithril-infinite__padding-after': { display: 'inline-block' }, - ' .content': { + ' .mithril-infinite__content': { margin: 0, 'font-size': 0, - ' .page': { + ' .mithril-infinite__page': { display: 'inline-block', height: item_size_px - }, + }, ' .grid-item': { display: 'inline-block', diff --git a/examples/src/app/horizontal/horizontal-style.js b/examples/src/app/horizontal/horizontal-style.js index 486c52c..4cfab4a 100644 --- a/examples/src/app/horizontal/horizontal-style.js +++ b/examples/src/app/horizontal/horizontal-style.js @@ -1 +1 @@ -"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var grid_spacing=8,grid_spacing_px=grid_spacing+"px",item_size=210,item_size_px=item_size+"px",image_padding=10,image_padding_px=image_padding+"px",styles=[{".scroll-view.horizontal":{margin:0,height:item_size+20+"px",background:"#fff"," .scroll-content":{padding:0,margin:0,"font-size":0," .content, .padding-before, .padding-after":{display:"inline-block"}," .content":{margin:0,"font-size":0," .page":{display:"inline-block",height:item_size_px}," .grid-item":{display:"inline-block",height:item_size_px,width:item_size_px,"background-color":"#f0f0f0",margin:"0 "+grid_spacing/2+"px"," .image-holder":{height:item_size-2*image_padding+"px",width:item_size-2*image_padding+"px",overflow:"hidden",position:"relative",margin:image_padding_px," .image":{position:"absolute",left:"auto",top:0,right:"auto",bottom:0,width:"100%","background-size":"contain","background-repeat":"no-repeat","background-position-x":"50%",opacity:0,transition:"opacity .7s"}}}}}}}];exports.default=styles; \ No newline at end of file +"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var grid_spacing=8,grid_spacing_px=grid_spacing+"px",item_size=210,item_size_px=item_size+"px",image_padding=10,image_padding_px=image_padding+"px",styles=[{".mithril-infinite__scroll-view.horizontal":{margin:0,height:item_size+20+"px",background:"#fff"," .mithril-infinite__scroll-content":{padding:0,margin:0,"font-size":0," .mithril-infinite__content, .mithril-infinite__padding-before, .mithril-infinite__padding-after":{display:"inline-block"}," .mithril-infinite__content":{margin:0,"font-size":0," .mithril-infinite__page":{display:"inline-block",height:item_size_px}," .grid-item":{display:"inline-block",height:item_size_px,width:item_size_px,"background-color":"#f0f0f0",margin:"0 "+grid_spacing/2+"px"," .image-holder":{height:item_size-2*image_padding+"px",width:item_size-2*image_padding+"px",overflow:"hidden",position:"relative",margin:image_padding_px," .image":{position:"absolute",left:"auto",top:0,right:"auto",bottom:0,width:"100%","background-size":"contain","background-repeat":"no-repeat","background-position-x":"50%",opacity:0,transition:"opacity .7s"}}}}}}}];exports.default=styles; \ No newline at end of file diff --git a/examples/src/app/images/images-style.es6.js b/examples/src/app/images/images-style.es6.js index c9b64de..5b98640 100644 --- a/examples/src/app/images/images-style.es6.js +++ b/examples/src/app/images/images-style.es6.js @@ -2,32 +2,32 @@ const image_position = '56px'; const toggle_size = '40px'; const styles = [{ - '.scroll-view.images': { + '.mithril-infinite__scroll-view.images': { margin: '0 auto', background: '#fff', - ' .scroll-content': { - ' .before, .after': { + ' .mithril-infinite__scroll-content': { + ' .mithril-infinite__before, .mithril-infinite__after': { ' .list-item': { padding: '20px 70px 20px ' + image_position, 'font-size': '16px', 'min-height': '60px' } }, - ' .page': { + ' .mithril-infinite__page': { 'min-height': '400px' // prevent 'after' content to show up on every scroll }, - ' .page + .page': { + ' .mithril-infinite__page + .mithril-infinite__page': { 'border-top': '1px solid #ddd' }, - ' .page.odd': { + ' .mithril-infinite__page--odd': { 'background-color': '#f0f0f0', ' .list-item + .list-item': { 'border-top': '1px solid #ddd' } }, - ' .page.even': { + ' .mithril-infinite__page--even': { 'background-color': '#e0e0e0', ' .list-item + .list-item': { diff --git a/examples/src/app/images/images-style.js b/examples/src/app/images/images-style.js index a871184..6fff97d 100644 --- a/examples/src/app/images/images-style.js +++ b/examples/src/app/images/images-style.js @@ -1 +1 @@ -"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var image_position="56px",toggle_size="40px",styles=[{".scroll-view.images":{margin:"0 auto",background:"#fff"," .scroll-content":{" .before, .after":{" .list-item":{padding:"20px 70px 20px "+image_position,"font-size":"16px","min-height":"60px"}}," .page":{"min-height":"400px"}," .page + .page":{"border-top":"1px solid #ddd"}," .page.odd":{"background-color":"#f0f0f0"," .list-item + .list-item":{"border-top":"1px solid #ddd"}}," .page.even":{"background-color":"#e0e0e0"," .list-item + .list-item":{"border-top":"1px solid #ccc"}}," .list-item":{position:"relative",display:"block",cursor:"pointer",".open":{height:"160px"},".closed":{height:"auto"}," .image":{display:"block",height:"100%",position:"absolute",left:image_position,top:0,"background-size":"contain","background-repeat":"no-repeat"}," .pageNum, .toggle":{position:"absolute",top:"8px",display:"block",color:"#222",width:toggle_size,height:toggle_size,"text-align":"center","line-height":toggle_size}," .pageNum":{left:"4px","font-size":"13px",color:"#999"}," .toggle":{right:"10px","background-color":"#fff"}}}}}];exports.default=styles; \ No newline at end of file +"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var image_position="56px",toggle_size="40px",styles=[{".mithril-infinite__scroll-view.images":{margin:"0 auto",background:"#fff"," .mithril-infinite__scroll-content":{" .mithril-infinite__before, .mithril-infinite__after":{" .list-item":{padding:"20px 70px 20px "+image_position,"font-size":"16px","min-height":"60px"}}," .mithril-infinite__page":{"min-height":"400px"}," .mithril-infinite__page + .mithril-infinite__page":{"border-top":"1px solid #ddd"}," .mithril-infinite__page--odd":{"background-color":"#f0f0f0"," .list-item + .list-item":{"border-top":"1px solid #ddd"}}," .mithril-infinite__page--even":{"background-color":"#e0e0e0"," .list-item + .list-item":{"border-top":"1px solid #ccc"}}," .list-item":{position:"relative",display:"block",cursor:"pointer",".open":{height:"160px"},".closed":{height:"auto"}," .image":{display:"block",height:"100%",position:"absolute",left:image_position,top:0,"background-size":"contain","background-repeat":"no-repeat"}," .pageNum, .toggle":{position:"absolute",top:"8px",display:"block",color:"#222",width:toggle_size,height:toggle_size,"text-align":"center","line-height":toggle_size}," .pageNum":{left:"4px","font-size":"13px",color:"#999"}," .toggle":{right:"10px","background-color":"#fff"}}}}}];exports.default=styles; \ No newline at end of file diff --git a/examples/src/app/index/index.es6.js b/examples/src/app/index/index.es6.js index 68d8232..36d3e6f 100644 --- a/examples/src/app/index/index.es6.js +++ b/examples/src/app/index/index.es6.js @@ -11,9 +11,6 @@ import fixed from 'app/fixed/fixed'; import paging from 'app/paging/paging'; import styler from 'app/app/styler'; -import style from 'mithril-infinite-style'; -styler.add('mithril-infinite', style); - import commonStyle from 'app/app/common-style'; import indexStyle from './index-style'; styler.add('common', commonStyle); diff --git a/examples/src/app/index/index.js b/examples/src/app/index/index.js index cef3822..11bae89 100644 --- a/examples/src/app/index/index.js +++ b/examples/src/app/index/index.js @@ -1 +1 @@ -"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _mithril=require("mithril"),_mithril2=_interopRequireDefault(_mithril),_github=require("app/app/github"),_github2=_interopRequireDefault(_github),_images=require("app/images/images"),_images2=_interopRequireDefault(_images),_grid=require("app/grid/grid"),_grid2=_interopRequireDefault(_grid),_table=require("app/table/table"),_table2=_interopRequireDefault(_table),_short=require("app/short/short"),_short2=_interopRequireDefault(_short),_horizontal=require("app/horizontal/horizontal"),_horizontal2=_interopRequireDefault(_horizontal),_fixed=require("app/fixed/fixed"),_fixed2=_interopRequireDefault(_fixed),_paging=require("app/paging/paging"),_paging2=_interopRequireDefault(_paging),_styler=require("app/app/styler"),_styler2=_interopRequireDefault(_styler),_mithrilInfiniteStyle=require("mithril-infinite-style"),_mithrilInfiniteStyle2=_interopRequireDefault(_mithrilInfiniteStyle),_commonStyle=require("app/app/common-style"),_commonStyle2=_interopRequireDefault(_commonStyle),_indexStyle=require("./index-style"),_indexStyle2=_interopRequireDefault(_indexStyle);_styler2.default.add("mithril-infinite",_mithrilInfiniteStyle2.default),_styler2.default.add("common",_commonStyle2.default),_styler2.default.add("index",_indexStyle2.default);var menuData=[{href:"/images",title:"Images",subtitle:"200 images of various heights"},{href:"/grid",title:"Image grid",subtitle:"Responsive grid with 1, 2, 3 and 4 columns"},{href:"/table",title:"Data table",subtitle:"Table rows of various heights"},{href:"/short",title:"Short content",subtitle:"Automatically finds loadable space"},{href:"/horizontal",title:"Horizontal",subtitle:"Horizontal scroller"},{href:"/fixed",title:"Fixed height",subtitle:"Preset the scroll height, don't update scroll height"},{href:"/paging",title:"Paging",subtitle:"Prev/Next buttons instead of infinite scroll"}],menu=(0,_mithril2.default)("ul.menu",[(0,_mithril2.default)("li.header","Examples"),menuData.map(function(e){return(0,_mithril2.default)("li",(0,_mithril2.default)("a",{href:e.href,config:_mithril2.default.route},[(0,_mithril2.default)("span.title",e.title),(0,_mithril2.default)("span.subtitle",e.subtitle)]))})]),app={};app.view=function(){return(0,_mithril2.default)(".index",[(0,_mithril2.default)("h1","Infinite Scroll for Mithril"),menu,(0,_github2.default)({home:!0})])},_mithril2.default.route.mode="hash",_mithril2.default.route(document.body,"/",{"/":app,"/images":_images2.default,"/grid":_grid2.default,"/table":_table2.default,"/short":_short2.default,"/horizontal":_horizontal2.default,"/fixed":_fixed2.default,"/paging":_paging2.default}); \ No newline at end of file +"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _mithril=require("mithril"),_mithril2=_interopRequireDefault(_mithril),_github=require("app/app/github"),_github2=_interopRequireDefault(_github),_images=require("app/images/images"),_images2=_interopRequireDefault(_images),_grid=require("app/grid/grid"),_grid2=_interopRequireDefault(_grid),_table=require("app/table/table"),_table2=_interopRequireDefault(_table),_short=require("app/short/short"),_short2=_interopRequireDefault(_short),_horizontal=require("app/horizontal/horizontal"),_horizontal2=_interopRequireDefault(_horizontal),_fixed=require("app/fixed/fixed"),_fixed2=_interopRequireDefault(_fixed),_paging=require("app/paging/paging"),_paging2=_interopRequireDefault(_paging),_styler=require("app/app/styler"),_styler2=_interopRequireDefault(_styler),_commonStyle=require("app/app/common-style"),_commonStyle2=_interopRequireDefault(_commonStyle),_indexStyle=require("./index-style"),_indexStyle2=_interopRequireDefault(_indexStyle);_styler2.default.add("common",_commonStyle2.default),_styler2.default.add("index",_indexStyle2.default);var menuData=[{href:"/images",title:"Images",subtitle:"200 images of various heights"},{href:"/grid",title:"Image grid",subtitle:"Responsive grid with 1, 2, 3 and 4 columns"},{href:"/table",title:"Data table",subtitle:"Table rows of various heights"},{href:"/short",title:"Short content",subtitle:"Automatically finds loadable space"},{href:"/horizontal",title:"Horizontal",subtitle:"Horizontal scroller"},{href:"/fixed",title:"Fixed height",subtitle:"Preset the scroll height, don't update scroll height"},{href:"/paging",title:"Paging",subtitle:"Prev/Next buttons instead of infinite scroll"}],menu=(0,_mithril2.default)("ul.menu",[(0,_mithril2.default)("li.header","Examples"),menuData.map(function(e){return(0,_mithril2.default)("li",(0,_mithril2.default)("a",{href:e.href,config:_mithril2.default.route},[(0,_mithril2.default)("span.title",e.title),(0,_mithril2.default)("span.subtitle",e.subtitle)]))})]),app={};app.view=function(){return(0,_mithril2.default)(".index",[(0,_mithril2.default)("h1","Infinite Scroll for Mithril"),menu,(0,_github2.default)({home:!0})])},_mithril2.default.route.mode="hash",_mithril2.default.route(document.body,"/",{"/":app,"/images":_images2.default,"/grid":_grid2.default,"/table":_table2.default,"/short":_short2.default,"/horizontal":_horizontal2.default,"/fixed":_fixed2.default,"/paging":_paging2.default}); \ No newline at end of file diff --git a/examples/src/app/paging/paging-style.es6.js b/examples/src/app/paging/paging-style.es6.js index 60f4c22..8877d78 100644 --- a/examples/src/app/paging/paging-style.es6.js +++ b/examples/src/app/paging/paging-style.es6.js @@ -12,20 +12,20 @@ const styles = [ margin: '0 auto', height: '100%', - ' .scroll-view.scroll-view-y': { + ' .mithril-infinite__scroll-view.mithril-infinite__scroll-view--y': { height: pageHeight + 'px', }, - ' .scroll-content': { + ' .mithril-infinite__scroll-content': { margin: '0 auto', width: pageWidth + 'px', padding: gridSpacing + 'px 0', - ' .content': { + ' .mithril-infinite__content': { margin: '0 auto', 'font-size': 0, 'line-height': 0, - ' .page': { + ' .mithril-infinite__page': { margin: '0 ' + (-gridSpacing / 2) + 'px' }, ' .grid-item': { diff --git a/examples/src/app/paging/paging-style.js b/examples/src/app/paging/paging-style.js index a669a72..88b4f01 100644 --- a/examples/src/app/paging/paging-style.js +++ b/examples/src/app/paging/paging-style.js @@ -1 +1 @@ -"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var gridSpacing=8,pageWidth=320,itemSize=(320-2*gridSpacing)/3,pageHeight=4*itemSize+3*gridSpacing+2*gridSpacing,imageHolderPadding=10,imageHolderPaddingPx=imageHolderPadding+"px",styles=[{".paging":{width:pageWidth+"px",margin:"0 auto",height:"100%"," .scroll-view.scroll-view-y":{height:pageHeight+"px"}," .scroll-content":{margin:"0 auto",width:pageWidth+"px",padding:gridSpacing+"px 0"," .content":{margin:"0 auto","font-size":0,"line-height":0," .page":{margin:"0 "+-gridSpacing/2+"px"}," .grid-item":{display:"inline-block",height:itemSize+"px",width:itemSize+"px","background-color":"#f0f0f0",margin:[0,gridSpacing/2,gridSpacing,gridSpacing/2].map(function(i){return i+"px"}).join(" ")," .image-holder":{height:itemSize-2*imageHolderPadding+"px",width:itemSize-2*imageHolderPadding+"px",overflow:"hidden",position:"relative",margin:imageHolderPaddingPx," .image":{position:"absolute",left:"auto",top:0,right:"auto",bottom:0,width:"100%","background-size":"contain","background-repeat":"no-repeat","background-position-x":"50%"}}}}}," .count":{"font-size":"14px","line-height":1,padding:"20px 0 10px 0","border-bottom":"1px solid #ddd"}," .pager":{"border-top":"1px solid #ddd",padding:"8px 0",width:pageWidth+"px"," a":{display:"inline-block",background:"#e0e0e0",color:"#333",padding:"10px 15px","text-align":"center","font-size":"15px","line-height":1,margin:"0 5px 0 0","&.disabled":{color:"#aaa",background:"#f4f4f4","pointer-events":"none"}}}}}];exports.default=styles; \ No newline at end of file +"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var gridSpacing=8,pageWidth=320,itemSize=(320-2*gridSpacing)/3,pageHeight=4*itemSize+3*gridSpacing+2*gridSpacing,imageHolderPadding=10,imageHolderPaddingPx=imageHolderPadding+"px",styles=[{".paging":{width:pageWidth+"px",margin:"0 auto",height:"100%"," .mithril-infinite__scroll-view.mithril-infinite__scroll-view--y":{height:pageHeight+"px"}," .mithril-infinite__scroll-content":{margin:"0 auto",width:pageWidth+"px",padding:gridSpacing+"px 0"," .mithril-infinite__content":{margin:"0 auto","font-size":0,"line-height":0," .mithril-infinite__page":{margin:"0 "+-gridSpacing/2+"px"}," .grid-item":{display:"inline-block",height:itemSize+"px",width:itemSize+"px","background-color":"#f0f0f0",margin:[0,gridSpacing/2,gridSpacing,gridSpacing/2].map(function(i){return i+"px"}).join(" ")," .image-holder":{height:itemSize-2*imageHolderPadding+"px",width:itemSize-2*imageHolderPadding+"px",overflow:"hidden",position:"relative",margin:imageHolderPaddingPx," .image":{position:"absolute",left:"auto",top:0,right:"auto",bottom:0,width:"100%","background-size":"contain","background-repeat":"no-repeat","background-position-x":"50%"}}}}}," .count":{"font-size":"14px","line-height":1,padding:"20px 0 10px 0","border-bottom":"1px solid #ddd"}," .pager":{"border-top":"1px solid #ddd",padding:"8px 0",width:pageWidth+"px"," a":{display:"inline-block",background:"#e0e0e0",color:"#333",padding:"10px 15px","text-align":"center","font-size":"15px","line-height":1,margin:"0 5px 0 0","&.disabled":{color:"#aaa",background:"#f4f4f4","pointer-events":"none"}}}}}];exports.default=styles; \ No newline at end of file diff --git a/examples/src/app/paging/paging.es6.js b/examples/src/app/paging/paging.es6.js index 2a75337..32ca055 100644 --- a/examples/src/app/paging/paging.es6.js +++ b/examples/src/app/paging/paging.es6.js @@ -68,7 +68,7 @@ component.view = (ctrl) => { pageData: ctrl.pageData, // fetches data pageChange: ctrl.pageNum, currentPage: pageNum, - // autoSize: true // disabled because we are already setting the height in CSS + autoSize: false // disabled because we are already setting the height in CSS }), m('.pager', [ m('a', { diff --git a/examples/src/app/paging/paging.js b/examples/src/app/paging/paging.js index caf6755..355ada7 100644 --- a/examples/src/app/paging/paging.js +++ b/examples/src/app/paging/paging.js @@ -1 +1 @@ -"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var _mithril=require("mithril"),_mithril2=_interopRequireDefault(_mithril),_github=require("app/app/github"),_github2=_interopRequireDefault(_github),_mithrilInfinite=require("mithril-infinite"),_mithrilInfinite2=_interopRequireDefault(_mithrilInfinite),_styler=require("app/app/styler"),_styler2=_interopRequireDefault(_styler),_pagingStyle=require("app/paging/paging-style"),_pagingStyle2=_interopRequireDefault(_pagingStyle);_styler2.default.add("paging",_pagingStyle2.default);var IMG_URL="http://arthurclemens.github.io/assets/mithril-infinite-scroll/thumbs/",item=function(e){return(0,_mithril2.default)("a.grid-item",(0,_mithril2.default)(".image-holder",(0,_mithril2.default)(".image",{config:function(t,r,i){i.inited||(t.style.backgroundImage="url("+IMG_URL+e.src+")")}})))},component={};component.controller=function(){var i=function(e){return _mithril2.default.request({method:"GET",url:"app/grid/data/page-"+e+".json"})},e=_mithril2.default.prop(),r=_mithril2.default.route.param("page")?parseInt(_mithril2.default.route.param("page"),10):1,t=_mithril2.default.prop(r),a=function(t){return i(t).then(function(t){return e(t.length),t})};return{pageData:a,pageCount:e,pageNum:t,hasPrev:function(){return t()>1},hasNext:function(){return t()!==e()}}},component.view=function(e){var t=_mithril2.default.route.param("page")?parseInt(_mithril2.default.route.param("page"),10):e.pageNum();return(0,_mithril2.default)("div",[(0,_mithril2.default)(".paging",[(0,_mithril2.default)(".count","Page "+t),_mithril2.default.component(_mithrilInfinite2.default,{item:item,pageData:e.pageData,pageChange:e.pageNum,currentPage:t}),(0,_mithril2.default)(".pager",[(0,_mithril2.default)("a",{class:e.hasPrev()?"":"disabled",href:"/paging?page="+(t-1),config:_mithril2.default.route},"Prev"),(0,_mithril2.default)("a",{class:e.hasNext()?"":"disabled",href:"/paging?page="+(t+1),config:_mithril2.default.route},"Next")])]),(0,_github2.default)()])},exports.default=component; \ No newline at end of file +"use strict";function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var _mithril=require("mithril"),_mithril2=_interopRequireDefault(_mithril),_github=require("app/app/github"),_github2=_interopRequireDefault(_github),_mithrilInfinite=require("mithril-infinite"),_mithrilInfinite2=_interopRequireDefault(_mithrilInfinite),_styler=require("app/app/styler"),_styler2=_interopRequireDefault(_styler),_pagingStyle=require("app/paging/paging-style"),_pagingStyle2=_interopRequireDefault(_pagingStyle);_styler2.default.add("paging",_pagingStyle2.default);var IMG_URL="http://arthurclemens.github.io/assets/mithril-infinite-scroll/thumbs/",item=function(e){return(0,_mithril2.default)("a.grid-item",(0,_mithril2.default)(".image-holder",(0,_mithril2.default)(".image",{config:function(t,r,i){i.inited||(t.style.backgroundImage="url("+IMG_URL+e.src+")")}})))},component={};component.controller=function(){var i=function(e){return _mithril2.default.request({method:"GET",url:"app/grid/data/page-"+e+".json"})},e=_mithril2.default.prop(),r=_mithril2.default.route.param("page")?parseInt(_mithril2.default.route.param("page"),10):1,t=_mithril2.default.prop(r),a=function(t){return i(t).then(function(t){return e(t.length),t})};return{pageData:a,pageCount:e,pageNum:t,hasPrev:function(){return t()>1},hasNext:function(){return t()!==e()}}},component.view=function(e){var t=_mithril2.default.route.param("page")?parseInt(_mithril2.default.route.param("page"),10):e.pageNum();return(0,_mithril2.default)("div",[(0,_mithril2.default)(".paging",[(0,_mithril2.default)(".count","Page "+t),_mithril2.default.component(_mithrilInfinite2.default,{item:item,pageData:e.pageData,pageChange:e.pageNum,currentPage:t,autoSize:!1}),(0,_mithril2.default)(".pager",[(0,_mithril2.default)("a",{class:e.hasPrev()?"":"disabled",href:"/paging?page="+(t-1),config:_mithril2.default.route},"Prev"),(0,_mithril2.default)("a",{class:e.hasNext()?"":"disabled",href:"/paging?page="+(t+1),config:_mithril2.default.route},"Next")])]),(0,_github2.default)()])},exports.default=component; \ No newline at end of file diff --git a/examples/src/app/short/short-style.es6.js b/examples/src/app/short/short-style.es6.js index 0b59b2c..1e16fe4 100644 --- a/examples/src/app/short/short-style.es6.js +++ b/examples/src/app/short/short-style.es6.js @@ -1,10 +1,10 @@ const styles = [{ - '.scroll-view.short': { + '.mithril-infinite__scroll-view.short': { 'min-width': '320px', margin: '0 auto', background: '#eee', - ' .scroll-content': { + ' .mithril-infinite__scroll-content': { ' .list-item': { height: '8px', diff --git a/examples/src/app/short/short-style.js b/examples/src/app/short/short-style.js index ba5497e..1d8668e 100644 --- a/examples/src/app/short/short-style.js +++ b/examples/src/app/short/short-style.js @@ -1 +1 @@ -"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var styles=[{".scroll-view.short":{"min-width":"320px",margin:"0 auto",background:"#eee"," .scroll-content":{" .list-item":{height:"8px",".has-title":{"font-size":"18px",padding:"0 16px",height:"32px","line-height":"32px",color:"#222"}}}}}];exports.default=styles; \ No newline at end of file +"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var styles=[{".mithril-infinite__scroll-view.short":{"min-width":"320px",margin:"0 auto",background:"#eee"," .mithril-infinite__scroll-content":{" .list-item":{height:"8px",".has-title":{"font-size":"18px",padding:"0 16px",height:"32px","line-height":"32px",color:"#222"}}}}}];exports.default=styles; \ No newline at end of file diff --git a/examples/src/app/table/table-style.es6.js b/examples/src/app/table/table-style.es6.js index 07c38f9..53ba34c 100644 --- a/examples/src/app/table/table-style.es6.js +++ b/examples/src/app/table/table-style.es6.js @@ -1,15 +1,15 @@ const styles = [{ - '.scroll-view.table': { + '.mithril-infinite__scroll-view.table': { 'min-width': '320px', margin: '0 auto', background: '#eee', - ' .scroll-content': { - ' .page': { + ' .mithril-infinite__scroll-content': { + ' .mithril-infinite__page': { display: 'table', width: '100%' }, - ' .page.odd': { + ' .mithril-infinite__page--odd': { 'background-color': '#eceff1', ' .list-item': { @@ -23,7 +23,7 @@ const styles = [{ } } }, - ' .page.even': { + ' .mithril-infinite__page--even': { 'background-color': '#263238', ' .list-item': { diff --git a/examples/src/app/table/table-style.js b/examples/src/app/table/table-style.js index b86acd2..236c401 100644 --- a/examples/src/app/table/table-style.js +++ b/examples/src/app/table/table-style.js @@ -1 +1 @@ -"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var styles=[{".scroll-view.table":{"min-width":"320px",margin:"0 auto",background:"#eee"," .scroll-content":{" .page":{display:"table",width:"100%"}," .page.odd":{"background-color":"#eceff1"," .list-item":{" > div":{color:"rgba(0,0,0,.87)","border-bottom":"1px solid rgba(0, 0, 0, .07)",":first-child":{color:"rgba(0,0,0,.54)"}}}}," .page.even":{"background-color":"#263238"," .list-item":{" > div":{color:"#fff","border-bottom":"1px solid rgba(255,255,255,.11)",":first-child":{color:"rgba(255,255,255,.7)"}}}}," .list-item":{width:"100%",display:"table-row"," > div":{display:"table-cell","vertical-align":"top",padding:"8px 16px","min-height":"1em",width:"90%",":first-child":{color:"#aaa",width:"10%","text-align":"right"}}}}}}];exports.default=styles; \ No newline at end of file +"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var styles=[{".mithril-infinite__scroll-view.table":{"min-width":"320px",margin:"0 auto",background:"#eee"," .mithril-infinite__scroll-content":{" .mithril-infinite__page":{display:"table",width:"100%"}," .mithril-infinite__page--odd":{"background-color":"#eceff1"," .list-item":{" > div":{color:"rgba(0,0,0,.87)","border-bottom":"1px solid rgba(0, 0, 0, .07)",":first-child":{color:"rgba(0,0,0,.54)"}}}}," .mithril-infinite__page--even":{"background-color":"#263238"," .list-item":{" > div":{color:"#fff","border-bottom":"1px solid rgba(255,255,255,.11)",":first-child":{color:"rgba(255,255,255,.7)"}}}}," .list-item":{width:"100%",display:"table-row"," > div":{display:"table-cell","vertical-align":"top",padding:"8px 16px","min-height":"1em",width:"90%",":first-child":{color:"#aaa",width:"10%","text-align":"right"}}}}}}];exports.default=styles; \ No newline at end of file diff --git a/examples/src/config.js b/examples/src/config.js index 5f359d2..1aa9e53 100644 --- a/examples/src/config.js +++ b/examples/src/config.js @@ -11,7 +11,6 @@ System.config({ map: { 'j2c': 'node_modules/j2c/dist/j2c.global.min', 'mithril-infinite': 'node_modules/mithril-infinite/lib/mithril-infinite', - 'mithril-infinite-style': 'node_modules/mithril-infinite/lib/mithril-infinite-style', 'mithril': 'node_modules/mithril/mithril.min', 'verge': 'node_modules/verge/verge.min' } diff --git a/examples/src/package.json b/examples/src/package.json index 74ebb98..6110c16 100644 --- a/examples/src/package.json +++ b/examples/src/package.json @@ -7,13 +7,12 @@ "transpile": "node scripts/transpile.js once app node_modules", "watch": "node scripts/transpile.js watch app node_modules", "build": "npm run transpile && node scripts/build.js .", - "dev-build": "node scripts/build-preflight.js && npm install && node scripts/build.js && node scripts/build-postflight.js" + "dev-build": "node scripts/dev-build-prepare.js preflight && npm install && node scripts/build.js && node scripts/dev-build-prepare.js postflight", + "test-build": "node scripts/test-build-prepare.js preflight && npm run build && node scripts/test-build-prepare.js postflight" }, "dependencies": { - "j2c": "^0.11.0", "mithril": "^0.2.0", - "mithril-infinite": "^0.3.1", - "verge": "^1.9.1" + "mithril-infinite": "^0.4.0" }, "devDependencies": { "babel-cli": "^6.5.1", diff --git a/examples/src/scripts/build-postflight.js b/examples/src/scripts/build-postflight.js deleted file mode 100644 index 08d5e47..0000000 --- a/examples/src/scripts/build-postflight.js +++ /dev/null @@ -1,19 +0,0 @@ -'use strict'; -var sh = require('shelljs'); - -// move released dirs to tmp folder -var releasedDirs = ['node_modules/mithril-infinite']; -var releasedDest = 'tmp-npm/'; - -releasedDirs.forEach(function(dir) { - sh.mv(dir, releasedDest); -}); - - -// move symlinked working dirs to node_modules folder -var workingDirs = ['tmp/mithril-infinite']; -var workingDest = 'node_modules/'; - -workingDirs.forEach(function(dir) { - sh.mv(dir, workingDest); -}); diff --git a/examples/src/scripts/build-preflight.js b/examples/src/scripts/build-preflight.js deleted file mode 100644 index 2b84d84..0000000 --- a/examples/src/scripts/build-preflight.js +++ /dev/null @@ -1,18 +0,0 @@ -'use strict'; -var sh = require('shelljs'); - -// move symlinked working dirs to tmp folder -var workingDirs = ['node_modules/mithril-infinite']; -var workingDest = 'tmp/'; - -workingDirs.forEach(function(dir) { - sh.mv(dir, workingDest); -}); - -// move released dirs to build location folder -var releasedDirs = ['tmp-npm/mithril-infinite']; -var releasedDest = 'node_modules/'; - -releasedDirs.forEach(function(dir) { - sh.mv(dir, releasedDest); -}); diff --git a/examples/src/scripts/build.js b/examples/src/scripts/build.js index 20686bd..8990817 100755 --- a/examples/src/scripts/build.js +++ b/examples/src/scripts/build.js @@ -8,8 +8,7 @@ function bundle(entries, outfile) { extensions: ['.es6.js'], paths: [ '.', - './node_modules', - './node_modules/mithril-infinite/lib/' // include mithril-infinite-style.js + './node_modules' ] }) .transform(babelify, {presets: ['es2015']}) diff --git a/examples/src/scripts/dev-build-prepare.js b/examples/src/scripts/dev-build-prepare.js new file mode 100644 index 0000000..ada52cb --- /dev/null +++ b/examples/src/scripts/dev-build-prepare.js @@ -0,0 +1,40 @@ +'use strict'; +var sh = require('shelljs'); + +var state = process.argv[2]; // 'preflight' or 'postflight' +var libs = ['mithril-infinite']; +var tmpDir = 'tmp/'; +var npmTmpDir = 'tmp-npm/'; +var nodeDir = 'node_modules/'; + +var symlinksToTmp = function() { + libs.forEach(function(id) { + sh.mv(nodeDir + id, tmpDir + id); + }); +}; + +var npmToNode = function() { + libs.forEach(function(id) { + sh.mv(npmTmpDir + id, nodeDir + id); + }); +}; + +var nodeToNpmTmp = function() { + libs.forEach(function(id) { + sh.mv(nodeDir + id, npmTmpDir + id); + }); +}; + +var tmpToNode = function() { + libs.forEach(function(id) { + sh.mv(tmpDir + id, nodeDir + id); + }); +}; + +if (state === 'preflight') { + symlinksToTmp(); + npmToNode(); +} else if (state === 'postflight') { + nodeToNpmTmp(); + tmpToNode(); +} diff --git a/examples/src/scripts/test-build-prepare.js b/examples/src/scripts/test-build-prepare.js new file mode 100644 index 0000000..3013b29 --- /dev/null +++ b/examples/src/scripts/test-build-prepare.js @@ -0,0 +1,44 @@ +'use strict'; +var sh = require('shelljs'); + +var state = process.argv[2]; // 'preflight' or 'postfligh' +var libs = [ + { + path: '../../../master/', + name: 'mithril-infinite' + } +]; +var tmpDir = 'tmp/'; +var nodeDir = 'node_modules/'; + +var symlinksToTmp = function() { + libs.forEach(function(id) { + sh.mv(nodeDir + id.name, tmpDir + id.name); + }); +}; + +var copyOrigDirs = function() { + libs.forEach(function(id) { + sh.cp('-R', id.path, nodeDir + id.name); + }); +}; + +var removeCopiedDirs = function() { + libs.forEach(function(id) { + sh.rm('-rf', nodeDir + id.name); + }); +}; + +var tmpToNode = function() { + libs.forEach(function(id) { + sh.mv(tmpDir + id.name, nodeDir + id.name); + }); +}; + +if (state === 'preflight') { + symlinksToTmp(); + copyOrigDirs(); +} else if (state === 'postflight') { + removeCopiedDirs(); + tmpToNode(); +}