kritzel-stencil 0.0.75 → 0.0.76

package/dist/cjs/kritzel-brush-style_18.cjs.entry.js

@@ -3057,46 +3057,45 @@ const KritzelControls = class {
         var _a;
         return (_a = this.activeControl) === null || _a === void 0 ? void 0 : _a.tool;
     }
-    async componentDidLoad() {
-        console.log('KritzelControls componentDidLoad');
-        this.forceUpdate++;
-        this.controlsReady.emit();
-        this.initializeEngine().then(() => {
-            this.initializeTools()
-                .then(() => {
-                console.info('KritzelControls initialized with tools:', this.controls);
-                this.forceUpdate++;
-            })
-                .catch(error => {
-                console.error('Error initializing tools:', error);
-            });
-        });
-    }
-    async initializeEngine() {
-        this.kritzelEngine = this.host.parentElement.querySelector('kritzel-engine');
-        if (!this.kritzelEngine) {
-            throw new Error('kritzel-engine not found in parent element.');
-        }
-    }
-    async initializeTools() {
-        for (const c of this.controls) {
-            if (c.type === 'tool' && c.tool) {
-                c.tool = await this.kritzelEngine.registerTool(c.name, c.tool, c.config);
-            }
-            if (c.type === 'tool' && c.isDefault && c.tool) {
-                await this.kritzelEngine.changeActiveTool(c.tool);
-                this.activeControl = c;
-            }
-            if (c.type === 'config') {
-                if (this.firstConfig === null) {
-                    this.firstConfig = c;
-                }
-                else {
-                    console.warn('Only one config control is allowed. The first one will be used.');
-                }
-            }
-        }
-    }
+    // async componentDidLoad() {
+    //   console.log('KritzelControls componentDidLoad');
+    //   this.forceUpdate++;
+    //   this.controlsReady.emit();
+    //   this.initializeEngine().then(() => {
+    //     this.initializeTools()
+    //       .then(() => {
+    //         console.info('KritzelControls initialized with tools:', this.controls);
+    //         this.forceUpdate++;
+    //       })
+    //       .catch(error => {
+    //         console.error('Error initializing tools:', error);
+    //       });
+    //   });
+    // }
+    // private async initializeEngine() {
+    //   this.kritzelEngine = this.host.parentElement.querySelector('kritzel-engine');
+    //   if (!this.kritzelEngine) {
+    //     throw new Error('kritzel-engine not found in parent element.');
+    //   }
+    // }
+    // private async initializeTools() {
+    //   for (const c of this.controls) {
+    //     if (c.type === 'tool' && c.tool) {
+    //       c.tool = await this.kritzelEngine.registerTool(c.name, c.tool, c.config);
+    //     }
+    //     if (c.type === 'tool' && c.isDefault && c.tool) {
+    //       await this.kritzelEngine.changeActiveTool(c.tool as KritzelBaseTool);
+    //       this.activeControl = c;
+    //     }
+    //     if (c.type === 'config') {
+    //       if (this.firstConfig === null) {
+    //         this.firstConfig = c;
+    //       } else {
+    //         console.warn('Only one config control is allowed. The first one will be used.');
+    //       }
+    //     }
+    //   }
+    // }
     async handleActiveToolChange(event) {
         var _a;
         this.activeControl = this.controls.find(control => control.tool === event.detail) || null;
@@ -3134,11 +3133,11 @@ const KritzelControls = class {
     render() {
         var _a, _b;
         const hasNoConfig = ((_a = this.activeControl) === null || _a === void 0 ? void 0 : _a.config) === undefined || ((_b = this.activeControl) === null || _b === void 0 ? void 0 : _b.config) === null;
-        return (index.h(index.Host, { key: '843ec6f6887dc821fe5de4373fa074320973750f' }, index.h("kritzel-utility-panel", { key: '80da8761a8d0fd9df9ddbc65f935a631e834f33a', style: {
+        return (index.h(index.Host, { key: 'e17295147adc548fc3051cafe5625a8f87474c3b' }, index.h("kritzel-utility-panel", { key: 'b8e715a2534b2750f31f5fe5f311528f64c1c013', style: {
                 position: 'absolute',
                 bottom: '56px',
                 left: '12px',
-            }, onUndo: () => { var _a; return (_a = this.kritzelEngine) === null || _a === void 0 ? void 0 : _a.undo(); }, onRedo: () => { var _a; return (_a = this.kritzelEngine) === null || _a === void 0 ? void 0 : _a.redo(); }, onDelete: () => { var _a; return (_a = this.kritzelEngine) === null || _a === void 0 ? void 0 : _a.delete(); } }), index.h("div", { key: 'fdb54d5e8098a738bf8f8391ee683b3615ec5530', class: "kritzel-controls" }, this.controls.map(control => {
+            }, onUndo: () => { var _a; return (_a = this.kritzelEngine) === null || _a === void 0 ? void 0 : _a.undo(); }, onRedo: () => { var _a; return (_a = this.kritzelEngine) === null || _a === void 0 ? void 0 : _a.redo(); }, onDelete: () => { var _a; return (_a = this.kritzelEngine) === null || _a === void 0 ? void 0 : _a.delete(); } }), index.h("div", { key: 'c82659049cc0a55659159ad393c603759c25c2d3', class: "kritzel-controls" }, this.controls.map(control => {
             var _a, _b, _c, _d, _e, _f, _g, _h;
             if (control.type === 'tool') {
                 return (index.h("button", { class: {