kritzel-stencil 0.0.171 → 0.1.0

package/dist/collection/components/shared/kritzel-tooltip/kritzel-tooltip.js

@@ -62,14 +62,14 @@ export class KritzelTooltip {
         }
     }
     render() {
-        return (h(Host, { key: 'b6e220084f7ce3eead25bf60cef965322f59f3e0', style: {
+        return (h(Host, { key: 'c257f254b8ba6b95f251eac3136f5be282d23e30', style: {
                 position: 'fixed',
                 zIndex: '9999',
                 transition: 'opacity 0.3s ease-in-out, transform 0.3s ease-in-out',
                 visibility: this.isVisible ? 'visible' : 'hidden',
                 left: `${this.positionX}px`,
                 bottom: `${this.positionY}px`,
-            } }, h("div", { key: '0ab91fedc3301b0c42fa773607ce6aa335b73c2e', class: "tooltip-content", onClick: event => event.stopPropagation() }, h("slot", { key: 'bde0c798a393d006737c1d2c54660b6bbdace9e5' }))));
+            } }, h("div", { key: '14f31dc995236a2309e2371ecef278a0e6374139', class: "tooltip-content", onClick: event => event.stopPropagation() }, h("slot", { key: '6dace4d6ed82878333f8771cf4670d53cea36873' }))));
     }
     static get is() { return "kritzel-tooltip"; }
     static get encapsulation() { return "shadow"; }
@@ -211,4 +211,3 @@ export class KritzelTooltip {
             }];
     }
 }
-//# sourceMappingURL=kritzel-tooltip.js.map

package/dist/collection/components/ui/kritzel-context-menu/kritzel-context-menu.js

@@ -81,7 +81,7 @@ export class KritzelContextMenu {
         return defaultValue;
     }
     render() {
-        return (h(Host, { key: '96a3530caa4567d30410f49311389818bbd45f64' }, h("div", { key: '79e4229815a152720ae21069233ff344f297349b', class: "menu-container" }, this.processedItems.map(({ item, isDisabled }, index) => (h("button", { key: `${item.label}-${index}`, class: { 'menu-item': true, 'disabled': isDisabled }, onClick: () => this.handleItemClick(item, isDisabled), disabled: isDisabled }, item.icon && h("kritzel-icon", { name: item.icon, size: 16 }), h("span", { class: "label" }, item.label)))))));
+        return (h(Host, { key: 'f57688eb3c0921c0a2d85cab7bbe9273ecf4fdab' }, h("div", { key: '8082568dd09f4ad5ef07885308d752e8c924f02e', class: "menu-container" }, this.processedItems.map(({ item, isDisabled }, index) => (h("button", { key: `${item.label}-${index}`, class: { 'menu-item': true, 'disabled': isDisabled }, onClick: () => this.handleItemClick(item, isDisabled), disabled: isDisabled }, item.icon && h("kritzel-icon", { name: item.icon, size: 16 }), h("span", { class: "label" }, item.label)))))));
     }
     static get is() { return "kritzel-context-menu"; }
     static get encapsulation() { return "shadow"; }
@@ -206,4 +206,3 @@ export class KritzelContextMenu {
             }];
     }
 }
-//# sourceMappingURL=kritzel-context-menu.js.map

package/dist/collection/components/ui/kritzel-control-brush-config/kritzel-control-brush-config.js

