Update DOMVM

This commit is contained in:
Timothy Farrell 2019-08-25 18:02:56 -05:00
parent 8122ece636
commit fddd86634d
4 changed files with 7440 additions and 5 deletions

7428
package-lock.json generated Normal file

File diff suppressed because it is too large Load Diff

View File

@ -15,7 +15,7 @@
"backgroundtask": "git+https://gitea.thecookiejar.me/explorigin/backgroundtask.git", "backgroundtask": "git+https://gitea.thecookiejar.me/explorigin/backgroundtask.git",
"body-parser": "~1.18.3", "body-parser": "~1.18.3",
"date-fns": "~1.29.0", "date-fns": "~1.29.0",
"domvm": "~3.4.5", "domvm": "~3.4.11",
"exif-parser": "~0.1.9", "exif-parser": "~0.1.9",
"express": "~4.16.3", "express": "~4.16.3",
"linear-partitioning": "0.3.2", "linear-partitioning": "0.3.2",

View File

@ -7,7 +7,8 @@ import {
nodeParentWithType, nodeParentWithType,
defineView as vw, defineView as vw,
defineElement as el, defineElement as el,
injectView as iv injectView as iv,
eventRouter as er
} from '../utils/domvm.js'; } from '../utils/domvm.js';
import { error } from '../utils/console.js'; import { error } from '../utils/console.js';
@ -207,13 +208,13 @@ export function AllImagesView(vm, params) {
allImagesContent( allImagesContent(
{ {
onscroll: handleContentScroll, onscroll: handleContentScroll,
onclick: { onclick: [er({
'.photoSelect .icon svg path': toggleSelect, '.photoSelect .icon svg': toggleSelect,
'.photoSelect .icon': toggleSelect, '.photoSelect .icon': toggleSelect,
'.sectionSelectButton .icon': toggleAll, '.sectionSelectButton .icon': toggleAll,
'.sectionSelectButton .icon svg path': toggleAll, '.sectionSelectButton .icon svg path': toggleAll,
'.photoOverlay': photoClick '.photoOverlay': photoClick
}, })],
style: { overflowY: hasPhotos ? 'scroll' : 'hidden' } style: { overflowY: hasPhotos ? 'scroll' : 'hidden' }
}, },
hasPhotos hasPhotos

View File

@ -84,6 +84,12 @@ export const availableViewportSize = computed(
[scrollbarSize, fullViewportSize] [scrollbarSize, fullViewportSize]
); );
export const eventRouter = (handlerMap) => (evt, ...args) => {
return Object.entries(handlerMap).filter(([sel, f]) => evt.target.matches(sel))
.map(([sel, f]) => f(evt, ...args))
.some(r => r);
}
(function getScrollbarSize() { (function getScrollbarSize() {
const outer = document.createElement('div'); const outer = document.createElement('div');
const inner = document.createElement('div'); const inner = document.createElement('div');