@pacem/pacem-core 2.0.0-kepler → 2.0.0-mersenne

package/dist/bundle/pacem-core.mjs

@@ -1,5 +1,5 @@
 /*!
- * @pacem/pacem-core v2.0.0-kepler (https://js.pacem.it)
+ * @pacem/pacem-core v2.0.0-mersenne (https://js.pacem.it)
  * Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */
@@ -416,6 +416,7 @@ var Utils = class _Utils {
   static {
     this.Strings = {
       leftPad: Strings.leftPad,
+      rightPad: Strings.rightPad,
       format: Strings.format,
       diff: Strings.diff,
       /** Strips HTML markup from `html`, returning its plain-text content. */
@@ -1842,8 +1843,15 @@ var CustomElementUtils = class _CustomElementUtils {
   }
   static {
     this.Theme = {
-      /** Downloads the web fonts referenced by the current theme's `--{@link PCSS}-font-*` CSS custom properties, resolving once at least one font face is ready (or after a short timeout). */
+      /**
+       * Downloads the web fonts referenced by the current theme's `--{@link PCSS}-font-*` CSS custom properties,
+       * resolving once they are loaded and at least one font face is ready. Never rejects, never waits forever:
+       * a font that fails to load is skipped, and the whole wait is capped (fonts refine a page, they must not
+       * keep it hidden).
+       */
       importWebFonts() {
+        const WEB_FONTS_TIMEOUT = 3e3;
+        const FONT_FACE_CHECKS = 4;
         function cleanupQuotes(input) {
           if (/^('|").*\1$/.test(input)) {
             return input.substring(1, input.length - 1);
@@ -1853,27 +1861,30 @@ var CustomElementUtils = class _CustomElementUtils {
         function downloadFont(fontFace) {
           return Utils.isNullOrEmpty(fontFace) ? Promise.resolve() : document.fonts.load("1rem " + fontFace);
         }
-        const promises = ["icons", "std", "main", "tech", "btn"].map((f) => {
+        function importFont(f) {
           const fontFace = Utils.Css.getVariableValue(`--${PCSS}-font-${f}`).split(",")[0];
-          const url = cleanupQuotes(Utils.Css.getVariableValue(`--${PCSS}-font-${f}-api-url`));
+          const apiUrl = Utils.Css.getVariableValue(`--${PCSS}-font-${f}-api-url`);
+          const url = cleanupQuotes(apiUrl);
           if (Utils.isNullOrEmpty(url)) {
             return downloadFont(fontFace);
-          } else {
-            return _CustomElementUtils.importcss(url).then((_) => downloadFont(fontFace));
           }
-        });
+          return _CustomElementUtils.importcss(url).then((_) => downloadFont(fontFace));
+        }
+        const promises = ["icons", "std", "main", "tech", "btn"].map((f) => importFont(f).catch((_) => void 0));
         const atLeast1FontFaceReady = new Promise((resolve) => {
-          function check(count = 0) {
-            if (count > 4 || !("size" in document.fonts) || typeof document.fonts.size === "number" && document.fonts.size > 0) {
+          function check(count) {
+            if (count > FONT_FACE_CHECKS || !("size" in document.fonts) || typeof document.fonts.size === "number" && document.fonts.size > 0) {
               document.fonts.ready.then(resolve);
-            } else {
-              setTimeout(check, 250, count++);
+              return;
             }
+            setTimeout(check, 250, count + 1);
           }
-          check();
+          check(0);
         });
         promises.push(atLeast1FontFaceReady);
-        return Promise.all(promises);
+        const timeout = new Promise((resolve) => setTimeout(resolve, WEB_FONTS_TIMEOUT));
+        const fontsReady = Promise.all(promises);
+        return Promise.race([fontsReady, timeout]);
       }
     };
   }