@kritzel/engine 0.4.31 → 0.4.33

package/dist/collection/components/kritzel-awareness-cursors/kritzel-awareness-cursors.css

@@ -1,115 +1,115 @@
-:host {
-  display: block;
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
-  pointer-events: none;
-  z-index: 1;
-}
-
-.awareness-cursor {
-  position: absolute;
-  top: 0;
-  left: 0;
-  transition: transform var(--kritzel-awareness-cursor-transition-duration, 100ms) ease-out,
-              opacity 300ms ease;
-  will-change: transform;
-}
-
-.awareness-cursor.stale {
-  opacity: 0;
-}
-
-.awareness-cursor.tracking-object {
-  transition-duration: 0ms;
-}
-
-.cursor-arrow {
-  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
-}
-
-.cursor-label {
-  position: absolute;
-  left: 16px;
-  top: 16px;
-  white-space: nowrap;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-  font-size: var(--kritzel-awareness-cursor-label-font-size, 12px);
-  color: var(--kritzel-awareness-cursor-label-text-color, #ffffff);
-  padding: 2px 8px;
-  border-radius: 4px;
-  line-height: 1.4;
-  font-weight: 500;
-  pointer-events: none;
-  user-select: none;
-}
-
-.edge-indicator {
-  position: absolute;
-  top: -12px;
-  left: -12px;
-  width: 24px;
-  height: 24px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transition: transform var(--kritzel-awareness-cursor-transition-duration, 100ms) ease-out,
-              opacity 300ms ease;
-  will-change: transform;
-  pointer-events: auto;
-  user-select: none;
-  cursor: pointer;
-}
-
-.edge-indicator.stale {
-  opacity: 0;
-}
-
-.edge-indicator.tracking-object {
-  transition-duration: 0ms;
-}
-
-.edge-arrow {
-  position: absolute;
-  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.3));
-  transition: opacity 300ms ease;
-}
-
-.edge-arrow.stale {
-  opacity: 0;
-}
-
-.edge-label {
-  position: absolute;
-  white-space: nowrap;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-  font-size: var(--kritzel-awareness-cursor-label-font-size, 12px);
-  color: var(--kritzel-awareness-cursor-label-text-color, #ffffff);
-  padding: 2px 8px;
-  border-radius: 4px;
-  line-height: 1.4;
-  font-weight: 500;
-  pointer-events: none;
-  opacity: 0;
-  transform-origin: center;
-  transition: opacity 150ms ease;
-}
-
-.edge-indicator:hover .edge-label {
-  opacity: 1;
-}
-
-.remote-selection-box {
-  position: absolute;
-  top: 0;
-  left: 0;
-  border-width: 2px;
-  border-style: solid;
-  pointer-events: none;
-  will-change: transform, width, height;
-  transition: transform var(--kritzel-awareness-cursor-transition-duration, 100ms) ease-out,
-              width var(--kritzel-awareness-cursor-transition-duration, 100ms) ease-out,
-              height var(--kritzel-awareness-cursor-transition-duration, 100ms) ease-out;
-}
+:host {
+  display: block;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  pointer-events: none;
+  z-index: 1;
+}
+
+.awareness-cursor {
+  position: absolute;
+  top: 0;
+  left: 0;
+  transition: transform var(--kritzel-awareness-cursor-transition-duration, 100ms) ease-out,
+              opacity 300ms ease;
+  will-change: transform;
+}
+
+.awareness-cursor.stale {
+  opacity: 0;
+}
+
+.awareness-cursor.tracking-object {
+  transition-duration: 0ms;
+}
+
+.cursor-arrow {
+  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
+}
+
+.cursor-label {
+  position: absolute;
+  left: 16px;
+  top: 16px;
+  white-space: nowrap;
+  font-family: var(--kritzel-awareness-font-family, var(--kritzel-global-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif));
+  font-size: var(--kritzel-awareness-cursor-label-font-size, 12px);
+  color: var(--kritzel-awareness-cursor-label-text-color, #ffffff);
+  padding: 2px 8px;
+  border-radius: 4px;
+  line-height: 1.4;
+  font-weight: 500;
+  pointer-events: none;
+  user-select: none;
+}
+
+.edge-indicator {
+  position: absolute;
+  top: -12px;
+  left: -12px;
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: transform var(--kritzel-awareness-cursor-transition-duration, 100ms) ease-out,
+              opacity 300ms ease;
+  will-change: transform;
+  pointer-events: auto;
+  user-select: none;
+  cursor: pointer;
+}
+
+.edge-indicator.stale {
+  opacity: 0;
+}
+
+.edge-indicator.tracking-object {
+  transition-duration: 0ms;
+}
+
+.edge-arrow {
+  position: absolute;
+  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.3));
+  transition: opacity 300ms ease;
+}
+
+.edge-arrow.stale {
+  opacity: 0;
+}
+
+.edge-label {
+  position: absolute;
+  white-space: nowrap;
+  font-family: var(--kritzel-awareness-font-family, var(--kritzel-global-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif));
+  font-size: var(--kritzel-awareness-cursor-label-font-size, 12px);
+  color: var(--kritzel-awareness-cursor-label-text-color, #ffffff);
+  padding: 2px 8px;
+  border-radius: 4px;
+  line-height: 1.4;
+  font-weight: 500;
+  pointer-events: none;
+  opacity: 0;
+  transform-origin: center;
+  transition: opacity 150ms ease;
+}
+
+.edge-indicator:hover .edge-label {
+  opacity: 1;
+}
+
+.remote-selection-box {
+  position: absolute;
+  top: 0;
+  left: 0;
+  border-width: 2px;
+  border-style: solid;
+  pointer-events: none;
+  will-change: transform, width, height;
+  transition: transform var(--kritzel-awareness-cursor-transition-duration, 100ms) ease-out,
+              width var(--kritzel-awareness-cursor-transition-duration, 100ms) ease-out,
+              height var(--kritzel-awareness-cursor-transition-duration, 100ms) ease-out;
+}

package/dist/collection/components/kritzel-awareness-cursors/kritzel-awareness-cursors.js

@@ -210,7 +210,7 @@ export class KritzelAwarenessCursors {
         void _ty;
         void this.objectVersion;
         const cursors = Array.from(this.remoteCursors.values());
-        return (h(Host, { key: 'cf00004efc0c60e81bd6b2f19ecb7ca066396980' }, cursors.map(remoteCursor => {
+        return (h(Host, { key: '2021875ea3e430c04da438dc5b7a2c22f119ea67' }, cursors.map(remoteCursor => {
             if (!remoteCursor.cursor)
                 return null;
             // When a remote user is actively drawing, derive cursor position from

package/dist/collection/components/kritzel-cursor-trail/kritzel-cursor-trail.css

@@ -1,10 +1,10 @@
-:host {
-  display: block;
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
-  pointer-events: none;
-  z-index: 9000;
-}
+:host {
+  display: block;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  pointer-events: none;
+  z-index: 9000;
+}

package/dist/collection/components/kritzel-cursor-trail/kritzel-cursor-trail.js

@@ -63,7 +63,7 @@ export class KritzelCursorTrail {
         }
     }
     render() {
-        return (h(Host, { key: '707e81b135931233131a830d6fc63e721e381287' }, this.cursorTrailPoints.length > 1 && (h("svg", { key: 'b262b0e3a0cf3b1887ee6acedb2f00d72e95db7e', class: "cursor-trail-svg", xmlns: "http://www.w3.org/2000/svg", style: {
+        return (h(Host, { key: '39d026a0d4c444564f146a90ea1a51181d0652b7' }, this.cursorTrailPoints.length > 1 && (h("svg", { key: '927e52cd0828a548ba58e0e783b1d148a40c968c', class: "cursor-trail-svg", xmlns: "http://www.w3.org/2000/svg", style: {
                 position: 'absolute',
                 left: '0',
                 top: '0',

package/dist/collection/components/kritzel-engine/kritzel-engine.css

@@ -1,81 +1,81 @@
-:host {
-  display: block;
-  position: relative;
-  height: 100%;
-  width: 100%;
-  overflow: hidden;
-  isolation: isolate;
-  background-color: var(--kritzel-engine-background-color, #ffffff);
-}
-
-:host,
-:host * {
-  touch-action: none;
-  user-select: none;
-}
-
-.ProseMirror {
-  outline: none;
-}
-
-p, h1, h2, h3, h4, h5, h6, blockquote, pre {
-  margin: 0;
-  padding: 0;
-}
-
-.debug-panel {
-  position: absolute;
-  pointer-events: none;
-  top: 0;
-  right: 0;
-}
-
-.origin {
-  position: relative;
-  top: 0;
-  left: 0;
-  height: 0;
-  width: 0;
-  pointer-events: none;
-  -webkit-transform-origin: top left;
-  -moz-transform-origin: top left;
-  transform-origin: top left;
-  overflow: visible;
-}
-
-.object {
-  overflow: visible;
-}
-
-.kritzel-image-object--first-reveal {
-  animation: kritzel-image-first-reveal 180ms ease-out both;
-  will-change: filter;
-}
-
-@keyframes kritzel-image-first-reveal {
-  from {
-    filter: opacity(0);
-  }
-
-  to {
-    filter: opacity(1);
-  }
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .kritzel-image-object--first-reveal {
-    animation: none;
-  }
-}
-
-.PlaygroundEditorTheme__quote {
-  margin: 0;
-  margin-left: 20px;
-  margin-bottom: 10px;
-  font-size: 15px;
-  color: rgb(101, 103, 107);
-  border-left-color: rgb(206, 208, 212);
-  border-left-width: 4px;
-  border-left-style: solid;
-  padding-left: 16px;
+:host {
+  display: block;
+  position: relative;
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+  isolation: isolate;
+  background-color: var(--kritzel-engine-background-color, #ffffff);
+}
+
+:host,
+:host * {
+  touch-action: none;
+  user-select: none;
+}
+
+.ProseMirror {
+  outline: none;
+}
+
+p, h1, h2, h3, h4, h5, h6, blockquote, pre {
+  margin: 0;
+  padding: 0;
+}
+
+.debug-panel {
+  position: absolute;
+  pointer-events: none;
+  top: 0;
+  right: 0;
+}
+
+.origin {
+  position: relative;
+  top: 0;
+  left: 0;
+  height: 0;
+  width: 0;
+  pointer-events: none;
+  -webkit-transform-origin: top left;
+  -moz-transform-origin: top left;
+  transform-origin: top left;
+  overflow: visible;
+}
+
+.object {
+  overflow: visible;
+}
+
+.kritzel-image-object--first-reveal {
+  animation: kritzel-image-first-reveal 180ms ease-out both;
+  will-change: filter;
+}
+
+@keyframes kritzel-image-first-reveal {
+  from {
+    filter: opacity(0);
+  }
+
+  to {
+    filter: opacity(1);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .kritzel-image-object--first-reveal {
+    animation: none;
+  }
+}
+
+.PlaygroundEditorTheme__quote {
+  margin: 0;
+  margin-left: 20px;
+  margin-bottom: 10px;
+  font-size: 15px;
+  color: rgb(101, 103, 107);
+  border-left-color: rgb(206, 208, 212);
+  border-left-width: 4px;
+  border-left-style: solid;
+  padding-left: 16px;
 }