@shortfuse/materialdesignweb 0.8.0 → 0.9.0

package/core/optimizations.js

@@ -1,23 +1,23 @@
 // Micro-optimized functions
 
-const BLANK_TEXT = new Text();
-const BLANK_COMMENT = new Comment();
-const BLANK_DIV = document.createElement('div');
+let BLANK_TEXT;
+let BLANK_COMMENT;
+let BLANK_DIV;
 
 /** @return {Text} */
 export function createEmptyTextNode() {
-  // @ts-ignore
-  return BLANK_TEXT.cloneNode();
+  // eslint-disable-next-line no-return-assign
+  return (BLANK_TEXT ??= new Text()).cloneNode();
 }
 
 /** @return {HTMLDivElement} */
 export function createEmptyDiv() {
-  // @ts-ignore
-  return BLANK_DIV.cloneNode();
+  // eslint-disable-next-line no-return-assign
+  return (BLANK_DIV ??= document.createElement('div')).cloneNode();
 }
 
 /** @return {Comment} */
 export function createEmptyComment() {
-  // @ts-ignore
-  return BLANK_COMMENT.cloneNode();
+  // eslint-disable-next-line no-return-assign
+  return (BLANK_COMMENT ??= new Comment()).cloneNode();
 }

package/core/template.js

@@ -16,8 +16,11 @@ import { generateUID } from './uid.js';
 /** @type {Document} */
 let _inactiveDocument;
 
-/** @type {boolean} */
-let _cssStyleSheetConstructable;
+/** @type {DocumentFragment} */
+let _blankFragment;
+
+/** @type {Range} */
+let _fragmentRange;
 
 /**
  * @param {string} [fromString]
@@ -25,10 +28,12 @@ let _cssStyleSheetConstructable;
  */
 export function generateFragment(fromString) {
   _inactiveDocument ??= document.implementation.createHTMLDocument();
-  if (fromString == null) {
-    return _inactiveDocument.createDocumentFragment();
+  if (!fromString) {
+    _blankFragment ??= _inactiveDocument.createDocumentFragment();
+    return /** @type {DocumentFragment} */ (_blankFragment.cloneNode());
   }
-  return _inactiveDocument.createRange().createContextualFragment(fromString);
+  _fragmentRange ??= _inactiveDocument.createRange();
+  return _fragmentRange.createContextualFragment(fromString);
 }
 
 /** @type {Map<string, InlineFunctionEntry<?>>} */
@@ -52,55 +57,6 @@ export function addInlineFunction(fn) {
   return `{${internalName}}`;
 }
 
-/** @type {Map<string, CSSStyleSheet>} */
-const cssStyleSheetsCache = new Map();
-
-/** @type {Map<string, HTMLStyleElement>} */
-const styleElementCache = new Map();
-
-/**
- * @param {TemplateStringsArray} array
- * @param  {...any} substitutions
- * @return {HTMLStyleElement|CSSStyleSheet}
- */
-export function css(array, ...substitutions) {
-  const content = String.raw({ raw: array }, ...substitutions);
-
-  if (_cssStyleSheetConstructable == null) {
-    try {
-      const sheet = new CSSStyleSheet();
-      _cssStyleSheetConstructable = true;
-      sheet.replaceSync(content);
-      cssStyleSheetsCache.set(content, sheet);
-      return sheet;
-    } catch {
-      _cssStyleSheetConstructable = false;
-    }
-  }
-
-  if (_cssStyleSheetConstructable) {
-    if (cssStyleSheetsCache.has(content)) {
-      return cssStyleSheetsCache.get(content);
-    }
-    const sheet = new CSSStyleSheet();
-    _cssStyleSheetConstructable = true;
-    sheet.replaceSync(content);
-    cssStyleSheetsCache.set(content, sheet);
-    return sheet;
-  }
-
-  let style;
-  if (styleElementCache.has(content)) {
-    style = styleElementCache.get(content);
-  } else {
-    _inactiveDocument ??= document.implementation.createHTMLDocument();
-    style = _inactiveDocument.createElement('style');
-    style.textContent = content;
-    styleElementCache.set(content, style);
-  }
-  return /** @type {HTMLStyleElement} */ (style.cloneNode(true));
-}
-
 /** @type {Map<string, DocumentFragment>} */
 const fragmentCache = new Map();
 /**
@@ -143,12 +99,13 @@ export function html(strings, ...substitutions) {
     return fragment;
   }
 
-  let fragment = fragmentCache.get(compiledString);
-  if (!fragment) {
+  let fragment;
+  if (fragmentCache.has(compiledString)) {
+    fragment = fragmentCache.get(compiledString);
+  } else {
     fragment = generateFragment(compiledString);
     fragmentCache.set(compiledString, fragment);
   }
 
   return /** @type {DocumentFragment} */ (fragment.cloneNode(true));
 }
-