@litejs/ui 24.0.0-rc.4 → 24.5.0

package/load.js

@@ -44,7 +44,6 @@
 		// THANKS: Juriy Zaytsev - Global eval [http://perfectionkills.com/global-eval-what-are-the-options/]
 		// In case of local execution `e('eval')` returns undefined
 		Function("e,eval", "try{return e('eval')}catch(e){}")(eval) ||
-		/* ignore next */
 		Function("a", "var d=document,b=d.body,s=d.createElement('script');s.text=a;b.removeChild(b.insertBefore(s,b.firstChild))")
 	/*/
 		eval
@@ -179,25 +178,23 @@
 	function load(files, next, raw) {
 		files = [].concat(files)
 		var file
-		, i = 0
 		, pos = 0
 		, len = files.length
 		, res = []
 
-		for (; i < len; i++) if ((file = files[i]) && loaded[file] !== 2) {
-			if (loaded[file]) {
+		for (; pos < len; pos++) if ((file = files[pos])) {
+			if (loaded[file] === 2) files[pos] = 0
+			else if (loaded[file]) {
 				// Same file requested again before responce
-				;(loaded[file].x || (loaded[file].x = [])).push(exec, res, i)
+				;(loaded[file].x || (loaded[file].x = [])).push(exec, res, pos)
 			} else {
 				// FireFox 3 throws on `xhr.send()` without arguments
-				xhr("GET", file, loaded[file] = cb, i).send(null)
+				xhr("GET", file, loaded[file] = cb, pos).send(null)
 			}
-			pos++
 		}
 		exec(pos = 0)
 
 		function cb(err, str, fileName, filePos) {
-			;(xhr._l || (xhr._l = [])).push(fileName)
 			loaded[fileName] = 2
 			res[filePos] = err ? (onerror(err, fileName), "") : str
 			exec()
@@ -231,7 +228,7 @@
 				else {
 					if (next) next(res)
 					if ((next = cb.x)) {
-						for (i = 0; next[i]; ) next[i++](next[i++][next[i++]] = "")
+						for (pos = 0; next[pos]; ) next[pos++](next[pos++][next[pos++]] = "")
 					}
 				}
 			}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@litejs/ui",
-  "version": "24.0.0-rc.4",
+  "version": "24.5.0",
   "description": "UI engine for LiteJS full-stack framework",
   "license": "MIT",
   "author": "Lauri Rooden <lauri@rooden.ee>",
@@ -19,29 +19,14 @@
     "binding",
     "css",
     "el",
-    "polyfill"
+    "shim"
   ],
   "scripts": {
-    "test": "TZ='Europe/Tallinn' lj test test/index.js --brief --coverage --no-status --sources=load.js,require.js,index.js && jshint --verbose *.js"
+    "lint": "jshint --config=.github/jshint.json *.js",
+    "test": "lj test test/index.js --tz='Europe/Tallinn' --brief --sources=load.js,require.js,index.js"
   },
   "devDependencies": {
-    "@litejs/cli": "23.8.0",
-    "jshint": "2.13.6"
-  },
-  "litejs": {
-    "build": "lj b --out=test/index.html test/dev.html"
-  },
-  "jshintConfig": {
-    "esversion": 5,
-    "asi": true,
-    "evil": true,
-    "laxcomma": true,
-    "maxdepth": 6,
-    "node": true,
-    "nonbsp": true,
-    "undef": true,
-    "unused": true,
-    "shadow": "outer",
-    "quotmark": "double"
+    "@litejs/cli": "24.0.0-rc.3",
+    "@litejs/dom": "23.12.1"
   }
 }

package/{polyfill → shim}/index.js

@@ -32,10 +32,10 @@
 	, esc = escape
 	, _parseInt = parseInt
 	/*** debug ***/
+	, IS_NODE = !window.document
 	, document = patch("document", {body:{},documentElement:{}})
 	, location = patch("location", {href:""})
 	, navigator = patch("navigator")
