kritzel-stencil 0.4.7 → 0.4.9

package/dist/stencil/{p-uC7_X6yr.js → p-1t45c2_U.js}

@@ -17,6 +17,17 @@ class ObjectHelper {
     static isClass(object, className) {
         return !!object && object.__class__ === className;
     }
+    static isKritzelExportable(object) {
+        if (!object || typeof object !== 'object') {
+            return false;
+        }
+        const candidate = object;
+        if (typeof candidate.getSupportedExportFormats !== 'function' || typeof candidate.exportAs !== 'function') {
+            return false;
+        }
+        const formats = candidate.getSupportedExportFormats();
+        return Array.isArray(formats) && formats.length > 0;
+    }
 }
 
 class KritzelGeometryHelper {
@@ -14557,7 +14568,9 @@ const lightTheme = {
     },
     snap: {
         indicatorFill: 'rgba(59, 130, 246, 0.3)',
+        indicatorFillInactive: 'rgba(59, 130, 246, 0.18)',
         indicatorStroke: '#007bff',
+        indicatorStrokeInactive: 'rgba(59, 130, 246, 0.5)',
         lineStroke: 'rgba(0, 0, 0, 0.2)',
     },
     fontSize: {
@@ -14894,7 +14907,9 @@ const darkTheme = {
     },
     snap: {
         indicatorFill: 'rgba(10, 132, 255, 0.35)',
+        indicatorFillInactive: 'rgba(10, 132, 255, 0.2)',
         indicatorStroke: '#0A84FF',
+        indicatorStrokeInactive: 'rgba(255, 255, 255, 0.45)',
         lineStroke: 'rgba(255, 255, 255, 0.35)',
     },
     fontSize: {
@@ -15094,6 +15109,7 @@ const darkTheme = {
 };
 
 class ThemeHelper {
+    static appliedVariableNames = new WeakMap();
     /**
      * Converts a camelCase string to kebab-case.
      * @example ThemeHelper.camelToKebab('controlHoverBackgroundColor') → 'control-hover-background-color'
@@ -15159,7 +15175,14 @@ class ThemeHelper {
      */
     static applyThemeToElement(element, theme) {
         const variables = ThemeHelper.flattenThemeToVariables(theme);
+        const previousVariableNames = ThemeHelper.appliedVariableNames.get(element);
+        for (const name of previousVariableNames ?? []) {
+            if (!variables.has(name)) {
+                element.style.removeProperty(name);
+            }
+        }
         ThemeHelper.applyVariablesToElement(element, variables);
+        ThemeHelper.appliedVariableNames.set(element, new Set(variables.keys()));
     }
 }
 
@@ -15780,7 +15803,7 @@ class KritzelText extends KritzelBaseObject {
         }
         element.style.fontFamily = KritzelFontRegistry.resolveCssFontFamily(this.fontFamily);
         element.style.fontSize = `${this.fontSize}pt`;
-        element.style.color = KritzelColorHelper.resolveThemeColor(this.fontColor);
+        element.style.color = KritzelColorHelper.resolveThemeColor(this.fontColor, this._core?.themeManager?.currentTheme);
         if (this.isMounted && this.elementRef === element && this.editor.dom.parentElement === element) {
             if (!this._core.store.state.isScaling && !this._core.store.state.isPanning) {
                 requestAnimationFrame(() => this.adjustSizeOnInput());
@@ -16671,6 +16694,15 @@ class KritzelPath extends KritzelBaseObject {
         }
         return null;
     }
+    getSupportedExportFormats() {
+        return ['svg'];
+    }
+    async exportAs(format, context) {
+        if (format !== 'svg') {
+            return null;
+        }
+        return context.getObjectAsSvgDataUrl(this);
+    }
 }
 
 /** Default database name used by IndexedDBAssetProvider. */
@@ -17938,6 +17970,15 @@ class KritzelImage extends KritzelBaseObject {
         }
         return { scaledWidth, scaledHeight };
     }
+    getSupportedExportFormats() {
+        return ['png'];
+    }
+    async exportAs(format, context) {
+        if (format !== 'png') {
+            return null;
+        }
+        return context.getObjectAsPngDataUrl(this);
+    }
 }
 
 class KritzelLine extends KritzelBaseObject {
@@ -18687,7 +18728,7 @@ class KritzelLine extends KritzelBaseObject {
     getArrowFill(end) {
         const config = end === 'start' ? this.arrows?.start : this.arrows?.end;
         const color = config?.fill ?? this.stroke;
-        return KritzelColorHelper.resolveThemeColor(color);
+        return KritzelColorHelper.resolveThemeColor(color, this._core?.themeManager?.currentTheme);
     }
     /**
      * Generates SVG path data for an arrow head based on the given style.
@@ -19490,7 +19531,7 @@ class KritzelShape extends KritzelBaseObject {
         }
         element.style.fontFamily = this.fontFamily;
         element.style.fontSize = `${this.fontSize}pt`;
-        element.style.color = KritzelColorHelper.resolveThemeColor(this.fontColor);
+        element.style.color = KritzelColorHelper.resolveThemeColor(this.fontColor, this._core?.themeManager?.currentTheme);
         element.style.whiteSpace = 'pre-wrap';
         element.style.wordWrap = 'break-word';
         if (this.editor.dom.parentElement === element) {
@@ -19806,13 +19847,13 @@ class KritzelShape extends KritzelBaseObject {
             this.fontColor = KritzelColorHelper.determineTextColor(this.fillColor);
             // Update the editor's text color immediately
             if (this.editor?.dom?.parentElement) {
-                this.editor.dom.parentElement.style.color = KritzelColorHelper.resolveThemeColor(this.fontColor);
+                this.editor.dom.parentElement.style.color = KritzelColorHelper.resolveThemeColor(this.fontColor, this._core?.themeManager?.currentTheme);
             }
         }
         else if (changedProperties.includes('fontColor')) {
             // Also update editor when fontColor changes directly
             if (this.editor?.dom?.parentElement) {
-                this.editor.dom.parentElement.style.color = KritzelColorHelper.resolveThemeColor(this.fontColor);
+                this.editor.dom.parentElement.style.color = KritzelColorHelper.resolveThemeColor(this.fontColor, this._core?.themeManager?.currentTheme);
             }
         }
     }
@@ -19931,6 +19972,15 @@ class KritzelShape extends KritzelBaseObject {
                 return `M ${this.x} ${this.y} L ${this.x + w} ${this.y} L ${this.x + w} ${this.y + h} L ${this.x} ${this.y + h} Z`;
         }
     }
+    getSupportedExportFormats() {
+        return ['svg'];
+    }
+    async exportAs(format, context) {
+        if (format !== 'svg') {
+            return null;
+        }
+        return context.getObjectAsSvgDataUrl(this);
+    }
 }
 
 const KRITZEL_RENDERER_REGISTRY_KEY = '__kritzelCustomElementRendererRegistry__';
@@ -24676,7 +24726,7 @@ class KritzelLineHandleHandler extends KritzelBaseHandler {
             t: clipInfo?.t,
             edgeX: clipInfo?.edgeX,
             edgeY: clipInfo?.edgeY,
-            lineStroke: KritzelColorHelper.resolveThemeColor(line.stroke),
+            lineStroke: KritzelColorHelper.resolveThemeColor(line.stroke, this._core.themeManager.currentTheme),
             lineStrokeWidth: line.strokeWidth / line.scale,
             arrowOffset: endpoint === 'start'
                 ? (line.hasStartArrow ? line.getArrowSize('start') / line.scale : undefined)
@@ -30255,7 +30305,7 @@ const KRITZEL_LICENSE_TOKEN_PREFIX = 'KRTZL1.';
  * printed public key here. Replacing this value invalidates every license
  * signed with the previous key.
  */
-const KRITZEL_LICENSE_PUBLIC_KEY = 'I-pYJlxDEjT94rwSaqhXW5Sv__fMKS-JKKnV3pg0PaM';
+const KRITZEL_LICENSE_PUBLIC_KEY = '2IwZDin-qV3kOt8SEQCqdaJsGT9S7tAGapUYJVnVGQo';
 
 /** Minimum delay (ms) between periodic license re-validations. */
 const MIN_REVALIDATION_DELAY_MS = 30_000;
@@ -30488,8 +30538,64 @@ class KritzelLicenseManager {
         if (typeof claims.exp === 'number' && claims.exp * 1000 <= Date.now()) {
             return { status: 'rejected' }; // Cleanly expired.
         }
+        const allowedDomains = this.normalizeAllowedDomains(claims.allowedDomains);
+        if (allowedDomains === null || allowedDomains.length === 0) {
+            return { status: 'rejected' };
+        }
+        const currentHostname = this.getCurrentHostname();
+        if (!currentHostname || !allowedDomains.includes(currentHostname)) {
+            return { status: 'rejected' };
+        }
         return { status: 'pass', payloadSegment, signatureSegment, claims };
     }
+    /** Returns the normalized current hostname, or null when unavailable/invalid. */
+    getCurrentHostname() {
+        const hostname = globalThis.location?.hostname;
+        if (typeof hostname !== 'string') {
+            return null;
+        }
+        return this.normalizeDomain(hostname);
+    }
+    /** Normalizes and validates the allowed domains claim. */
+    normalizeAllowedDomains(domains) {
+        if (!Array.isArray(domains)) {
+            return null;
+        }
+        const normalized = new Set();
+        for (const entry of domains) {
+            if (typeof entry !== 'string') {
+                return null;
+            }
+            const domain = this.normalizeDomain(entry);
+            if (!domain) {
+                return null;
+            }
+            normalized.add(domain);
+        }
+        return Array.from(normalized);
+    }
+    /** Normalizes a domain and rejects malformed hostnames. */
+    normalizeDomain(value) {
+        const trimmed = value.trim().toLowerCase();
+        if (trimmed.length === 0) {
+            return null;
+        }
+        const withoutTrailingDot = trimmed.endsWith('.') ? trimmed.slice(0, -1) : trimmed;
+        if (withoutTrailingDot.length === 0) {
+            return null;
+        }
+        try {
+            const parsed = new URL(`https://${withoutTrailingDot}`);
+            const normalizedHostname = parsed.hostname.toLowerCase();
+            if (normalizedHostname !== withoutTrailingDot) {
+                return null;
+            }
+            return normalizedHostname;
+        }
+        catch {
+            return null;
+        }
+    }
     /**
      * Verifies the Ed25519 signature of the token against the embedded public
      * key. Resolves true/false for a definitive valid/invalid signature.
@@ -30542,6 +30648,28 @@ class KritzelLicenseManager {
     }
 }
 
+/**
+ * Returns the provider type (`'local'` or `'network'`) for a given provider config entry.
+ * Works for both class constructors (via a static `type` property) and
+ * factory objects (via an optional `type` property on the factory).
+ */
+function getProviderConfigType(config) {
+    if (typeof config === 'function') {
+        return config.type;
+    }
+    return config.type;
+}
+/**
+ * Returns `true` when the given sync configuration contains at least one remote
+ * (network) provider, meaning the share option should be available in the UI.
+ */
+function hasRemoteSyncProvider(syncConfig) {
+    if (!syncConfig?.providers?.length) {
+        return false;
+    }
+    return syncConfig.providers.some(p => getProviderConfigType(p) === 'network');
+}
+
 const DEFAULT_BRUSH_CONFIG = {
     type: 'pen',
     color: DEFAULT_COLOR_PALETTE[0],
@@ -30734,4 +30862,4 @@ const CURRENT_APP_STATE_SCHEMA_VERSION = 2;
 /** Current schema version for workspace Y.Docs (drawable objects). */
 const CURRENT_WORKSPACE_SCHEMA_VERSION = 2;
 
-export { resolveTextToolAvailableFonts as $, AssetNotFoundError as A, DEFAULT_LINE_TOOL_CONFIG as B, DEFAULT_ASSET_STORAGE_CONFIG as C, DEFAULT_BRUSH_CONFIG as D, lightTheme as E, darkTheme as F, EN_LOCALE as G, HocuspocusProvider as H, IndexedDBAssetProvider as I, DE_LOCALE as J, KritzelBaseObject as K, FR_LOCALE as L, KritzelAlignment as M, runMigrations as N, APP_STATE_MIGRATIONS as O, WORKSPACE_MIGRATIONS as P, CURRENT_APP_STATE_SCHEMA_VERSION as Q, CURRENT_WORKSPACE_SCHEMA_VERSION as R, ShapeType as S, KritzelColorHelper as T, KritzelDevicesHelper as U, KritzelMouseButton as V, WORKSPACE_EXPORT_VERSION as W, KritzelHTMLHelper as X, DEFAULT_STROKE_SIZES as Y, DEFAULT_COLOR_PALETTE as Z, ObjectHelper as _, HocuspocusProviderWebsocket as a, ThemeHelper as a0, KritzelSelectionGroup as a1, KritzelSelectionBox as a2, KritzelIconRegistry as a3, KritzelKeyboardHelper as a4, KritzelBaseHandler as a5, KritzelClassHelper as a6, KritzelImageFileHelper as a7, imageCompression as a8, KritzelEventHelper as a9, KritzelText as b, KritzelPath as c, KritzelImage as d, KritzelLine as e, KritzelGroup as f, KritzelShape as g, KritzelCustomElement as h, KritzelBaseTool as i, KritzelBrushTool as j, KritzelLineTool as k, KritzelEraserTool as l, KritzelImageTool as m, KritzelTextTool as n, KritzelShapeTool as o, KritzelCursorHelper as p, KritzelSelectionTool as q, KritzelAssetResolver as r, KritzelWorkspace as s, KritzelAnchorManager as t, KritzelThemeManager as u, KritzelLocalizationManager as v, KritzelLicenseManager as w, KritzelCustomElementRendererRegistry as x, KritzelFontRegistry as y, DEFAULT_TEXT_CONFIG as z };
+export { ObjectHelper as $, AssetNotFoundError as A, DEFAULT_TEXT_CONFIG as B, DEFAULT_LINE_TOOL_CONFIG as C, DEFAULT_BRUSH_CONFIG as D, DEFAULT_ASSET_STORAGE_CONFIG as E, lightTheme as F, darkTheme as G, HocuspocusProvider as H, IndexedDBAssetProvider as I, EN_LOCALE as J, KritzelBaseObject as K, DE_LOCALE as L, FR_LOCALE as M, KritzelAlignment as N, runMigrations as O, APP_STATE_MIGRATIONS as P, WORKSPACE_MIGRATIONS as Q, CURRENT_APP_STATE_SCHEMA_VERSION as R, ShapeType as S, CURRENT_WORKSPACE_SCHEMA_VERSION as T, KritzelColorHelper as U, KritzelDevicesHelper as V, WORKSPACE_EXPORT_VERSION as W, KritzelMouseButton as X, KritzelHTMLHelper as Y, DEFAULT_STROKE_SIZES as Z, DEFAULT_COLOR_PALETTE as _, HocuspocusProviderWebsocket as a, resolveTextToolAvailableFonts as a0, ThemeHelper as a1, KritzelSelectionGroup as a2, KritzelSelectionBox as a3, KritzelIconRegistry as a4, KritzelKeyboardHelper as a5, KritzelBaseHandler as a6, KritzelClassHelper as a7, KritzelImageFileHelper as a8, imageCompression as a9, KritzelEventHelper as aa, KritzelText as b, KritzelPath as c, KritzelImage as d, KritzelLine as e, KritzelGroup as f, KritzelShape as g, KritzelCustomElement as h, KritzelBaseTool as i, KritzelBrushTool as j, KritzelLineTool as k, KritzelEraserTool as l, KritzelImageTool as m, KritzelTextTool as n, KritzelShapeTool as o, KritzelCursorHelper as p, KritzelSelectionTool as q, KritzelAssetResolver as r, KritzelWorkspace as s, KritzelAnchorManager as t, KritzelThemeManager as u, KritzelLocalizationManager as v, KritzelLicenseManager as w, KritzelCustomElementRendererRegistry as x, KritzelFontRegistry as y, hasRemoteSyncProvider as z };