kritzel-stencil 0.0.112 → 0.0.113

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/dist/cjs/kritzel-brush-style_18.cjs.entry.js +12 -10
  2. package/dist/cjs/kritzel-brush-style_18.cjs.entry.js.map +1 -1
  3. package/dist/collection/classes/handlers/key.handler.js +4 -1
  4. package/dist/collection/classes/handlers/key.handler.js.map +1 -1
  5. package/dist/collection/components/core/kritzel-editor/kritzel-editor.js +4 -4
  6. package/dist/collection/components/core/kritzel-editor/kritzel-editor.js.map +1 -1
  7. package/dist/collection/components/ui/kritzel-controls/kritzel-controls.js +4 -5
  8. package/dist/collection/components/ui/kritzel-controls/kritzel-controls.js.map +1 -1
  9. package/dist/components/kritzel-controls.js +1 -1
  10. package/dist/components/kritzel-editor.js +6 -6
  11. package/dist/components/kritzel-editor.js.map +1 -1
  12. package/dist/components/kritzel-engine.js +1 -1
  13. package/dist/components/{p-BnsTGnvc.js → p-CFwf2KYj.js} +6 -7
  14. package/dist/components/p-CFwf2KYj.js.map +1 -0
  15. package/dist/components/{p--2WHhuBI.js → p-DieKGjdj.js} +6 -3
  16. package/dist/components/{p--2WHhuBI.js.map → p-DieKGjdj.js.map} +1 -1
  17. package/dist/esm/kritzel-brush-style_18.entry.js +12 -10
  18. package/dist/esm/kritzel-brush-style_18.entry.js.map +1 -1
  19. package/dist/stencil/{p-65e86254.entry.js → p-dc26eb80.entry.js} +2 -2
  20. package/dist/stencil/p-dc26eb80.entry.js.map +1 -0
  21. package/dist/stencil/stencil.esm.js +1 -1
  22. package/dist/types/components/core/kritzel-editor/kritzel-editor.d.ts +1 -1
  23. package/package.json +1 -1
  24. package/dist/components/p-BnsTGnvc.js.map +0 -1
  25. package/dist/stencil/p-65e86254.entry.js.map +0 -1
@@ -1146,10 +1146,9 @@ const KritzelControls = class {
1146
1146
  this.kritzelEngine.enable();
1147
1147
  }
1148
1148
  async closeTooltip() {
1149
- var _a, _b;
1149
+ var _a;
1150
1150
  this.tooltipVisible = false;
1151
1151
  (_a = this.kritzelEngine) === null || _a === void 0 ? void 0 : _a.enable();
1152
- (_b = this.kritzelEngine) === null || _b === void 0 ? void 0 : _b.setFocus();
1153
1152
  }
1154
1153
  get activeToolAsTextTool() {
1155
1154
  var _a;
@@ -1210,13 +1209,13 @@ const KritzelControls = class {
1210
1209
  render() {
1211
1210
  var _a, _b;
1212
1211
  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;
1213
- return (index.h(index.Host, { key: 'b0ed601253a0f6187e601afd2fb56bdbc7d5a9cd', class: {
1212
+ return (index.h(index.Host, { key: 'c20b7cbc7228f1b13a7e17f7ea94c96151e11608', class: {
1214
1213
  mobile: this.isTouchDevice,
1215
- } }, index.h("kritzel-utility-panel", { key: 'a8621ccdc3186a3f6ac6d9b5aa9ee6d92401e5d9', style: {
1214
+ } }, index.h("kritzel-utility-panel", { key: '0e56c27c57d5cd7302ec80f6809fe4673afddae5', style: {
1216
1215
  position: 'absolute',
1217
1216
  bottom: '56px',
1218
1217
  left: '12px',
1219
- }, 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: 'ade9f5ee7b854eac1d4497c4f3e5e3cd6a2f1f7f', class: "kritzel-controls" }, this.controls.map(control => {
1218
+ }, 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: '6454509e3c524a42345e383270e3c1220f87dab6', class: "kritzel-controls" }, this.controls.map(control => {
1220
1219
  var _a, _b, _c, _d, _e, _f, _g, _h;
1221
1220
  if (control.type === 'tool') {
1222
1221
  return (index.h("button", { class: {
@@ -2932,10 +2931,10 @@ const KritzelEditor = class {
2932
2931
  event.preventDefault();
2933
2932
  }
2934
2933
  }
2935
- handleKeyDown(ev) {
2934
+ handleKeyDown(event) {
2936
2935
  var _a;
2937
- ev.preventDefault();
2938
- if (ev.key === 'Escape') {
2936
+ if (event.key === 'Escape') {
2937
+ event.preventDefault();
2939
2938
  (_a = this.controlsRef) === null || _a === void 0 ? void 0 : _a.closeTooltip();
2940
2939
  }
2941
2940
  }
@@ -2948,7 +2947,7 @@ const KritzelEditor = class {
2948
2947
  }
2949
2948
  }
2950
2949
  render() {
2951
- return (index.h(index.Host, { key: 'b861ac259f78cf3a4a7070ce2e54a731414a8c08' }, index.h("kritzel-engine", { key: '026f2caba18bce0b0453b904616d9baa455592d9', ref: el => (this.engineRef = el) }), index.h("kritzel-controls", { key: 'afc78be61bfddeafd3650f7a383ad4a1847fa3b5', ref: el => (this.controlsRef = el), controls: this.controls, style: this.hideControls ? { display: 'none' } : { display: 'flex' } })));
2950
+ return (index.h(index.Host, { key: '009fe43f85f368b2f60b31947596e1423f60e28d' }, index.h("kritzel-engine", { key: '76fa90e8c283723d546d02ab4eacc111047d6b9d', ref: el => (this.engineRef = el) }), index.h("kritzel-controls", { key: 'a7381534ab01236d12135f7a9f1a486c9b4be05a', ref: el => (this.controlsRef = el), controls: this.controls, style: this.hideControls ? { display: 'none' } : { display: 'flex' } })));
2952
2951
  }
2953
2952
  get host() { return index.getElement(this); }
2954
2953
  };
@@ -3666,10 +3665,13 @@ class KritzelKeyHandler extends KritzelBaseHandler {
3666
3665
  }
3667
3666
  handleKeyDown(event) {
3668
3667
  if (this._store.state.isFocused === false) {
3668
+ event.preventDefault();
3669
3669
  return;
3670
3670
  }
3671
- event.preventDefault();
3672
3671
  this._store.state.isCtrlKeyPressed = event.ctrlKey;
3672
+ if (this._store.state.isCtrlKeyPressed) {
3673
+ event.preventDefault();
3674
+ }
3673
3675
  if (event.key === 'Escape' && this._store.state.selectionGroup) {
3674
3676
  this._store.clearSelection();
3675
3677
  }