-	, IS_NODE = !document.location
 	/*/
 	, document = window.document
 	, location = window.location
@@ -57,7 +57,7 @@
 	, Event = patch(
 		EV,
 		"c=F.createEventObject(event),b=c.buttons=c.button;c.button=b==1?0:b==4?1:b;c.preventDefault=X;c.stopPropagation=Y;c.target=c.srcElement;c.type=a;return c",
-		!isFunction(O[EV]) && document,
+		!isFn(O[EV]) && document,
 		Function("this.returnValue=!1"),
 		Function("this.cancelBubble=this.cancel=!0")
 	)
@@ -106,9 +106,9 @@
 
 
 	// Patch parameters support for setTimeout callback
-	patch("setTimeout", (a = "return O(X(a)&&A.length>2?a.apply.bind(a,null,S.call(A,2)):a,b)"), ie6789, isFunction)
-	// b = setInterval
-	patch(b, a, ie6789, isFunction)
+	patch("setTimeout", (a = "return O(X(a)&&A.length>2?a.apply.bind(a,null,S.call(A,2)):a,b)"), ie6789, isFn)
+	// b = "setInterval"
+	patch(b, a, ie6789, isFn)
 
 	// 20 fps is good enough
 	patch("request" + (a = "AnimationFrame"), "return setTimeout(a,50)")
@@ -122,7 +122,7 @@
 		patch(onhashchange, null)
 		setInterval(function() {
 			var cur = location.href.split("#")[1]
-			if (lastHash !== cur && isFunction(window[onhashchange])) {
+			if (lastHash !== cur && isFn(window[onhashchange])) {
 				window[onhashchange]()
 			}
 		}, 60)
@@ -262,15 +262,15 @@
 
 	patch("JSON", {
 		parse: function(t) {
-			return Function("return(" + t.replace(/\u2028|\u2029/g, jsonFn) + ")")()
+			return Function("return(" + t + ")")()
 		},
 		stringify: function stringify(o) {
 			// IE 8 serializes `undefined` as `"undefined"`
 			return (
-				isString(o) ? "\"" + o.replace(jsonRe, jsonFn) + "\"" :
+				isStr(o) ? "\"" + o.replace(jsonRe, jsonFn) + "\"" :
 				o !== o || o == null || o === Infinity || o === -Infinity ? "null" :
 				typeof o == "object" ? (
-					isFunction(o.toJSON) ? stringify(o.toJSON()) :
+					isFn(o.toJSON) ? stringify(o.toJSON()) :
 					isArray(o) ? "[" + o.map(stringify) + "]" :
 					"{" + oKeys(o).flatMap(function(key) {
 						return o[key] === void 0 ? [] : stringify(key) + ":" + stringify(o[key])
@@ -344,7 +344,7 @@
 
 	// TODO:2021-02-25:lauri:Accept iterable objects
 	//patch("from", "a=S.call(a);return b?a.map(b,c):a")
-	patch("from", "a=X(a)?a.split(''):b?a:S.call(a);return b?a.map(b,c):a", 0, isString)
+	patch("from", "a=X(a)?a.split(''):b?a:S.call(a);return b?a.map(b,c):a", 0, isStr)
 	patch("of", "return S.call(A)")
 
 	O = O[P]
@@ -356,7 +356,7 @@
 	patch("lastIndexOf", a + "i=(b|0)||l;i>--l&&(i=l)||i<0&&(i+=l);++i;while(--i>-1)" + c)
 
 	b = a + "if(A.length<2)b=t"
-	c = "b=a.call(null,b,t[i],i,t);return b"
+	c = "b=a(b,t[i],i,t);return b"
 	patch("reduce",      b + "[++i];while(++i<l)" + c)
 	patch("reduceRight", b + "[--l];i=l;while(i--)" + c)
 
@@ -402,7 +402,7 @@
 	// The HTML5 document.head DOM tree accessor
 	// patch("head", document.getElementsByTagName("head")[0])
 	// HTMLElement (IE9) -> Element (IE8)
-	O = body
+	O = html
 	var selectorCache = {}
 	, selectorRe = /([.#:[])([-\w]+)(?:\(((?:[^()]|\([^)]+\))+?)\)|([~^$*|]?)=(("|')(?:\\.|[^\\])*?\6|[-\w]+))?]?/g
 	, selectorLastRe = /([\s>+~]*)(?:("|')(?:\\.|[^\\])*?\2|\((?:[^()]|\([^()]+\))+?\)|~=|[^'"()\s>+~])+$/
@@ -426,8 +426,8 @@
 		"++": "m(_.previousSibling,v)",
 		"": "c(_.parentNode,v)"
 	}
+	, closest = patch("closest", walk.bind(window, "parentNode", 1))
 	, matches = patch("matches", "return!!X(a)(t)", 0, selectorFn)
-	, closest = walk.bind(window, "parentNode", 1)
 
 	// The addEventListener is supported in Internet Explorer from version 9.
 	// https://developer.mozilla.org/en-US/docs/Web/Reference/Events/wheel
@@ -450,7 +450,7 @@
 
 
 	function selectorFn(str) {
-		if (str != null && !isString(str)) throw Error("Invalid selector")
+		if (str != null && !isStr(str)) throw Error("Invalid selector")
 		return selectorCache[str || ""] ||
 		(selectorCache[str] = Function("m,c", "return function(_,v,a,b){return " +
 			str.split(selectorSplitRe).map(function(sel) {
@@ -508,10 +508,10 @@
 		} catch(e){}
 	}
 
-	function isFunction(value) {
+	function isFn(value) {
 		return typeof value === "function"
 	}
-	function isString(value) {
+	function isStr(value) {
 		return typeof value === "string"
 	}
 	function nop() {}
@@ -519,7 +519,7 @@
 	function patch(key_, src, force, arg1, arg2) {
 		var key = key_.split(":").pop()
 		return !force && O[key] || (O[patched.push(key_), key] = (
-			isString(src) ?
+			isStr(src) ?
 			Function("o,O,P,S,F,X,Y", "return function(a,b,c){var t=this,A=arguments;" + src + "}")(hasOwn, O[key], P, patched.slice, force, arg1, arg2) :
 			src === UNDEF ? {} :
 			src

package/binding/_default.js

@@ -1,165 +0,0 @@
-
-/* litejs.com/MIT-LICENSE.txt */
-
-
-/* global El, View, i18n */
-!function(bindings) {
-	var hasOwn = Object.prototype.hasOwnProperty
-	, slice = Array.prototype.slice
-
-	bindingEvery.once =
-	emitForm.once =
-	bindingFn.once =
-	bindingsEach.raw = bindingsEach.once =
-	true
-
-	bindings.every = bindingEvery
-	function bindingEvery(el, list, attrName) {
-		var len = 0
-		, data = this
-		, parent = el.parentNode
-		, comm = document.createComment("every " + (list.name || list.length))
-		, nodes = []
-
-		parent.replaceChild(comm, el)
-
-		if (list) {
-			if (typeof list === "string") {
-				data.model.on("change:" + list, render)
-				El.on(parent, "kill", function() {
-					data.model.off("change:" + list, render)
-				})
-				render()
-			} else if (list.eachLive) {
-				list.eachLive(add, remove, list)
-				El.on(parent, "kill", function() {
-					list.off("add", add, list).off("remove", remove, list)
-				})
-			} else {
-				comm.render = render
-				render()
-			}
-		}
-		return true
-
-		function render() {
-			for (; len; len--) {
-				remove(len)
-			}
-			var _list = typeof list === "string" ? data.model.get(list, []) : list
-			if (typeof _list === "string") _list.split(",")
-			Object.each(_list, add, (
-				_list.constructor === Object ? Object.keys(_list) : _list
-			))
-		}
-
-		function add(item, i) {
-			len++
-			var up
-			, clone = el.cloneNode(true)
-			, scope = El.scope(clone, data)
-			, before = nodes[i] || comm
-			if (!before.parentNode) return
-			nodes.splice(i, 0, clone)
-			scope.i = i
-			scope._scope = scope
-			scope.len = this.length
-			scope[attrName || "item"] = item
-			El.append(before.parentNode, clone, before)
-			El.render(clone, scope)
-			if (typeof item.on === "function") {
-				item.on("change", up = El.render.bind(clone, clone))
-				El.on(clone, "kill", function() {
-					item.off("change", up)
-				})
-			}
-		}
-
-		function remove(item, i) {
-			El.kill(nodes.splice(i, 1)[0])
-		}
-	}
-
-	bindings.fn = bindingFn
-	function bindingFn(el, fn) {
-		return fn.apply(el, slice.call(arguments, 3))
-	}
-
-	bindings.is = function bindingIs(node, model, path, list, state, prefix) {
-		var match
-		, scope = this
-		if (typeof model === "string") {
-			prefix = state
-			state = list
-			list = path
-			path = model
-			model = scope.model
-		}
-		if (model && path) {
-			if (!prefix) prefix = "is-"
-			match = i18n.pick(state !== match ? state : model.get(path), list)
-			path += "-" + list
-			El.cls(node, node[prefix + path], 0)
-			El.cls(node, node[prefix + path] = match && prefix + match)
-		}
-	}
-
-	bindings.emitForm = emitForm
-	function emitForm(el, ev, a1, a2, a3, a4) {
-		El.on(el, "submit", function(e) {
-			var data = El.val(el)
-			View.emit(ev, e, data, a1, a2, a3, a4)
-			return Event.stop(e)
-		})
-	}
-
-	function getChilds(node) {
-		var child
-		, childs = node._childs
-		if (!childs) {
-			for (node._childs = childs = []; (child = node.firstChild); ) {
-				childs.push(child);
-				node.removeChild(child)
-			}
-		}
-		return childs
-	}
-
-	bindings.each = bindingsEach
-
-	function bindingsEach(el, expr) {
-		var node = el
-		, child = getChilds(node)[0]
-		, match = /^\s*(\w+) in (\w*)(.*)/.exec(expr)
-		, fn = "with(data){var out=[],loop={i:0,offset:0},_1,_2=" + match[2] +
-			match[3].replace(/ (limit|offset):\s*(\d+)/ig, ";loop.$1=$2") +
-			";if(_2)for(_1 in _2)if(hasOwn.call(_2,_1)&&!(loop.offset&&loop.offset--)){" +
-			"loop.i++;" +
-			"if(loop.limit&&loop.i-loop.offset>loop.limit)break;" +
-			"var clone=el.cloneNode(true)" +
-			",scope=El.scope(clone,data);" +
-			"scope.loopKey=loop.key=_1;" +
-			"scope.loop=loop;" +
-			"scope." + match[1] + "=_2[_1];" +
-			"out.push(clone);" +
-			"};return out}"
-
-		var childs = Function("hasOwn,el,data", fn)(hasOwn, child, this)
-
-		El.append(El.empty(node), childs)
-		El.render(node)
-		return node
-	}
-
-	bindings.focus = function(el) {
-		el.focus()
-	}
-
-	bindings.href = function(el, url) {
-		if (url) {
-			var chr = url.charAt(0)
-			El.attr(el, "href", chr === "+" || chr === "%" ? "#" + View.expand(url) : url)
-		}
-	}
-}(El.bindings) // jshint ignore:line
-

