",
template: function template(view) {
// Get the template and parse it
var html = wp.media.template('attachment-details')(view); // The template to extend
var dom = document.createElement('div');
dom.innerHTML = html;
if (!this.shouldDisplayHint(view)) {
return dom.innerHTML;
}
var hint = document.createElement('div'); // Create a new element
hint.classList.add('e-hint'); // Add a class to the element for styling
hint.innerHTML = _.template(this._tmpl)(elementorAdminHints.mediaHint); // Add the content to the new element
// Insert the new element at the correct spot
var details = dom.querySelector('.attachment-info');
details.appendChild(hint); // Add new element at the correct spot
return dom.innerHTML;
},
events: _objectSpread(_objectSpread({}, wp.media.view.Attachment.Details.prototype.events), {}, {
'click .elementor-control-notice-dismiss': 'dismiss',
'click .e-hint__container a': 'onHintAnchorClick',
'click .e-hint__container button.e-btn-1': 'onHintAction'
}),
shouldDisplayHint: function shouldDisplayHint(view) {
var _elementorAdminHints2;
if (!elementorAdminHints || !((_elementorAdminHints2 = elementorAdminHints) !== null && _elementorAdminHints2 !== void 0 && _elementorAdminHints2.mediaHint)) {
return false;
}
if (window.elementorHints !== undefined) {
return false;
}
if (view.type !== 'image') {
return false;
}
if (elementorAdminHints.mediaHint.display) {
return true;
}
return this.imageNotOptimized(view);
},
imageNotOptimized: function imageNotOptimized(attachment) {
var checks = {
height: 1080,
width: 1920,
filesizeInBytes: 100000
};
return Object.keys(checks).some(function (key) {
var value = attachment[key] || false;
return value && value > checks[key];
});
},
onHintAction: function onHintAction(event) {
event.preventDefault();
var b64Settings = event.target.closest('.action-handler').dataset.settings;
var settings = atob(b64Settings);
var _JSON$parse = JSON.parse(settings),
_JSON$parse$action_ur = _JSON$parse.action_url,
actionURL = _JSON$parse$action_ur === void 0 ? null : _JSON$parse$action_ur;
if (actionURL) {
window.open(actionURL, '_blank');
}
this.dismiss(event);
},
onHintAnchorClick: function onHintAnchorClick(event) {
this.dismiss(event);
},
dismiss: function dismiss(event) {
elementorCommon.ajax.addRequest('dismissed_editor_notices', {
data: {
dismissId: event.target.closest('.e-hint__container').dataset.event
}
});
this.hideHint(event);
},
hideHint: function hideHint(event) {
event.target.closest('.e-hint__container').remove();
window.elementorHints = {};
}
});
})();
})();
/******/ })()
;
//# sourceMappingURL=media-hints.js.map