1 | (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;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
|
2 | 'use strict';
|
3 |
|
4 | var VNode = require('./vnode');
|
5 | var is = require('./is');
|
6 |
|
7 | function addNS(data, children) {
|
8 | data.ns = 'http://www.w3.org/2000/svg';
|
9 | if (children !== undefined) {
|
10 | for (var i = 0; i < children.length; ++i) {
|
11 | addNS(children[i].data, children[i].children);
|
12 | }
|
13 | }
|
14 | }
|
15 |
|
16 | module.exports = function h(sel, b, c) {
|
17 | var data = {},
|
18 | children,
|
19 | text,
|
20 | i;
|
21 | if (arguments.length === 3) {
|
22 | data = b;
|
23 | if (is.array(c)) {
|
24 | children = c;
|
25 | } else if (is.primitive(c)) {
|
26 | text = c;
|
27 | }
|
28 | } else if (arguments.length === 2) {
|
29 | if (is.array(b)) {
|
30 | children = b;
|
31 | } else if (is.primitive(b)) {
|
32 | text = b;
|
33 | } else {
|
34 | data = b;
|
35 | }
|
36 | }
|
37 | if (is.array(children)) {
|
38 | for (i = 0; i < children.length; ++i) {
|
39 | if (is.primitive(children[i])) children[i] = VNode(undefined, undefined, undefined, children[i]);
|
40 | }
|
41 | }
|
42 | if (sel[0] === 's' && sel[1] === 'v' && sel[2] === 'g') {
|
43 | addNS(data, children);
|
44 | }
|
45 | return VNode(sel, data, children, text, undefined);
|
46 | };
|
47 |
|
48 | },{"./is":2,"./vnode":7}],2:[function(require,module,exports){
|
49 | 'use strict';
|
50 |
|
51 | module.exports = {
|
52 | array: Array.isArray,
|
53 | primitive: function primitive(s) {
|
54 | return typeof s === 'string' || typeof s === 'number';
|
55 | }
|
56 | };
|
57 |
|
58 | },{}],3:[function(require,module,exports){
|
59 | "use strict";
|
60 |
|
61 | var booleanAttrs = ["allowfullscreen", "async", "autofocus", "autoplay", "checked", "compact", "controls", "declare", "default", "defaultchecked", "defaultmuted", "defaultselected", "defer", "disabled", "draggable", "enabled", "formnovalidate", "hidden", "indeterminate", "inert", "ismap", "itemscope", "loop", "multiple", "muted", "nohref", "noresize", "noshade", "novalidate", "nowrap", "open", "pauseonexit", "readonly", "required", "reversed", "scoped", "seamless", "selected", "sortable", "spellcheck", "translate", "truespeed", "typemustmatch", "visible"];
|
62 |
|
63 | var booleanAttrsDict = {};
|
64 | for (var i = 0, len = booleanAttrs.length; i < len; i++) {
|
65 | booleanAttrsDict[booleanAttrs[i]] = true;
|
66 | }
|
67 |
|
68 | function updateAttrs(oldVnode, vnode) {
|
69 | var key,
|
70 | cur,
|
71 | old,
|
72 | elm = vnode.elm,
|
73 | oldAttrs = oldVnode.data.attrs || {},
|
74 | attrs = vnode.data.attrs || {};
|
75 |
|
76 |
|
77 | for (key in attrs) {
|
78 | cur = attrs[key];
|
79 | old = oldAttrs[key];
|
80 | if (old !== cur) {
|
81 |
|
82 | if (!cur && booleanAttrsDict[key]) elm.removeAttribute(key);else elm.setAttribute(key, cur);
|
83 | }
|
84 | }
|
85 |
|
86 |
|
87 |
|
88 | for (key in oldAttrs) {
|
89 | if (!(key in attrs)) {
|
90 | elm.removeAttribute(key);
|
91 | }
|
92 | }
|
93 | }
|
94 |
|
95 | module.exports = { create: updateAttrs, update: updateAttrs };
|
96 |
|
97 | },{}],4:[function(require,module,exports){
|
98 | 'use strict';
|
99 |
|
100 | var is = require('../is');
|
101 |
|
102 | function arrInvoker(arr) {
|
103 | return function () {
|
104 |
|
105 | arr.length === 2 ? arr[0](arr[1]) : arr[0].apply(undefined, arr.slice(1));
|
106 | };
|
107 | }
|
108 |
|
109 | function fnInvoker(o) {
|
110 | return function (ev) {
|
111 | o.fn(ev);
|
112 | };
|
113 | }
|
114 |
|
115 | function updateEventListeners(oldVnode, vnode) {
|
116 | var name,
|
117 | cur,
|
118 | old,
|
119 | elm = vnode.elm,
|
120 | oldOn = oldVnode.data.on || {},
|
121 | on = vnode.data.on;
|
122 | if (!on) return;
|
123 | for (name in on) {
|
124 | cur = on[name];
|
125 | old = oldOn[name];
|
126 | if (old === undefined) {
|
127 | if (is.array(cur)) {
|
128 | elm.addEventListener(name, arrInvoker(cur));
|
129 | } else {
|
130 | cur = { fn: cur };
|
131 | on[name] = cur;
|
132 | elm.addEventListener(name, fnInvoker(cur));
|
133 | }
|
134 | } else if (is.array(old)) {
|
135 |
|
136 | old.length = cur.length;
|
137 | for (var i = 0; i < old.length; ++i) {
|
138 | old[i] = cur[i];
|
139 | }on[name] = old;
|
140 | } else {
|
141 | old.fn = cur;
|
142 | on[name] = old;
|
143 | }
|
144 | }
|
145 | }
|
146 |
|
147 | module.exports = { create: updateEventListeners, update: updateEventListeners };
|
148 |
|
149 | },{"../is":2}],5:[function(require,module,exports){
|
150 | 'use strict';
|
151 |
|
152 | var raf = window && window.requestAnimationFrame || setTimeout;
|
153 | var nextFrame = function nextFrame(fn) {
|
154 | raf(function () {
|
155 | raf(fn);
|
156 | });
|
157 | };
|
158 |
|
159 | function setNextFrame(obj, prop, val) {
|
160 | nextFrame(function () {
|
161 | obj[prop] = val;
|
162 | });
|
163 | }
|
164 |
|
165 | function updateStyle(oldVnode, vnode) {
|
166 | var cur,
|
167 | name,
|
168 | elm = vnode.elm,
|
169 | oldStyle = oldVnode.data.style || {},
|
170 | style = vnode.data.style || {},
|
171 | oldHasDel = 'delayed' in oldStyle;
|
172 | for (name in oldStyle) {
|
173 | if (!style[name]) {
|
174 | elm.style[name] = '';
|
175 | }
|
176 | }
|
177 | for (name in style) {
|
178 | cur = style[name];
|
179 | if (name === 'delayed') {
|
180 | for (name in style.delayed) {
|
181 | cur = style.delayed[name];
|
182 | if (!oldHasDel || cur !== oldStyle.delayed[name]) {
|
183 | setNextFrame(elm.style, name, cur);
|
184 | }
|
185 | }
|
186 | } else if (name !== 'remove' && cur !== oldStyle[name]) {
|
187 | elm.style[name] = cur;
|
188 | }
|
189 | }
|
190 | }
|
191 |
|
192 | function applyDestroyStyle(vnode) {
|
193 | var style,
|
194 | name,
|
195 | elm = vnode.elm,
|
196 | s = vnode.data.style;
|
197 | if (!s || !(style = s.destroy)) return;
|
198 | for (name in style) {
|
199 | elm.style[name] = style[name];
|
200 | }
|
201 | }
|
202 |
|
203 | function applyRemoveStyle(vnode, rm) {
|
204 | var s = vnode.data.style;
|
205 | if (!s || !s.remove) {
|
206 | rm();
|
207 | return;
|
208 | }
|
209 | var name,
|
210 | elm = vnode.elm,
|
211 | idx,
|
212 | i = 0,
|
213 | maxDur = 0,
|
214 | compStyle,
|
215 | style = s.remove,
|
216 | amount = 0,
|
217 | applied = [];
|
218 | for (name in style) {
|
219 | applied.push(name);
|
220 | elm.style[name] = style[name];
|
221 | }
|
222 | compStyle = getComputedStyle(elm);
|
223 | var props = compStyle['transition-property'].split(', ');
|
224 | for (; i < props.length; ++i) {
|
225 | if (applied.indexOf(props[i]) !== -1) amount++;
|
226 | }
|
227 | elm.addEventListener('transitionend', function (ev) {
|
228 | if (ev.target === elm) --amount;
|
229 | if (amount === 0) rm();
|
230 | });
|
231 | }
|
232 |
|
233 | module.exports = { create: updateStyle, update: updateStyle, destroy: applyDestroyStyle, remove: applyRemoveStyle };
|
234 |
|
235 | },{}],6:[function(require,module,exports){
|
236 |
|
237 |
|
238 | 'use strict';
|
239 |
|
240 | var VNode = require('./vnode');
|
241 | var is = require('./is');
|
242 |
|
243 | function isUndef(s) {
|
244 | return s === undefined;
|
245 | }
|
246 | function isDef(s) {
|
247 | return s !== undefined;
|
248 | }
|
249 |
|
250 | function emptyNodeAt(elm) {
|
251 | return VNode(elm.tagName, {}, [], undefined, elm);
|
252 | }
|
253 |
|
254 | var emptyNode = VNode('', {}, [], undefined, undefined);
|
255 |
|
256 | function sameVnode(vnode1, vnode2) {
|
257 | return vnode1.key === vnode2.key && vnode1.sel === vnode2.sel;
|
258 | }
|
259 |
|
260 | function createKeyToOldIdx(children, beginIdx, endIdx) {
|
261 | var i,
|
262 | map = {},
|
263 | key;
|
264 | for (i = beginIdx; i <= endIdx; ++i) {
|
265 | key = children[i].key;
|
266 | if (isDef(key)) map[key] = i;
|
267 | }
|
268 | return map;
|
269 | }
|
270 |
|
271 | function createRmCb(childElm, listeners) {
|
272 | return function () {
|
273 | if (--listeners === 0) childElm.parentElement.removeChild(childElm);
|
274 | };
|
275 | }
|
276 |
|
277 | var hooks = ['create', 'update', 'remove', 'destroy', 'pre', 'post'];
|
278 |
|
279 | function init(modules) {
|
280 | var i,
|
281 | j,
|
282 | cbs = {};
|
283 | for (i = 0; i < hooks.length; ++i) {
|
284 | cbs[hooks[i]] = [];
|
285 | for (j = 0; j < modules.length; ++j) {
|
286 | if (modules[j][hooks[i]] !== undefined) cbs[hooks[i]].push(modules[j][hooks[i]]);
|
287 | }
|
288 | }
|
289 |
|
290 | function createElm(vnode, insertedVnodeQueue) {
|
291 | var i,
|
292 | data = vnode.data;
|
293 | if (isDef(data)) {
|
294 | if (isDef(i = data.hook) && isDef(i = i.init)) i(vnode);
|
295 | if (isDef(i = data.vnode)) vnode = i;
|
296 | }
|
297 | var elm,
|
298 | children = vnode.children,
|
299 | sel = vnode.sel;
|
300 | if (isDef(sel)) {
|
301 |
|
302 | var hashIdx = sel.indexOf('#');
|
303 | var dotIdx = sel.indexOf('.', hashIdx);
|
304 | var hash = hashIdx > 0 ? hashIdx : sel.length;
|
305 | var dot = dotIdx > 0 ? dotIdx : sel.length;
|
306 | var tag = hashIdx !== -1 || dotIdx !== -1 ? sel.slice(0, Math.min(hash, dot)) : sel;
|
307 | elm = vnode.elm = isDef(data) && isDef(i = data.ns) ? document.createElementNS(i, tag) : document.createElement(tag);
|
308 | if (hash < dot) elm.id = sel.slice(hash + 1, dot);
|
309 | if (dotIdx > 0) elm.className = sel.slice(dot + 1).replace(/\./g, ' ');
|
310 | if (is.array(children)) {
|
311 | for (i = 0; i < children.length; ++i) {
|
312 | elm.appendChild(createElm(children[i], insertedVnodeQueue));
|
313 | }
|
314 | } else if (is.primitive(vnode.text)) {
|
315 | elm.appendChild(document.createTextNode(vnode.text));
|
316 | }
|
317 | for (i = 0; i < cbs.create.length; ++i) {
|
318 | cbs.create[i](emptyNode, vnode);
|
319 | }i = vnode.data.hook;
|
320 | if (isDef(i)) {
|
321 | if (i.create) i.create(emptyNode, vnode);
|
322 | if (i.insert) insertedVnodeQueue.push(vnode);
|
323 | }
|
324 | } else {
|
325 | elm = vnode.elm = document.createTextNode(vnode.text);
|
326 | }
|
327 | return vnode.elm;
|
328 | }
|
329 |
|
330 | function addVnodes(parentElm, before, vnodes, startIdx, endIdx, insertedVnodeQueue) {
|
331 | for (; startIdx <= endIdx; ++startIdx) {
|
332 | parentElm.insertBefore(createElm(vnodes[startIdx], insertedVnodeQueue), before);
|
333 | }
|
334 | }
|
335 |
|
336 | function invokeDestroyHook(vnode) {
|
337 | var i = vnode.data,
|
338 | j;
|
339 | if (isDef(i)) {
|
340 | if (isDef(i = i.hook) && isDef(i = i.destroy)) i(vnode);
|
341 | for (i = 0; i < cbs.destroy.length; ++i) {
|
342 | cbs.destroy[i](vnode);
|
343 | }if (isDef(i = vnode.children)) {
|
344 | for (j = 0; j < vnode.children.length; ++j) {
|
345 | invokeDestroyHook(vnode.children[j]);
|
346 | }
|
347 | }
|
348 | }
|
349 | }
|
350 |
|
351 | function removeVnodes(parentElm, vnodes, startIdx, endIdx) {
|
352 | for (; startIdx <= endIdx; ++startIdx) {
|
353 | var i,
|
354 | listeners,
|
355 | rm,
|
356 | ch = vnodes[startIdx];
|
357 | if (isDef(ch)) {
|
358 | if (isDef(ch.sel)) {
|
359 | invokeDestroyHook(ch);
|
360 | listeners = cbs.remove.length + 1;
|
361 | rm = createRmCb(ch.elm, listeners);
|
362 | for (i = 0; i < cbs.remove.length; ++i) {
|
363 | cbs.remove[i](ch, rm);
|
364 | }if (isDef(i = ch.data) && isDef(i = i.hook) && isDef(i = i.remove)) {
|
365 | i(ch, rm);
|
366 | } else {
|
367 | rm();
|
368 | }
|
369 | } else {
|
370 |
|
371 | parentElm.removeChild(ch.elm);
|
372 | }
|
373 | }
|
374 | }
|
375 | }
|
376 |
|
377 | function updateChildren(parentElm, oldCh, newCh, insertedVnodeQueue) {
|
378 | var oldStartIdx = 0,
|
379 | newStartIdx = 0;
|
380 | var oldEndIdx = oldCh.length - 1;
|
381 | var oldStartVnode = oldCh[0];
|
382 | var oldEndVnode = oldCh[oldEndIdx];
|
383 | var newEndIdx = newCh.length - 1;
|
384 | var newStartVnode = newCh[0];
|
385 | var newEndVnode = newCh[newEndIdx];
|
386 | var oldKeyToIdx, idxInOld, elmToMove, before;
|
387 |
|
388 | while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {
|
389 | if (isUndef(oldStartVnode)) {
|
390 | oldStartVnode = oldCh[++oldStartIdx];
|
391 | } else if (isUndef(oldEndVnode)) {
|
392 | oldEndVnode = oldCh[--oldEndIdx];
|
393 | } else if (sameVnode(oldStartVnode, newStartVnode)) {
|
394 | patchVnode(oldStartVnode, newStartVnode, insertedVnodeQueue);
|
395 | oldStartVnode = oldCh[++oldStartIdx];
|
396 | newStartVnode = newCh[++newStartIdx];
|
397 | } else if (sameVnode(oldEndVnode, newEndVnode)) {
|
398 | patchVnode(oldEndVnode, newEndVnode, insertedVnodeQueue);
|
399 | oldEndVnode = oldCh[--oldEndIdx];
|
400 | newEndVnode = newCh[--newEndIdx];
|
401 | } else if (sameVnode(oldStartVnode, newEndVnode)) {
|
402 |
|
403 | patchVnode(oldStartVnode, newEndVnode, insertedVnodeQueue);
|
404 | parentElm.insertBefore(oldStartVnode.elm, oldEndVnode.elm.nextSibling);
|
405 | oldStartVnode = oldCh[++oldStartIdx];
|
406 | newEndVnode = newCh[--newEndIdx];
|
407 | } else if (sameVnode(oldEndVnode, newStartVnode)) {
|
408 |
|
409 | patchVnode(oldEndVnode, newStartVnode, insertedVnodeQueue);
|
410 | parentElm.insertBefore(oldEndVnode.elm, oldStartVnode.elm);
|
411 | oldEndVnode = oldCh[--oldEndIdx];
|
412 | newStartVnode = newCh[++newStartIdx];
|
413 | } else {
|
414 | if (isUndef(oldKeyToIdx)) oldKeyToIdx = createKeyToOldIdx(oldCh, oldStartIdx, oldEndIdx);
|
415 | idxInOld = oldKeyToIdx[newStartVnode.key];
|
416 | if (isUndef(idxInOld)) {
|
417 |
|
418 | parentElm.insertBefore(createElm(newStartVnode, insertedVnodeQueue), oldStartVnode.elm);
|
419 | newStartVnode = newCh[++newStartIdx];
|
420 | } else {
|
421 | elmToMove = oldCh[idxInOld];
|
422 | patchVnode(elmToMove, newStartVnode, insertedVnodeQueue);
|
423 | oldCh[idxInOld] = undefined;
|
424 | parentElm.insertBefore(elmToMove.elm, oldStartVnode.elm);
|
425 | newStartVnode = newCh[++newStartIdx];
|
426 | }
|
427 | }
|
428 | }
|
429 | if (oldStartIdx > oldEndIdx) {
|
430 | before = isUndef(newCh[newEndIdx + 1]) ? null : newCh[newEndIdx + 1].elm;
|
431 | addVnodes(parentElm, before, newCh, newStartIdx, newEndIdx, insertedVnodeQueue);
|
432 | } else if (newStartIdx > newEndIdx) {
|
433 | removeVnodes(parentElm, oldCh, oldStartIdx, oldEndIdx);
|
434 | }
|
435 | }
|
436 |
|
437 | function patchVnode(oldVnode, vnode, insertedVnodeQueue) {
|
438 | var i, hook;
|
439 | if (isDef(i = vnode.data) && isDef(hook = i.hook) && isDef(i = hook.prepatch)) {
|
440 | i(oldVnode, vnode);
|
441 | }
|
442 | if (isDef(i = oldVnode.data) && isDef(i = i.vnode)) oldVnode = i;
|
443 | if (isDef(i = vnode.data) && isDef(i = i.vnode)) vnode = i;
|
444 | var elm = vnode.elm = oldVnode.elm,
|
445 | oldCh = oldVnode.children,
|
446 | ch = vnode.children;
|
447 | if (oldVnode === vnode) return;
|
448 | if (isDef(vnode.data)) {
|
449 | for (i = 0; i < cbs.update.length; ++i) {
|
450 | cbs.update[i](oldVnode, vnode);
|
451 | }i = vnode.data.hook;
|
452 | if (isDef(i) && isDef(i = i.update)) i(oldVnode, vnode);
|
453 | }
|
454 | if (isUndef(vnode.text)) {
|
455 | if (isDef(oldCh) && isDef(ch)) {
|
456 | if (oldCh !== ch) updateChildren(elm, oldCh, ch, insertedVnodeQueue);
|
457 | } else if (isDef(ch)) {
|
458 | addVnodes(elm, null, ch, 0, ch.length - 1, insertedVnodeQueue);
|
459 | } else if (isDef(oldCh)) {
|
460 | removeVnodes(elm, oldCh, 0, oldCh.length - 1);
|
461 | }
|
462 | } else if (oldVnode.text !== vnode.text) {
|
463 | elm.textContent = vnode.text;
|
464 | }
|
465 | if (isDef(hook) && isDef(i = hook.postpatch)) {
|
466 | i(oldVnode, vnode);
|
467 | }
|
468 | }
|
469 |
|
470 | return function (oldVnode, vnode) {
|
471 | var i;
|
472 | var insertedVnodeQueue = [];
|
473 | for (i = 0; i < cbs.pre.length; ++i) {
|
474 | cbs.pre[i]();
|
475 | }if (oldVnode instanceof Element) {
|
476 | if (oldVnode.parentElement !== null) {
|
477 | createElm(vnode, insertedVnodeQueue);
|
478 | oldVnode.parentElement.replaceChild(vnode.elm, oldVnode);
|
479 | } else {
|
480 | oldVnode = emptyNodeAt(oldVnode);
|
481 | patchVnode(oldVnode, vnode, insertedVnodeQueue);
|
482 | }
|
483 | } else {
|
484 | patchVnode(oldVnode, vnode, insertedVnodeQueue);
|
485 | }
|
486 | for (i = 0; i < insertedVnodeQueue.length; ++i) {
|
487 | insertedVnodeQueue[i].data.hook.insert(insertedVnodeQueue[i]);
|
488 | }
|
489 | for (i = 0; i < cbs.post.length; ++i) {
|
490 | cbs.post[i]();
|
491 | }return vnode;
|
492 | };
|
493 | }
|
494 |
|
495 | module.exports = { init: init };
|
496 |
|
497 | },{"./is":2,"./vnode":7}],7:[function(require,module,exports){
|
498 | "use strict";
|
499 |
|
500 | module.exports = function (sel, data, children, text, elm) {
|
501 | var key = data === undefined ? undefined : data.key;
|
502 | return { sel: sel, data: data, children: children,
|
503 | text: text, elm: elm, key: key };
|
504 | };
|
505 |
|
506 | },{}],8:[function(require,module,exports){
|
507 | 'use strict';
|
508 |
|
509 | var snabbdom = require('../../snabbdom.js');
|
510 | var patch = snabbdom.init([require('../../modules/attributes'), require('../../modules/style'), require('../../modules/eventlisteners')]);
|
511 | var h = require('../../h.js');
|
512 |
|
513 | var vnode;
|
514 |
|
515 | var data = {
|
516 | degRotation: 0
|
517 | };
|
518 |
|
519 | function gRotation() {
|
520 |
|
521 | return "rotate(" + data.degRotation + "deg)";
|
522 | }
|
523 |
|
524 | function triangleClick(id) {
|
525 | console.log("triangleClick: %s", id);
|
526 | render();
|
527 | }
|
528 |
|
529 | function handleRotate(degs) {
|
530 | data.degRotation += degs;
|
531 | console.log("handleRotate: %s, %s", degs, data.degRotation);
|
532 | render();
|
533 | }
|
534 |
|
535 | function handleReset(degs) {
|
536 | data.degRotation = degs;
|
537 | console.log("handleReset: %s", degs);
|
538 | render();
|
539 | }
|
540 |
|
541 | function render() {
|
542 | vnode = patch(vnode, view(data));
|
543 | }
|
544 |
|
545 | var hTriangle = function hTriangle(id, degRotation) {
|
546 | return h("polygon#" + id, {
|
547 | attrs: {
|
548 | points: "-50,-88 0,-175 50,-88",
|
549 | transform: "rotate(" + degRotation + ")",
|
550 | "stroke-width": 3
|
551 | },
|
552 | on: { click: [triangleClick, id] }
|
553 | });
|
554 | };
|
555 |
|
556 | var view = function view(data) {
|
557 | return h("div.view", [h("h1", "Snabbdom SVG Carousel"), h("svg", { attrs: { width: 380, height: 380, viewBox: [-190, -190, 380, 380] } }, [h("g#carousel", { style: { "-webkit-transform": gRotation(), transform: gRotation() } }, [hTriangle("yellow", 0), hTriangle("green", 60), hTriangle("magenta", 120), hTriangle("red", 180), hTriangle("cyan", 240), hTriangle("blue", 300)])]), h("button", { on: { click: [handleRotate, 60] } }, "Rotate Clockwise"), h("button", { on: { click: [handleRotate, -60] } }, "Rotate Anticlockwise"), h("button", { on: { click: [handleReset, 0] } }, "Reset")]);
|
558 | };
|
559 |
|
560 | window.addEventListener("DOMContentLoaded", function () {
|
561 | var container = document.getElementById("container");
|
562 | vnode = patch(container, view(data));
|
563 | render();
|
564 | });
|
565 |
|
566 | },{"../../h.js":1,"../../modules/attributes":3,"../../modules/eventlisteners":4,"../../modules/style":5,"../../snabbdom.js":6}]},{},[8]);
|