@lvl99dotcom/paintcanvas 0.4.0 → 0.5.0

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 (174) hide show
  1. package/README.md +30 -15
  2. package/dist/lib/brushes/presets/round/index.d.ts +1 -1
  3. package/dist/lib/brushes/presets/round/index.js +12 -7
  4. package/dist/lib/brushes/presets/square/index.d.ts +1 -1
  5. package/dist/lib/brushes/presets/square/index.js +7 -3
  6. package/dist/lib/brushes/shapeImage/index.d.ts +7 -3
  7. package/dist/lib/brushes/shapeImage/index.js +15 -9
  8. package/dist/lib/brushes/shapes/index.d.ts +18 -0
  9. package/dist/lib/brushes/shapes/index.js +86 -0
  10. package/dist/lib/classes/BrushSettings/index.d.ts +29 -2
  11. package/dist/lib/classes/BrushSettings/index.js +51 -14
  12. package/dist/lib/classes/KeyboardShortcuts/index.d.ts +31 -2
  13. package/dist/lib/classes/KeyboardShortcuts/index.js +66 -4
  14. package/dist/lib/classes/PaintCanvas/index.d.ts +46 -0
  15. package/dist/lib/classes/PaintCanvas/index.js +67 -0
  16. package/dist/lib/classes/SettingsAutosave/index.d.ts +3 -2
  17. package/dist/lib/classes/SettingsAutosave/index.js +5 -3
  18. package/dist/lib/classes/UiSettings/index.d.ts +68 -0
  19. package/dist/lib/classes/UiSettings/index.js +82 -0
  20. package/dist/lib/settings/index.d.ts +1 -1
  21. package/dist/lib/settings/index.js +4 -2
  22. package/dist/lib/settings/schema.d.ts +18 -0
  23. package/dist/lib/settings/schema.js +14 -0
  24. package/dist/lib/validation/validators.generated.js +169 -1
  25. package/dist/locales/en-GB.js +9 -2
  26. package/dist/locales/en-US.js +9 -2
  27. package/dist/locales/fr.js +9 -2
  28. package/dist/locales/ja.js +9 -2
  29. package/dist/locales/ko.js +9 -2
  30. package/dist/locales/zh-Hans.js +9 -2
  31. package/dist/locales/zh-Hant.js +9 -2
  32. package/dist/package.js +1 -1
  33. package/dist/testing/recordingCanvas.js +2 -1
  34. package/dist/ui/base/index.d.ts +2 -2
  35. package/dist/ui/dismiss/index.d.ts +21 -0
  36. package/dist/ui/dismiss/index.js +27 -0
  37. package/dist/ui/drag/index.d.ts +51 -0
  38. package/dist/ui/drag/index.js +81 -0
  39. package/dist/ui/elements/PaintCanvas/index.d.ts +17 -12
  40. package/dist/ui/elements/PaintCanvas/index.js +34 -17
  41. package/dist/ui/elements/PaintCanvas/style.js +1 -1
  42. package/dist/ui/elements/PcAppSettings/index.d.ts +1 -1
  43. package/dist/ui/elements/PcAppSettings/index.js +1 -1
  44. package/dist/ui/elements/PcBrushConfig/index.d.ts +9 -2
  45. package/dist/ui/elements/PcBrushConfig/index.js +47 -7
  46. package/dist/ui/elements/PcBrushConfig/style.js +1 -1
  47. package/dist/ui/elements/PcBrushSize/index.d.ts +53 -0
  48. package/dist/ui/elements/PcBrushSize/index.js +66 -0
  49. package/dist/ui/elements/PcBrushTest/index.d.ts +26 -0
  50. package/dist/ui/elements/PcBrushTest/index.js +73 -5
  51. package/dist/ui/elements/PcBrushTest/style.js +1 -1
  52. package/dist/ui/elements/PcCanvas/index.d.ts +21 -1
  53. package/dist/ui/elements/PcCanvas/index.js +53 -10
  54. package/dist/ui/elements/PcCanvasMap/style.js +1 -1
  55. package/dist/ui/elements/PcClipboardTools/index.d.ts +48 -0
  56. package/dist/ui/elements/PcClipboardTools/index.js +118 -0
  57. package/dist/ui/elements/PcContextMenu/index.d.ts +2 -2
  58. package/dist/ui/elements/PcInputSettings/index.d.ts +13 -0
  59. package/dist/ui/elements/PcInputSettings/index.js +16 -1
  60. package/dist/ui/elements/PcMenu/index.d.ts +48 -3
  61. package/dist/ui/elements/PcMenu/index.js +111 -19
  62. package/dist/ui/elements/PcNumberSlider/index.d.ts +137 -0
  63. package/dist/ui/elements/PcNumberSlider/index.js +247 -0
  64. package/dist/ui/elements/PcPane/index.d.ts +3 -1
  65. package/dist/ui/elements/PcPane/index.js +44 -7
  66. package/dist/ui/elements/PcPanel/index.d.ts +2 -2
  67. package/dist/ui/elements/PcPanel/index.js +8 -8
  68. package/dist/ui/elements/PcPanelBrushes/index.d.ts +2 -15
  69. package/dist/ui/elements/PcPanelBrushes/index.js +6 -43
  70. package/dist/ui/elements/PcPanelBrushes/style.js +1 -1
  71. package/dist/ui/elements/PcPopover/index.d.ts +39 -1
  72. package/dist/ui/elements/PcPopover/index.js +72 -4
  73. package/dist/ui/elements/PcThemePicker/index.d.ts +17 -15
  74. package/dist/ui/elements/PcThemePicker/index.js +22 -21
  75. package/dist/ui/elements/PcToolSettings/index.d.ts +48 -9
  76. package/dist/ui/elements/PcToolSettings/index.js +382 -318
  77. package/dist/ui/elements/PcToolSettings/style.js +1 -1
  78. package/dist/ui/elements/PcToolbar/index.d.ts +15 -0
  79. package/dist/ui/elements/PcToolbar/index.js +55 -14
  80. package/dist/ui/elements/PcToolbar/style.js +1 -1
  81. package/dist/ui/icons/images/icon-brush@2x.js +3 -0
  82. package/dist/ui/icons/images/icon-circle-mask@2x.js +3 -0
  83. package/dist/ui/icons/images/icon-clipboard@2x.js +3 -0
  84. package/dist/ui/icons/images/icon-cog@2x.js +3 -0
  85. package/dist/ui/icons/images/icon-cursor@2x.js +3 -0
  86. package/dist/ui/icons/images/icon-diagonal-tlbr-size@2x.js +3 -0
  87. package/dist/ui/icons/images/icon-diagonal-trbl-size@2x.js +3 -0
  88. package/dist/ui/icons/images/icon-eraser@2x.js +3 -0
  89. package/dist/ui/icons/images/icon-eyedropper@2x.js +3 -0
  90. package/dist/ui/icons/images/icon-flip-horizontal@2x.js +3 -0
  91. package/dist/ui/icons/images/icon-flip-vertical@2x.js +3 -0
  92. package/dist/ui/icons/images/icon-focus-pen@2x.js +3 -0
  93. package/dist/ui/icons/images/icon-freehand-mask@2x.js +3 -0
  94. package/dist/ui/icons/images/icon-hidden@2x.js +3 -0
  95. package/dist/ui/icons/images/icon-horizontal-size@2x.js +3 -0
  96. package/dist/ui/icons/images/icon-layers@2x.js +3 -0
  97. package/dist/ui/icons/images/icon-linked@2x.js +3 -0
  98. package/dist/ui/icons/images/icon-locked@2x.js +3 -0
  99. package/dist/ui/icons/images/icon-moon@2x.js +3 -0
  100. package/dist/ui/icons/images/icon-pan@2x.js +3 -0
  101. package/dist/ui/icons/images/icon-polygon-mask@2x.js +3 -0
  102. package/dist/ui/icons/images/icon-pressure@2x.js +3 -0
  103. package/dist/ui/icons/images/icon-randomise@2x.js +3 -0
  104. package/dist/ui/icons/images/icon-rectangle-mask@2x.js +3 -0
  105. package/dist/ui/icons/images/icon-redo@2x.js +3 -0
  106. package/dist/ui/icons/images/icon-rotate-90-left@2x.js +3 -0
  107. package/dist/ui/icons/images/icon-rotate-90-right@2x.js +3 -0
  108. package/dist/ui/icons/images/icon-rotate@2x.js +3 -0
  109. package/dist/ui/icons/images/icon-smoothing-bezier-cubic@2x.js +3 -0
  110. package/dist/ui/icons/images/icon-smoothing-bezier-quad@2x.js +3 -0
  111. package/dist/ui/icons/images/icon-smoothing-linear@2x.js +3 -0
  112. package/dist/ui/icons/images/icon-star@2x.js +3 -0
  113. package/dist/ui/icons/images/icon-sun@2x.js +3 -0
  114. package/dist/ui/icons/images/icon-tilt@2x.js +3 -0
  115. package/dist/ui/icons/images/icon-undo@2x.js +3 -0
  116. package/dist/ui/icons/images/icon-unlinked@2x.js +3 -0
  117. package/dist/ui/icons/images/icon-unlocked@2x.js +3 -0
  118. package/dist/ui/icons/images/icon-vertical-size@2x.js +3 -0
  119. package/dist/ui/icons/images/icon-visible@2x.js +3 -0
  120. package/dist/ui/icons/images/icon-zoom-in@2x.js +3 -0
  121. package/dist/ui/icons/images/icon-zoom-out@2x.js +3 -0
  122. package/dist/ui/icons/images/icon-zoom@2x.js +3 -0
  123. package/dist/ui/icons/index.d.ts +1 -1
  124. package/dist/ui/icons/index.js +84 -72
  125. package/dist/ui/index.d.ts +7 -2
  126. package/dist/ui/index.js +10 -4
  127. package/dist/ui/layout/index.d.ts +9 -1
  128. package/dist/ui/layout/index.js +11 -2
  129. package/dist/ui/tokens/index.d.ts +5 -4
  130. package/dist/ui/tokens/index.js +12 -7
  131. package/locales/en-GB.json +9 -2
  132. package/locales/en-US.json +9 -2
  133. package/locales/fr.json +9 -2
  134. package/locales/ja.json +9 -2
  135. package/locales/ko.json +9 -2
  136. package/locales/zh-Hans.json +9 -2
  137. package/locales/zh-Hant.json +9 -2
  138. package/package.json +11 -4
  139. package/dist/ui/icons/images/brush.js +0 -3
  140. package/dist/ui/icons/images/circle-mask.js +0 -3
  141. package/dist/ui/icons/images/clipboard.js +0 -3
  142. package/dist/ui/icons/images/cursor.js +0 -3
  143. package/dist/ui/icons/images/eraser.js +0 -3
  144. package/dist/ui/icons/images/eyedropper.js +0 -3
  145. package/dist/ui/icons/images/flip-horizontal.js +0 -3
  146. package/dist/ui/icons/images/flip-vertical.js +0 -3
  147. package/dist/ui/icons/images/focus-pen.js +0 -3
  148. package/dist/ui/icons/images/freehand-mask.js +0 -3
  149. package/dist/ui/icons/images/hidden.js +0 -3
  150. package/dist/ui/icons/images/layers.js +0 -3
  151. package/dist/ui/icons/images/linked.js +0 -3
  152. package/dist/ui/icons/images/locked.js +0 -3
  153. package/dist/ui/icons/images/moon.js +0 -3
  154. package/dist/ui/icons/images/pan.js +0 -3
  155. package/dist/ui/icons/images/polygon-mask.js +0 -3
  156. package/dist/ui/icons/images/pressure.js +0 -3
  157. package/dist/ui/icons/images/randomise.js +0 -3
  158. package/dist/ui/icons/images/rectangle-mask.js +0 -3
  159. package/dist/ui/icons/images/redo.js +0 -3
  160. package/dist/ui/icons/images/rotate-90-left.js +0 -3
  161. package/dist/ui/icons/images/rotate-90-right.js +0 -3
  162. package/dist/ui/icons/images/smoothing-bezier-cubic.js +0 -3
  163. package/dist/ui/icons/images/smoothing-bezier-quad.js +0 -3
  164. package/dist/ui/icons/images/smoothing-linear.js +0 -3
  165. package/dist/ui/icons/images/star.js +0 -3
  166. package/dist/ui/icons/images/sun.js +0 -3
  167. package/dist/ui/icons/images/tilt.js +0 -3
  168. package/dist/ui/icons/images/undo.js +0 -3
  169. package/dist/ui/icons/images/unlinked.js +0 -3
  170. package/dist/ui/icons/images/unlocked.js +0 -3
  171. package/dist/ui/icons/images/visible.js +0 -3
  172. package/dist/ui/icons/images/zoom-in.js +0 -3
  173. package/dist/ui/icons/images/zoom-out.js +0 -3
  174. package/dist/ui/icons/images/zoom.js +0 -3