@@ -28,14 +28,14 @@ export class KritzelControlBrushConfig {
         this.toolChange.emit(this.tool);
     }
     render() {
-        return (h(Host, { key: '8fe8c0564f491121c0c44c6ff4083034f92dbb67' }, h("div", { key: '3e8a69b827785976768bfc1e809126bee7c48c62', style: {
+        return (h(Host, { key: 'ce2ac77db22f52239a45b62f690d54009f2c6954' }, h("div", { key: '5f6c50853e876c3612bb5c270bccc468c2c9a726', style: {
                 display: 'flex',
                 flexDirection: 'row',
                 alignItems: this.isExpanded ? 'flex-start' : 'center',
                 justifyContent: 'flex-start',
                 width: '100%',
                 gap: '8px',
-            } }, h("kritzel-color-palette", { key: 'c9056f81cf47d81fef0a0f5743000dcd6633258a', colors: this.palette, selectedColor: this.tool.color, isExpanded: this.isExpanded, isOpaque: true, onColorChange: color => this.handleColorChange(color) }), h("button", { key: '2f307264b80a732d976edeb025d509bc1164606b', class: "expand-toggle", onClick: () => this.handleToggleExpand(), title: this.isExpanded ? 'Collapse' : 'Expand', style: this.palette.length > 6 ? { visibillity: 'visible' } : { visibility: 'hidden' } }, h("kritzel-icon", { key: '08133ba0a23353b2bb3f87c685a7a0798b8dd16c', name: this.isExpanded ? 'chevron-up' : 'chevron-down' }))), h("kritzel-stroke-size", { key: '3de25cc80029ffdfdc173c4c79e937a7dc329743', selectedSize: this.tool.size, onSizeChange: event => this.handleSizeChange(event) })));
+            } }, h("kritzel-color-palette", { key: 'bfa24bb8683027c37f200ad65e4e6787d7224c56', colors: this.palette, selectedColor: this.tool.color, isExpanded: this.isExpanded, isOpaque: true, onColorChange: color => this.handleColorChange(color) }), h("button", { key: '8e2c55c6d16ca3911c5f068c354bdce5a4f7e844', class: "expand-toggle", onClick: () => this.handleToggleExpand(), title: this.isExpanded ? 'Collapse' : 'Expand', style: this.palette.length > 6 ? { visibillity: 'visible' } : { visibility: 'hidden' } }, h("kritzel-icon", { key: '33610ada109fe5d1d9cb2da4c70a60d672e3d6cb', name: this.isExpanded ? 'chevron-up' : 'chevron-down' }))), h("kritzel-stroke-size", { key: '9b095dd9436e46dd88a3485ceb2dafa5d06d1bc4', selectedSize: this.tool.size, onSizeChange: event => this.handleSizeChange(event) })));
     }
     static get is() { return "kritzel-control-brush-config"; }
     static get encapsulation() { return "shadow"; }
@@ -132,4 +132,3 @@ export class KritzelControlBrushConfig {
             }];
     }
 }
-//# sourceMappingURL=kritzel-control-brush-config.js.map

package/dist/collection/components/ui/kritzel-control-text-config/kritzel-control-text-config.js

