@simai-studio/ui 5.20261022.1303 → 5.20261022.1534

package/distr/core/js/core-system.js

@@ -49,37 +49,17 @@ SF.__internal.receive = receive;
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (/* binding */ ready),
-/* harmony export */   isReady: () => (/* binding */ isReady)
+/* harmony export */   "default": () => (/* binding */ readyCallback)
 /* harmony export */ });
-let stack = [];
-let isReady = false;
-function ready(handler = function () {}) {
-  switch (document.readyState) {
-    case 'loading':
-      stack.push(handler);
-      break;
+/* harmony import */ var _core_js_ready_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("5effd0d9c238");
+// The callback form of SF.ready, kept for the components that call it. SF.ready
+// itself lives on the shared global, created once by whichever bundle runs
+// first (core.js does, before this chunk): src/core/js/ready.js.
 
-    case 'interactive':
-    case 'complete':
-      if (typeof handler == 'function') {
-        handler();
-      }
-
-      isReady = true;
-      break;
-
-    default:
-      break;
-  }
+const ready = (0,_core_js_ready_js__WEBPACK_IMPORTED_MODULE_0__.installReady)();
+function readyCallback(handler) {
+  return (window.SF?.ready || ready)?.(handler);
 }
-document.addEventListener('readystatechange', () => {
-  if (!isReady) {
-    stack.forEach(ready);
-    stack = [];
-  }
-});
-SF.ready = ready;
 
 /***/ }
 

package/distr/core/js/core-system.min.js

@@ -1 +1 @@
-"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[88616323197113],{fedbedd6b87f(e,t,n){async function a(e,t){return new Promise(n=>{let a;if(document.createEvent)a=new Event(e,{bubbles:!0,cancelable:!1});else{if(!document.createEventObject())return void n(!0);a=document.createEventObject()}t.dispatchEvent?t.dispatchEvent(a):t.fireEvent&&t.fireEvent(e,a),n(!0)})}function c(e,t,n){window.addEventListener?t.addEventListener(e,n,!1):window.attachEvent&&t.attachEvent(e,n)}n.r(t),n.d(t,{receive:()=>c,send:()=>a}),SF.__internal.send=a,SF.__internal.receive=c},d55d5a9f332f(e,t,n){n.r(t),n.d(t,{default:()=>d,isReady:()=>c});let a=[],c=!1;function d(e=function(){}){switch(document.readyState){case"loading":a.push(e);break;case"interactive":case"complete":"function"==typeof e&&e(),c=!0}}document.addEventListener("readystatechange",()=>{c||(a.forEach(d),a=[])}),SF.ready=d}}]);
+"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[88616323197113],{fedbedd6b87f(e,n,t){async function d(e,n){return new Promise(t=>{let d;if(document.createEvent)d=new Event(e,{bubbles:!0,cancelable:!1});else{if(!document.createEventObject())return void t(!0);d=document.createEventObject()}n.dispatchEvent?n.dispatchEvent(d):n.fireEvent&&n.fireEvent(e,d),t(!0)})}function c(e,n,t){window.addEventListener?n.addEventListener(e,t,!1):window.attachEvent&&n.attachEvent(e,t)}t.r(n),t.d(n,{receive:()=>c,send:()=>d}),SF.__internal.send=d,SF.__internal.receive=c},d55d5a9f332f(e,n,t){t.r(n),t.d(n,{default:()=>c});const d=(0,t("5effd0d9c238").L)();function c(e){return(window.SF?.ready||d)?.(e)}}}]);

package/distr/core/js/core.js

@@ -1989,7 +1989,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _region_navigation_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("9edc14a11fec");
 /* harmony import */ var _effects_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("4f52f56c9555");
 /* harmony import */ var _notify_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("b4bff8456ce0");
-/* harmony import */ var _preloader__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("6c7f357fe960");
+/* harmony import */ var _ready_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("5effd0d9c238");
+/* harmony import */ var _preloader__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__("6c7f357fe960");
+
 
 
 
