@webtides/element-js 1.0.0-alpha.1 → 1.0.0-alpha.2

package/dist/index.js

@@ -9,9 +9,9 @@ var __publicField = (obj, key, value) => {
 function isObjectLike(value) {
   return typeof value == "object" && value !== null;
 }
-function isJSON(str) {
+function isJSON(value) {
   try {
-    return JSON.parse(str) && !!str;
+    return JSON.parse(value) && !!value;
   } catch (e) {
     return false;
   }
@@ -86,8 +86,9 @@ function getShadowParentOrBody(element) {
   }
   return document.body;
 }
-var supportsAdoptingStyleSheets = () => "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype;
-var supportsAppendingStyleSheets = !window.ShadyDOM;
+var supportsAdoptingStyleSheets = () => {
+  return "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype;
+};
 var convertStringToTemplate = (string) => {
   var _a;
   const template = (_a = globalThis.document) == null ? void 0 : _a.createElement("template");
@@ -525,7 +526,8 @@ function i18n(key, fallback) {
 // src/StyledElement.js
 var _StyledElement = class extends BaseElement {
   static updateGlobalStyles() {
-    _StyledElement.globalStyles = document.getElementById("globalStyles");
+    var _a;
+    _StyledElement.globalStyles = (_a = globalThis.document) == null ? void 0 : _a.getElementById("globalStyles");
     if (_StyledElement.globalStyles && _StyledElement["globalStyleSheet"]) {
       _StyledElement["globalStyleSheet"].replaceSync(_StyledElement.globalStyles.textContent);
     }
@@ -582,9 +584,10 @@ var _StyledElement = class extends BaseElement {
   appendStyleSheets(styles) {
     const parentDocument = getShadowParentOrBody(this.getRoot());
     styles.forEach((style, index) => {
+      var _a;
       const identifier = this.tagName + index;
       if (!parentDocument.querySelector(`#${identifier}`)) {
-        const styleElement = document.createElement("style");
+        const styleElement = (_a = globalThis.document) == null ? void 0 : _a.createElement("style");
         styleElement.id = identifier;
         styleElement.style.display = "none";
         styleElement.textContent = style;
@@ -1184,6 +1187,8 @@ var TemplateResult = class {
         parts.push((value) => {
           let result = pre;
           if (isObjectLike(value) && value.directiveClass) {
+            const directive = new value.directiveClass();
+            result += directive.stringify(...value.values);
           } else if (value != null) {
             result += encodeAttribute(isObjectLike(value) ? JSON.stringify(value) : value);
           }
@@ -1317,8 +1322,22 @@ var TemplateElement = class extends StyledElement {
     return this.shadowRoot !== null ? this.shadowRoot : this;
   }
 };
+
+// src/util/Directive.js
+var Directive = class {
+  constructor(node) {
+    __publicField(this, "node");
+    this.node = node;
+  }
+  update() {
+  }
+  stringify(...values) {
+    return "";
+  }
+};
 export {
   BaseElement,
+  Directive,
   Store,
   StyledElement,
   TemplateElement,