@twick/video-editor 0.14.2 → 0.14.3

package/dist/index.mjs

@@ -6816,32 +6816,53 @@ let vh$1 = class vh extends Ba {
 };
 t(vh$1, "type", "Vibrance"), t(vh$1, "defaults", { vibrance: 0 }), t(vh$1, "uniformLocations", ["uVibrance"]), tt.setClass(vh$1);
 const DEFAULT_TEXT_PROPS = {
+  /** Font family for text elements */
   family: "Poppins",
+  /** Font size in pixels */
   size: 48,
+  /** Text fill color */
   fill: "#FFFFFF",
+  /** Text stroke color */
   stroke: "#000000",
+  /** Stroke line width */
   lineWidth: 0
 };
 const DEFAULT_CAPTION_PROPS = {
+  /** Font family for caption elements */
   family: "Poppins",
+  /** Font size in pixels */
   size: 48,
+  /** Text fill color */
   fill: "#FFFFFF",
+  /** Font weight */
   fontWeight: 600,
+  /** Text stroke color */
   stroke: "#000000",
+  /** Stroke line width */
   lineWidth: 0.2,
+  /** Shadow color */
   shadowColor: "#000000",
+  /** Shadow blur radius */
   shadowBlur: 2,
+  /** Shadow offset [x, y] */
   shadowOffset: [0, 0]
 };
 const CANVAS_OPERATIONS = {
+  /** An item has been selected on the canvas */
   ITEM_SELECTED: "ITEM_SELECTED",
+  /** An item has been updated/modified on the canvas */
   ITEM_UPDATED: "ITEM_UPDATED"
 };
 const ELEMENT_TYPES = {
+  /** Text element type */
   TEXT: "text",
+  /** Caption element type */
   CAPTION: "caption",
+  /** Image element type */
   IMAGE: "image",
+  /** Video element type */
   VIDEO: "video",
+  /** Rectangle element type */
   RECT: "rect"
 };
 const isBrowser$2 = typeof window !== "undefined";
@@ -6944,14 +6965,21 @@ const getCurrentFrameEffect = (item, seekTime) => {
   return currentFrameEffect;
 };
 const disabledControl = new Hs({
+  /** X position offset */
   x: 0,
+  /** Y position offset */
   y: -0.5,
+  /** Additional Y offset */
   offsetY: 0,
+  /** Cursor style when hovering */
   cursorStyle: "pointer",
+  /** Action handler that does nothing */
   actionHandler: () => {
     return true;
   },
+  /** Name of the action */
   actionName: "scale",
+  /** Render function for the control */
   render: function(ctx, left, top) {
     const size = 0;
     ctx.save();
@@ -6962,12 +6990,19 @@ const disabledControl = new Hs({
   }
 });
 const rotateControl = new Hs({
+  /** X position offset */
   x: 0,
+  /** Y position offset */
   y: -0.5,
+  /** Additional Y offset for positioning */
   offsetY: -25,
+  /** Cursor style when hovering */
   cursorStyle: "crosshair",
+  /** Action handler with rotation and snapping */
   actionHandler: Ma.rotationWithSnapping,
+  /** Name of the action */
   actionName: "rotate",
+  /** Whether to show connection line */
   withConnection: true
 });
 const getThumbnail = async (videoUrl, seekTime = 0.1, playbackRate = 1) => {
@@ -7908,7 +7943,7 @@ const PlayerManager = ({
           {
             className: "twick-editor-loading-overlay",
             style: {
-              opacity: playerUpdating ? 1 : 0
+              display: playerUpdating ? "flex" : "none"
             },
             children: playerUpdating ? /* @__PURE__ */ jsx("div", { className: "twick-editor-loading-spinner" }) : null
           }
@@ -16849,61 +16884,87 @@ const INITIAL_TIMELINE_DATA = {
 };
 const MIN_DURATION = 0.1;
 const DRAG_TYPE = {
+  /** Drag operation is starting */
   START: "start",
+  /** Drag operation is in progress */
   MOVE: "move",
+  /** Drag operation has ended */
   END: "end"
 };
 const DEFAULT_TIMELINE_ZOOM = 1.5;
 const DEFAULT_ELEMENT_COLORS = {
+  /** Fragment element color */
   fragment: "#111111",
+  /** Video element color - muted deep violet */
   video: "#4B2E83",
-  // Muted deep violet (primary purple tone)
+  /** Caption element color - faded violet/blue */
   caption: "#5C5470",
-  // Faded violet/blue
+  /** Image element color - earthy brown-orange */
   image: "#805A38",
-  // Earthy brown-orange
+  /** Audio element color - dark muted teal-green */
   audio: "#3C665B",
-  // Dark muted teal-green
+  /** Text element color - dusty steel blue */
   text: "#375A7F",
-  // Dusty steel blue
+  /** Generic element color - muted berry purple */
   element: "#6B3A5B",
-  // Muted berry purple
+  /** Rectangle element color - desaturated deep indigo */
   rect: "#4C3A72",
-  // Desaturated deep indigo
+  /** Frame effect color - dusty rose/maroon */
   frameEffect: "#703C57",
-  // Dusty rose/maroon
+  /** Filters color - muted twilight purple */
   filters: "#5A4C82",
-  // Muted twilight purple
+  /** Transition color - toasted copper */
   transition: "#7A573A",
-  // Toasted copper
+  /** Animation color - slate pine green */
   animation: "#32645C"
-  // Slate pine green
 };
 const AVAILABLE_TEXT_FONTS = {
   // Google Fonts
+  /** Modern sans-serif font */
   RUBIK: "Rubik",
+  /** Clean and readable font */
   MULISH: "Mulish",
+  /** Bold display font */
   LUCKIEST_GUY: "Luckiest Guy",
+  /** Elegant serif font */
   PLAYFAIR_DISPLAY: "Playfair Display",
+  /** Classic sans-serif font */
   ROBOTO: "Roboto",
+  /** Modern geometric font */
   POPPINS: "Poppins",
   // Display and Decorative Fonts
+  /** Comic-style display font */
   BANGERS: "Bangers",
+  /** Handwritten-style font */
   BIRTHSTONE: "Birthstone",
+  /** Elegant script font */
   CORINTHIA: "Corinthia",
+  /** Formal script font */
   IMPERIAL_SCRIPT: "Imperial Script",
+  /** Bold outline font */
   KUMAR_ONE_OUTLINE: "Kumar One Outline",
+  /** Light outline font */
   LONDRI_OUTLINE: "Londrina Outline",
+  /** Casual script font */
   MARCK_SCRIPT: "Marck Script",
+  /** Modern sans-serif font */
   MONTSERRAT: "Montserrat",
+  /** Stylish display font */
   PATTAYA: "Pattaya",
   // CDN Fonts
+  /** Unique display font */
   PERALTA: "Peralta",
+  /** Bold impact font */
   IMPACT: "Impact",
+  /** Handwritten-style font */
   LUMANOSIMO: "Lumanosimo",
+  /** Custom display font */
   KAPAKANA: "Kapakana",
+  /** Handwritten font */
   HANDYRUSH: "HandyRush",
+  /** Decorative font */
   DASHER: "Dasher",
+  /** Signature-style font */
   BRITTANY_SIGNATURE: "Brittany Signature"
 };
 let ELEMENT_COLORS = { ...DEFAULT_ELEMENT_COLORS };