@kupola/kupola 1.9.11 → 1.9.13

package/dist/{core-oOQWnSRW.js → core-DBjFFC_n.js}

@@ -2885,7 +2885,7 @@ function getTheme() {
 }
 function setTheme(theme) {
   if (theme !== "dark" && theme !== "light") return;
-  var root = document.documentElement;
+  const root = document.documentElement;
   if (root.hasAttribute("data-kupola-theme-preloaded")) {
     root.style.removeProperty("--bg-base-default");
     root.style.removeProperty("--text-default");
@@ -2942,8 +2942,83 @@ function _themeToggleHandler(e) {
   const newTheme = currentTheme === "dark" ? "light" : "dark";
   setTheme(newTheme);
 }
+function _createBrandPicker() {
+  let brandPicker = document.getElementById("brand-picker");
+  if (brandPicker) return brandPicker;
+  brandPicker = document.createElement("div");
+  brandPicker.id = "brand-picker";
+  brandPicker.style.position = "fixed";
+  brandPicker.style.top = "64px";
+  brandPicker.style.right = "16px";
+  brandPicker.style.zIndex = "9998";
+  brandPicker.style.display = "none";
+  brandPicker.style.padding = "12px";
+  brandPicker.style.width = "200px";
+  brandPicker.style.gridTemplateColumns = "repeat(3, 1fr)";
+  brandPicker.style.gap = "6px";
+  brandPicker.style.backgroundColor = "var(--bg-base-secondary)";
+  brandPicker.style.border = "1px solid var(--border-neutral-l1)";
+  brandPicker.style.borderRadius = "8px";
+  brandPicker.style.boxShadow = "0 4px 20px rgba(0, 0, 0, 0.2)";
+  brandPicker.style.overflow = "hidden";
+  BRAND_OPTIONS.forEach((brand) => {
+    const btn = document.createElement("button");
+    btn.setAttribute("data-brand-btn", brand.id);
+    btn.style.display = "flex";
+    btn.style.justifyContent = "center";
+    btn.style.alignItems = "center";
+    btn.style.height = "60px";
+    btn.style.backgroundColor = brand.color;
+    btn.style.color = ["#32F08C", "#FF9900", "#E2C027", "#0EB0C9", "#B1A6CC"].includes(brand.color) ? "#0C0C0D" : "#FFFFFF";
+    btn.style.fontWeight = "500";
+    btn.style.borderRadius = "4px";
+    btn.style.border = "none";
+    btn.style.cursor = "pointer";
+    btn.style.margin = "0";
+    btn.style.padding = "0";
+    btn.textContent = brand.name;
+    brandPicker.appendChild(btn);
+  });
+  document.body.appendChild(brandPicker);
+  return brandPicker;
+}
+function _bindBrandPicker(brandPicker) {
+  const brandToggle = document.querySelector("[data-brand-toggle]");
+  if (!brandToggle || !brandPicker) return;
+  brandToggle.onclick = function(e) {
+    e.stopPropagation();
+    e.preventDefault();
+    const isHidden = brandPicker.style.display === "none";
+    brandPicker.style.display = isHidden ? "grid" : "none";
+    if (isHidden) {
+      setTimeout(() => {
+        document.addEventListener("click", closeBrandPicker, true);
+      }, 0);
+    } else {
+      document.removeEventListener("click", closeBrandPicker, true);
+    }
+  };
+  brandPicker.onclick = function(e) {
+    e.stopPropagation();
+  };
+  function closeBrandPicker(e) {
+    if (!brandPicker.contains(e.target) && !brandToggle.contains(e.target)) {
+      brandPicker.style.display = "none";
+      document.removeEventListener("click", closeBrandPicker, true);
+    }
+  }
+  const brandButtons = brandPicker.querySelectorAll("[data-brand-btn]");
+  brandButtons.forEach((btn) => {
+    btn.onclick = function(e) {
+      e.stopPropagation();
+      const brandId = btn.getAttribute("data-brand-btn");
+      setBrand(brandId);
+      brandPicker.style.display = "none";
+    };
+  });
+}
 function initTheme() {
-  var root = document.documentElement;
+  const root = document.documentElement;
   if (root.hasAttribute("data-kupola-theme-preloaded")) {
     root.style.removeProperty("--bg-base-default");
     root.style.removeProperty("--text-default");
@@ -2955,90 +3030,15 @@ function initTheme() {
   const savedBrand = getBrand();
   setBrand(savedBrand);
   document.body.classList.add("theme-initialized");
-  setTimeout(() => {
-    document.body.classList.add("theme-initialized");
-  }, 1500);
   if (toggleBtn) {
     updateThemeIcon(toggleBtn);
-    toggleBtn.removeEventListener("click", _themeToggleHandler);
-    toggleBtn.addEventListener("click", _themeToggleHandler);
-  }
-  let brandPicker = document.getElementById("brand-picker");
-  if (!brandPicker) {
-    brandPicker = document.createElement("div");
-    brandPicker.id = "brand-picker";
-    brandPicker.style.position = "fixed";
-    brandPicker.style.top = "64px";
-    brandPicker.style.right = "16px";
-    brandPicker.style.zIndex = "9998";
-    brandPicker.style.display = "none";
-    brandPicker.style.padding = "12px";
-    brandPicker.style.width = "200px";
-    brandPicker.style.gridTemplateColumns = "repeat(3, 1fr)";
-    brandPicker.style.gap = "6px";
-    brandPicker.style.backgroundColor = "var(--bg-base-secondary)";
-    brandPicker.style.border = "1px solid var(--border-neutral-l1)";
-    brandPicker.style.borderRadius = "8px";
-    brandPicker.style.boxShadow = "0 4px 20px rgba(0, 0, 0, 0.2)";
-    brandPicker.style.overflow = "hidden";
-    BRAND_OPTIONS.forEach((brand) => {
-      const btn = document.createElement("button");
-      btn.setAttribute("data-brand-btn", brand.id);
-      btn.style.display = "flex";
-      btn.style.justifyContent = "center";
-      btn.style.alignItems = "center";
-      btn.style.height = "60px";
-      btn.style.backgroundColor = brand.color;
-      btn.style.color = ["#32F08C", "#FF9900", "#E2C027", "#0EB0C9", "#B1A6CC"].includes(brand.color) ? "#0C0C0D" : "#FFFFFF";
-      btn.style.fontWeight = "500";
-      btn.style.borderRadius = "4px";
-      btn.style.border = "none";
-      btn.style.cursor = "pointer";
-      btn.style.margin = "0";
-      btn.style.padding = "0";
-      btn.textContent = brand.name;
-      brandPicker.appendChild(btn);
-    });
-    document.body.appendChild(brandPicker);
+    toggleBtn.onclick = _themeToggleHandler;
   }
   const brandToggle = document.querySelector("[data-brand-toggle]");
-  if (brandToggle && brandPicker) {
-    brandToggle.onclick = function(e) {
-      e.stopPropagation();
-      e.preventDefault();
-      const isHidden = brandPicker.style.display === "none";
-      brandPicker.style.display = isHidden ? "grid" : "none";
-      if (isHidden) {
-        setTimeout(() => {
-          document.addEventListener("click", closeBrandPicker, true);
-        }, 0);
-      } else {
-        document.removeEventListener("click", closeBrandPicker, true);
-      }
-    };
-    brandPicker.onclick = function(e) {
-      e.stopPropagation();
-    };
-  }
-  function closeBrandPicker(e) {
-    if (brandPicker && brandToggle) {
-      if (!brandPicker.contains(e.target) && !brandToggle.contains(e.target)) {
-        brandPicker.style.display = "none";
-        document.removeEventListener("click", closeBrandPicker, true);
-      }
-    }
+  if (brandToggle) {
+    const brandPicker = _createBrandPicker();
+    _bindBrandPicker(brandPicker);
   }
-  const brandButtons = document.querySelectorAll("[data-brand-btn]");
-  brandButtons.forEach((btn) => {
-    btn.addEventListener("click", (e) => {
-      e.stopPropagation();
-      const brandId = btn.getAttribute("data-brand-btn");
-      setBrand(brandId);
-      if (brandPicker) {
-        brandPicker.style.display = "none";
-      }
-    });
-  });
 }
 function createThemeToggle() {
   const btn = document.createElement("button");
@@ -3150,12 +3150,12 @@ function createBrandPicker() {
   }
   const brandButtons = container.querySelectorAll("[data-brand-btn]");
   brandButtons.forEach((btn) => {
-    btn.addEventListener("click", (e) => {
+    btn.onclick = function(e) {
       e.stopPropagation();
       const brandId = btn.getAttribute("data-brand-btn");
       setBrand(brandId);
       container.style.display = "none";
-    });
+    };
   });
   return { toggleBtn, container };
 }

package/dist/core.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./core-D0uN-4lt.cjs");exports.BRAND_OPTIONS=e.BRAND_OPTIONS,exports.CacheEntry=e.CacheEntry,exports.CacheManager=e.CacheManager,exports.ComponentInitializerRegistry=e.ComponentInitializerRegistry,exports.DependsError=e.DependsError,exports.DependsSource=e.DependsSource,exports.FetchedSource=e.FetchedSource,exports.FunctionSource=e.FunctionSource,exports.GlobalEvents=e.GlobalEvents,exports.KupolaComponent=e.KupolaComponent,exports.KupolaComponentRegistry=e.KupolaComponentRegistry,exports.KupolaDataBind=e.KupolaDataBind,exports.KupolaEventBus=e.KupolaEventBus,exports.KupolaI18n=e.KupolaI18n,exports.KupolaLifecycle=e.KupolaLifecycle,exports.KupolaStore=e.KupolaStore,exports.KupolaStoreManager=e.KupolaStoreManager,exports.KupolaUtils=e.KupolaUtils,exports.RouteSource=e.RouteSource,exports.Scheduler=e.Scheduler,exports.StaticSource=e.StaticSource,exports.StorageSource=e.StorageSource,exports.WebSocketSource=e.WebSocketSource,exports.applyMixin=e.applyMixin,exports.arrayUtils=e.arrayUtils,exports.bootstrapComponents=e.bootstrapComponents,exports.clearCache=e.clearCache,exports.configureHttpClient=e.configureHttpClient,exports.createBrandPicker=e.createBrandPicker,exports.createI18n=e.createI18n,exports.createLifecycle=e.createLifecycle,exports.createSource=e.createSource,exports.createStore=e.createStore,exports.createThemeToggle=e.createThemeToggle,exports.cryptoUtils=e.cryptoUtils,exports.dateUtils=e.dateUtils,exports.debounce=e.debounce,exports.defineComponent=e.defineComponent,exports.defineMixin=e.defineMixin,exports.emit=e.emit,exports.emitGlobal=e.emitGlobal,exports.escapeHtml=e.escapeHtml,exports.formatCurrency=e.formatCurrency,exports.formatDate=e.formatDate,exports.formatNumber=e.formatNumber,exports.generateSecureId=e.generateSecureId,exports.getBasePath=e.getBasePath,exports.getBrand=e.getBrand,exports.getConfig=e.getConfig,exports.getDefaultBrand=e.getDefaultBrand,exports.getDefaultTheme=e.getDefaultTheme,exports.getHttpClient=e.getHttpClient,exports.getHttpConfig=e.getHttpConfig,exports.getIconsPath=e.getIconsPath,exports.getListenerCount=e.getListenerCount,exports.getLocale=e.getLocale,exports.getMessageConfig=e.getMessageConfig,exports.getNotificationConfig=e.getNotificationConfig,exports.getPerformanceConfig=e.getPerformanceConfig,exports.getSecurityConfig=e.getSecurityConfig,exports.getStore=e.getStore,exports.getTheme=e.getTheme,exports.getUiConfig=e.getUiConfig,exports.getValidationConfig=e.getValidationConfig,exports.globalEvents=e.globalEvents,exports.initTheme=e.initTheme,exports.kupolaBootstrap=e.kupolaBootstrap,exports.kupolaData=e.kupolaData,exports.kupolaEvents=e.kupolaEvents,exports.kupolaI18n=e.kupolaI18n,exports.kupolaInitializer=e.kupolaInitializer,exports.kupolaLifecycle=e.kupolaLifecycle,Object.defineProperty(exports,"kupolaRegistry",{enumerable:!0,get:()=>e.kupolaRegistry}),exports.kupolaStoreManager=e.kupolaStoreManager,exports.maskData=e.maskData,exports.n=e.n,exports.numberUtils=e.numberUtils,exports.objectUtils=e.objectUtils,exports.off=e.off,exports.offAll=e.offAll,exports.offByScope=e.offByScope,exports.offConfigChange=e.offConfigChange,exports.on=e.on,exports.onConfigChange=e.onConfigChange,exports.once=e.once,exports.preloadUtils=e.preloadUtils,exports.ref=e.ref,exports.registerComponent=e.registerComponent,exports.registerLazyComponent=e.registerLazyComponent,exports.resetHttpClient=e.resetHttpClient,exports.sanitizeHtml=e.sanitizeHtml,exports.setBrand=e.setBrand,exports.setConfig=e.setConfig,exports.setLocale=e.setLocale,exports.setTheme=e.setTheme,exports.stringUtils=e.stringUtils,exports.stripHtml=e.stripHtml,exports.t=e.t,exports.throttle=e.throttle,exports.useDeps=e.useDeps,exports.useMixin=e.useMixin,exports.useQuery=e.useQuery,exports.validatorUtils=e.validatorUtils;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./core-Cs-VWZ5H.cjs");exports.BRAND_OPTIONS=e.BRAND_OPTIONS,exports.CacheEntry=e.CacheEntry,exports.CacheManager=e.CacheManager,exports.ComponentInitializerRegistry=e.ComponentInitializerRegistry,exports.DependsError=e.DependsError,exports.DependsSource=e.DependsSource,exports.FetchedSource=e.FetchedSource,exports.FunctionSource=e.FunctionSource,exports.GlobalEvents=e.GlobalEvents,exports.KupolaComponent=e.KupolaComponent,exports.KupolaComponentRegistry=e.KupolaComponentRegistry,exports.KupolaDataBind=e.KupolaDataBind,exports.KupolaEventBus=e.KupolaEventBus,exports.KupolaI18n=e.KupolaI18n,exports.KupolaLifecycle=e.KupolaLifecycle,exports.KupolaStore=e.KupolaStore,exports.KupolaStoreManager=e.KupolaStoreManager,exports.KupolaUtils=e.KupolaUtils,exports.RouteSource=e.RouteSource,exports.Scheduler=e.Scheduler,exports.StaticSource=e.StaticSource,exports.StorageSource=e.StorageSource,exports.WebSocketSource=e.WebSocketSource,exports.applyMixin=e.applyMixin,exports.arrayUtils=e.arrayUtils,exports.bootstrapComponents=e.bootstrapComponents,exports.clearCache=e.clearCache,exports.configureHttpClient=e.configureHttpClient,exports.createBrandPicker=e.createBrandPicker,exports.createI18n=e.createI18n,exports.createLifecycle=e.createLifecycle,exports.createSource=e.createSource,exports.createStore=e.createStore,exports.createThemeToggle=e.createThemeToggle,exports.cryptoUtils=e.cryptoUtils,exports.dateUtils=e.dateUtils,exports.debounce=e.debounce,exports.defineComponent=e.defineComponent,exports.defineMixin=e.defineMixin,exports.emit=e.emit,exports.emitGlobal=e.emitGlobal,exports.escapeHtml=e.escapeHtml,exports.formatCurrency=e.formatCurrency,exports.formatDate=e.formatDate,exports.formatNumber=e.formatNumber,exports.generateSecureId=e.generateSecureId,exports.getBasePath=e.getBasePath,exports.getBrand=e.getBrand,exports.getConfig=e.getConfig,exports.getDefaultBrand=e.getDefaultBrand,exports.getDefaultTheme=e.getDefaultTheme,exports.getHttpClient=e.getHttpClient,exports.getHttpConfig=e.getHttpConfig,exports.getIconsPath=e.getIconsPath,exports.getListenerCount=e.getListenerCount,exports.getLocale=e.getLocale,exports.getMessageConfig=e.getMessageConfig,exports.getNotificationConfig=e.getNotificationConfig,exports.getPerformanceConfig=e.getPerformanceConfig,exports.getSecurityConfig=e.getSecurityConfig,exports.getStore=e.getStore,exports.getTheme=e.getTheme,exports.getUiConfig=e.getUiConfig,exports.getValidationConfig=e.getValidationConfig,exports.globalEvents=e.globalEvents,exports.initTheme=e.initTheme,exports.kupolaBootstrap=e.kupolaBootstrap,exports.kupolaData=e.kupolaData,exports.kupolaEvents=e.kupolaEvents,exports.kupolaI18n=e.kupolaI18n,exports.kupolaInitializer=e.kupolaInitializer,exports.kupolaLifecycle=e.kupolaLifecycle,Object.defineProperty(exports,"kupolaRegistry",{enumerable:!0,get:()=>e.kupolaRegistry}),exports.kupolaStoreManager=e.kupolaStoreManager,exports.maskData=e.maskData,exports.n=e.n,exports.numberUtils=e.numberUtils,exports.objectUtils=e.objectUtils,exports.off=e.off,exports.offAll=e.offAll,exports.offByScope=e.offByScope,exports.offConfigChange=e.offConfigChange,exports.on=e.on,exports.onConfigChange=e.onConfigChange,exports.once=e.once,exports.preloadUtils=e.preloadUtils,exports.ref=e.ref,exports.registerComponent=e.registerComponent,exports.registerLazyComponent=e.registerLazyComponent,exports.resetHttpClient=e.resetHttpClient,exports.sanitizeHtml=e.sanitizeHtml,exports.setBrand=e.setBrand,exports.setConfig=e.setConfig,exports.setLocale=e.setLocale,exports.setTheme=e.setTheme,exports.stringUtils=e.stringUtils,exports.stripHtml=e.stripHtml,exports.t=e.t,exports.throttle=e.throttle,exports.useDeps=e.useDeps,exports.useMixin=e.useMixin,exports.useQuery=e.useQuery,exports.validatorUtils=e.validatorUtils;

package/dist/core.esm.js

@@ -1,4 +1,4 @@
-import { B, C, h, i, D, j, F, l, G, K, m, n, o, p, q, s, t, u, R, S, v, w, W, x, y, z, A, E, H, I, J, L, M, N, O, P, Q, T, U, V, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, aa, d, c, f, ab, ac, ad, g, e, a, ae, af, ag, ah, ai, k, aj, ak, al, am, an, ao, ap, aq, ar, as, at, au, av, aw, ax, r, ay, az, aA, aB, aC, aD, aE, aF, aG, aH, aI, aJ, aK, aL, aM, aN } from "./core-oOQWnSRW.js";
+import { B, C, h, i, D, j, F, l, G, K, m, n, o, p, q, s, t, u, R, S, v, w, W, x, y, z, A, E, H, I, J, L, M, N, O, P, Q, T, U, V, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, aa, d, c, f, ab, ac, ad, g, e, a, ae, af, ag, ah, ai, k, aj, ak, al, am, an, ao, ap, aq, ar, as, at, au, av, aw, ax, r, ay, az, aA, aB, aC, aD, aE, aF, aG, aH, aI, aJ, aK, aL, aM, aN } from "./core-DBjFFC_n.js";
 export {
   B as BRAND_OPTIONS,
   C as CacheEntry,

package/dist/css/scaffold.css

@@ -6,44 +6,14 @@
 * { box-sizing: border-box; margin: 0; padding: 0; }
 
 /* ===== Theme Loading ===== */
-body:not(.theme-initialized) > :not(.ds-theme-loader) {
-  opacity: 0 !important;
-}
-
-.ds-theme-loader {
-  position: fixed;
-  inset: 0;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  background: var(--bg-base-default);
-  z-index: 9999;
-  transition: opacity 0.3s ease;
-}
-
-body.theme-initialized .ds-theme-loader {
+body:not(.theme-initialized):not([data-kupola-theme-preloaded]) {
   opacity: 0;
-  pointer-events: none;
+  transition: opacity 0.15s ease-out;
 }
 
-.ds-theme-loader__spinner {
-  width: 32px;
-  height: 32px;
-  border: 2px solid var(--border-neutral-l2);
-  border-top-color: var(--bg-brand);
-  border-radius: 50%;
-  animation: ds-spin 0.8s linear infinite;
-}
-
-.ds-theme-loader__text {
-  margin-top: 16px;
-  color: var(--text-secondary);
-  font-size: 14px;
-}
-
-@keyframes ds-spin {
-  to { transform: rotate(360deg); }
+body.theme-initialized,
+body[data-kupola-theme-preloaded] {
+  opacity: 1;
 }
 
 html, body {