').append(jquery__WEBPACK_IMPORTED_MODULE_0___default()('link[rel="stylesheet"]').clone()); // document.styleSheets[1].cssRules[0].cssText
for (var i = 0; i < document.styleSheets.length; i++) {
var sheet = document.styleSheets[i]; // skip the sheets that are ').attr('type', sheet.type);
for (var j = 0; j < sheet.cssRules.length; j++) {
styleElement.append(sheet.cssRules[j].cssText + "\n");
}
result.append(styleElement);
}
return result.html();
}
var ShutterbugWorker = /*#__PURE__*/function () {
function ShutterbugWorker(options) {
_classCallCheck(this, ShutterbugWorker);
var opt = options || {};
if (!opt.selector) {
throw new Error('missing required option: selector');
} // Remember that selector is anything accepted by jQuery, it can be DOM element too.
this.element = opt.selector;
this.callback = opt.done;
this.failCallback = opt.fail;
this.alwaysCallback = opt.always;
this.imgDst = opt.dstSelector;
this.server = getURLParam(SERVER_URL_PARAM_NAME) || opt.server || _default_server__WEBPACK_IMPORTED_MODULE_3__["default"];
this.id = getID();
this.iframeReqTimeout = MAX_TIMEOUT; // Bind and save a new function, so it works well with .add/removeEventListener().
this._postMessageHandler = this._postMessageHandler.bind(this);
}
_createClass(ShutterbugWorker, [{
key: "enableIframeCommunication",
value: function enableIframeCommunication() {
var _this = this;
jquery__WEBPACK_IMPORTED_MODULE_0___default()(document).ready(function () {
window.addEventListener('message', _this._postMessageHandler, false);
});
}
}, {
key: "disableIframeCommunication",
value: function disableIframeCommunication() {
window.removeEventListener('message', this._postMessageHandler, false);
}
}, {
key: "getDomSnapshot",
value: function getDomSnapshot() {
var _this2 = this;
this.enableIframeCommunication(); // !!!
var timerID = null;
if (this.imgDst) {
// Start timer and update destination element.
var time = 0;
var counter = jquery__WEBPACK_IMPORTED_MODULE_0___default()('');
counter.html(time);
jquery__WEBPACK_IMPORTED_MODULE_0___default()(this.imgDst).html('Creating snapshot: ').append(counter);
timerID = setInterval(function () {
time = time + 1;
counter.html(time);
}, 1000);
} // Ask for HTML fragment and render it on server.
this.getHtmlFragment(function (htmlData) {
jquery__WEBPACK_IMPORTED_MODULE_0___default().ajax({
url: _this2.server,
type: 'POST',
data: JSON.stringify(htmlData)
}).done(function (msg) {
if (_this2.callback) {
_this2.callback(msg.url);
}
if (_this2.imgDst) {
jquery__WEBPACK_IMPORTED_MODULE_0___default()(_this2.imgDst).html("
"));
}
}).fail(function (jqXHR, textStatus, errorThrown) {
if (_this2.failCallback) {
_this2.failCallback(jqXHR, textStatus, errorThrown);
}
if (_this2.imgDst) {
jquery__WEBPACK_IMPORTED_MODULE_0___default()(_this2.imgDst).html("Snapshot failed");
}
console.error(textStatus, errorThrown);
}).always(function () {
clearInterval(timerID);
_this2.disableIframeCommunication(); // !!!
if (_this2.alwaysCallback) {
_this2.alwaysCallback();
}
});
});
} // Most important method. Returns HTML, CSS and dimensions of the snapshot.
}, {
key: "getHtmlFragment",
value: function getHtmlFragment(callback) {
var _this3 = this;
var self = this;
var $element = jquery__WEBPACK_IMPORTED_MODULE_0___default()(self.element); // .find('iframe').addBack("iframe") handles two cases:
// - element itself is an iframe - .addBack('iframe')
// - element descendants are iframes - .find('iframe')
var $iframes = $element.find('iframe').addBack('iframe');
this._iframeContentRequests = [];
$iframes.each(function (i, iframeElem) {
// Note that position of the iframe is used as its ID.
_this3._postHtmlFragRequestToIframe(iframeElem, i);
}); // Continue when we receive responses from all the nested iframes.
// Nested iframes descriptions will be provided as arguments.
jquery__WEBPACK_IMPORTED_MODULE_0___default().when.apply((jquery__WEBPACK_IMPORTED_MODULE_0___default()), this._iframeContentRequests).done(function () {
$element.trigger('shutterbug-saycheese');
var clonedElement = $element.clone(); // remove all script elements from the clone we don't want the html fragment
// changing itself
clonedElement.find('script').remove(); // Nested iframes.
if (arguments.length > 0) {
var nestedIFrames = arguments; // This supports two cases:
// - clonedElement itself is an iframe - .addBack('iframe')
// - clonedElement descendants are iframes - .find('iframe')
clonedElement.find('iframe').addBack('iframe').each(function (i, iframeElem) {
// When iframe doesn't support Shutterbug, request will timeout and null will be received.
// In such case just ignore this iframe, we won't be able to render it.
if (nestedIFrames[i] == null) return;
jquery__WEBPACK_IMPORTED_MODULE_0___default()(iframeElem).attr('srcdoc', (0,_html_tools__WEBPACK_IMPORTED_MODULE_1__.generateFullHtmlFromFragment)(nestedIFrames[i]));
});
} // Canvases.
// .addBack('canvas') handles case when the clonedElement itself is a canvas.
var replacementCanvasImgs = $element.find('canvas').addBack('canvas').map(function (i, elem) {
var dataUrl = (0,_html_tools__WEBPACK_IMPORTED_MODULE_1__.getDataURL)(elem);
var img = (0,_html_tools__WEBPACK_IMPORTED_MODULE_1__.cloneDomItem)(jquery__WEBPACK_IMPORTED_MODULE_0___default()(elem), '![]()
');
img.attr('src', dataUrl);
return img;
});
if (clonedElement.is('canvas')) {
clonedElement = replacementCanvasImgs[0];
} else {
clonedElement.find('canvas').each(function (i, elem) {
jquery__WEBPACK_IMPORTED_MODULE_0___default()(elem).replaceWith(replacementCanvasImgs[i]);
});
} // Video elements.
// .addBack('video') handles case when the clonedElement itself is a video.
var replacementVideoImgs = [];
$element.find('video').addBack('video').map(function (i, elem) {
var $elem = jquery__WEBPACK_IMPORTED_MODULE_0___default()(elem);
var canvas = (0,_html_tools__WEBPACK_IMPORTED_MODULE_1__.cloneDomItem)($elem, '