ux4g-components-web 1.1.1 → 1.2.0

package/dist/runtime/bootstrap.cjs

@@ -1,6 +1,44 @@
 'use strict';
 
-var index = require('./index');
+/**
+ * UX4G Runtime Module
+ *
+ * Injects the vendor JS (ux4g.js + ux4g-custom.js) into the page as inline scripts.
+ * These files handle all interactive behaviors: dropdowns, modals, tooltips,
+ * accordions, carousels, drawers, tabs, popovers, toasts, scrollspy, etc.
+ *
+ * The vendor JS is inlined at build time by the Rollup virtual plugin.
+ * At runtime, initRuntime() creates <script> elements with the inlined code.
+ *
+ * Uses a singleton guard (window.__UX4G_RUNTIME_INITIALIZED__) to ensure
+ * the scripts are injected exactly once.
+ */
+const isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined';
+/**
+ * Initialize the UX4G runtime by injecting the vendor JS scripts into the page.
+ *
+ * - Safe for SSR — no-ops when window/document are unavailable.
+ * - Singleton guard prevents double-injection.
+ * - The vendor JS handles its own DOMContentLoaded timing internally.
+ * - MutationObserver in the vendor JS auto-initializes dynamically added elements.
+ */
+function initRuntime() {
+    if (!isBrowser)
+        return;
+    if (window.__UX4G_RUNTIME_INITIALIZED__)
+        return;
+    window.__UX4G_RUNTIME_INITIALIZED__ = true;
+    // Inject ux4g.js (sets up window.ux4g with all core components)
+    const script1 = document.createElement('script');
+    script1.setAttribute('data-ux4g-runtime', 'main');
+    script1.textContent = __UX4G_VENDOR_MAIN__;
+    document.head.appendChild(script1);
+    // Inject ux4g-custom.js (extends window.ux4g with custom behaviors)
+    const script2 = document.createElement('script');
+    script2.setAttribute('data-ux4g-runtime', 'custom');
+    script2.textContent = __UX4G_VENDOR_CUSTOM__;
+    document.head.appendChild(script2);
+}
 
 /**
  * UX4G Runtime Auto-Bootstrap
@@ -13,4 +51,4 @@ var index = require('./index');
  * (window.__UX4G_RUNTIME_INITIALIZED__) to ensure initialization happens
  * exactly once.
  */
-index.initRuntime();
+initRuntime();

package/dist/runtime/bootstrap.mjs

@@ -1,4 +1,42 @@
-import { initRuntime } from './index';
+/**
+ * UX4G Runtime Module
+ *
+ * Injects the vendor JS (ux4g.js + ux4g-custom.js) into the page as inline scripts.
+ * These files handle all interactive behaviors: dropdowns, modals, tooltips,
+ * accordions, carousels, drawers, tabs, popovers, toasts, scrollspy, etc.
+ *
+ * The vendor JS is inlined at build time by the Rollup virtual plugin.
+ * At runtime, initRuntime() creates <script> elements with the inlined code.
+ *
+ * Uses a singleton guard (window.__UX4G_RUNTIME_INITIALIZED__) to ensure
+ * the scripts are injected exactly once.
+ */
+const isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined';
+/**
+ * Initialize the UX4G runtime by injecting the vendor JS scripts into the page.
+ *
+ * - Safe for SSR — no-ops when window/document are unavailable.
+ * - Singleton guard prevents double-injection.
+ * - The vendor JS handles its own DOMContentLoaded timing internally.
+ * - MutationObserver in the vendor JS auto-initializes dynamically added elements.
+ */
+function initRuntime() {
+    if (!isBrowser)
+        return;
+    if (window.__UX4G_RUNTIME_INITIALIZED__)
+        return;
+    window.__UX4G_RUNTIME_INITIALIZED__ = true;
+    // Inject ux4g.js (sets up window.ux4g with all core components)
+    const script1 = document.createElement('script');
+    script1.setAttribute('data-ux4g-runtime', 'main');
+    script1.textContent = __UX4G_VENDOR_MAIN__;
+    document.head.appendChild(script1);
+    // Inject ux4g-custom.js (extends window.ux4g with custom behaviors)
+    const script2 = document.createElement('script');
+    script2.setAttribute('data-ux4g-runtime', 'custom');
+    script2.textContent = __UX4G_VENDOR_CUSTOM__;
+    document.head.appendChild(script2);
+}
 
 /**
  * UX4G Runtime Auto-Bootstrap