How to use the somedom.mount function in somedom

To help you get started, we’ve selected a few somedom examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github tacoss / testcafe-blink-diff / src / modal.js View on Github external
export function mountOverlay(overlay) {
  let w;
  let h;
  let clicked;

  const slider = mount(overlay.parentNode, ['div', { class: 'slider' }], tag);

  function sync() {
    w = overlay.parentNode.offsetWidth;
    h = overlay.parentNode.offsetHeight;

    overlay.style.width = `${w / 2}px`;

    slider.style.left = `${(w / 2) - (slider.offsetWidth / 2)}px`;
    slider.style.top = `${(h / 2) - (slider.offsetHeight / 2)}px`;
  }

  function slide(x) {
    overlay.style.width = `${x}px`;
    slider.style.left = `${overlay.offsetWidth - (slider.offsetWidth / 2)}px`;
  }
github tacoss / testcafe-blink-diff / src / index.js View on Github external
['button.noop', { onclick: () => openModal(key, true, images) }, 'Open diff'],
        ['button.noop', { onclick: () => openModal(key, false, images) }, 'Compare'],
      ]],
    ]],
  ]];
}

function ImageList() {
  if (!images.length) {
    return ['ul', [['li', 'No differences to report']]];
  }

  return ['ul', images.map((x, key) => ImageItem(x, key))];
}

mount([ImageList], tag);

somedom

Building blocks for the DOM.

MIT
Latest version published 1 year ago

Package Health Score

46 / 100
Full package analysis