@@ -2008,7 +2010,9 @@ __webpack_require__.r(__webpack_exports__);
 
 if (typeof window !== 'undefined') {
   window.SF = window.SF || {};
-  const SF = window.SF;
+  const SF = window.SF; // SF.ready, before the Loader chunk is even asked for (simai/ui-source#16).
+
+  (0,_ready_js__WEBPACK_IMPORTED_MODULE_10__.installReady)(window);
 
   if (!SF.loadRuntime) {
     let loading = null;
@@ -2197,18 +2201,18 @@ if (typeof window !== 'undefined' && typeof document !== 'undefined') {
   const mountPreloader = () => {
     const cfg = {
       enabled: true,
-      background: (0,_preloader__WEBPACK_IMPORTED_MODULE_10__.getPreloaderBackground)(),
+      background: (0,_preloader__WEBPACK_IMPORTED_MODULE_11__.getPreloaderBackground)(),
       modifier: 'loader-default',
       tempStyles: 'inset: 0;position: fixed;width: 100%;height: 100vh;opacity: 1;z-index: 1000;background-color: var(--sf-color--surface-highest, var(--sf-surface-0, #fff));text-align: center;',
-      color: (0,_preloader__WEBPACK_IMPORTED_MODULE_10__.getPreloaderColor)(),
-      width: _preloader__WEBPACK_IMPORTED_MODULE_10__.DEFAULT_PRELOADER.width,
-      height: _preloader__WEBPACK_IMPORTED_MODULE_10__.DEFAULT_PRELOADER.height,
+      color: (0,_preloader__WEBPACK_IMPORTED_MODULE_11__.getPreloaderColor)(),
+      width: _preloader__WEBPACK_IMPORTED_MODULE_11__.DEFAULT_PRELOADER.width,
+      height: _preloader__WEBPACK_IMPORTED_MODULE_11__.DEFAULT_PRELOADER.height,
       content: '',
       delay: 300,
       ...(window.SF_BOOT_CONFIG?.preloader || {})
     };
     if (cfg.enabled === false || document.querySelector('.sf-loader')) return;
-    const svgContent = cfg.content || (0,_preloader__WEBPACK_IMPORTED_MODULE_10__.createPreloaderContent)(cfg);
+    const svgContent = cfg.content || (0,_preloader__WEBPACK_IMPORTED_MODULE_11__.createPreloaderContent)(cfg);
     let wrap = null;
     let preloaderWrap = null;
     let preloaderRun = false;
@@ -2222,7 +2226,7 @@ if (typeof window !== 'undefined' && typeof document !== 'undefined') {
 
     const stopAnimation = () => {
       if (preloaderWrap) {
-        (0,_preloader__WEBPACK_IMPORTED_MODULE_10__.stopPreloaderMotion)(preloaderWrap);
+        (0,_preloader__WEBPACK_IMPORTED_MODULE_11__.stopPreloaderMotion)(preloaderWrap);
       }
     };
 
@@ -2249,7 +2253,7 @@ if (typeof window !== 'undefined' && typeof document !== 'undefined') {
         wrap: wrap,
         preloaderActive: true
       };
-      (0,_preloader__WEBPACK_IMPORTED_MODULE_10__.startPreloaderMotion)(preloaderWrap, () => preloaderRun, cfg);
+      (0,_preloader__WEBPACK_IMPORTED_MODULE_11__.startPreloaderMotion)(preloaderWrap, () => preloaderRun, cfg);
     };
 
     const cancelBuild = () => {
@@ -4224,6 +4228,124 @@ function startPreloaderMotion(container, isActive = () => true, options = {}) {
 
 /***/ },
 
+/***/ "5effd0d9c238"
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   installReady: () => (/* binding */ installReady)
+/* harmony export */ });
+// SF.ready: the Loader's readiness, for a script that runs after core.js
+// (simai/ui-source#16).
+//
+// SF.Loader, SF.loadSmartBase and the other Loader names arrive with the
+// Loader, which core.js imports as a chunk of its own: they are on window.SF
+// at the window event sf-loader-init, not when core.js has run. A script that
+// waited for that event itself waited for ever when it ran after the event
+// had been sent. SF.ready is on window.SF as soon as core.js has run:
+//
+//   await SF.ready;                 // settles with window.SF at sf-loader-init
+//   SF.ready.then((SF) => ...);     // the same, already settled once it was sent
+//   SF.ready(fn);                   // fn() once the Loader is up and the
+//                                   // document has been parsed (the old
+//                                   // callback form, kept)
+//
+// A script that runs before core.js queues a function instead:
+//   (window.SF_ON_READY ||= []).push((SF) => ...);
+//
+// Every bundle carries its own copy of this module (core, the core-system
+// chunk, the sf-system component, a second core.js on the page): the first one
+// to run puts SF.ready on the shared global, marked, and each later copy finds
+// the mark and keeps it. The property has a setter that ignores what it is
+// given, so an older bundle that still assigns SF.ready = ready cannot replace
+// it either.
+const MARK = Symbol.for('simai.sf.ready');
+function installReady(win = typeof window !== 'undefined' ? window : undefined) {
+  if (!win) return undefined;
+  win.SF = win.SF || {};
+  const SF = win.SF;
+  if (SF.ready && SF.ready[MARK]) return SF.ready;
+  const doc = win.document;
+  let settled = false;
+  let resolveLoader;
+  const loaderReady = new Promise(resolve => {
+    resolveLoader = resolve;
+  });
+
+  const settle = () => {
+    if (settled) return;
+    settled = true;
+    resolveLoader(win.SF);
+  };
+
+  const parsed = () => !doc || doc.readyState !== 'loading';
+
+  let waiting = [];
+
+  const flush = () => {
+    if (!settled || !parsed() || !waiting.length) return;
+    const run = waiting;
+    waiting = [];
+    run.forEach(handler => handler());
+  };
+
+  function ready(handler) {
+    if (typeof handler !== 'function') return; // Synchronously when both have happened, as the callback form always ran.
+
+    if (settled && parsed()) {
+      handler();
+      return;
+    }
+
+    waiting.push(handler);
+  }
+
+  Object.defineProperty(ready, MARK, {
+    value: true
+  });
+
+  ready.then = (onResolved, onRejected) => loaderReady.then(onResolved, onRejected);
+
+  ready.catch = onRejected => loaderReady.catch(onRejected);
+
+  ready.finally = onFinally => loaderReady.finally(onFinally);
+
+  win.addEventListener('sf-loader-init', () => {
+    settle();
+    flush();
+  }, {
+    once: true
+  });
+  doc?.addEventListener('readystatechange', flush); // Installed after the Loader started (a bundle that did not find the mark,
+  // say): the event has been sent, so the names are the evidence.
+
+  if (SF.Loader && typeof SF.loadSmartBase === 'function') settle();
+  Object.defineProperty(SF, 'ready', {
+    configurable: false,
+    enumerable: true,
+    get: () => ready,
+    set: () => {}
+  }); // Functions a script queued before core.js ran; later pushes chain at once.
+
+  const queued = Array.isArray(win.SF_ON_READY) ? win.SF_ON_READY : [];
+
+  const take = fn => {
+    if (typeof fn === 'function') ready.then(fn);
+  };
+
+  win.SF_ON_READY = {
+    push: (...fns) => {
+      fns.forEach(take);
+      return 0;
+    }
+  };
+  queued.forEach(take);
+  return ready;
+}
+
+/***/ },
+
 /***/ "9edc14a11fec"
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {