@myoc/excalidraw 0.19.532 → 0.19.533

package/dist/dev/data/{image-S7APFFV6.js → image-XXT3R6SF.js}

@@ -2,12 +2,12 @@ import {
   decodePngMetadata,
   encodePngMetadata,
   getTEXtChunk
-} from "../chunk-ITMOGRAW.js";
-import "../chunk-ASAPRLCW.js";
+} from "../chunk-AR7I2OPB.js";
+import "../chunk-5CVRJMG3.js";
 import "../chunk-XDFCUUT6.js";
 export {
   decodePngMetadata,
   encodePngMetadata,
   getTEXtChunk
 };
-//# sourceMappingURL=image-S7APFFV6.js.map
+//# sourceMappingURL=image-XXT3R6SF.js.map

package/dist/dev/index.css

@@ -3573,6 +3573,245 @@ body.excalidraw-color-dnd-active * {
   margin-top: 1rem;
 }
 
+/* components/GifPlaybackControls.scss */
+.excalidraw .gif-playback-controls {
+  --gif-control-accent: var(--color-primary);
+  --gif-control-accent-hover: var(--color-primary-darker);
+  position: absolute;
+  z-index: var(--zIndex-layerUI);
+  pointer-events: var(--ui-pointerEvents);
+  font-family: var(--ui-font);
+}
+.excalidraw .gif-playback-controls__bar {
+  display: flex;
+  align-items: center;
+  gap: 0.125rem;
+  padding: 0.375rem;
+  border-radius: var(--border-radius-md);
+  background: var(--island-bg-color);
+  box-shadow: var(--shadow-island);
+  transform: translateX(-50%);
+}
+.excalidraw .gif-playback-controls__bar .gif-playback-controls__button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: 0 0 auto;
+  width: 2rem;
+  height: 2rem;
+  padding: 0;
+  border: 0;
+  border-radius: var(--border-radius-md);
+  background: transparent;
+  color: var(--text-primary-color);
+  font: inherit;
+  font-size: 0.6875rem;
+  font-weight: 700;
+  line-height: 1;
+  cursor: pointer;
+}
+.excalidraw .gif-playback-controls__bar .gif-playback-controls__button:hover {
+  background: var(--button-hover-bg);
+}
+.excalidraw .gif-playback-controls__bar .gif-playback-controls__button svg {
+  width: 1.125rem;
+  height: 1.125rem;
+  stroke: currentColor;
+  stroke-width: 1.25;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  fill: none;
+}
+.excalidraw .gif-playback-controls__bar .gif-playback-controls__button--speed {
+  width: 2.25rem;
+  color: var(--color-on-surface);
+  font-family: inherit;
+  font-size: 0.7rem;
+  font-weight: 600;
+}
+.excalidraw .gif-playback-controls--deferred {
+  transform: translateX(-100%);
+}
+.excalidraw .gif-playback-controls__deferred-badge {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.5rem;
+  height: 1.5rem;
+  color: white;
+  opacity: 0.78;
+  pointer-events: none;
+  transform: translate(-100%, -100%);
+}
+.excalidraw .gif-playback-controls__deferred-badge svg {
+  width: 100%;
+  height: 100%;
+}
+.excalidraw .gif-playback-controls__load-large {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 1.75rem;
+  max-width: min(11rem, 100vw - 3rem);
+  padding: 0 0.625rem;
+  border: 0;
+  border-radius: var(--border-radius-md);
+  background: var(--island-bg-color);
+  color: var(--text-primary-color);
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16);
+  font: inherit;
+  font-size: 0.75rem;
+  font-weight: 600;
+  opacity: 0.82;
+  white-space: nowrap;
+  cursor: pointer;
+}
+.excalidraw .gif-playback-controls__load-large:hover {
+  background: var(--button-hover-bg);
+  opacity: 1;
+}
+.excalidraw .gif-speed-picker {
+  position: fixed;
+  transform: translateX(-50%);
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 0.25rem;
+  width: max-content;
+  max-width: 90vw;
+  overflow-x: auto;
+  overscroll-behavior: contain;
+  padding: 0.2rem;
+  border-radius: var(--border-radius-md);
+  background: var(--island-bg-color);
+  box-shadow: var(--shadow-island);
+}
+.excalidraw .gif-speed-picker__speed {
+  position: relative;
+  z-index: 1;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 2.1rem;
+  height: 2rem;
+  padding: 0;
+  border: 0;
+  border-radius: var(--border-radius-md);
+  background: transparent;
+  color: var(--color-on-surface);
+  font-family: inherit;
+  font-size: 0.7rem;
+  font-weight: 600;
+  white-space: nowrap;
+  cursor: pointer;
+}
+.excalidraw .gif-speed-picker__speed:hover,
+.excalidraw .gif-speed-picker__speed--selected {
+  background: var(--button-hover-bg);
+}
+.excalidraw .gif-frame-gallery {
+  position: fixed;
+  transform: translateX(-50%);
+  max-width: 90vw;
+  overflow-x: auto;
+  overscroll-behavior: contain;
+  padding: 4px;
+  border-radius: var(--border-radius-md);
+  background: var(--island-bg-color);
+  box-shadow: var(--shadow-island);
+  scrollbar-color: var(--scrollbar-thumb) transparent;
+  scrollbar-width: thin;
+}
+.excalidraw .gif-frame-gallery::-webkit-scrollbar {
+  height: 2px;
+}
+.excalidraw .gif-frame-gallery::-webkit-scrollbar-button {
+  appearance: none;
+  -webkit-appearance: none;
+  display: none;
+  width: 0;
+  height: 0;
+  background: transparent;
+  color: var(--text-primary-color);
+  box-shadow: none;
+}
+.excalidraw .gif-frame-gallery::-webkit-scrollbar-button:single-button,
+.excalidraw .gif-frame-gallery::-webkit-scrollbar-button:horizontal,
+.excalidraw .gif-frame-gallery::-webkit-scrollbar-button:horizontal:start,
+.excalidraw .gif-frame-gallery::-webkit-scrollbar-button:horizontal:end,
+.excalidraw .gif-frame-gallery::-webkit-scrollbar-button:decrement,
+.excalidraw .gif-frame-gallery::-webkit-scrollbar-button:increment {
+  appearance: none;
+  -webkit-appearance: none;
+  display: none;
+  width: 0;
+  height: 0;
+  background: transparent;
+  color: var(--text-primary-color);
+  box-shadow: none;
+}
+.excalidraw .gif-frame-gallery::-webkit-scrollbar-button:horizontal:start:decrement,
+.excalidraw .gif-frame-gallery::-webkit-scrollbar-button:horizontal:end:increment {
+  appearance: none;
+  -webkit-appearance: none;
+  width: 0;
+  height: 0;
+  background: transparent;
+  color: var(--text-primary-color);
+  box-shadow: none;
+}
+.excalidraw .gif-frame-gallery::-webkit-scrollbar-track {
+  background: transparent;
+}
+.excalidraw .gif-frame-gallery::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  background-color: var(--scrollbar-thumb);
+}
+.excalidraw .gif-frame-gallery::-webkit-scrollbar-thumb:hover {
+  background-color: var(--scrollbar-thumb-hover);
+}
+.excalidraw .gif-frame-gallery::-webkit-scrollbar-thumb:active {
+  background-color: var(--scrollbar-thumb);
+}
+.excalidraw .gif-frame-gallery__spacer {
+  position: relative;
+  height: 3.75rem;
+}
+.excalidraw .gif-frame-gallery__frame {
+  position: absolute;
+  top: 0;
+  width: 4.75rem;
+  height: 3.75rem;
+  padding: 0;
+  border: 2px solid transparent;
+  border-radius: var(--border-radius-md);
+  background: var(--color-surface-low);
+  cursor: pointer;
+  overflow: hidden;
+}
+.excalidraw .gif-frame-gallery__frame--selected {
+  border-color: var(--gif-control-accent);
+}
+.excalidraw .gif-frame-gallery__frame canvas {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.excalidraw .gif-frame-gallery__frame span {
+  position: absolute;
+  right: 0.25rem;
+  bottom: 0.25rem;
+  min-width: 1rem;
+  padding: 0 0.1875rem;
+  border-radius: 4px;
+  background: rgba(0, 0, 0, 0.6);
+  color: white;
+  font-size: 0.6875rem;
+  font-weight: 700;
+  line-height: 1.125rem;
+  text-align: center;
+}
+
 /* components/HelpDialog.scss */
 .excalidraw.excalidraw-modal-container.HelpDialog__modalContainer {
   position: fixed;