@@ -19965,13 +19965,85 @@ function validate16(data, { instancePath = "", parentData, parentDataProperty, r
19965
19965
  return true;
19966
19966
  }
19967
19967
  var validateSettings = validate17;
19968
+ var schema20 = {
19969
+ "$id": "paintcanvas/settings",
19970
+ "type": "object",
19971
+ "additionalProperties": false,
19972
+ "properties": {
19973
+ "input": {
19974
+ "type": "object",
19975
+ "additionalProperties": false,
19976
+ "properties": {
19977
+ "scrollPan": { "type": "boolean" },
19978
+ "pinchZoom": { "type": "boolean" },
19979
+ "modifierScrollZoom": { "type": "boolean" },
19980
+ "focusPen": { "type": "boolean" },
19981
+ "gestures": {
19982
+ "type": "object",
19983
+ "maxProperties": 20,
19984
+ "additionalProperties": {
19985
+ "type": "string",
19986
+ "maxLength": 50
19987
+ }
19988
+ }
19989
+ }
19990
+ },
19991
+ "shortcuts": {
19992
+ "type": "object",
19993
+ "maxProperties": 200,
19994
+ "propertyNames": { "maxLength": 64 },
19995
+ "additionalProperties": { "anyOf": [{ "type": "null" }, { "$ref": "key-combo" }] }
19996
+ },
19997
+ "palette": {
19998
+ "type": "array",
19999
+ "maxItems": 1e3,
20000
+ "items": {
20001
+ "type": "string",
20002
+ "pattern": "^#[0-9a-fA-F]{6}$"
20003
+ }
20004
+ },
20005
+ "colours": {
20006
+ "type": "object",
20007
+ "additionalProperties": false,
20008
+ "required": ["foreground", "background"],
20009
+ "properties": {
20010
+ "foreground": {
20011
+ "type": "string",
20012
+ "pattern": "^#[0-9a-fA-F]{6}$"
20013
+ },
20014
+ "background": {
20015
+ "type": "string",
20016
+ "pattern": "^#[0-9a-fA-F]{6}$"
20017
+ }
20018
+ }
20019
+ },
20020
+ "ui": {
20021
+ "type": "object",
20022
+ "additionalProperties": false,
20023
+ "properties": {
20024
+ "theme": { "enum": [
20025
+ "light",
20026
+ "dark",
20027
+ "system"
20028
+ ] },
20029
+ "locale": {
20030
+ "type": "string",
20031
+ "minLength": 1,
20032
+ "maxLength": 35,
20033
+ "pattern": "^[A-Za-z0-9-]+$"
20034
+ }
20035
+ }
20036
+ }
20037
+ }
20038
+ };
20039
+ var pattern16 = /* @__PURE__ */ new RegExp("^[A-Za-z0-9-]+$", "u");
19968
20040
  function validate17(data, { instancePath = "", parentData, parentDataProperty, rootData = data } = {}) {
19969
20041
  let vErrors = null;
19970
20042
  let errors = 0;
19971
20043
  if (errors === 0) {
19972
20044
  if (data && typeof data == "object" && !Array.isArray(data)) {
19973
20045
  const _errs1 = errors;
19974
- for (const key0 in data) if (!(key0 === "input" || key0 === "shortcuts" || key0 === "palette" || key0 === "colours")) {
20046
+ for (const key0 in data) if (!(key0 === "input" || key0 === "shortcuts" || key0 === "palette" || key0 === "colours" || key0 === "ui")) {
19975
20047
  validate17.errors = [{
19976
20048
  instancePath,
19977
20049
  schemaPath: "#/additionalProperties",
@@ -20563,6 +20635,102 @@ function validate17(data, { instancePath = "", parentData, parentDataProperty, r
20563
20635
  }
20564
20636
  var valid0 = _errs44 === errors;
20565
20637
  } else var valid0 = true;
20638
+ if (valid0) {
20639
+ if (data.ui !== void 0) {
20640
+ let data19 = data.ui;
20641
+ const _errs51 = errors;
20642
+ if (errors === _errs51) {
20643
+ if (data19 && typeof data19 == "object" && !Array.isArray(data19)) {
20644
+ const _errs53 = errors;
20645
+ for (const key7 in data19) if (!(key7 === "theme" || key7 === "locale")) {
20646
+ validate17.errors = [{
20647
+ instancePath: instancePath + "/ui",
20648
+ schemaPath: "#/properties/ui/additionalProperties",
20649
+ keyword: "additionalProperties",
20650
+ params: { additionalProperty: key7 },
20651
+ message: "must NOT have additional properties"
20652
+ }];
20653
+ return false;
20654
+ }
20655
+ if (_errs53 === errors) {
20656
+ if (data19.theme !== void 0) {
20657
+ let data20 = data19.theme;
20658
+ const _errs54 = errors;
20659
+ if (!(data20 === "light" || data20 === "dark" || data20 === "system")) {
20660
+ validate17.errors = [{
20661
+ instancePath: instancePath + "/ui/theme",
20662
+ schemaPath: "#/properties/ui/properties/theme/enum",
20663
+ keyword: "enum",
20664
+ params: { allowedValues: schema20.properties.ui.properties.theme.enum },
20665
+ message: "must be equal to one of the allowed values"
20666
+ }];
20667
+ return false;
20668
+ }
20669
+ var valid10 = _errs54 === errors;
20670
+ } else var valid10 = true;
20671
+ if (valid10) {
20672
+ if (data19.locale !== void 0) {
20673
+ let data21 = data19.locale;
20674
+ const _errs55 = errors;
20675
+ if (errors === _errs55) {
20676
+ if (typeof data21 === "string") {
20677
+ if (data21.length > 35) {
20678
+ validate17.errors = [{
20679
+ instancePath: instancePath + "/ui/locale",
20680
+ schemaPath: "#/properties/ui/properties/locale/maxLength",
20681
+ keyword: "maxLength",
20682
+ params: { limit: 35 },
20683
+ message: "must NOT have more than 35 characters"
20684
+ }];
20685
+ return false;
20686
+ } else if (data21.length < 1) {
20687
+ validate17.errors = [{
20688
+ instancePath: instancePath + "/ui/locale",
20689
+ schemaPath: "#/properties/ui/properties/locale/minLength",
20690
+ keyword: "minLength",
20691
+ params: { limit: 1 },
20692
+ message: "must NOT have fewer than 1 characters"
20693
+ }];
20694
+ return false;
20695
+ } else if (!pattern16.test(data21)) {
20696
+ validate17.errors = [{
20697
+ instancePath: instancePath + "/ui/locale",
20698
+ schemaPath: "#/properties/ui/properties/locale/pattern",
20699
+ keyword: "pattern",
20700
+ params: { pattern: "^[A-Za-z0-9-]+$" },
20701
+ message: "must match pattern \"^[A-Za-z0-9-]+$\""
20702
+ }];
20703
+ return false;
20704
+ }
20705
+ } else {
20706
+ validate17.errors = [{
20707
+ instancePath: instancePath + "/ui/locale",
20708
+ schemaPath: "#/properties/ui/properties/locale/type",
20709
+ keyword: "type",
20710
+ params: { type: "string" },
20711
+ message: "must be string"
20712
+ }];
20713
+ return false;
20714
+ }
20715
+ }
20716
+ var valid10 = _errs55 === errors;
20717
+ } else var valid10 = true;
20718
+ }
20719
+ }
20720
+ } else {
20721
+ validate17.errors = [{
20722
+ instancePath: instancePath + "/ui",
20723
+ schemaPath: "#/properties/ui/type",
20724
+ keyword: "type",
20725
+ params: { type: "object" },
20726
+ message: "must be object"
20727
+ }];
20728
+ return false;
20729
+ }
20730
+ }
20731
+ var valid0 = _errs51 === errors;
20732
+ } else var valid0 = true;
20733
+ }
20566
20734
  }
20567
20735
  }
20568
20736
  }
@@ -6,6 +6,7 @@ var en_GB_default = {
6
6
  "paintCanvas.common.save": "Save",
7
7
  "paintCanvas.common.delete": "Delete",
8
8
  "paintCanvas.common.clear": "Clear",
9
+ "paintCanvas.common.cut": "Cut",
9
10
  "paintCanvas.common.copy": "Copy",
10
11
  "paintCanvas.common.paste": "Paste",
11
12
  "paintCanvas.common.undo": "Undo",
@@ -14,6 +15,7 @@ var en_GB_default = {
14
15
  "paintCanvas.common.moreInformation": "More information",
15
16
  "paintCanvas.common.width": "Width",
16
17
  "paintCanvas.common.height": "Height",
18
+ "paintCanvas.common.size": "Size",
17
19
  "paintCanvas.common.opacity": "Opacity",
18
20
  "paintCanvas.tool.brush": "Brush",
19
21
  "paintCanvas.tool.eraser": "Eraser",
@@ -62,6 +64,8 @@ var en_GB_default = {
62
64
  "paintCanvas.toolSettings.presets": "{tool} presets",
63
65
  "paintCanvas.toolSettings.configure": "Configure",
64
66
  "paintCanvas.toolSettings.constrainProportions": "Constrain proportions",
67
+ "paintCanvas.toolSettings.sizeSettings": "Size settings",
68
+ "paintCanvas.toolSettings.moreActions": "More actions",
65
69
  "paintCanvas.toolSettings.pressure": "Pressure",
66
70
  "paintCanvas.toolSettings.tilt": "Tilt",
67
71
  "paintCanvas.toolSettings.focusPen": "Focus pen mode",
@@ -77,7 +81,7 @@ var en_GB_default = {
77
81
  "paintCanvas.toolSettings.areaSample": "Area sample",
78
82
  "paintCanvas.brushMenu.presets": "{tool} presets",
79
83
  "paintCanvas.brushMenu.size": "{tool} size",
80
- "paintCanvas.brushMenu.dragToResize": "Drag sideways to resize",
84
+ "paintCanvas.numberSlider.hint": "Drag sideways to change, or tap to type",
81
85
  "paintCanvas.brushMenu.newPreset": "New preset",
82
86
  "paintCanvas.brushMenu.create": "Create",
83
87
  "paintCanvas.brushMenu.import": "Import",
@@ -100,6 +104,8 @@ var en_GB_default = {
100
104
  "paintCanvas.brushConfig.eraserTitle": "Eraser configuration",
101
105
  "paintCanvas.brushConfig.presetName": "Name of the preset",
102
106
  "paintCanvas.brushConfig.shape": "Shape",
107
+ "paintCanvas.brushConfig.chooseShape": "Choose a shape",
108
+ "paintCanvas.brushConfig.customShape": "Custom",
103
109
  "paintCanvas.brushConfig.upload": "Upload",
104
110
  "paintCanvas.brushConfig.paste": "Paste",
105
111
  "paintCanvas.brushConfig.rotation": "Rotation",
@@ -116,6 +122,7 @@ var en_GB_default = {
116
122
  "paintCanvas.brushConfig.shapeFailed": "Couldn't use the brush shape",
117
123
  "paintCanvas.brushConfig.test": "Test",
118
124
  "paintCanvas.brushConfig.testArea": "Brush testing area",
125
+ "paintCanvas.brushConfig.showStrokePoints": "Show stroke points",
119
126
  "paintCanvas.shape.notPng": "Brush shapes must be PNG images",
120
127
  "paintCanvas.shape.tooLarge": "Brush shape images can be up to 2 MB",
121
128
  "paintCanvas.shape.readFailed": "Couldn't read the brush shape image",
@@ -262,6 +269,6 @@ var en_GB_default = {
262
269
  "paintCanvas.theme.label": "Theme",
263
270
  "paintCanvas.theme.light": "Light",
264
271
  "paintCanvas.theme.dark": "Dark",
265
- "paintCanvas.theme.auto": "Auto"
272
+ "paintCanvas.theme.system": "System"
266
273
  };
267
274
  export { en_GB_default as default };
@@ -6,6 +6,7 @@ var en_US_default = {
6
6
  "paintCanvas.common.save": "Save",
7
7
  "paintCanvas.common.delete": "Delete",
8
8
  "paintCanvas.common.clear": "Clear",
9
+ "paintCanvas.common.cut": "Cut",
9
10
  "paintCanvas.common.copy": "Copy",
10
11
  "paintCanvas.common.paste": "Paste",
11
12
  "paintCanvas.common.undo": "Undo",
@@ -14,6 +15,7 @@ var en_US_default = {
14
15
  "paintCanvas.common.moreInformation": "More information",
15
16
  "paintCanvas.common.width": "Width",
16
17
  "paintCanvas.common.height": "Height",
18
+ "paintCanvas.common.size": "Size",
17
19
  "paintCanvas.common.opacity": "Opacity",
18
20
  "paintCanvas.tool.brush": "Brush",
19
21
  "paintCanvas.tool.eraser": "Eraser",
@@ -62,6 +64,8 @@ var en_US_default = {
62
64
  "paintCanvas.toolSettings.presets": "{tool} presets",
63
65
  "paintCanvas.toolSettings.configure": "Configure",
64
66
  "paintCanvas.toolSettings.constrainProportions": "Constrain proportions",
67
+ "paintCanvas.toolSettings.sizeSettings": "Size settings",
68
+ "paintCanvas.toolSettings.moreActions": "More actions",
65
69
  "paintCanvas.toolSettings.pressure": "Pressure",
66
70
  "paintCanvas.toolSettings.tilt": "Tilt",
67
71
  "paintCanvas.toolSettings.focusPen": "Focus pen mode",
@@ -77,7 +81,7 @@ var en_US_default = {
77
81
  "paintCanvas.toolSettings.areaSample": "Area sample",
78
82
  "paintCanvas.brushMenu.presets": "{tool} presets",
79
83
  "paintCanvas.brushMenu.size": "{tool} size",
80
- "paintCanvas.brushMenu.dragToResize": "Drag sideways to resize",
84
+ "paintCanvas.numberSlider.hint": "Drag sideways to change, or tap to type",
81
85
  "paintCanvas.brushMenu.newPreset": "New preset",
82
86
  "paintCanvas.brushMenu.create": "Create",
83
87
  "paintCanvas.brushMenu.import": "Import",
@@ -100,6 +104,8 @@ var en_US_default = {
100
104
  "paintCanvas.brushConfig.eraserTitle": "Eraser configuration",
101
105
  "paintCanvas.brushConfig.presetName": "Name of the preset",
102
106
  "paintCanvas.brushConfig.shape": "Shape",
107
+ "paintCanvas.brushConfig.chooseShape": "Choose a shape",
108
+ "paintCanvas.brushConfig.customShape": "Custom",
103
109
  "paintCanvas.brushConfig.upload": "Upload",
104
110
  "paintCanvas.brushConfig.paste": "Paste",
105
111
  "paintCanvas.brushConfig.rotation": "Rotation",
@@ -116,6 +122,7 @@ var en_US_default = {
116
122
  "paintCanvas.brushConfig.shapeFailed": "Couldn't use the brush shape",
117
123
  "paintCanvas.brushConfig.test": "Test",
118
124
  "paintCanvas.brushConfig.testArea": "Brush testing area",
125
+ "paintCanvas.brushConfig.showStrokePoints": "Show stroke points",
119
126
  "paintCanvas.shape.notPng": "Brush shapes must be PNG images",
120
127
  "paintCanvas.shape.tooLarge": "Brush shape images can be up to 2 MB",
121
128
  "paintCanvas.shape.readFailed": "Couldn't read the brush shape image",
@@ -262,6 +269,6 @@ var en_US_default = {
262
269
  "paintCanvas.theme.label": "Theme",
263
270
  "paintCanvas.theme.light": "Light",
264
271
  "paintCanvas.theme.dark": "Dark",
265
- "paintCanvas.theme.auto": "Auto"
272
+ "paintCanvas.theme.system": "System"
266
273
  };
267
274
  export { en_US_default as default };
@@ -6,6 +6,7 @@ var fr_default = {
6
6
  "paintCanvas.common.save": "Enregistrer",
7
7
  "paintCanvas.common.delete": "Supprimer",
8
8
  "paintCanvas.common.clear": "Effacer",
9
+ "paintCanvas.common.cut": "Couper",
9
10
  "paintCanvas.common.copy": "Copier",
10
11
  "paintCanvas.common.paste": "Coller",
11
12
  "paintCanvas.common.undo": "Annuler",
@@ -14,6 +15,7 @@ var fr_default = {
14
15
  "paintCanvas.common.moreInformation": "Plus d’informations",
15
16
  "paintCanvas.common.width": "Largeur",
16
17
  "paintCanvas.common.height": "Hauteur",
18
+ "paintCanvas.common.size": "Taille",
17
19
  "paintCanvas.common.opacity": "Opacité",
18
20
  "paintCanvas.tool.brush": "Pinceau",
19
21
  "paintCanvas.tool.eraser": "Gomme",
@@ -62,6 +64,8 @@ var fr_default = {
62
64
  "paintCanvas.toolSettings.presets": "Préréglages\xA0: {tool}",
63
65
  "paintCanvas.toolSettings.configure": "Configurer",
64
66
  "paintCanvas.toolSettings.constrainProportions": "Conserver les proportions",
67
+ "paintCanvas.toolSettings.sizeSettings": "Réglages de taille",
68
+ "paintCanvas.toolSettings.moreActions": "Plus d’actions",
65
69
  "paintCanvas.toolSettings.pressure": "Pression",
66
70
  "paintCanvas.toolSettings.tilt": "Inclinaison",
67
71
  "paintCanvas.toolSettings.focusPen": "Mode stylet seul",
@@ -77,7 +81,7 @@ var fr_default = {
77
81
  "paintCanvas.toolSettings.areaSample": "Prélever une zone",
78
82
  "paintCanvas.brushMenu.presets": "Préréglages\xA0: {tool}",
79
83
  "paintCanvas.brushMenu.size": "Taille\xA0: {tool}",
80
- "paintCanvas.brushMenu.dragToResize": "Faire glisser latéralement pour redimensionner",
84
+ "paintCanvas.numberSlider.hint": "Faire glisser latéralement pour modifier, ou toucher pour saisir",
81
85
  "paintCanvas.brushMenu.newPreset": "Nouveau préréglage",
82
86
  "paintCanvas.brushMenu.create": "Créer",
83
87
  "paintCanvas.brushMenu.import": "Importer",
@@ -100,6 +104,8 @@ var fr_default = {
100
104
  "paintCanvas.brushConfig.eraserTitle": "Configuration de la gomme",
101
105
  "paintCanvas.brushConfig.presetName": "Nom du préréglage",
102
106
  "paintCanvas.brushConfig.shape": "Forme",
107
+ "paintCanvas.brushConfig.chooseShape": "Choisir une forme",
108
+ "paintCanvas.brushConfig.customShape": "Personnalisée",
103
109
  "paintCanvas.brushConfig.upload": "Téléverser",
104
110
  "paintCanvas.brushConfig.paste": "Coller",
105
111
  "paintCanvas.brushConfig.rotation": "Rotation",
@@ -116,6 +122,7 @@ var fr_default = {
116
122
  "paintCanvas.brushConfig.shapeFailed": "Impossible d’utiliser la forme du pinceau",
117
123
  "paintCanvas.brushConfig.test": "Essai",
118
124
  "paintCanvas.brushConfig.testArea": "Zone d’essai du pinceau",
125
+ "paintCanvas.brushConfig.showStrokePoints": "Afficher les points du trait",
119
126
  "paintCanvas.shape.notPng": "Les formes de pinceau doivent être des images PNG",
120
127
  "paintCanvas.shape.tooLarge": "Les images de forme de pinceau peuvent faire jusqu’à 2\xA0Mo",
121
128
  "paintCanvas.shape.readFailed": "Impossible de lire l’image de la forme du pinceau",
@@ -262,6 +269,6 @@ var fr_default = {
262
269
  "paintCanvas.theme.label": "Thème",
263
270
  "paintCanvas.theme.light": "Clair",
264
271
  "paintCanvas.theme.dark": "Sombre",
265
- "paintCanvas.theme.auto": "Auto"
272
+ "paintCanvas.theme.system": "Système"
266
273
  };
267
274
  export { fr_default as default };
@@ -6,6 +6,7 @@ var ja_default = {
6
6
  "paintCanvas.common.save": "保存",
7
7
  "paintCanvas.common.delete": "削除",
8
8
  "paintCanvas.common.clear": "クリア",
9
+ "paintCanvas.common.cut": "切り取り",
9
10
  "paintCanvas.common.copy": "コピー",
10
11
  "paintCanvas.common.paste": "ペースト",
11
12
  "paintCanvas.common.undo": "取り消す",
@@ -14,6 +15,7 @@ var ja_default = {
14
15
  "paintCanvas.common.moreInformation": "詳細",
15
16
  "paintCanvas.common.width": "幅",
16
17
  "paintCanvas.common.height": "高さ",
18
+ "paintCanvas.common.size": "サイズ",
17
19
  "paintCanvas.common.opacity": "不透明度",
18
20
  "paintCanvas.tool.brush": "ブラシ",
19
21
  "paintCanvas.tool.eraser": "消しゴム",
@@ -62,6 +64,8 @@ var ja_default = {
62
64
  "paintCanvas.toolSettings.presets": "{tool}のプリセット",
63
65
  "paintCanvas.toolSettings.configure": "詳細設定",
64
66
  "paintCanvas.toolSettings.constrainProportions": "縦横比を固定",
67
+ "paintCanvas.toolSettings.sizeSettings": "サイズ設定",
68
+ "paintCanvas.toolSettings.moreActions": "その他の操作",
65
69
  "paintCanvas.toolSettings.pressure": "筆圧",
66
70
  "paintCanvas.toolSettings.tilt": "傾き",
67
71
  "paintCanvas.toolSettings.focusPen": "ペン専用モード",
@@ -77,7 +81,7 @@ var ja_default = {
77
81
  "paintCanvas.toolSettings.areaSample": "範囲の平均で取得",
78
82
  "paintCanvas.brushMenu.presets": "{tool}のプリセット",
79
83
  "paintCanvas.brushMenu.size": "{tool}のサイズ",
80
- "paintCanvas.brushMenu.dragToResize": "左右にドラッグしてサイズを変更",
84
+ "paintCanvas.numberSlider.hint": "左右にドラッグして変更、タップして入力",
81
85
  "paintCanvas.brushMenu.newPreset": "新しいプリセット",
82
86
  "paintCanvas.brushMenu.create": "作成",
83
87
  "paintCanvas.brushMenu.import": "読み込み",
@@ -100,6 +104,8 @@ var ja_default = {
100
104
  "paintCanvas.brushConfig.eraserTitle": "消しゴムの詳細設定",
101
105
  "paintCanvas.brushConfig.presetName": "プリセット名",
102
106
  "paintCanvas.brushConfig.shape": "形状",
107
+ "paintCanvas.brushConfig.chooseShape": "形を選ぶ",
108
+ "paintCanvas.brushConfig.customShape": "カスタム",
103
109
  "paintCanvas.brushConfig.upload": "アップロード",
104
110
  "paintCanvas.brushConfig.paste": "ペースト",
105
111
  "paintCanvas.brushConfig.rotation": "回転",
@@ -116,6 +122,7 @@ var ja_default = {
116
122
  "paintCanvas.brushConfig.shapeFailed": "このブラシ形状は使用できません",
117
123
  "paintCanvas.brushConfig.test": "試し描き",
118
124
  "paintCanvas.brushConfig.testArea": "ブラシの試し描きエリア",
125
+ "paintCanvas.brushConfig.showStrokePoints": "ストロークの点を表示",
119
126
  "paintCanvas.shape.notPng": "ブラシ形状はPNG画像にしてください",
120
127
  "paintCanvas.shape.tooLarge": "ブラシ形状の画像は2MBまでです",
121
128
  "paintCanvas.shape.readFailed": "ブラシ形状の画像を読み込めませんでした",
@@ -262,6 +269,6 @@ var ja_default = {
262
269
  "paintCanvas.theme.label": "テーマ",
263
270
  "paintCanvas.theme.light": "ライト",
264
271
  "paintCanvas.theme.dark": "ダーク",
265
- "paintCanvas.theme.auto": "自動"
272
+ "paintCanvas.theme.system": "システム"
266
273
  };
267
274
  export { ja_default as default };
@@ -6,6 +6,7 @@ var ko_default = {
6
6
  "paintCanvas.common.save": "저장",
7
7
  "paintCanvas.common.delete": "삭제",
8
8
  "paintCanvas.common.clear": "지우기",
9
+ "paintCanvas.common.cut": "잘라내기",
9
10
  "paintCanvas.common.copy": "복사",
10
11
  "paintCanvas.common.paste": "붙여넣기",
11
12
  "paintCanvas.common.undo": "실행 취소",
@@ -14,6 +15,7 @@ var ko_default = {
14
15
  "paintCanvas.common.moreInformation": "자세히 보기",
15
16
  "paintCanvas.common.width": "너비",
16
17
  "paintCanvas.common.height": "높이",
18
+ "paintCanvas.common.size": "크기",
17
19
  "paintCanvas.common.opacity": "불투명도",
18
20
  "paintCanvas.tool.brush": "브러시",
19
21
  "paintCanvas.tool.eraser": "지우개",
@@ -62,6 +64,8 @@ var ko_default = {
62
64
  "paintCanvas.toolSettings.presets": "{tool} 프리셋",
63
65
  "paintCanvas.toolSettings.configure": "세부 설정",
64
66
  "paintCanvas.toolSettings.constrainProportions": "비율 유지",
67
+ "paintCanvas.toolSettings.sizeSettings": "크기 설정",
68
+ "paintCanvas.toolSettings.moreActions": "더 보기",
65
69
  "paintCanvas.toolSettings.pressure": "필압",
66
70
  "paintCanvas.toolSettings.tilt": "기울기",
67
71
  "paintCanvas.toolSettings.focusPen": "펜 전용 모드",
@@ -77,7 +81,7 @@ var ko_default = {
77
81
  "paintCanvas.toolSettings.areaSample": "영역 평균으로 추출",
78
82
  "paintCanvas.brushMenu.presets": "{tool} 프리셋",
79
83
  "paintCanvas.brushMenu.size": "{tool} 크기",
80
- "paintCanvas.brushMenu.dragToResize": "좌우로 드래그해 크기 조절",
84
+ "paintCanvas.numberSlider.hint": "좌우로 드래그해 변경, 탭해 입력",
81
85
  "paintCanvas.brushMenu.newPreset": "새 프리셋",
82
86
  "paintCanvas.brushMenu.create": "만들기",
83
87
  "paintCanvas.brushMenu.import": "가져오기",
@@ -100,6 +104,8 @@ var ko_default = {
100
104
  "paintCanvas.brushConfig.eraserTitle": "지우개 세부 설정",
101
105
  "paintCanvas.brushConfig.presetName": "프리셋 이름",
102
106
  "paintCanvas.brushConfig.shape": "모양",
107
+ "paintCanvas.brushConfig.chooseShape": "모양 선택",
108
+ "paintCanvas.brushConfig.customShape": "사용자 지정",
103
109
  "paintCanvas.brushConfig.upload": "업로드",
104
110
  "paintCanvas.brushConfig.paste": "붙여넣기",
105
111
  "paintCanvas.brushConfig.rotation": "회전",
@@ -116,6 +122,7 @@ var ko_default = {
116
122
  "paintCanvas.brushConfig.shapeFailed": "브러시 모양을 사용할 수 없습니다",
117
123
  "paintCanvas.brushConfig.test": "테스트",
118
124
  "paintCanvas.brushConfig.testArea": "브러시 테스트 영역",
125
+ "paintCanvas.brushConfig.showStrokePoints": "획의 점 표시",
119
126
  "paintCanvas.shape.notPng": "브러시 모양은 PNG 이미지여야 합니다",
120
127
  "paintCanvas.shape.tooLarge": "브러시 모양 이미지는 최대 2MB입니다",
121
128
  "paintCanvas.shape.readFailed": "브러시 모양 이미지를 읽지 못했습니다",
@@ -262,6 +269,6 @@ var ko_default = {
262
269
  "paintCanvas.theme.label": "테마",
263
270
  "paintCanvas.theme.light": "라이트",
264
271
  "paintCanvas.theme.dark": "다크",
265
- "paintCanvas.theme.auto": "자동"
272
+ "paintCanvas.theme.system": "시스템"
266
273
  };
267
274
  export { ko_default as default };
@@ -6,6 +6,7 @@ var zh_Hans_default = {
6
6
  "paintCanvas.common.save": "保存",
7
7
  "paintCanvas.common.delete": "删除",
8
8
  "paintCanvas.common.clear": "清除",
9
+ "paintCanvas.common.cut": "剪切",
9
10
  "paintCanvas.common.copy": "复制",
10
11
  "paintCanvas.common.paste": "粘贴",
11
12
  "paintCanvas.common.undo": "撤销",
@@ -14,6 +15,7 @@ var zh_Hans_default = {
14
15
  "paintCanvas.common.moreInformation": "更多信息",
15
16
  "paintCanvas.common.width": "宽度",
16
17
  "paintCanvas.common.height": "高度",
18
+ "paintCanvas.common.size": "大小",
17
19
  "paintCanvas.common.opacity": "不透明度",
18
20
  "paintCanvas.tool.brush": "画笔",
19
21
  "paintCanvas.tool.eraser": "橡皮擦",
@@ -62,6 +64,8 @@ var zh_Hans_default = {
62
64
  "paintCanvas.toolSettings.presets": "{tool}预设",
63
65
  "paintCanvas.toolSettings.configure": "详细设置",
64
66
  "paintCanvas.toolSettings.constrainProportions": "保持比例",
67
+ "paintCanvas.toolSettings.sizeSettings": "尺寸设置",
68
+ "paintCanvas.toolSettings.moreActions": "更多操作",
65
69
  "paintCanvas.toolSettings.pressure": "压感",
66
70
  "paintCanvas.toolSettings.tilt": "倾斜",
67
71
  "paintCanvas.toolSettings.focusPen": "仅限触控笔模式",
@@ -77,7 +81,7 @@ var zh_Hans_default = {
77
81
  "paintCanvas.toolSettings.areaSample": "区域平均取色",
78
82
  "paintCanvas.brushMenu.presets": "{tool}预设",
79
83
  "paintCanvas.brushMenu.size": "{tool}大小",
80
- "paintCanvas.brushMenu.dragToResize": "左右拖动以调整大小",
84
+ "paintCanvas.numberSlider.hint": "左右拖动以更改,轻点以输入",
81
85
  "paintCanvas.brushMenu.newPreset": "新预设",
82
86
  "paintCanvas.brushMenu.create": "创建",
83
87
  "paintCanvas.brushMenu.import": "导入",
@@ -100,6 +104,8 @@ var zh_Hans_default = {
100
104
  "paintCanvas.brushConfig.eraserTitle": "橡皮擦详细设置",
101
105
  "paintCanvas.brushConfig.presetName": "预设名称",
102
106
  "paintCanvas.brushConfig.shape": "形状",
107
+ "paintCanvas.brushConfig.chooseShape": "选择形状",
108
+ "paintCanvas.brushConfig.customShape": "自定义",
103
109
  "paintCanvas.brushConfig.upload": "上传",
104
110
  "paintCanvas.brushConfig.paste": "粘贴",
105
111
  "paintCanvas.brushConfig.rotation": "旋转",
@@ -116,6 +122,7 @@ var zh_Hans_default = {
116
122
  "paintCanvas.brushConfig.shapeFailed": "无法使用此画笔形状",
117
123
  "paintCanvas.brushConfig.test": "试画",
118
124
  "paintCanvas.brushConfig.testArea": "画笔试画区域",
125
+ "paintCanvas.brushConfig.showStrokePoints": "显示笔画点",
119
126
  "paintCanvas.shape.notPng": "画笔形状必须是 PNG 图像",
120
127
  "paintCanvas.shape.tooLarge": "画笔形状图像最大为 2 MB",
121
128
  "paintCanvas.shape.readFailed": "无法读取画笔形状图像",
@@ -262,6 +269,6 @@ var zh_Hans_default = {
262
269
  "paintCanvas.theme.label": "主题",
263
270
  "paintCanvas.theme.light": "浅色",
264
271
  "paintCanvas.theme.dark": "深色",
265
- "paintCanvas.theme.auto": "自动"
272
+ "paintCanvas.theme.system": "跟随系统"
266
273
  };
267
274
  export { zh_Hans_default as default };
@@ -6,6 +6,7 @@ var zh_Hant_default = {
6
6
  "paintCanvas.common.save": "儲存",
7
7
  "paintCanvas.common.delete": "刪除",
8
8
  "paintCanvas.common.clear": "清除",
9
+ "paintCanvas.common.cut": "剪下",
9
10
  "paintCanvas.common.copy": "拷貝",
10
11
  "paintCanvas.common.paste": "貼上",
11
12
  "paintCanvas.common.undo": "復原",
@@ -14,6 +15,7 @@ var zh_Hant_default = {
14
15
  "paintCanvas.common.moreInformation": "更多資訊",
15
16
  "paintCanvas.common.width": "寬度",
16
17
  "paintCanvas.common.height": "高度",
18
+ "paintCanvas.common.size": "大小",
17
19
  "paintCanvas.common.opacity": "不透明度",
18
20
  "paintCanvas.tool.brush": "筆刷",
19
21
  "paintCanvas.tool.eraser": "橡皮擦",
@@ -62,6 +64,8 @@ var zh_Hant_default = {
62
64
  "paintCanvas.toolSettings.presets": "{tool}預設",
63
65
  "paintCanvas.toolSettings.configure": "詳細設定",
64
66
  "paintCanvas.toolSettings.constrainProportions": "維持比例",
67
+ "paintCanvas.toolSettings.sizeSettings": "尺寸設定",
68
+ "paintCanvas.toolSettings.moreActions": "更多操作",
65
69
  "paintCanvas.toolSettings.pressure": "壓力感應",
66
70
  "paintCanvas.toolSettings.tilt": "傾斜",
67
71
  "paintCanvas.toolSettings.focusPen": "僅限觸控筆模式",
@@ -77,7 +81,7 @@ var zh_Hant_default = {
77
81
  "paintCanvas.toolSettings.areaSample": "區域平均取色",
78
82
  "paintCanvas.brushMenu.presets": "{tool}預設",
79
83
  "paintCanvas.brushMenu.size": "{tool}大小",
80
- "paintCanvas.brushMenu.dragToResize": "左右拖曳以調整大小",
84
+ "paintCanvas.numberSlider.hint": "左右拖曳以變更,點一下以輸入",
81
85
  "paintCanvas.brushMenu.newPreset": "新預設",
82
86
  "paintCanvas.brushMenu.create": "建立",
83
87
  "paintCanvas.brushMenu.import": "匯入",
@@ -100,6 +104,8 @@ var zh_Hant_default = {
100
104
  "paintCanvas.brushConfig.eraserTitle": "橡皮擦詳細設定",
101
105
  "paintCanvas.brushConfig.presetName": "預設名稱",
102
106
  "paintCanvas.brushConfig.shape": "形狀",
107
+ "paintCanvas.brushConfig.chooseShape": "選擇形狀",
108
+ "paintCanvas.brushConfig.customShape": "自訂",
103
109
  "paintCanvas.brushConfig.upload": "上傳",
104
110
  "paintCanvas.brushConfig.paste": "貼上",
105
111
  "paintCanvas.brushConfig.rotation": "旋轉",
@@ -116,6 +122,7 @@ var zh_Hant_default = {
116
122
  "paintCanvas.brushConfig.shapeFailed": "無法使用此筆刷形狀",
117
123
  "paintCanvas.brushConfig.test": "試畫",
118
124
  "paintCanvas.brushConfig.testArea": "筆刷試畫區域",
125
+ "paintCanvas.brushConfig.showStrokePoints": "顯示筆畫點",
119
126
  "paintCanvas.shape.notPng": "筆刷形狀必須是 PNG 影像",
120
127
  "paintCanvas.shape.tooLarge": "筆刷形狀影像最大為 2 MB",
121
128
  "paintCanvas.shape.readFailed": "無法讀取筆刷形狀影像",
@@ -262,6 +269,6 @@ var zh_Hant_default = {
262
269
  "paintCanvas.theme.label": "主題",
263
270
  "paintCanvas.theme.light": "淺色",
264
271
  "paintCanvas.theme.dark": "深色",
265
- "paintCanvas.theme.auto": "自動"
272
+ "paintCanvas.theme.system": "跟隨系統"
266
273
  };
267
274
  export { zh_Hant_default as default };
package/dist/package.js CHANGED
@@ -1,3 +1,3 @@
1
1
  // package.json
2
- var version = "0.4.0";
2
+ var version = "0.5.0";
3
3
  export { version };
@@ -12,7 +12,8 @@ var createRecordingCanvasFactory = () => {
12
12
  const canvas = {
13
13
  width,
14
14
  height,
15
- getContext: () => ctx
15
+ getContext: () => ctx,
16
+ convertToBlob: async ({ type = "image/png" } = {}) => new Blob([], { type })
16
17
  };
17
18
  created.push({
18
19
  canvas,
@@ -45,8 +45,8 @@ export declare class PcElement extends LitElement {
45
45
  translations: Translations;
46
46
  /** The icons the element shows */
47
47
  icons: IconRegistry;
48
- /** "light" (default), "dark", or "auto" to follow the device (see the design tokens) */
49
- theme?: "light" | "dark" | "auto";
48
+ /** "light", "dark", or "system" to follow the device (see the design tokens). Without one, it has its ancestors' theme. */
49
+ theme?: "light" | "dark" | "system";
50
50
  /** The translations and icons being listened to */
51
51
  private watched;
52
52
  private readonly onSourceChange;
@@ -0,0 +1,21 @@
1
+ /**
2
+ * Note that a press closed a panel or menu (by landing outside it), so what it landed on can treat it differently, e.g.
3
+ * the canvas only draws once it's dragged (see `isDismissingPress`). Call it from a capturing `pointerdown` listener,
4
+ * which runs before the listeners of what was pressed.
5
+ *
6
+ * @example
7
+ * document.addEventListener("pointerdown", (event) => {
8
+ * if (open && !event.composedPath().includes(panel)) {
9
+ * markDismissingPress(event);
10
+ * close();
11
+ * }
12
+ * }, true);
13
+ */
14
+ export declare const markDismissingPress: (event: Event) => void;
15
+ /**
16
+ * Whether a press closed a panel or menu (see `markDismissingPress`).
17
+ *
18
+ * @example
19
+ * if (isDismissingPress(event)) return; // just closing something
20
+ */
21
+ export declare const isDismissingPress: (event: Event) => boolean;