@skhema/web-component 0.0.14 → 0.0.16

package/README.md

@@ -19,23 +19,23 @@ npm install @skhema/web-component
 ```
 
 ```javascript
-import '@skhema/web-component';
+import '@skhema/web-component'
 // Component is automatically registered
 ```
 
 ## Attributes
 
-| Attribute | Required | Description |
-|-----------|----------|-------------|
-| `element-type` | ✓ | Type of strategic element |
-| `contributor-id` | ✓ | Your contributor identifier |
-| `content` | | Alternative to inner text |
-| `theme` | | Visual theme: `light`, `dark`, `auto` |
+| Attribute        | Required | Description                           |
+| ---------------- | -------- | ------------------------------------- |
+| `element-type`   | ✓        | Type of strategic element             |
+| `contributor-id` | ✓        | Your contributor identifier           |
+| `content`        |          | Alternative to inner text             |
+| `theme`          |          | Visual theme: `light`, `dark`, `auto` |
 
 ## Element Types
 
 - `key_challenge` - Business challenges
-- `supporting_fact` - Evidence and data points  
+- `supporting_fact` - Evidence and data points
 - `guiding_policy` - Strategic approaches
 - `solution_alternative` - Potential solutions
 - And more...
@@ -45,7 +45,7 @@ import '@skhema/web-component';
 ```html
 <article>
   <p>The automotive industry is undergoing transformation...</p>
-  
+
   <skhema-element element-type="key_challenge" contributor-id="analyst">
     Traditional automakers face retooling challenges while competing with Tesla.
   </skhema-element>
@@ -54,4 +54,4 @@ import '@skhema/web-component';
 
 ## License
 
-MIT
+MIT

package/dist/cdn.d.ts

@@ -1,4 +1,3 @@
 import { SkhemaElement } from './components/SkhemaElement.js';
-
 export { SkhemaElement };
 //# sourceMappingURL=cdn.d.ts.map

