define(["require", "exports", "@syncfusion/ej2-base"], function (require, exports, ej2_base_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var Optimized = (function () {
function Optimized(documentHelper) {
this.documentHelper = documentHelper;
this.optimizedHeightCollection = {};
}
Optimized.prototype.getModuleName = function () {
return 'Optimized';
};
Optimized.prototype.getkeyFromCharFormat = function (characterFormat) {
var formatText = characterFormat.fontFamily.toLocaleLowerCase();
if (characterFormat.bold) {
formatText += ';' + 'bold';
}
if (characterFormat.italic) {
formatText += ';' + 'italic';
}
return formatText;
};
Optimized.prototype.getFontInfo = function (characterFormat) {
if (this.documentHelper.owner.documentEditorSettings.measureTextUsingIframe) {
return this.createFontInfoUsingIframe(characterFormat);
}
else {
return this.createFontInfoUsingStyle(characterFormat);
}
};
Optimized.prototype.createFontInfoUsingIframe = function (characterFormat) {
var iframe = ej2_base_1.createElement('iframe');
document.body.appendChild(iframe);
var innerHtml = '<!DOCTYPE html>'
+ '<html><head></head>'
+ '<body>'
+ '</body>'
+ '</html>';
var externalFonts = this.documentHelper.owner.externalFonts;
if (externalFonts && externalFonts.length > 0) {
externalFonts.forEach(function (externalFont) {
Eif (externalFont.src) {
innerHtml += '<style>@font-face {font-family: \'' + externalFont.fontFamily + '\'; src: ' + externalFont.src + '; }</style>';
}
});
}
Eif (!ej2_base_1.isNullOrUndefined(iframe.contentDocument)) {
iframe.contentDocument.open();
iframe.contentDocument.write(innerHtml);
iframe.contentDocument.close();
}
var container = document.createElement('div');
var cssText = 'position:absolute;top:-1000px;left:-1000px;opacity:0;font-size:0px;line-height:normal';
ej2_base_1.updateCSSText(container, cssText);
var maxFontHeight = 288;
var factor = 1.0 / window.devicePixelRatio;
container.style.transform = 'scale(' + factor.toString() + ',' + factor.toString() + ')';
container.innerHTML = '';
var baselineReferenceSpan = document.createElement('span');
baselineReferenceSpan.className = 'e-de-font-info';
baselineReferenceSpan.style.cssText = 'font-size: 0; font-family: ' + ("'" + characterFormat.fontFamily + "'") + '; display: inline-block;';
baselineReferenceSpan.textContent = 'm';
var fontMeasurementSpan = document.createElement('span');
fontMeasurementSpan.className = 'e-de-font-info';
fontMeasurementSpan.style.cssText = 'font-size: ' + maxFontHeight + 'pt; ' +
'font-family: ' + ("'" + characterFormat.fontFamily + "'") + '; ' +
(characterFormat.bold ? 'font-weight: bold; ' : '') +
(characterFormat.italic ? 'font-style: italic; ' : '') +
'display: inline-block;';
fontMeasurementSpan.textContent = 'm';
container.appendChild(baselineReferenceSpan);
container.appendChild(fontMeasurementSpan);
iframe.contentDocument.body.appendChild(container);
var baseLineFactor = container.firstChild.offsetTop / container.lastChild.offsetHeight;
var heightFactor = parseFloat((container.lastChild.offsetHeight / maxFontHeight).toFixed(2));
document.body.removeChild(iframe);
return { HeightFactor: heightFactor, BaselineFactor: baseLineFactor };
};
Optimized.prototype.createFontInfoUsingStyle = function (characterFormat) {
var styleElement = document.createElement('style');
var externalFonts = this.documentHelper.owner.externalFonts;
Iif (externalFonts && externalFonts.length > 0) {
var fontStyles_1 = '';
externalFonts.forEach(function (externalFont) {
if (externalFont.src) {
fontStyles_1 += '@font-face {font-family: \'' + externalFont.fontFamily + '\'; src: ' + externalFont.src + '; }';
}
});
if (fontStyles_1) {
styleElement.textContent = fontStyles_1;
document.head.appendChild(styleElement);
}
}
var container = document.createElement('div');
var cssText = 'position:absolute;top:-1000px;left:-1000px;opacity:0;font-size:0px;line-height:normal';
ej2_base_1.updateCSSText(container, cssText);
var maxFontHeight = 288;
var factor = 1.0 / window.devicePixelRatio;
container.style.transform = 'scale(' + factor.toString() + ',' + factor.toString() + ')';
container.innerHTML = '';
var baselineReferenceSpan = document.createElement('span');
baselineReferenceSpan.className = 'e-de-font-info';
baselineReferenceSpan.style.cssText = 'font-size: 0; font-family: ' + ("'" + characterFormat.fontFamily + "'") + '; display: inline-block;';
baselineReferenceSpan.textContent = 'm';
var fontMeasurementSpan = document.createElement('span');
fontMeasurementSpan.className = 'e-de-font-info';
fontMeasurementSpan.style.cssText = 'font-size: ' + maxFontHeight + 'pt; ' +
'font-family: ' + ("'" + characterFormat.fontFamily + "'") + '; ' +
(characterFormat.bold ? 'font-weight: bold; ' : '') +
(characterFormat.italic ? 'font-style: italic; ' : '') +
'display: inline-block;';
fontMeasurementSpan.textContent = 'm';
container.appendChild(baselineReferenceSpan);
container.appendChild(fontMeasurementSpan);
document.body.appendChild(container);
var baseLineFactor = container.firstChild.offsetTop / container.lastChild.offsetHeight;
var heightFactor = parseFloat((container.lastChild.offsetHeight / maxFontHeight).toFixed(2));
document.body.removeChild(container);
Iif (styleElement.parentNode) {
document.head.removeChild(styleElement);
}
return { HeightFactor: heightFactor, BaselineFactor: baseLineFactor };
};
Optimized.prototype.getHeightInternal = function (characterFormat) {
var key = this.getkeyFromCharFormat(characterFormat);
var isBidi = characterFormat.bidi || characterFormat.complexScript;
if (ej2_base_1.isNullOrUndefined(this.optimizedHeightCollection["" + key])) {
var fontInfo = this.getFontInfo(characterFormat);
this.optimizedHeightCollection["" + key] = fontInfo;
var fontHeight = fontInfo.HeightFactor * (isBidi ? characterFormat.fontSizeBidi : characterFormat.fontSize);
return { Height: fontHeight, BaselineOffset: fontInfo.BaselineFactor * fontHeight };
}
else {
var fontSizeInfo = this.optimizedHeightCollection["" + key];
var fontHeight = fontSizeInfo.HeightFactor * (isBidi ? characterFormat.fontSizeBidi : characterFormat.fontSize);
return { Height: fontHeight, BaselineOffset: fontSizeInfo.BaselineFactor * fontHeight };
}
};
Optimized.prototype.destroy = function () {
this.documentHelper = undefined;
this.optimizedHeightCollection = undefined;
};
return Optimized;
}());
exports.Optimized = Optimized;
});
|