@true-directive/grid
Version:
Angular Data Grid from Yopsilon.
59 lines • 7.77 kB
JavaScript
var DOMUtils = /** @class */ (function () {
function DOMUtils() {
}
DOMUtils.focusAndOpenKeyboard = function (el, timeout) {
if (el) {
// Align temp input element approximately where the input element is
// so the cursor doesn't jump around
var __tempEl__ = document.createElement('input');
__tempEl__.style.position = 'absolute';
__tempEl__.style.top = (el.offsetTop + 7) + 'px';
__tempEl__.style.left = el.offsetLeft + 'px';
__tempEl__.style.height = '0';
__tempEl__.style.opacity = '0';
// Put this temp element as a child of the page <body> and focus on it
document.body.appendChild(__tempEl__);
__tempEl__.focus();
// The keyboard is open. Now do a delayed focus on the target element
setTimeout(function () {
el.focus();
el.click();
// Remove the temp element
document.body.removeChild(__tempEl__);
}, timeout);
}
};
DOMUtils.downloadCSV = function (filename, text) {
var element = document.createElement('a');
element.setAttribute('href', 'data:text/csv;charset=utf-8,%EF%BB%BF' + encodeURIComponent(text));
element.setAttribute('download', filename);
element.style.display = 'none';
document.body.appendChild(element);
element.click();
document.body.removeChild(element);
};
DOMUtils.copyToClipboard = function (text) {
var ta = document.createElement("textarea");
ta.value = text;
ta.style.position = 'fixed';
ta.style.opacity = '0.0';
ta.style.width = '20px';
ta.style.height = '20px';
ta.style.top = '-40px';
ta.style.left = '-40px';
document.body.appendChild(ta);
ta.focus();
ta.select();
try {
var successful = document.execCommand('copy');
return successful;
}
catch (err) {
return false;
}
document.body.removeChild(ta);
};
return DOMUtils;
}());
export { DOMUtils };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9tLXV0aWxzLmNsYXNzLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHRydWUtZGlyZWN0aXZlL2dyaWQvIiwic291cmNlcyI6WyJzcmMvY29tbW9uL2RvbS11dGlscy5jbGFzcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtJQUFBO0lBc0RBLENBQUM7SUFyRGUsNkJBQW9CLEdBQWxDLFVBQW1DLEVBQU8sRUFBRSxPQUFlO1FBQ3pELElBQUksRUFBRSxFQUFFO1lBQ04sb0VBQW9FO1lBQ3BFLG9DQUFvQztZQUNwQyxJQUFJLFVBQVUsR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQ2pELFVBQVUsQ0FBQyxLQUFLLENBQUMsUUFBUSxHQUFHLFVBQVUsQ0FBQztZQUN2QyxVQUFVLENBQUMsS0FBSyxDQUFDLEdBQUcsR0FBRyxDQUFDLEVBQUUsQ0FBQyxTQUFTLEdBQUcsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDO1lBQ2pELFVBQVUsQ0FBQyxLQUFLLENBQUMsSUFBSSxHQUFHLEVBQUUsQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDO1lBQzdDLFVBQVUsQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLEdBQUcsQ0FBQztZQUM5QixVQUFVLENBQUMsS0FBSyxDQUFDLE9BQU8sR0FBRyxHQUFHLENBQUM7WUFDL0Isc0VBQXNFO1lBQ3RFLFFBQVEsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLFVBQVUsQ0FBQyxDQUFDO1lBQ3RDLFVBQVUsQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUNuQixxRUFBcUU7WUFDckUsVUFBVSxDQUFDO2dCQUNULEVBQUUsQ0FBQyxLQUFLLEVBQUUsQ0FBQztnQkFDWCxFQUFFLENBQUMsS0FBSyxFQUFFLENBQUM7Z0JBQ1gsMEJBQTBCO2dCQUMxQixRQUFRLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxVQUFVLENBQUMsQ0FBQztZQUN4QyxDQUFDLEVBQUUsT0FBTyxDQUFDLENBQUM7U0FDYjtJQUNILENBQUM7SUFFYSxvQkFBVyxHQUF6QixVQUEwQixRQUFnQixFQUFFLElBQVk7UUFDdEQsSUFBSSxPQUFPLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUMxQyxPQUFPLENBQUMsWUFBWSxDQUFDLE1BQU0sRUFBRSx1Q0FBdUMsR0FBRyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO1FBQ2pHLE9BQU8sQ0FBQyxZQUFZLENBQUMsVUFBVSxFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBQzNDLE9BQU8sQ0FBQyxLQUFLLENBQUMsT0FBTyxHQUFHLE1BQU0sQ0FBQztRQUMvQixRQUFRLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUNuQyxPQUFPLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDaEIsUUFBUSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDckMsQ0FBQztJQUVhLHdCQUFlLEdBQTdCLFVBQThCLElBQVk7UUFDeEMsSUFBSSxFQUFFLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUM1QyxFQUFFLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztRQUNoQixFQUFFLENBQUMsS0FBSyxDQUFDLFFBQVEsR0FBQyxPQUFPLENBQUM7UUFDMUIsRUFBRSxDQUFDLEtBQUssQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ3pCLEVBQUUsQ0FBQyxLQUFLLENBQUMsS0FBSyxHQUFHLE1BQU0sQ0FBQztRQUN4QixFQUFFLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUM7UUFDekIsRUFBRSxDQUFDLEtBQUssQ0FBQyxHQUFHLEdBQUcsT0FBTyxDQUFDO1FBQ3ZCLEVBQUUsQ0FBQyxLQUFLLENBQUMsSUFBSSxHQUFHLE9BQU8sQ0FBQztRQUN4QixRQUFRLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUM5QixFQUFFLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDWCxFQUFFLENBQUMsTUFBTSxFQUFFLENBQUM7UUFDWixJQUFJO1lBQ0YsSUFBSSxVQUFVLEdBQUcsUUFBUSxDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUMsQ0FBQztZQUM5QyxPQUFPLFVBQVUsQ0FBQztTQUNuQjtRQUFDLE9BQU8sR0FBRyxFQUFFO1lBQ1osT0FBTyxLQUFLLENBQUM7U0FDZDtRQUNELFFBQVEsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ2hDLENBQUM7SUFDSCxlQUFDO0FBQUQsQ0FBQyxBQXRERCxJQXNEQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBjbGFzcyBET01VdGlscyB7XHJcbiAgcHVibGljIHN0YXRpYyBmb2N1c0FuZE9wZW5LZXlib2FyZChlbDogYW55LCB0aW1lb3V0OiBudW1iZXIpIHtcclxuICAgIGlmIChlbCkge1xyXG4gICAgICAvLyBBbGlnbiB0ZW1wIGlucHV0IGVsZW1lbnQgYXBwcm94aW1hdGVseSB3aGVyZSB0aGUgaW5wdXQgZWxlbWVudCBpc1xyXG4gICAgICAvLyBzbyB0aGUgY3Vyc29yIGRvZXNuJ3QganVtcCBhcm91bmRcclxuICAgICAgdmFyIF9fdGVtcEVsX18gPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdpbnB1dCcpO1xyXG4gICAgICBfX3RlbXBFbF9fLnN0eWxlLnBvc2l0aW9uID0gJ2Fic29sdXRlJztcclxuICAgICAgX190ZW1wRWxfXy5zdHlsZS50b3AgPSAoZWwub2Zmc2V0VG9wICsgNykgKyAncHgnO1xyXG4gICAgICBfX3RlbXBFbF9fLnN0eWxlLmxlZnQgPSBlbC5vZmZzZXRMZWZ0ICsgJ3B4JztcclxuICAgICAgX190ZW1wRWxfXy5zdHlsZS5oZWlnaHQgPSAnMCc7XHJcbiAgICAgIF9fdGVtcEVsX18uc3R5bGUub3BhY2l0eSA9ICcwJztcclxuICAgICAgLy8gUHV0IHRoaXMgdGVtcCBlbGVtZW50IGFzIGEgY2hpbGQgb2YgdGhlIHBhZ2UgPGJvZHk+IGFuZCBmb2N1cyBvbiBpdFxyXG4gICAgICBkb2N1bWVudC5ib2R5LmFwcGVuZENoaWxkKF9fdGVtcEVsX18pO1xyXG4gICAgICBfX3RlbXBFbF9fLmZvY3VzKCk7XHJcbiAgICAgIC8vIFRoZSBrZXlib2FyZCBpcyBvcGVuLiBOb3cgZG8gYSBkZWxheWVkIGZvY3VzIG9uIHRoZSB0YXJnZXQgZWxlbWVudFxyXG4gICAgICBzZXRUaW1lb3V0KGZ1bmN0aW9uKCkge1xyXG4gICAgICAgIGVsLmZvY3VzKCk7XHJcbiAgICAgICAgZWwuY2xpY2soKTtcclxuICAgICAgICAvLyBSZW1vdmUgdGhlIHRlbXAgZWxlbWVudFxyXG4gICAgICAgIGRvY3VtZW50LmJvZHkucmVtb3ZlQ2hpbGQoX190ZW1wRWxfXyk7XHJcbiAgICAgIH0sIHRpbWVvdXQpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHVibGljIHN0YXRpYyBkb3dubG9hZENTVihmaWxlbmFtZTogc3RyaW5nLCB0ZXh0OiBzdHJpbmcpIHtcclxuICAgIHZhciBlbGVtZW50ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnYScpO1xyXG4gICAgZWxlbWVudC5zZXRBdHRyaWJ1dGUoJ2hyZWYnLCAnZGF0YTp0ZXh0L2NzdjtjaGFyc2V0PXV0Zi04LCVFRiVCQiVCRicgKyBlbmNvZGVVUklDb21wb25lbnQodGV4dCkpO1xyXG4gICAgZWxlbWVudC5zZXRBdHRyaWJ1dGUoJ2Rvd25sb2FkJywgZmlsZW5hbWUpO1xyXG4gICAgZWxlbWVudC5zdHlsZS5kaXNwbGF5ID0gJ25vbmUnO1xyXG4gICAgZG9jdW1lbnQuYm9keS5hcHBlbmRDaGlsZChlbGVtZW50KTtcclxuICAgIGVsZW1lbnQuY2xpY2soKTtcclxuICAgIGRvY3VtZW50LmJvZHkucmVtb3ZlQ2hpbGQoZWxlbWVudCk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgc3RhdGljIGNvcHlUb0NsaXBib2FyZCh0ZXh0OiBzdHJpbmcpOiBib29sZWFuIHtcclxuICAgIHZhciB0YSA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoXCJ0ZXh0YXJlYVwiKTtcclxuICAgIHRhLnZhbHVlID0gdGV4dDtcclxuICAgIHRhLnN0eWxlLnBvc2l0aW9uPSdmaXhlZCc7XHJcbiAgICB0YS5zdHlsZS5vcGFjaXR5ID0gJzAuMCc7XHJcbiAgICB0YS5zdHlsZS53aWR0aCA9ICcyMHB4JztcclxuICAgIHRhLnN0eWxlLmhlaWdodCA9ICcyMHB4JztcclxuICAgIHRhLnN0eWxlLnRvcCA9ICctNDBweCc7XHJcbiAgICB0YS5zdHlsZS5sZWZ0ID0gJy00MHB4JztcclxuICAgIGRvY3VtZW50LmJvZHkuYXBwZW5kQ2hpbGQodGEpO1xyXG4gICAgdGEuZm9jdXMoKTtcclxuICAgIHRhLnNlbGVjdCgpO1xyXG4gICAgdHJ5IHtcclxuICAgICAgdmFyIHN1Y2Nlc3NmdWwgPSBkb2N1bWVudC5leGVjQ29tbWFuZCgnY29weScpO1xyXG4gICAgICByZXR1cm4gc3VjY2Vzc2Z1bDtcclxuICAgIH0gY2F0Y2ggKGVycikge1xyXG4gICAgICByZXR1cm4gZmFsc2U7XHJcbiAgICB9XHJcbiAgICBkb2N1bWVudC5ib2R5LnJlbW92ZUNoaWxkKHRhKTtcclxuICB9XHJcbn1cclxuIl19