package/dist/cdn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cdn.d.ts","sourceRoot":"","sources":["../src/cdn.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAY9D,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"cdn.d.ts","sourceRoot":"","sources":["../src/cdn.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAA;AAiB7D,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/SkhemaElement.d.ts

@@ -1,5 +1,4 @@
-import { SkhemaElementAttributes, ContentData, SkhemaElementEventMap } from './types.js';
-
+import { ContentData, SkhemaElementAttributes, SkhemaElementEventMap } from './types.js';
 export declare class SkhemaElement extends HTMLElement {
     private shadow;
     private contentData;
@@ -23,12 +22,11 @@ export declare class SkhemaElement extends HTMLElement {
 declare global {
     interface HTMLElementEventMap extends SkhemaElementEventMap {
     }
-    namespace JSX {
-        interface IntrinsicElements {
-            'skhema-element': Partial<SkhemaElementAttributes> & {
-                [key: string]: any;
-            };
-        }
+    interface SkhemaElementJSX extends Partial<SkhemaElementAttributes> {
+        [key: string]: unknown;
+    }
+    interface JSXIntrinsicElements {
+        'skhema-element': SkhemaElementJSX;
     }
 }
 //# sourceMappingURL=SkhemaElement.d.ts.map

package/dist/components/SkhemaElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SkhemaElement.d.ts","sourceRoot":"","sources":["../../src/components/SkhemaElement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAkB,WAAW,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AA+T9G,qBAAa,aAAc,SAAQ,WAAW;IAC5C,OAAO,CAAC,MAAM,CAAa;IAC3B,OAAO,CAAC,WAAW,CAA4B;IAC/C,OAAO,CAAC,kBAAkB,CAAS;;IAOnC,MAAM,KAAK,kBAAkB,IAAI,CAAC,MAAM,uBAAuB,CAAC,EAAE,CAEjE;IAED,iBAAiB;IAYjB,wBAAwB,CAAC,KAAK,EAAE,MAAM,uBAAuB,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;IAM/G,OAAO,CAAC,MAAM;IA4Bd,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,aAAa;IAiErB,OAAO,CAAC,qBAAqB;IAQ7B,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,WAAW;IAuBnB,OAAO,CAAC,iBAAiB;YAoBX,SAAS;YAuBT,eAAe;IAgBtB,cAAc,IAAI,WAAW,GAAG,IAAI;IAIpC,OAAO,IAAI,IAAI;CAGvB;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,mBAAoB,SAAQ,qBAAqB;KAAG;IAE9D,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,gBAAgB,EAAE,OAAO,CAAC,uBAAuB,CAAC,GAAG;gBACnD,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;aACpB,CAAC;SACH;KACF;CACF"}
+{"version":3,"file":"SkhemaElement.d.ts","sourceRoot":"","sources":["../../src/components/SkhemaElement.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EACV,WAAW,EAEX,uBAAuB,EACvB,qBAAqB,EACtB,MAAM,YAAY,CAAA;AA+TnB,qBAAa,aAAc,SAAQ,WAAW;IAC5C,OAAO,CAAC,MAAM,CAAY;IAC1B,OAAO,CAAC,WAAW,CAA2B;IAC9C,OAAO,CAAC,kBAAkB,CAAQ;;IAOlC,MAAM,KAAK,kBAAkB,IAAI,CAAC,MAAM,uBAAuB,CAAC,EAAE,CASjE;IAED,iBAAiB;IAYjB,wBAAwB,CACtB,KAAK,EAAE,MAAM,uBAAuB,EACpC,QAAQ,EAAE,MAAM,GAAG,IAAI,EACvB,QAAQ,EAAE,MAAM,GAAG,IAAI;IAOzB,OAAO,CAAC,MAAM;IAwCd,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,aAAa;IAuErB,OAAO,CAAC,qBAAqB;IAQ7B,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,WAAW;IAyBnB,OAAO,CAAC,iBAAiB;YA0BX,SAAS;YAyBT,eAAe;IAkBtB,cAAc,IAAI,WAAW,GAAG,IAAI;IAIpC,OAAO,IAAI,IAAI;CAGvB;AAGD,OAAO,CAAC,MAAM,CAAC;IAEb,UAAU,mBAAoB,SAAQ,qBAAqB;KAAG;IAE9D,UAAU,gBAAiB,SAAQ,OAAO,CAAC,uBAAuB,CAAC;QACjE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KACvB;IAGD,UAAU,oBAAoB;QAC5B,gBAAgB,EAAE,gBAAgB,CAAA;KACnC;CACF"}

package/dist/components/types.d.ts

@@ -1,11 +1,10 @@
 import { ElementValue } from '@skhema/types';
-
 export interface SkhemaElementAttributes {
     'element-type': ElementValue;
     'contributor-id': string;
-    'content'?: string;
+    content?: string;
     'source-url'?: string;
-    'theme'?: 'light' | 'dark' | 'auto';
+    theme?: 'light' | 'dark' | 'auto';
     'track-analytics'?: 'true' | 'false';
 }
 export interface EmbedAnalytics {
@@ -38,7 +37,7 @@ export interface SkhemaElementEventMap {
     'skhema:click': CustomEvent<ContentData>;
     'skhema:error': CustomEvent<{
         error: string;
-        details?: any;
+        details?: unknown;
     }>;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/components/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,MAAM,WAAW,uBAAuB;IACtC,cAAc,EAAE,YAAY,CAAC;IAC7B,gBAAgB,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IACpC,iBAAiB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACtC;AAED,MAAM,WAAW,cAAc;IAC7B,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,YAAY,CAAC;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,YAAY,CAAC;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,qBAAqB;IACpC,aAAa,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC;IAC3C,cAAc,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IACzC,cAAc,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC,CAAC;CAC/D"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAEjD,MAAM,WAAW,uBAAuB;IACtC,cAAc,EAAE,YAAY,CAAA;IAC5B,gBAAgB,EAAE,MAAM,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IACjC,iBAAiB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CACrC;AAED,MAAM,WAAW,cAAc;IAC7B,aAAa,EAAE,MAAM,CAAA;IACrB,WAAW,EAAE,YAAY,CAAA;IACzB,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,WAAW;IAC1B,cAAc,EAAE,MAAM,CAAA;IACtB,YAAY,EAAE,YAAY,CAAA;IAC1B,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,qBAAqB;IACpC,aAAa,EAAE,WAAW,CAAC,cAAc,CAAC,CAAA;IAC1C,cAAc,EAAE,WAAW,CAAC,WAAW,CAAC,CAAA;IACxC,cAAc,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC,CAAA;CAClE"}

package/dist/index.cjs

@@ -1,45 +1,13 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const types = require("@skhema/types");
-function isValidElementType(elementType) {
-  const validTypes = Object.values(types.ELEMENT_TYPES).map((type) => type.value);
-  return validTypes.includes(elementType);
-}
-function validateAttributes(element) {
-  const errors = [];
-  const elementType = element.getAttribute("element-type");
-  const contributorId = element.getAttribute("contributor-id");
-  if (!elementType) {
-    errors.push("Missing required attribute: element-type");
-  } else if (!isValidElementType(elementType)) {
-    const validTypes = Object.values(types.ELEMENT_TYPES).map((t) => t.value).join(", ");
-    errors.push(`Invalid element-type "${elementType}". Valid types: ${validTypes}`);
-  }
-  if (!contributorId) {
-    errors.push("Missing required attribute: contributor-id");
-  } else if (contributorId.trim().length === 0) {
-    errors.push("contributor-id cannot be empty");
-  }
-  return {
-    isValid: errors.length === 0,
-    errors,
-    elementType: isValidElementType(elementType || "") ? elementType : void 0,
-    contributorId: contributorId || void 0
-  };
-}
-function getElementTypeLabel(elementType) {
-  const type = Object.values(types.ELEMENT_TYPES).find((t) => t.value === elementType);
-  return (type == null ? void 0 : type.label) || elementType;
-}
-function getElementTypeAcronym(elementType) {
-  const type = Object.values(types.ELEMENT_TYPES).find((t) => t.value === elementType);
-  return (type == null ? void 0 : type.acronym) || elementType.substring(0, 2).toUpperCase();
-}
 function toUrlSafeBase64(str) {
-  const base64 = btoa(encodeURIComponent(str).replace(
-    /%([0-9A-F]{2})/g,
-    (_, p1) => String.fromCharCode(parseInt(p1, 16))
-  ));
+  const base64 = btoa(
+    encodeURIComponent(str).replace(
+      /%([0-9A-F]{2})/g,
+      (_, p1) => String.fromCharCode(parseInt(p1, 16))
+    )
+  );
   return base64.replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, "");
 }
 async function trackEmbedLoad(analytics) {
@@ -55,7 +23,10 @@ async function trackEmbedLoad(analytics) {
       user_agent: analytics.userAgent || ""
     });
     if (navigator.sendBeacon) {
-      navigator.sendBeacon("https://api.skhema.com/api:XGdoUqHx/component/embed", data);
+      navigator.sendBeacon(
+        "https://api.skhema.com/api:XGdoUqHx/component/embed",
+        data
+      );
     } else {
       fetch("https://api.skhema.com/api:XGdoUqHx/component/embed", {
         method: "POST",
@@ -104,26 +75,131 @@ function generateContentHash(content) {
   }
   return Math.abs(hash).toString(36).substring(0, 12);
 }
+function sanitizeContent(content) {
+  const htmlEncode = (str) => {
+    const div = document.createElement("div");
+    div.textContent = str;
+    return div.innerHTML;
+  };
+  let sanitized = stripUrls(content);
+  sanitized = htmlEncode(sanitized);
+  sanitized = sanitized.replace(/\n/g, "<br>");
+  sanitized = applyTextWrapping(sanitized);
+  return sanitized;
+}
+function stripUrls(text) {
+  const patterns = [
+    // Standard URLs with protocols
+    /https?:\/\/[^\s<>"{}|\\^`[\]]+/gi,
+    // FTP URLs
+    /ftp:\/\/[^\s<>"{}|\\^`[\]]+/gi,
+    // URLs without protocol but with www
+    /www\.[^\s<>"{}|\\^`[\]]+/gi,
+    // Email-like patterns
+    /[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}/gi,
+    // Common domain patterns (anything.com, anything.org, etc.)
+    /(?:^|\s)([a-zA-Z0-9-]+\.)+[a-zA-Z]{2,}(?:\/[^\s]*)?/gi
+  ];
+  let stripped = text;
+  patterns.forEach((pattern) => {
+    stripped = stripped.replace(pattern, "");
+  });
+  stripped = stripped.replace(/\s+/g, " ").trim();
+  return stripped;
+}
+function applyTextWrapping(text) {
+  const words = text.split(/(\s+)/);
+  return words.map((word) => {
+    if (/^\s+$/.test(word) || word.includes("<")) {
+      return word;
+    }
+    if (word.length > 30) {
+      return word.replace(/(.{10})/g, "$1​");
+    }
+    return word;
+  }).join("");
+}
+function validateContentSecurity(content) {
+  const issues = [];
+  if (/<script[\s>]/i.test(content)) {
+    issues.push("Script tags detected");
+  }
+  if (/on\w+\s*=/i.test(content)) {
+    issues.push("Event handlers detected");
+  }
+  if (/javascript:/i.test(content)) {
+    issues.push("JavaScript protocol detected");
+  }
+  if (/data:[^,]*script/i.test(content)) {
+    issues.push("Data URL with script detected");
+  }
+  if (/<iframe[\s>]/i.test(content)) {
+    issues.push("Iframe tags detected");
+  }
+  if (/https?:\/\//i.test(content) || /www\./i.test(content)) {
+    issues.push("URLs detected in content");
+  }
+  return {
+    isSecure: issues.length === 0,
+    issues
+  };
+}
+function isValidElementType(elementType) {
+  const validTypes = Object.values(types.ELEMENT_TYPES).map((type) => type.value);
+  return validTypes.includes(elementType);
+}
+function validateAttributes(element) {
+  const errors = [];
+  const elementType = element.getAttribute("element-type");
+  const contributorId = element.getAttribute("contributor-id");
+  if (!elementType) {
+    errors.push("Missing required attribute: element-type");
+  } else if (!isValidElementType(elementType)) {
+    const validTypes = Object.values(types.ELEMENT_TYPES).map((t) => t.value).join(", ");
+    errors.push(
+      `Invalid element-type "${elementType}". Valid types: ${validTypes}`
+    );
+  }
+  if (!contributorId) {
+    errors.push("Missing required attribute: contributor-id");
+  } else if (contributorId.trim().length === 0) {
+    errors.push("contributor-id cannot be empty");
+  }
+  return {
+    isValid: errors.length === 0,
+    errors,
+    elementType: isValidElementType(elementType || "") ? elementType : void 0,
+    contributorId: contributorId || void 0
+  };
+}
+function getElementTypeLabel(elementType) {
+  const type = Object.values(types.ELEMENT_TYPES).find((t) => t.value === elementType);
+  return type?.label || elementType;
+}
+function getElementTypeAcronym(elementType) {
+  const type = Object.values(types.ELEMENT_TYPES).find((t) => t.value === elementType);
+  return type?.acronym || elementType.substring(0, 2).toUpperCase();
+}
 function generateStructuredData(content, elementType, contributorId, sourceUrl) {
   return {
     "@context": "https://schema.org",
     "@type": "AnalysisContent",
-    "text": content,
-    "analysisType": elementType,
-    "category": getElementTypeLabel(elementType),
-    "contributor": contributorId,
-    "url": generateRedirectUrl(content, elementType, contributorId),
-    "provider": {
+    text: content,
+    analysisType: elementType,
+    category: getElementTypeLabel(elementType),
+    contributor: contributorId,
+    url: generateRedirectUrl(content, elementType, contributorId),
+    provider: {
       "@type": "Organization",
-      "name": "Skhema",
-      "url": "https://skhema.com"
+      name: "Skhema",
+      url: "https://skhema.com"
     },
-    "isPartOf": {
+    isPartOf: {
       "@type": "WebPage",
-      "url": sourceUrl
+      url: sourceUrl
     },
-    "dateCreated": (/* @__PURE__ */ new Date()).toISOString(),
-    "platform": "Skhema"
+    dateCreated: (/* @__PURE__ */ new Date()).toISOString(),
+    platform: "Skhema"
   };
 }
 function generateRedirectUrl(content, elementType, contributorId, options = {}) {
@@ -156,7 +232,7 @@ function createMetaTags(content, elementType, contributorId) {
 function createAriaAttributes(elementType) {
   const label = getElementTypeLabel(elementType);
   return {
-    "role": "article",
+    role: "article",
     "aria-label": `${label} - Strategic insight`,
     "aria-describedby": "skhema-description"
   };
@@ -298,6 +374,10 @@ const styles = `
   margin: 0;
   font-style: italic;
   position: relative;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  hyphens: auto;
+  max-width: 100%;
 }
 
 .skhema-content-text::before {
@@ -480,7 +560,14 @@ class SkhemaElement extends HTMLElement {
     this.shadow = this.attachShadow({ mode: "closed" });
   }
   static get observedAttributes() {
-    return ["element-type", "contributor-id", "content", "source-url", "theme", "track-analytics"];
+    return [
+      "element-type",
+      "contributor-id",
+      "content",
+      "source-url",
+      "theme",
+      "track-analytics"
+    ];
   }
   connectedCallback() {
     if (this.componentConnected) return;
@@ -505,7 +592,17 @@ class SkhemaElement extends HTMLElement {
     }
     const content = this.getContent();
     if (!content.trim()) {
-      this.renderError("Component requires content", ["Add content between the opening and closing tags, or use the content attribute"]);
+      this.renderError("Component requires content", [
+        "Add content between the opening and closing tags, or use the content attribute"
+      ]);
+      return;
+    }
+    const securityValidation = validateContentSecurity(content);
+    if (!securityValidation.isSecure) {
+      this.renderError(
+        "Content security validation failed",
+        securityValidation.issues
+      );
       return;
     }
     this.contentData = {
@@ -527,7 +624,11 @@ class SkhemaElement extends HTMLElement {
     if (!this.contentData) return;
     const { element_type, contributor_id, content } = this.contentData;
     const label = getElementTypeLabel(element_type);
-    const redirectUrl = generateRedirectUrl(content, element_type, contributor_id);
+    const redirectUrl = generateRedirectUrl(
+      content,
+      element_type,
+      contributor_id
+    );
     const theme = this.getAttribute("theme") || "auto";
     const displayName = this.formatContributorName(contributor_id);
     const initials = this.getInitials(displayName);
@@ -555,7 +656,7 @@ class SkhemaElement extends HTMLElement {
         </div>
         
         <div class="skhema-content">
-          <div class="skhema-content-text">${content}</div>
+          <div class="skhema-content-text">${sanitizeContent(content)}</div>
         </div>
         
         <div class="skhema-footer">
@@ -572,7 +673,9 @@ class SkhemaElement extends HTMLElement {
         </div>
       </div>
     `;
-    const saveBtn = this.shadow.querySelector(".skhema-save-btn");
+    const saveBtn = this.shadow.querySelector(
+      ".skhema-save-btn"
+    );
     if (saveBtn) {
       saveBtn.addEventListener("click", (event) => {
         this.handleSaveClick(event);
@@ -599,15 +702,22 @@ class SkhemaElement extends HTMLElement {
         </div>
       </div>
     `;
-    this.dispatchEvent(new CustomEvent("skhema:error", {
-      detail: { error: title, details: errors },
-      bubbles: true
-    }));
+    this.dispatchEvent(
+      new CustomEvent("skhema:error", {
+        detail: { error: title, details: errors },
+        bubbles: true
+      })
+    );
   }
   addStructuredData() {
     if (!this.contentData) return;
     const { content, element_type, contributor_id, source_url } = this.contentData;
-    const structuredData = generateStructuredData(content, element_type, contributor_id, source_url);
+    const structuredData = generateStructuredData(
+      content,
+      element_type,
+      contributor_id,
+      source_url
+    );
     const script = document.createElement("script");
     script.type = "application/ld+json";
     script.textContent = JSON.stringify(structuredData);
@@ -631,20 +741,24 @@ class SkhemaElement extends HTMLElement {
       userAgent: navigator.userAgent
     };
     await trackEmbedLoad(analytics);
-    this.dispatchEvent(new CustomEvent("skhema:load", {
-      detail: analytics,
-      bubbles: true
-    }));
+    this.dispatchEvent(
+      new CustomEvent("skhema:load", {
+        detail: analytics,
+        bubbles: true
+      })
+    );
   }
   async handleSaveClick(_event) {
     if (!this.contentData) return;
     if (shouldTrackAnalytics(this)) {
       await trackClick(this.contentData);
     }
-    this.dispatchEvent(new CustomEvent("skhema:click", {
-      detail: this.contentData,
-      bubbles: true
-    }));
+    this.dispatchEvent(
+      new CustomEvent("skhema:click", {
+        detail: this.contentData,
+        bubbles: true
+      })
+    );
   }
   // Public API methods
   getContentData() {
@@ -656,11 +770,17 @@ class SkhemaElement extends HTMLElement {
 }
 function registerSkhemaElement() {
   if (typeof window !== "undefined" && !customElements.get("skhema-element")) {
-    customElements.define("skhema-element", SkhemaElement);
+    customElements.define(
+      "skhema-element",
+      SkhemaElement
+    );
   }
 }
 if (typeof window !== "undefined" && !customElements.get("skhema-element")) {
-  customElements.define("skhema-element", SkhemaElement);
+  customElements.define(
+    "skhema-element",
+    SkhemaElement
+  );
 }
 exports.SkhemaElement = SkhemaElement;
 exports.default = SkhemaElement;