kritzel-stencil 0.1.37 → 0.1.39

package/dist/cjs/{alignment.enum-DoQtCqTK.js → alignment.enum-Bk86Xzvb.js}

@@ -14342,12 +14342,33 @@ const lightTheme = {
         dividerColor: '#e0e0e0',
         focusColor: '#333333',
         focusRingColor: '#333333',
-        hoverBackground: 'hsl(0, 0%, 0%, 4.3%)',
         iconColor: 'currentColor',
         scrollbarThumbColor: '#ebebeb',
         textPrimary: '#000000',
         textSecondary: '#333333',
     },
+    pillTabs: {
+        background: '#f0f0f0',
+        tabBackground: 'transparent',
+        tabBackgroundHover: 'rgba(0, 0, 0, 0.05)',
+        tabBackgroundSelected: '#ffffff',
+        tabShadowSelected: '0 1px 3px rgba(0, 0, 0, 0.1)',
+        tabTextColor: '#666666',
+        tabTextColorSelected: '#000000',
+    },
+    textInput: {
+        background: '#ffffff',
+        borderColor: '#dbdbdb',
+        focusBorderColor: '#333333',
+        hoverBorderColor: '#cccccc',
+        labelColor: '#333333',
+        placeholderColor: '#999999',
+        selectionBackground: '#007AFF',
+        selectionColor: '#ffffff',
+        suffixBackground: '#f5f5f5',
+        suffixColor: '#666666',
+        textColor: '#333333',
+    },
     selection: {
         borderColor: '#007AFF',
         handleColor: '#ffffff',
@@ -14406,6 +14427,9 @@ const lightTheme = {
     },
     dropdown: {
         accentColor: '#007bff',
+        background: '#ffffff',
+        borderColor: '#dbdbdb',
+        hoverBorderColor: '#cccccc',
         hoverBackgroundColor: '#f0f0f0',
         selectedBackgroundColor: '#007bff1a',
         textColor: '#333333',
@@ -14473,11 +14497,13 @@ const lightTheme = {
         innerBorderRadius: '12px',
     },
     numericInput: {
-        borderColor: '#ebebeb',
         focusBorderColor: '#333333',
-        hoverBorderColor: '#ccc',
+        borderColor: '#dbdbdb',
+        hoverBorderColor: '#cccccc',
         inputBackground: '#ffffff',
         labelColor: '#666666',
+        selectionBackground: '#007AFF',
+        selectionColor: '#ffffff',
         spinnerActiveBackground: 'hsl(0, 0%, 0%, 8.6%)',
         spinnerBackground: 'transparent',
         spinnerColor: '#333333',
@@ -14495,9 +14521,7 @@ const lightTheme = {
         contentTextColor: '#333333',
         descriptionColor: '#666666',
         labelColor: '#333333',
-        shortcutsCategoryColor: '#666666',
         shortcutItemBg: '#f8f8f8',
-        shortcutLabelColor: '#333333',
         shortcutKeyBg: '#ffffff',
         shortcutKeyBorder: '#e0e0e0',
         shortcutKeyColor: '#555555',
@@ -14549,12 +14573,33 @@ const darkTheme = {
         dividerColor: '#3a3a3a',
         focusColor: '#ffffff',
         focusRingColor: '#ffffff',
-        hoverBackground: 'hsl(0, 0%, 100%, 8%)',
         iconColor: 'currentColor',
         scrollbarThumbColor: '#555555',
         textPrimary: '#ffffff',
         textSecondary: '#e0e0e0',
     },
+    pillTabs: {
+        background: '#3a3a3a',
+        tabBackground: 'transparent',
+        tabBackgroundHover: 'rgba(255, 255, 255, 0.08)',
+        tabBackgroundSelected: '#2a2a2a',
+        tabShadowSelected: '0 1px 3px rgba(0, 0, 0, 0.3)',
+        tabTextColor: '#999999',
+        tabTextColorSelected: '#ffffff',
+    },
+    textInput: {
+        background: '#1a1a1a',
+        borderColor: '#4a4a4a',
+        focusBorderColor: '#ffffff',
+        hoverBorderColor: '#5a5a5a',
+        labelColor: '#e0e0e0',
+        placeholderColor: '#777777',
+        selectionBackground: '#0A84FF',
+        selectionColor: '#ffffff',
+        suffixBackground: '#3a3a3a',
+        suffixColor: '#aaaaaa',
+        textColor: '#e0e0e0',
+    },
     selection: {
         borderColor: '#0A84FF',
         handleColor: '#1a1a1a',
@@ -14612,6 +14657,9 @@ const darkTheme = {
     },
     dropdown: {
         accentColor: '#0A84FF',
+        borderColor: '#4a4a4a',
+        hoverBorderColor: '#5a5a5a',
+        background: '#1a1a1a',
         hoverBackgroundColor: '#3a3a3a',
         selectedBackgroundColor: 'rgba(10, 132, 255, 0.2)',
         textColor: '#e0e0e0',
@@ -14679,11 +14727,13 @@ const darkTheme = {
         innerBorderRadius: '12px',
     },
     numericInput: {
-        borderColor: '#3a3a3a',
+        borderColor: '#4a4a4a',
         focusBorderColor: '#ffffff',
-        hoverBorderColor: '#4a4a4a',
+        hoverBorderColor: '#5a5a5a',
         inputBackground: '#1a1a1a',
         labelColor: '#999999',
+        selectionBackground: '#0A84FF',
+        selectionColor: '#ffffff',
         spinnerActiveBackground: 'hsl(0, 0%, 100%, 12%)',
         spinnerBackground: 'transparent',
         spinnerColor: '#e0e0e0',
@@ -14701,9 +14751,7 @@ const darkTheme = {
         contentTextColor: '#e0e0e0',
         descriptionColor: '#999999',
         labelColor: '#e0e0e0',
-        shortcutsCategoryColor: '#999999',
         shortcutItemBg: '#3a3a3a',
-        shortcutLabelColor: '#e0e0e0',
         shortcutKeyBg: '#2a2a2a',
         shortcutKeyBorder: '#4a4a4a',
         shortcutKeyColor: '#e0e0e0',
@@ -19841,6 +19889,7 @@ KritzelIconRegistry.registerIcons({
     'send-to-back': '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-down-to-line-icon lucide-arrow-down-to-line"><path d="M12 17V3"/><path d="m6 11 6 6 6-6"/><path d="M19 21H5"/></svg>',
     'select-all': '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-square-mouse-pointer-icon lucide-square-mouse-pointer"><path d="M12.034 12.681a.498.498 0 0 1 .647-.647l9 3.5a.5.5 0 0 1-.033.943l-3.444 1.068a1 1 0 0 0-.66.66l-1.067 3.443a.5.5 0 0 1-.943.033z"/><path d="M21 11V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h6"/></svg>',
     'download': '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download-icon lucide-download"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" x2="12" y1="15" y2="3"/></svg>',
+    'upload': '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-upload-icon lucide-upload"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" x2="12" y1="3" y2="15"/></svg>',
     'undo': '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-undo-icon lucide-undo"><path d="M3 7v6h6"/><path d="M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13"/></svg>',
     'redo': '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-redo-icon lucide-redo"><path d="M21 7v6h-6"/><path d="M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7"/></svg>',
     'plus': '<svg  width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus-icon lucide-plus"><path d="M5 12h14"/><path d="M12 5v14"/></svg>',
@@ -22235,6 +22284,8 @@ class IndexedDBSyncProvider {
     }
 }
 
+/** Current version of the workspace export format */
+const WORKSPACE_EXPORT_VERSION = '1.0.0';
 /**
  * Represents a workspace in the Kritzel canvas.
  * A workspace is an isolated canvas area with its own set of objects and viewport state.
@@ -22288,17 +22339,25 @@ class KritzelWorkspace {
     /**
      * Serializes the workspace to a plain object for storage or transmission.
      * Converts dates to ISO strings and includes the class identifier.
+     * @param options - Optional settings for serialization
+     * @param options.includeObjects - If true, includes all canvas objects in the serialized output
      * @returns A plain object representation of the workspace
      */
-    serialize() {
-        return {
+    serialize(options) {
+        const serialized = {
             __class__: this.__class__,
+            version: WORKSPACE_EXPORT_VERSION,
             id: this.id,
             name: this.name,
             createdAt: this.createdAt.toISOString(),
             updatedAt: this.updatedAt.toISOString(),
             viewport: this.viewport,
         };
+        if (options?.includeObjects && this._core) {
+            const allObjects = this._core.store.allNonSelectionObjects;
+            serialized.objects = allObjects.map(obj => obj.serialize());
+        }
+        return serialized;
     }
     /**
      * Deserializes a plain object into this workspace instance.
@@ -24033,5 +24092,6 @@ exports.KritzelThemeManager = KritzelThemeManager;
 exports.KritzelToolRegistry = KritzelToolRegistry;
 exports.KritzelWorkspace = KritzelWorkspace;
 exports.ObjectHelper = ObjectHelper;
+exports.WORKSPACE_EXPORT_VERSION = WORKSPACE_EXPORT_VERSION;
 exports.darkTheme = darkTheme;
 exports.lightTheme = lightTheme;

package/dist/cjs/{index-DIJLnoqQ.js → index-Dc7LOVhs.js}

@@ -22,13 +22,26 @@ const NAMESPACE = 'stencil';
 const BUILD = /* stencil */ { hotModuleReplacement: false, hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: true, state: true, updatable: true};
 
 /*
- Stencil Client Platform v4.43.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.43.2 | MIT Licensed | https://stenciljs.com
  */
 
 
 // src/utils/constants.ts
 var SVG_NS = "http://www.w3.org/2000/svg";
 var HTML_NS = "http://www.w3.org/1999/xhtml";
+
+// src/utils/get-prop-descriptor.ts
+function getPropertyDescriptor(obj, memberName, getOnly) {
+  const stopAt = typeof HTMLElement !== "undefined" ? HTMLElement.prototype : null;
+  while (obj && obj !== stopAt) {
+    const desc = Object.getOwnPropertyDescriptor(obj, memberName);
+    if (desc && (!getOnly || desc.get)) return desc;
+    obj = Object.getPrototypeOf(obj);
+  }
+  return void 0;
+}
+
+// src/utils/es2022-rewire-class-members.ts
 var reWireGetterSetter = (instance, hostRef) => {
   var _a;
   const cmpMeta = hostRef.$cmpMeta$;
@@ -36,7 +49,7 @@ var reWireGetterSetter = (instance, hostRef) => {
   members.map(([memberName, [memberFlags]]) => {
     if ((memberFlags & 31 /* Prop */ || memberFlags & 32 /* State */)) {
       const ogValue = instance[memberName];
-      const ogDescriptor = getPropertyDescriptor(Object.getPrototypeOf(instance), memberName) || Object.getOwnPropertyDescriptor(instance, memberName);
+      const ogDescriptor = getPropertyDescriptor(Object.getPrototypeOf(instance), memberName, true) || Object.getOwnPropertyDescriptor(instance, memberName);
       if (ogDescriptor) {
         Object.defineProperty(instance, memberName, {
           get() {
@@ -49,18 +62,14 @@ var reWireGetterSetter = (instance, hostRef) => {
           enumerable: true
         });
       }
-      instance[memberName] = hostRef.$instanceValues$.has(memberName) ? hostRef.$instanceValues$.get(memberName) : ogValue;
+      if (hostRef.$instanceValues$.has(memberName)) {
+        instance[memberName] = hostRef.$instanceValues$.get(memberName);
+      } else if (ogValue !== void 0) {
+        instance[memberName] = ogValue;
+      }
     }
   });
 };
-function getPropertyDescriptor(obj, memberName) {
-  while (obj) {
-    const desc = Object.getOwnPropertyDescriptor(obj, memberName);
-    if (desc == null ? void 0 : desc.get) return desc;
-    obj = Object.getPrototypeOf(obj);
-  }
-  return void 0;
-}
 
 // src/client/client-host-ref.ts
 var getHostRef = (ref) => {
@@ -123,10 +132,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           }
           switch(bundleId) {
               
-                case 'kritzel-back-to-content_32.cjs':
+                case 'kritzel-back-to-content_34.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
-                        './kritzel-back-to-content_32.cjs.entry.js')); }).then(processMod, consoleError);
+                        './kritzel-back-to-content_34.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'kritzel-brush-style.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -1228,7 +1237,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
     const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
     members.map(([memberName, [memberFlags]]) => {
       if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
-        const { get: origGetter, set: origSetter } = Object.getOwnPropertyDescriptor(prototype, memberName) || {};
+        const { get: origGetter, set: origSetter } = getPropertyDescriptor(prototype, memberName) || {};
         if (origGetter) cmpMeta.$members$[memberName][0] |= 2048 /* Getter */;
         if (origSetter) cmpMeta.$members$[memberName][0] |= 4096 /* Setter */;
         if (flags & 1 /* isElementConstructor */ || !origGetter) {
@@ -1481,7 +1490,7 @@ var connectedCallback = (elm) => {
       }
       if (cmpMeta.$members$) {
         Object.entries(cmpMeta.$members$).map(([memberName, [memberFlags]]) => {
-          if (memberFlags & 31 /* Prop */ && memberName in elm && elm[memberName] !== Object.prototype[memberName]) {
+          if (memberFlags & 31 /* Prop */ && Object.prototype.hasOwnProperty.call(elm, memberName)) {
             const value = elm[memberName];
             delete elm[memberName];
             elm[memberName] = value;

package/dist/cjs/index.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var alignment_enum = require('./alignment.enum-DoQtCqTK.js');
+var alignment_enum = require('./alignment.enum-Bk86Xzvb.js');
 var Y = require('yjs');
 var yWebsocket = require('y-websocket');
 require('y-indexeddb');
@@ -3598,6 +3598,7 @@ Object.defineProperty(exports, "ShapeType", {
   enumerable: true,
   get: function () { return alignment_enum.ShapeType; }
 });
+exports.WORKSPACE_EXPORT_VERSION = alignment_enum.WORKSPACE_EXPORT_VERSION;
 exports.darkTheme = alignment_enum.darkTheme;
 exports.lightTheme = alignment_enum.lightTheme;
 exports.BroadcastSyncProvider = BroadcastSyncProvider;