@litejs/ui 26.2.0 → 26.2.1

package/el/dialog.ui

@@ -152,7 +152,7 @@
 	.col.ts3 ;txt! _(title, map)
 	.col.js-body ;md! _(body, map)
 	.col
-		.group ;each! action in actions
+		.group ;each! 'action',actions
 			.btn.js-btn
 				;txt! _(action.title)
 				;class! "w" + (12/actions.length)
@@ -166,4 +166,3 @@
 	.Modal-content.Modal--blur.grid.p2.anim
 		;cls! "Modal--blur",!1,1
 		%slot
-

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@litejs/ui",
-  "version": "26.2.0",
+  "version": "26.2.1",
   "description": "UI engine for LiteJS full-stack framework",
   "license": "MIT",
   "author": "Lauri Rooden <lauri@rooden.ee>",
@@ -27,6 +27,6 @@
     "test": "lj t test/index.js"
   },
   "devDependencies": {
-    "@litejs/cli": "26.2.1"
+    "@litejs/cli": "26.2.3"
   }
 }

package/ui.js

@@ -8,7 +8,7 @@
 //   /*** name ***/  code1  /*/  code2  /**/  - `code1` active in source, `code2` commented out; build can swap
 
 /*** debug ***/
-console.log("LiteJS is in debug mode, but it's fine for production")
+console.log("LiteJS is in debug mode and that's fine for production")
 /**/
 
 !function(window, document, history, localStorage, location, navigator, Function, Object) {
@@ -681,9 +681,10 @@ console.log("LiteJS is in debug mode, but it's fine for production")
 			return child
 		}
 
-		addPlugin("start", {
+		addPlugin("ui", {
 			d: Function("p", "p.u.i=1")
 		})
+		plugins.start = plugins.ui
 		addPlugin("slot", {
 			d: function(plugin) {
 				var slotName = plugin.n || ++elSeq
@@ -1119,36 +1120,29 @@ console.log("LiteJS is in debug mode, but it's fine for production")
 	assign(El, {
 		$b: assign(bindings, {
 			each: function(el, name, list) {
-				/*** debug ***/
-				if (el._li) throw "Binding each must be type of once: each!" + name
-				/**/
-
-				var comm = Comm("each " + name, up)
+				var comm = el._c || (el._c = Comm("each " + name, up))
 				, pos = 0
 				, nodes = []
-
 				comm.$s = this
 				elReplace(el, comm)
-				each(list, add)
-				return { a: add, u: up }
-
-				function add(item) {
-					var clone = nodes[pos] = el.cloneNode(true)
-					, subScope = elScope(clone, comm)
-					append(comm.parentNode, clone, (pos ? nodes[pos - 1] : comm).nextSibling)
-					subScope.$i = pos++
-					subScope.$len = list.length
-					subScope[name] = item
-					clone._b = el._b
-					/*** debug ***/
-					clone._li = up
-					/**/
-					render(clone)
-				}
+				up()
+				return { u: up }
+
 				function up() {
-					for (var i = list.length; pos > i; ) elKill(nodes[--pos])
-					for (nodes.length = i; pos < i; ) add(list[pos])
-					for (; i--; ) nodes[i].$s[name] = list[i]
+					if (!list) return
+					for (var sub, keys = Object.keys(list), i = keys.length; pos > i; ) elKill(nodes[--pos])
+					for (nodes.length = i; pos < i; ) {
+						sub = nodes[pos] = el.cloneNode(true)
+						sub._b = el._b
+						append(comm.parentNode, sub, (pos++ ? nodes[pos - 2] : comm).nextSibling)
+						elScope(sub, comm)
+					}
+					for (; i--; ) {
+						sub = nodes[i].$s
+						sub[name] = list[sub.$k = keys[sub.$i = i]]
+						sub.$len = pos
+						render(nodes[i])
+					}
 				}
 			},
 			el: function(el, tag, fallback) {
@@ -1784,7 +1778,10 @@ console.log("LiteJS is in debug mode, but it's fine for production")
 		}), function(res) {
 			res = res.concat(sources, next && next.src && next.innerHTML)
 			if (res[sources.length = 0]) {
-				if (!parser) LiteJS.ui = LiteJS()
+				if (!parser) {
+					var m = res.join("\n").match(/\n%ui\s+(\{[\s\S]*\})\s*$/)
+					LiteJS.ui = LiteJS(m && Function("return " + m[1])())
+				}
 				each(res, parser)
 			}
 			if (isFn(next)) next()