@@ -19,14 +19,14 @@ export class KritzelControlTextConfig {
         this.toolChange.emit(this.tool);
     }
     render() {
-        return (h(Host, { key: '3695b187943af25566885d63257ae3de9f405ea5' }, h("div", { key: '7bb146ae3c188478ba17f18f70fd170ce3536308', style: {
+        return (h(Host, { key: '4a0027969b183fef77c374eb114d9d30104e5ad7' }, h("div", { key: '9f49eb3a95080447b938fdfeb256fafbe5ff9ddc', style: {
                 display: 'flex',
                 flexDirection: 'row',
                 alignItems: 'center',
                 justifyContent: 'flex-start',
                 width: '100%',
                 gap: '8px',
-            } }, h("kritzel-font-family", { key: '87f4c5ac2e2a4cfea216b1b828faad231438b9ec', selectedFontFamily: this.tool.fontFamily, onFontFamilyChange: event => this.handleFamilyChange(event) }), h("button", { key: '2e73aaf7da659b9e069c247cc762f68394212293', class: "expand-toggle", onClick: () => this.handleToggleExpand(), title: this.isExpanded ? 'Collapse' : 'Expand' }, h("kritzel-icon", { key: '785b664697ba266432c535ea26e0665f8d8d657f', name: this.isExpanded ? 'chevron-up' : 'chevron-down' }))), h("kritzel-color-palette", { key: 'ed2517a39d254b77f45154914b3ce6a934f66c33', colors: this.tool.palette, selectedColor: this.tool.fontColor, isExpanded: this.isExpanded, onColorChange: event => this.handleColorChange(event) }), h("kritzel-font-size", { key: '9b25c9607fa69c991e769852e3e3e378e48387bd', selectedSize: this.tool.fontSize, fontFamily: this.tool.fontFamily, onSizeChange: event => this.handleSizeChange(event) })));
+            } }, h("kritzel-font-family", { key: '4e75cda048f8b8c04e6cb5568e7cdcde91e28112', selectedFontFamily: this.tool.fontFamily, onFontFamilyChange: event => this.handleFamilyChange(event) }), h("button", { key: '05c6ce98bd700e9e9d2e676cbcf191b943a2980e', class: "expand-toggle", onClick: () => this.handleToggleExpand(), title: this.isExpanded ? 'Collapse' : 'Expand', tabindex: "0" }, h("kritzel-icon", { key: 'ce30d48dd5ce5eefeee7702dff81ca8f96e0872d', name: this.isExpanded ? 'chevron-up' : 'chevron-down' }))), h("kritzel-color-palette", { key: 'a3d313bf01dafc15c8cf39a129d8c0c35741a3ca', colors: this.tool.palette, selectedColor: this.tool.fontColor, isExpanded: this.isExpanded, onColorChange: event => this.handleColorChange(event) }), h("kritzel-font-size", { key: '954db891b80fb244083de24dc87255b1239ff913', selectedSize: this.tool.fontSize, fontFamily: this.tool.fontFamily, onSizeChange: event => this.handleSizeChange(event) })));
     }
     static get is() { return "kritzel-control-text-config"; }
     static get encapsulation() { return "shadow"; }
@@ -112,4 +112,3 @@ export class KritzelControlTextConfig {
             }];
     }
 }
-//# sourceMappingURL=kritzel-control-text-config.js.map

package/dist/collection/components/ui/kritzel-controls/kritzel-controls.css

@@ -144,6 +144,7 @@
 .kritzel-submenu-content {
   display: flex;
   flex-direction: column;
+  gap: var(--kritzel-submenu-gap, 4px);
   min-width: 140px;
 }
 
@@ -176,7 +177,6 @@
   background-color: var(--kritzel-controls-control-selected-background-color, #007AFF);
 }
 
-
 .kritzel-config-container {
   position: relative;
   display: flex;
@@ -204,7 +204,6 @@
   margin-left: 0;
 }
 
