single-file-core 1.5.8 → 1.5.10

package/core/infobar.js

@@ -57,6 +57,7 @@ const INFOBAR_STYLES = `
 
 .infobar {
   position: fixed;
+  max-height: calc(100% - 32px);
   top: 16px;
   right: 16px;
   margin-inline-start: 16px;
@@ -67,6 +68,11 @@ const INFOBAR_STYLES = `
   border-color: #eee;
   border-radius: 16px;
   z-index: 2147483647;
+  animation-name: flash;
+  animation-duration: .5s;
+  animation-timing-function: cubic-bezier(0.39, 0.58, 0.57, 1);
+  animation-delay: 1s;
+  animation-iteration-count: 2;
 }
 
 .infobar:valid, .infobar:not(:focus-within) .infobar-content {
@@ -78,12 +84,15 @@ const INFOBAR_STYLES = `
   border-color: #878787;
   border-radius: 8px;
   opacity: 1;
-  transition-property: opacity, background-color, border-color, border-radius,
-    color;
+  transition-property: opacity, background-color, border-color, border-radius, color;
 }
 
 .infobar-content {
-  align-items: center;
+  border: 2px solid;
+  border-color: #f9f9f9;
+  border-radius: 6px;
+  background-color: #f9f9f9;
+  overflow: auto;
 }
 
 .infobar-content span {
@@ -94,6 +103,7 @@ const INFOBAR_STYLES = `
   white-space: pre-wrap;
   margin-inline: 4px;
   margin-block: 4px;
+  padding-inline: 24px;
 }
 
 .infobar .infobar-icon,
@@ -106,6 +116,7 @@ const INFOBAR_STYLES = `
 
 .infobar .infobar-close-icon,
 .infobar .infobar-link-icon {
+  position: fixed;
   align-self: flex-start;
 }
 
@@ -115,6 +126,15 @@ const INFOBAR_STYLES = `
   min-block-size: 24px;
 }
 
+@keyframes flash {
+  0%, 100% {
+	background-color: #737373;
+  }
+  50% {
+	background-color: #dd6a00;
+  }
+}
+
 .infobar:focus-within .infobar-icon {
   z-index: -1;
   background-image: none;
@@ -132,6 +152,7 @@ const INFOBAR_STYLES = `
 }
 
 .infobar .infobar-link-icon {
+  right: 20px;
   background-size: 60%;
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABAAgMAAADXB5lNAAABhmlDQ1BJQ0MgcHJvZmlsZQAAKJF9kj1Iw0AYht+mSkUrDnYQcchQnSyIijqWKhbBQmkrtOpgcukfNGlIUlwcBdeCgz+LVQcXZ10dXAVB8AfEydFJ0UVK/C4ptIjx4LiH9+59+e67A4RGhalm1wSgapaRisfEbG5VDLyiDwEAvZiVmKkn0osZeI6ve/j4ehfhWd7n/hz9St5kgE8kjjLdsIg3iGc2LZ3zPnGIlSSF+Jx43KACiR+5Lrv8xrnosMAzQ0YmNU8cIhaLHSx3MCsZKvE0cVhRNcoXsi4rnLc4q5Uaa9XJbxjMaytprtMcQRxLSCAJETJqKKMCCxFaNVJMpGg/5uEfdvxJcsnkKoORYwFVqJAcP/gb/O6tWZiadJOCMaD7xbY/RoHALtCs2/b3sW03TwD/M3Cltf3VBjD3SXq9rYWPgIFt4OK6rcl7wOUOMPSkS4bkSH6aQqEAvJ/RM+WAwVv6EGtu31r7OH0AMtSr5Rvg4BAYK1L2use9ezr79u+ZVv9+AFlNcp0UUpiqAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5AsHAB8H+DhhoQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAAJUExURQAAAICHi4qKioTuJAkAAAABdFJOUwBA5thmAAAAAWJLR0QCZgt8ZAAAAJJJREFUOI3t070NRCEMA2CnYAOyDyPwpHj/Va7hJ3FzV7zy3ET5JIwoAF6Jk4wzAJAkzxAYG9YRTgB+24wBgKmfrGAKTcEfAY4KRlRoIeBTgKOCERVaCPgU4Khge2GqKOBTgKOCERVaAEC/4PNcnyoSWHpjqkhwKxbcig0Q6AorXYF/+A6eIYD1lVbwG/jdA6/kA2THRAURVubcAAAAAElFTkSuQmCC);
 }

package/modules/template-formatter.js

@@ -29,6 +29,7 @@ import { getContentSize, digest } from "./../core/helper.js";
 const Blob = globalThis.Blob;
 const FileReader = globalThis.FileReader;
 const URL = globalThis.URL;
+const Intl = globalThis.Intl;
 const URLSearchParams = globalThis.URLSearchParams;
 const navigator = globalThis.navigator;
 
@@ -17019,11 +17020,38 @@ async function evalTemplate(template = "", options, content, doc, dontReplaceSla
 		"decode-uri-component": value => { try { return decodeURIComponent(value); } catch (error) { return value; } },
 		"date-locale": locales => new Date().toLocaleDateString(locales),
 		"time-locale": locales => new Date().toLocaleTimeString(locales),
-		"datetime-locale": locales => new Date().toLocaleString(locales)
+		"datetime-locale": locales => new Date().toLocaleString(locales),
+		"datetime-custom": (locale, year, month, day, weekday, hour, minute, second, hour12, timeZone, fractionalSecondDigits, timeZoneName, era, localeMatcher) => {
+			const date = new Date();
+			const options = {};
+			setOption(options, "year", year);
+			setOption(options, "month", month);
+			setOption(options, "day", day);
+			setOption(options, "weekday", weekday);
+			setOption(options, "hour", hour);
+			setOption(options, "minute", minute);
+			setOption(options, "second", second);
+			setOption(options, "hour12", hour12);
+			setOption(options, "timeZone", timeZone);
+			setOption(options, "fractionalSecondDigits", fractionalSecondDigits);
+			setOption(options, "timeZoneName", timeZoneName);
+			setOption(options, "era", era);
+			setOption(options, "localeMatcher", localeMatcher);
+			return new Intl.DateTimeFormat(locale, options).format(date);
+
+			function setOption(options, name, value) {
+				if (value == " ") {
+					options[name] = undefined;
+				} else if (value) {
+					options[name] = value;
+				}
+			}
+		}
 	};
 	functions["date-locale"].dontReplaceSlash = false;
 	functions["time-locale"].dontReplaceSlash = false;
 	functions["datetime-locale"].dontReplaceSlash = false;
+	functions["datetime-custom"].dontReplaceSlash = false;
 	if (doc) {
 		functions["page-element-text"] = (selector) => {
 			const element = doc.querySelector(selector);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "single-file-core",
-  "version": "1.5.8",
+  "version": "1.5.10",
   "description": "SingleFile Core",
   "author": "Gildas Lormeau",
   "license": "AGPL-3.0-or-later",