package/binding/list.js

@@ -1,86 +0,0 @@
-
-/* litejs.com/MIT-LICENSE.txt */
-
-
-
-/* global El */
-El.bindings.list = function(node, list, extra, val) {
-	var child = node._child
-	, data = this
-	, extraLen = 0
-
-	if (!child) {
-		child = node._child = node.removeChild(node.firstChild)
-	}
-
-	if (!list || node._list == list) return
-
-	if (node._list) clear()
-
-	node._list = data.list = list
-
-	El.on(node, "kill", clear)
-
-	El.cls(node, "loading")
-
-	if (extra) {
-		extra.each(clone)
-		extraLen = extra.length
-	}
-
-	list
-	.each(clone)
-	.on("add", clone).on("remove", remove)
-	.on("startLoading", function(){
-		El.cls(node, "loading")
-	})
-	.on("endLoading", function(){
-		El.cls(node, "loading", 0)
-	})
-	.then(function() {
-		if (val !== void 0 && El.val(node) !== val) {
-			if (!this.get(val)) {
-				clone({id:val,name:val}, extraLen)
-				extraLen++
-			}
-			El.val(node, val)
-		}
-		El.cls(node, "loading", 0)
-	})
-
-	// Do not render childs when list initialized
-	return true
-
-	function clone(item, pos) {
-		var clone = child.cloneNode(true)
-		, scope = El.scope(clone, data)
-		scope.item = item.data || item || {id:item,name:item}
-		scope.model = item
-		scope.pos = pos
-		function up() {
-			El.render(clone, scope)
-		}
-		if (item.on) {
-			item.on("change", up)
-			El.on(clone, "kill", function(){
-				item.off("change", up)
-			})
-		}
-		El.append(node, clone, extraLen + pos)
-		return El.render(clone, scope)
-	}
-
-	function remove(item, pos) {
-		El.kill(node.childNodes[extraLen + pos])
-	}
-
-	function clear() {
-		var list = node._list
-		El.empty(node)
-		if (list) {
-			node._list = null
-			list.off("add", clone).off("remove", remove)
-		}
-	}
-}
-