-
 .kritzel-config {
   display: flex;
   justify-content: center;

package/dist/collection/components/ui/kritzel-controls/kritzel-controls.js

@@ -142,13 +142,13 @@ export class KritzelControls {
     render() {
         const hasConfigUI = this.activeControl?.tool instanceof KritzelBrushTool ||
             this.activeControl?.tool instanceof KritzelTextTool;
-        return (h(Host, { key: '92696a0ac908d498211edcbe9b2b90c81aa28a4f', class: {
+        return (h(Host, { key: 'ed5816cbeb8fe8b91e14b23bf61df4753fb0da0f', class: {
                 mobile: this.isTouchDevice,
-            } }, this.isUtilityPanelVisible && (h("kritzel-utility-panel", { key: 'a75649503fa82aa173fd19c0558b4b54503ff4d6', style: {
+            } }, this.isUtilityPanelVisible && (h("kritzel-utility-panel", { key: '7218fff9c89f525baf655eea46aec1698a28babd', style: {
                 position: 'absolute',
                 bottom: '56px',
                 left: '12px',
-            }, undoState: this.undoState, onUndo: () => this.kritzelEngine?.undo(), onRedo: () => this.kritzelEngine?.redo(), onDelete: () => this.kritzelEngine?.delete() })), h("div", { key: 'e45118f06606306309114470546c34a8b5afd8f7', class: "kritzel-controls" }, this.controls.map(control => {
+            }, undoState: this.undoState, onUndo: () => this.kritzelEngine?.undo(), onRedo: () => this.kritzelEngine?.redo(), onDelete: () => this.kritzelEngine?.delete() })), h("div", { key: '1dc0fa7b02a953474aae9c7822c651d5006e89e5', class: "kritzel-controls" }, this.controls.map(control => {
             if (control.type === 'tool') {
                 // Check if this control has sub-options (split-button)
                 if (control.subOptions?.length) {
@@ -372,4 +372,3 @@ export class KritzelControls {
             }];
     }
 }
-//# sourceMappingURL=kritzel-controls.js.map

package/dist/collection/components/ui/kritzel-utility-panel/kritzel-utility-panel.js

@@ -17,7 +17,7 @@ export class KritzelUtilityPanel {
         this.redo.emit();
     }
     render() {
-        return (h(Host, { key: '05ec19a2b644f00680139513c97650e6e7c612f2' }, h("button", { key: 'a62b621b7a1abe33fbf3fc0aa1f8e1d6c7ed8be3', class: "utility-button", disabled: !this.undoState?.canUndo, onClick: event => this.handleUndo(event) }, h("kritzel-icon", { key: 'ca8d0f9c9e5cebaf20ffc239602c4b4ce37b7e6b', name: "undo" })), h("button", { key: '7f1ba8b6ae3b8edf0ac0127fee30f3c070d47b44', class: "utility-button", disabled: !this.undoState?.canRedo, onClick: event => this.handleRedo(event) }, h("kritzel-icon", { key: '4680f7f9523fe6c17924662e025f5e6dfc3e9d78', name: "redo" })), h("div", { key: '77148d676ed708e4029b32e25a3daac628302478', class: "utility-separator" }), h("button", { key: 'b740674dc96d41c0b7b4d2cfb365d45c0f453a27', class: "utility-button" }, h("kritzel-icon", { key: '73d2ed9b6b400106521b0f53915e93516f9d3aad', name: "delete", onClick: () => this.delete.emit() }))));
+        return (h(Host, { key: '998008f3c138f18d0e3f5183c3280e646e6c8e73' }, h("button", { key: '2ea58a2df20e038e00c0090c44714efbc1221314', class: "utility-button", disabled: !this.undoState?.canUndo, onClick: event => this.handleUndo(event) }, h("kritzel-icon", { key: '1843d211731f83f2f828b17f0bc0cf83a76705e1', name: "undo" })), h("button", { key: '71064186570d8e849a634a4c68e96f3fba1ebdab', class: "utility-button", disabled: !this.undoState?.canRedo, onClick: event => this.handleRedo(event) }, h("kritzel-icon", { key: '12694a6dcddc1f893752d3edcc1deafe700cff5c', name: "redo" })), h("div", { key: '5bbfb5e535d9e0a861d227df57bd5cc7ab8c22fb', class: "utility-separator" }), h("button", { key: 'fda95410a66afa98c0abf6eb82e323f926ef596a', class: "utility-button" }, h("kritzel-icon", { key: '0d1d77f6d65481825c2edbdb38de821a2de7b043', name: "delete", onClick: () => this.delete.emit() }))));
     }
     static get is() { return "kritzel-utility-panel"; }
     static get encapsulation() { return "shadow"; }
@@ -108,4 +108,3 @@ export class KritzelUtilityPanel {
             }];
     }
 }
-//# sourceMappingURL=kritzel-utility-panel.js.map

package/dist/collection/components/ui/kritzel-workspace-manager/kritzel-workspace-manager.js

@@ -252,4 +252,3 @@ export class KritzelWorkspaceManager {
             }];
     }
 }
-//# sourceMappingURL=kritzel-workspace-manager.js.map

package/dist/collection/configs/default-brush-tool.config.js

@@ -57,4 +57,3 @@ export const DEFAULT_BRUSH_CONFIG = {
         ],
     },
 };
-//# sourceMappingURL=default-brush-tool.config.js.map

package/dist/collection/configs/default-engine-config.js

@@ -60,4 +60,3 @@ export const DEFAULT_ENGINE_CONFIG = {
         iconActive: 'default'
     }
 };
-//# sourceMappingURL=default-engine-config.js.map

package/dist/collection/configs/default-line-tool.config.js

@@ -31,4 +31,3 @@ export const DEFAULT_LINE_TOOL_CONFIG = {
         end: { enabled: true, style: 'triangle' },
     },
 };
-//# sourceMappingURL=default-line-tool.config.js.map

package/dist/collection/configs/default-shape-tool.config.js

@@ -23,4 +23,3 @@ export const DEFAULT_SHAPE_CONFIG = {
         '#90a4ae',
     ],
 };
-//# sourceMappingURL=default-shape-tool.config.js.map

package/dist/collection/configs/default-sync.config.js

@@ -7,4 +7,3 @@ export const DEFAULT_SYNC_CONFIG = {
         IndexedDBSyncProvider
     ],
 };
