1f173de885
Pristine upstream, unpacked from the official wordpress.org tarball. https://wordpress.org/wordpress-7.1.1.tar.gz sha1 2a9d68474e8703aa3a66f80427b325e0941b6a1e (published by wordpress.org) sha256 3996fee13448ef12e07e9f0c77db2f655ffa1b7cde71c80a4965d3bf1fb956b3 This branch carries nothing but upstream releases, one commit each, and is never edited. It is the other side of the git-subtree merge that brings security releases into SiriusPress/wordpress/ — see SiriusPress/docs/upstream-merges.md.
88 lines
3.1 KiB
JavaScript
88 lines
3.1 KiB
JavaScript
// packages/block-editor/build-module/utils/fit-text-frontend.mjs
|
|
import { store, getElement, getContext } from "@wordpress/interactivity";
|
|
|
|
// packages/block-editor/build-module/utils/fit-text-utils.mjs
|
|
function findOptimalFontSize(textElement, applyFontSize) {
|
|
const alreadyHasScrollableHeight = textElement.scrollHeight > textElement.clientHeight;
|
|
let minSize = 0;
|
|
let maxSize = 2400;
|
|
let bestSize = minSize;
|
|
const computedStyle = window.getComputedStyle(textElement);
|
|
let paddingLeft = parseFloat(computedStyle.paddingLeft) || 0;
|
|
let paddingRight = parseFloat(computedStyle.paddingRight) || 0;
|
|
const range = document.createRange();
|
|
range.selectNodeContents(textElement);
|
|
let referenceElement = textElement;
|
|
const parentElement = textElement.parentElement;
|
|
if (parentElement) {
|
|
const parentElementComputedStyle = window.getComputedStyle(parentElement);
|
|
if (parentElementComputedStyle?.display === "flex") {
|
|
referenceElement = parentElement;
|
|
paddingLeft += parseFloat(parentElementComputedStyle.paddingLeft) || 0;
|
|
paddingRight += parseFloat(parentElementComputedStyle.paddingRight) || 0;
|
|
}
|
|
}
|
|
let maxclientHeight = referenceElement.clientHeight;
|
|
while (minSize <= maxSize) {
|
|
const midSize = Math.floor((minSize + maxSize) / 2);
|
|
applyFontSize(midSize);
|
|
const rect = range.getBoundingClientRect();
|
|
const textWidth = rect.width;
|
|
const fitsWidth = textElement.scrollWidth <= referenceElement.clientWidth && textWidth <= referenceElement.clientWidth - paddingLeft - paddingRight;
|
|
const fitsHeight = alreadyHasScrollableHeight || textElement.scrollHeight <= referenceElement.clientHeight || textElement.scrollHeight <= maxclientHeight;
|
|
if (referenceElement.clientHeight > maxclientHeight) {
|
|
maxclientHeight = referenceElement.clientHeight;
|
|
}
|
|
if (fitsWidth && fitsHeight) {
|
|
bestSize = midSize;
|
|
minSize = midSize + 1;
|
|
} else {
|
|
maxSize = midSize - 1;
|
|
}
|
|
}
|
|
range.detach();
|
|
return bestSize;
|
|
}
|
|
function optimizeFitText(textElement, applyFontSize) {
|
|
if (!textElement) {
|
|
return;
|
|
}
|
|
applyFontSize(0);
|
|
const optimalSize = findOptimalFontSize(textElement, applyFontSize);
|
|
applyFontSize(optimalSize);
|
|
return optimalSize;
|
|
}
|
|
|
|
// packages/block-editor/build-module/utils/fit-text-frontend.mjs
|
|
store("core/fit-text", {
|
|
callbacks: {
|
|
init() {
|
|
const context = getContext();
|
|
const { ref } = getElement();
|
|
const applyFontSize = (fontSize) => {
|
|
if (!ref) {
|
|
return;
|
|
}
|
|
if (fontSize === 0) {
|
|
ref.style.fontSize = "";
|
|
} else {
|
|
ref.style.fontSize = `${fontSize}px`;
|
|
}
|
|
};
|
|
context.fontSize = optimizeFitText(ref, applyFontSize);
|
|
if (window.ResizeObserver && ref?.parentElement) {
|
|
const resizeObserver = new window.ResizeObserver(() => {
|
|
context.fontSize = optimizeFitText(ref, applyFontSize);
|
|
});
|
|
resizeObserver.observe(ref.parentElement);
|
|
resizeObserver.observe(ref);
|
|
return () => {
|
|
if (resizeObserver) {
|
|
resizeObserver.disconnect();
|
|
}
|
|
};
|
|
}
|
|
return void 0;
|
|
}
|
|
}
|
|
});
|