72 lines
1.9 KiB
JavaScript
72 lines
1.9 KiB
JavaScript
import { env } from 'consul-ui/env';
|
|
|
|
const SECONDARY_BUTTON = 2;
|
|
const isSelecting = function(win = window) {
|
|
const selection = win.getSelection();
|
|
let selecting = false;
|
|
try {
|
|
selecting =
|
|
'isCollapsed' in selection && !selection.isCollapsed && selection.toString().length > 1;
|
|
} catch (e) {
|
|
// passthrough
|
|
}
|
|
return selecting;
|
|
};
|
|
export default {
|
|
name: 'selection',
|
|
initialize(container) {
|
|
if (env('CONSUL_UI_DISABLE_ANCHOR_SELECTION')) {
|
|
return;
|
|
}
|
|
const dom = container.lookup('service:dom');
|
|
const doc = dom.document();
|
|
const $html = doc.getElementsByTagName('html')[0];
|
|
const findAnchor = function(el) {
|
|
return el.tagName === 'A' ? el : dom.closest('a', el);
|
|
};
|
|
const mousedown = function(e) {
|
|
if ($html.classList.contains('is-debug')) {
|
|
return;
|
|
}
|
|
const $a = findAnchor(e.target);
|
|
if ($a) {
|
|
if (typeof e.button !== 'undefined' && e.button === SECONDARY_BUTTON) {
|
|
const dataHref = $a.dataset.href;
|
|
if (dataHref) {
|
|
$a.setAttribute('href', dataHref);
|
|
}
|
|
return;
|
|
}
|
|
const href = $a.getAttribute('href');
|
|
if (href) {
|
|
$a.dataset.href = href;
|
|
$a.removeAttribute('href');
|
|
}
|
|
}
|
|
};
|
|
const mouseup = function(e) {
|
|
if ($html.classList.contains('is-debug')) {
|
|
return;
|
|
}
|
|
const $a = findAnchor(e.target);
|
|
if ($a) {
|
|
const href = $a.dataset.href;
|
|
if (!isSelecting() && href) {
|
|
$a.setAttribute('href', href);
|
|
}
|
|
}
|
|
};
|
|
|
|
doc.body.addEventListener('mousedown', mousedown);
|
|
doc.body.addEventListener('mouseup', mouseup);
|
|
|
|
container.reopen({
|
|
willDestroy: function() {
|
|
doc.body.removeEventListener('mousedown', mousedown);
|
|
doc.body.removeEventListener('mouseup', mouseup);
|
|
return this._super(...arguments);
|
|
},
|
|
});
|
|
},
|
|
};
|