package/css/form2.css

@@ -1,142 +0,0 @@
-
-
-:focus {
-	outline: 0;
-	box-shadow:
-		0 0 0 .2rem #fff,
-		0 0 0 .35rem #069;
-}
-
-/* Remove focus for non-keyboard navigation */
-:focus:not(:focus-visible) {
-	box-shadow: none;
-}
-
-
-
-fieldset {
-	position: relative;
-}
-label {
-	cursor: pointer;
-	line-height: 32px;
-}
-
-input[type=checkbox].Toggle,
-input[type=submit] {
-	-webkit-appearance: none;
-	-moz-appearance: none;
-	appearance: none;
-	position: relative;
-	text-align: center;
-	text-decoration: none;
-}
-
-select[disabled],
-input[disabled],
-input[readonly] {
-        background: red;
-        color: #666;
-        font-style: italic;
-}
-
-input, select, textarea {
-        color: #0F0D1B;
-        background: #c4c4c4;
-}
-body .btn:active, .btn:focus,
-input:active, input:focus,
-select:active, select:focus,
-textarea:active, textarea:focus {
-        box-shadow:
-                0 2px 5px rgba(0, 0, 0, .5) inset,
-                0 0 3px 3px #029FE3;
-}
-
-input {
-	vertical-align: middle;
-	margin: 1em;
-}
-
-
-input.Toggle {
-	-webkit-appearance: none;
-	-moz-appearance: none;
-	appearance: none;
-	position: relative;
-	padding: 0;
-	outline: 0;
-	width: 36px;
-	height: 14px;
-	margin: 4px 0;
-	border-radius: 7px;
-}
-input.Toggle:after {
-	position: relative;
-	width: 20px;
-	height: 20px;
-	border-radius: 10px;
-}
-input.Toggle:after {
-	content: "";
-	display: block;
-	background-color: #666;
-	left: -3px;
-	top: -4px;
-	transition: all .25s cubic-bezier(0, 0, .2, 1) 0s;
-	box-shadow:
-	2px 2px 8px rgba(255, 255, 255, .3) inset,
-	0 1px 5px rgba(0, 0, 0, 1);
-}
-input.Toggle:focus:after {
-	box-shadow:
-	2px 2px 8px rgba(255, 255, 255, .3) inset,
-	0 1px 5px rgba(0, 0, 0, 1),
-	0 0 0 12px rgb(255, 255, 255, .2);
-}
-input.Toggle:checked:after {
-	background-color: #00a651;
-	left: 17px;
-}
-input.Toggle:active:after {
-	width: 30px;
-}
-input.Toggle:checked:active:after {
-	left: 7px;
-}
-
-
-
-.group {
-	overflow: auto;
-}
-.group > .btn {
-	border-radius: 0;
-	float: left;
-}
-.group > .btn:first-child {
-	border-top-left-radius: 4px;
-	border-bottom-left-radius: 4px;
-}
-.group > .btn:last-child {
-	border-top-right-radius: 4px;
-	border-bottom-right-radius: 4px;
-}
-/* THEME */
-
-input.Toggle:after {
-        background-color: #666;
-        box-shadow:
-                2px 2px 8px rgba(255, 255, 255, .3) inset,
-                0 1px 5px rgba(0, 0, 0, 1);
-}
-input.Toggle:focus:after {
-        box-shadow:
-                2px 2px 8px rgba(255, 255, 255, .3) inset,
-                0 1px 5px rgba(0, 0, 0, 1),
-                0 0 0 12px rgb(0, 0, 0, .2);
-}
-input.Toggle:checked:after {
-        background-color: #00a651;
-}
-

