@shortfuse/materialdesignweb 0.7.6 → 0.9.0

package/core/optimizations.js

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

package/core/template.js

@@ -1,4 +1,4 @@
-import { generateUID } from './identify.js';
+import { generateUID } from './uid.js';
 
 /**
  * Property are bound to an ID+Node
@@ -6,15 +6,21 @@ import { generateUID } from './identify.js';
  * @template {any} T
  * @typedef {Object} InlineFunctionEntry
  * @prop {(data:T) => any} fn
- * @prop {Set<keyof T & string>} [props]
+ * @prop {string[]} [props]
+ * @prop {string[][]} [deepProps]
+ * @prop {string[]} [injectionProps]
+ * @prop {string[][]} [injectionDeepProps]
  * @prop {T} [defaultValue]
  */
 
 /** @type {Document} */
 let _inactiveDocument;
 
-/** @type {boolean} */
-let _cssStyleSheetConstructable;
+/** @type {DocumentFragment} */
+let _blankFragment;
+
+/** @type {Range} */
+let _fragmentRange;
 
 /**
  * @param {string} [fromString]
@@ -22,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<?>>} */
@@ -49,53 +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  {...(string)} 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) {
-    let sheet = cssStyleSheetsCache.get(content);
-    if (!sheet) {
-      sheet = new CSSStyleSheet();
-      _cssStyleSheetConstructable = true;
-      sheet.replaceSync(content);
-      cssStyleSheetsCache.set(content, sheet);
-    }
-    return sheet;
-  }
-
-  let style = styleElementCache.get(content);
-  if (!style) {
-    _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();
 /**
@@ -138,8 +99,10 @@ 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);
   }

package/core/uid.js

@@ -0,0 +1,13 @@
+/** @type {Set<string>} */
+const generatedUIDs = new Set();
+
+/**
+ * @param {string} [prefix='x'] Prefix all UIDs by string to apply a name or ensure starts with [A-Z] character
+ * @param {number} [n] Maximum number of variations needed. Calculated as 32^n.
+  @return {string} */
+export function generateUID(prefix = 'mdw_', n = 4) {
+  let id;
+  while (generatedUIDs.has(id = Math.random().toString(36).slice(2, n + 2)));
+  generatedUIDs.add(id);
+  return `${prefix}${id}`;
+}