@sheetxl/studio-vanilla 0.4.20 → 0.4.21

package/browser/cjs/index.cjs

@@ -1,6 +1,84 @@
 "use strict";/**
- * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.20
+ * @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.4.21
  *
  * (C) 2025-present SheetXL Inc. & Michael T. Ford
  * License: The license can be found at https://www.sheetxl.com/license.
- */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./C5TLXtw93fBnRGm7.cjs");exports.SheetXL=e.SheetXL,exports.default=e.SheetXL;
+ */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./n6CXzSocLW_BCO8w.cjs");function F(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}function z(e,r){for(var t=0;t<r.length;t++){const n=r[t];if(typeof n!="string"&&!Array.isArray(n)){for(const i in n)if(i!=="default"&&!(i in e)){const s=Object.getOwnPropertyDescriptor(n,i);s&&Object.defineProperty(e,i,s.get?s:{enumerable:!0,get:()=>n[i]})}}}return Object.freeze(Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}))}const C=F(require("@sheetxl/studio-mui")),S=new Map,L=(e,r={})=>{const{message:t,icon:n,customElement:i,hide:s=!1,className:a,cssVars:m={}}=r;if(s)return;const c=typeof e=="string"?document.querySelector(e):e;if(!c)return void console.warn(`Element with selector "${e}" not found for panel.`);let o;if(p(e),i)o=i;else{o=document.createElement("div"),o.className=a?`sheetxl-panel ${a}`:"sheetxl-panel";const g=Object.entries(m).map(([l,v])=>`--sheetxl-panel-${l}: ${v};`).join(" "),x=`
+        @keyframes sheetxl-spin {
+          from { transform: rotate(0deg); }
+          to { transform: rotate(360deg); }
+        }
+        .sheetxl-panel {
+          position: absolute;
+          top: 0;
+          left: 0;
+          right: 0;
+          bottom: 0;
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          justify-content: center;
+          backdrop-filter: blur(4px);
+          border-radius: 4px;
+          z-index: 9999;
+          gap: 16px;
+
+          /* CSS variables with fallbacks */
+          color: var(--sheetxl-panel-color, #333);
+        }
+
+        .sheetxl-panel.dark {
+          color: var(--sheetxl-panel-color, #e0e0e0);
+        }
+
+        .sheetxl-icon {
+          width: 24px;
+          height: 24px;
+          color: var(--sheetxl-panel-icon-color, #1976d2);
+        }
+
+        .sheetxl-panel.loading {
+          /* Loading panel defaults */
+          color: var(--sheetxl-panel-color, #333);
+        }
+
+        .sheetxl-panel.loading.dark {
+          color: var(--sheetxl-panel-color, #e0e0e0);
+        }
+
+        .sheetxl-panel.error {
+          /* Error panel defaults */
+          color: var(--sheetxl-panel-color, #d32f2f);
+        }
+
+        .sheetxl-panel.error.dark {
+          color: var(--sheetxl-panel-color, #f44336);
+        }
+
+        .sheetxl-panel.error .sheetxl-icon {
+          color: var(--sheetxl-panel-icon-color, #d32f2f);
+        }
+
+        .sheetxl-panel.error.dark .sheetxl-icon {
+          color: var(--sheetxl-panel-icon-color, #f44336);
+        }
+
+        .sheetxl-message {
+          font-size: 1.1em;
+          font-weight: 500;
+          letter-spacing: 0.1px;
+          text-align: center;
+          margin: 0;
+        }
+      `,f=document.createElement("style");if(f.textContent=x,o.appendChild(f),n){const l=document.createElement("div");l.className="sheetxl-icon",typeof n=="string"?l.innerHTML=n:n instanceof HTMLElement&&l.appendChild(n),o.appendChild(l)}if(t){const l=document.createElement("div");l.className="sheetxl-message",l.textContent=t,o.appendChild(l)}g&&(o.style.cssText+=g),window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&o.classList.add("dark")}window.getComputedStyle(c).position==="static"&&(c.style.position="relative"),c.appendChild(o),S.set(e,o)},p=e=>{const r=S.get(e);r&&r.parentNode&&(r.parentNode.removeChild(r),S.delete(e))},N=(e,r={})=>{L(e,{icon:`
+      <svg width="24" height="24" viewBox="0 0 24 24" style="animation: sheetxl-spin 1s linear infinite;">
+        <circle cx="12" cy="12" r="10" fill="none" stroke="currentColor" stroke-width="2" stroke-dasharray="31.416" stroke-dashoffset="31.416">
+          <animate attributeName="stroke-dasharray" dur="2s" values="0 31.416;15.708 15.708;0 31.416" repeatCount="indefinite"/>
+          <animate attributeName="stroke-dashoffset" dur="2s" values="0;-15.708;-31.416" repeatCount="indefinite"/>
+        </circle>
+      </svg>
+    `,className:"loading",...r})},P=(e,r={})=>{L(e,{message:"Failed to load SheetXL",icon:`
+      <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
+        <path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"/>
+      </svg>
+    `,className:"error",...r})},y=new Map;var q=u.requireReact();const T=u.getDefaultExportFromCjs(q);var M=u.requireJsxRuntime();const I=z({__proto__:null,default:u.getDefaultExportFromCjs(M)},[M]);var j=u.requireClient();const k=z({__proto__:null,default:u.getDefaultExportFromCjs(j)},[j]);let w;const X=async e=>{if(w)return w;if(C.Studio===void 0)throw new Error("StudioMUI.Studio is undefined. Make sure @sheetxl/studio-mui is correctly installed.");return w=await(async(r,t)=>{typeof t=="string"&&(t={selector:t});try{if(t?.selector&&N(t?.selector,t?.loading),!r)throw new Error("No runtime provided");t?.licenseKey&&await r.StudioMUI.LicenseManager.setLicenseKey(t.licenseKey),t?.selector&&p(t?.selector)}catch(n){throw t?.selector&&(p(t.selector),P(t.selector,{message:`Failed to initialize: ${n instanceof Error?n.message:String(n)}`,...t?.error})),console.error("Failed to initialize:",n),n}return r})({React:T,ReactJSXTransform:I,ReactDOM:k,ReactDOMClient:k,StudioMUI:C},typeof e=="object"?e:void 0),w};let h;const O=async e=>h||await X(e),R={attachStudio:async(e,r)=>(h||(h=await O(e)),(async(t,n,i,s)=>{if(!n)throw new Error("Either a 'selector' or a 'InitializationOptions' must be provided to attach.");const a=typeof n=="string"?n:n.selector||"#sheetxl",m=typeof a=="string"?document.querySelector(a):a;if(!m)throw new Error(`Element with selector "${a}" not found.`);if(y.has(a)&&y.get(a)!==null)throw new Error(`SheetXL already attached to "${a}". Detach first if you want to re-attach.`);const c=typeof n=="object"?n:null;N(a,c?.loading);try{p(a);const o=t.ReactDOMClient.createRoot(m),g=t.React.createRef(),x=t.StudioMUI[i];let f=null;await new Promise(b=>{o.render(t.React.createElement(x,{...s,ref:d=>{d&&(f=d,b())}}))});const v={runtime:t,root:o};y.set(a,v);let E=!1;return new Proxy(f,{get(b,d,_){if(E)throw new Error(`SheetXL instance attached to "${a}" has been detached. Cannot access properties.`);return d==="update"?D=>{const $={...s,...D,ref:g};return o.render(t.React.createElement(x,$)),Promise.resolve()}:d==="detach"?()=>(y.delete(a),o.unmount(),E=!0,Promise.resolve()):Reflect.get(b,d,_)}})}catch(o){throw p(a),P(a,{message:`Failed to initialize: ${o instanceof Error?o.message:String(o)}`,...c?.error}),console.error("Failed to initialize:",o),o}})(h,e,"Studio",r)),async initialize(e){await O(e)}};exports.SheetXL=R,exports.default=R;