-//# sourceMappingURL=default-sync.config.js.map

package/dist/collection/configs/default-text-tool.config.js

@@ -29,4 +29,3 @@ export const DEFAULT_TEXT_CONFIG = {
         '#d1c4e9',
     ],
 };
-//# sourceMappingURL=default-text-tool.config.js.map

package/dist/collection/constants/core.constants.js

@@ -1,2 +1 @@
 // YJS_DOCUMENT_NAME removed - now each workspace has its own Y.Doc with naming: 'kritzel-workspace-${workspaceId}'
-//# sourceMappingURL=core.constants.js.map

package/dist/collection/constants/engine.constants.js

@@ -1,3 +1,2 @@
 export const ABSOLUTE_SCALE_MAX = 1000;
 export const ABSOLUTE_SCALE_MIN = 0.0001;
-//# sourceMappingURL=engine.constants.js.map

package/dist/collection/enums/event-button.enum.js

@@ -4,4 +4,3 @@ export var KritzelMouseButton;
     KritzelMouseButton[KritzelMouseButton["Middle"] = 1] = "Middle";
     KritzelMouseButton[KritzelMouseButton["Right"] = 2] = "Right";
 })(KritzelMouseButton || (KritzelMouseButton = {}));
-//# sourceMappingURL=event-button.enum.js.map

package/dist/collection/enums/handle-type.enum.js

@@ -5,4 +5,3 @@ export var KritzelHandleType;
     KritzelHandleType["BottomLeft"] = "bottom-left";
     KritzelHandleType["BottomRight"] = "bottom-right";
 })(KritzelHandleType || (KritzelHandleType = {}));
-//# sourceMappingURL=handle-type.enum.js.map

package/dist/collection/enums/shape-type.enum.js

@@ -4,4 +4,3 @@ export var ShapeType;
     ShapeType["Ellipse"] = "ellipse";
     ShapeType["Triangle"] = "triangle";
 })(ShapeType || (ShapeType = {}));
-//# sourceMappingURL=shape-type.enum.js.map

package/dist/collection/helpers/class.helper.js

@@ -3,4 +3,3 @@ export class KritzelClassHelper {
         return !!object && object.__class__ === className;
     }
 }
-//# sourceMappingURL=class.helper.js.map

package/dist/collection/helpers/cursor.helper.js

@@ -55,4 +55,3 @@ export class KritzelCursorHelper {
         return `url('${dataUri}') ${hotspot.x} ${hotspot.y}, auto`;
     }
 }
-//# sourceMappingURL=cursor.helper.js.map

package/dist/collection/helpers/devices.helper.js

@@ -23,4 +23,3 @@ export class KritzelDevicesHelper {
         return /firefox/i.test(navigator.userAgent);
     }
 }
