"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.getDevices = exports.assembleOrientationMedia = void 0; const Orientation_1 = require("./Orientation"); const Devices = [ { names: ['iPhone SE'], width: 640, height: 1136, scale: 2, isTablet: false }, { names: ['iPhone Xs Max'], width: 1242, height: 2688, scale: 3, isTablet: false }, { names: ['iPhone Xr'], width: 828, height: 1792, scale: 2, isTablet: false }, { names: ['iPhone X', 'iPhone Xs'], width: 1125, height: 2436, scale: 3, isTablet: false }, { names: ['iPhone 8 Plus', 'iPhone 7 Plus', 'iPhone 6s Plus', 'iPhone 6 Plus'], width: 1242, height: 2208, scale: 3, isTablet: false, }, { names: ['iPhone 8', 'iPhone 7', 'iPhone 6s', 'iPhone 6'], width: 750, height: 1334, scale: 2, isTablet: false, }, { names: ['iPad Pro 12.9"'], width: 2048, height: 2732, scale: 2, isTablet: true }, { names: ['iPad Pro 11"'], width: 1668, height: 2388, scale: 2, isTablet: true }, { names: ['iPad Pro 10.5"'], width: 1668, height: 2224, scale: 2, isTablet: true }, { names: ['iPad Mini', 'iPad Air'], width: 1536, height: 2048, scale: 2, isTablet: true }, ]; function assembleOrientationMedia(width, height, scale, orientation) { const params = { 'device-width': `${Math.floor(width / scale)}px`, 'device-height': `${Math.floor(height / scale)}px`, '-webkit-device-pixel-ratio': scale, orientation, }; // @ts-ignore const query = ['screen', ...Object.keys(params).map(key => `(${key}: ${params[key]})`)]; return query.join(' and '); } exports.assembleOrientationMedia = assembleOrientationMedia; function getDevices({ // disable landscape PWAs by default orientation = 'portrait', supportsTablet = true, } = {}) { if (!(0, Orientation_1.isValid)(orientation)) { throw new Error(`${orientation} is not a valid orientation`); } const orientations = []; if ((0, Orientation_1.isLandscape)(orientation)) { orientations.push('landscape'); } if ((0, Orientation_1.isPortrait)(orientation)) { orientations.push('portrait'); } let devices = []; if (supportsTablet) { devices = Devices; } else { devices = Devices.filter(({ isTablet }) => !isTablet); } return devices.map(device => ({ ...device, orientations })); } exports.getDevices = getDevices; //# sourceMappingURL=Splash.js.map