js-draw 1.22.0 → 1.24.1

package/README.md

@@ -414,4 +414,4 @@ See also [adjustEditorThemeForContrast](https://personalizedrefrigerator.github.
 - [Examples](https://github.com/personalizedrefrigerator/js-draw/blob/main/docs/examples.md)
 - [How to add a custom pen type](https://personalizedrefrigerator.github.io/js-draw/typedoc/modules/Additional_Documentation.CustomizingTools__.html#md:adding-a-new-pen-type)
 - [A material icon theme for js-draw](https://personalizedrefrigerator.github.io/js-draw/typedoc/modules/_js_draw_material_icons.html#md:js-drawmaterial-icons)
-- [More documentation](https://personalizedrefrigerator.github.io/js-draw/typedoc/modules/Additional_Documentation.html)
+- [More documentation](https://personalizedrefrigerator.github.io/js-draw/typedoc/modules/Guides.html)

package/dist/Editor.css

@@ -1903,6 +1903,27 @@ visible.
   z-index: 5;
 }
 
+.imageEditorContainer .anchored-element-overlay {
+  overflow: visible;
+  height: 0;
+}
+.imageEditorContainer .anchored-element-overlay > .content-wrapper {
+  width: var(--editor-current-display-width-px);
+  height: var(--editor-current-display-height-px);
+  overflow: hidden;
+  position: relative;
+  pointer-events: none;
+}
+.imageEditorContainer .anchored-element-overlay > .content-wrapper > .content {
+  position: absolute;
+  left: var(--position-x);
+  top: var(--position-y);
+  transform: scale(var(--scale)) rotate(var(--rotation));
+  transform-origin: left top;
+  margin: 0;
+  pointer-events: all;
+}
+
 @media print {
   .imageEditorContainer .loadingMessage {
     display: none;