-//# sourceMappingURL=devices.helper.js.map

package/dist/collection/helpers/event.helper.js

@@ -56,4 +56,3 @@ export class KritzelEventHelper {
         return cancel;
     }
 }
-//# sourceMappingURL=event.helper.js.map

package/dist/collection/helpers/geometry.helper.js

@@ -147,4 +147,3 @@ export class KritzelGeometryHelper {
         return this.isPointInPolygon(point, polygonPoints);
     }
 }
-//# sourceMappingURL=geometry.helper.js.map

package/dist/collection/helpers/html.helper.js

@@ -61,4 +61,3 @@ export class KritzelHTMLHelper {
         return focusableElements;
     }
 }
-//# sourceMappingURL=html.helper.js.map

package/dist/collection/helpers/keyboard.helper.js

@@ -46,4 +46,3 @@ export class KritzelKeyboardHelper {
         }
     }
 }
-//# sourceMappingURL=keyboard.helper.js.map

package/dist/collection/helpers/math.helper.js

@@ -3,4 +3,3 @@ export class KritzelMathHelper {
         return (a + b) / 2;
     }
 }
-//# sourceMappingURL=math.helper.js.map

package/dist/collection/helpers/object.helper.js

@@ -9,4 +9,3 @@ export class ObjectHelper {
         return Object?.keys(obj).length === 0 && obj?.constructor === Object;
     }
 }
-//# sourceMappingURL=object.helper.js.map

package/dist/collection/index.js

@@ -34,4 +34,3 @@ export * from './interfaces/anchor.interface';
 export * from './configs/default-brush-tool.config';
 export * from './configs/default-text-tool.config';
 export * from './configs/default-line-tool.config';
-//# sourceMappingURL=index.js.map

package/dist/collection/interfaces/anchor.interface.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=anchor.interface.js.map

package/dist/collection/interfaces/arrow-head.interface.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=arrow-head.interface.js.map

package/dist/collection/interfaces/bounding-box.interface.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=bounding-box.interface.js.map

package/dist/collection/interfaces/clonable.interface.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=clonable.interface.js.map

package/dist/collection/interfaces/context-menu-item.interface.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=context-menu-item.interface.js.map

package/dist/collection/interfaces/debug-info.interface.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=debug-info.interface.js.map

package/dist/collection/interfaces/engine-state.interface.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=engine-state.interface.js.map

package/dist/collection/interfaces/line-options.interface.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=line-options.interface.js.map

package/dist/collection/interfaces/menu-item.interface.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=menu-item.interface.js.map

package/dist/collection/interfaces/object.interface.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=object.interface.js.map

package/dist/collection/interfaces/path-options.interface.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=path-options.interface.js.map

package/dist/collection/interfaces/point.interface.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=point.interface.js.map

package/dist/collection/interfaces/polygon.interface.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=polygon.interface.js.map

package/dist/collection/interfaces/selection-state.interface.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=selection-state.interface.js.map

package/dist/collection/interfaces/serializable.interface.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=serializable.interface.js.map

package/dist/collection/interfaces/shortcut.interface.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=shortcut.interface.js.map

package/dist/collection/interfaces/sync-config.interface.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=sync-config.interface.js.map

package/dist/collection/interfaces/sync-provider.interface.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=sync-provider.interface.js.map

package/dist/collection/interfaces/tool.interface.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=tool.interface.js.map

package/dist/collection/interfaces/toolbar-control.interface.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=toolbar-control.interface.js.map

package/dist/collection/interfaces/undo-state.interface.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=undo-state.interface.js.map

package/dist/collection/types/deep-readonly.type.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=deep-readonly.type.js.map

package/dist/collection/types/state.types.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=state.types.js.map

package/dist/components/index.d.ts

@@ -79,4 +79,5 @@ export interface SetPlatformOptions {
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
 export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+
 export * from '../types';