package/polyfill/base64.js

@@ -1,43 +0,0 @@
-
-/* litejs.com/MIT-LICENSE.txt */
-
-
-
-!function(exports) {
-	// base64url in RFC 4648 replaces '+' and '/' with '-' and '_',
-	// so that using URL encoders/decoders is no longer needed
-
-	if (!exports.atob) {
-		// abcdefghijklmnopqrstuvwxyz234567
-		// ybndrfg8ejkmcpqxot1uwisza345h769
-
-		for (
-			var i = 64,
-			ba = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/".split(""),
-			bm = {"=":0};
-			(bm[ba[--i]] = i);
-		);
-
-		// base64_encode
-		exports.btoa = function(s) {
-			for (var b, out=[], i=0, len=s.length; i < len; ) {
-				b = s.charCodeAt(i++)<<16 | s.charCodeAt(i++)<<8 | s.charCodeAt(i++)
-				out.push(ba[b>>18&0x3f], ba[b>>12&0x3f], ba[b>>6&0x3f], ba[b&0x3f])
-			}
-			if ((len %= 3)) out.splice((len - 3), 2, len == 1 ? "==" : "=")
-			return out.join("")
-		}
-
-		// base64_decode
-		exports.atob = function(s) {
-			s = s.split("")
-			for (var b, out=[], i=0, len=s.length; i < len; ) {
-				b = bm[s[i++]]<<18 | bm[s[i++]]<<12 | bm[s[i++]]<<6 | bm[s[i++]]
-				out.push(b>>16 & 0xff, b>>8 & 0xff, b & 0xff)
-			}
-			if (s[len-1] == "=") out.length -= s[len-2] == "=" ? 2 : 1
-			return String.fromCharCode.apply(null, out)
-		}
-	}
-}(this) /* jshint -W030 */
-

package/polyfill/blob.js

@@ -1,5 +0,0 @@
-
-Blob.prototype.arrayBuffer = function(){
-	return new Response(this).arrayBuffer()
-}
-