@orangecatai/element 0.0.3 → 0.0.4

package/dist/dev/index.js

@@ -3222,6 +3222,9 @@ var isInitializedImageElement = (element) => {
 var isImageElement = (element) => {
   return !!element && element.type === "image";
 };
+var isVideoElement = (element) => {
+  return !!element && element.type === "video";
+};
 var isEmbeddableElement = (element) => {
   return !!element && element.type === "embeddable";
 };
@@ -3309,6 +3312,7 @@ var isExcalidrawElement = (element) => {
     case "frame":
     case "magicframe":
     case "image":
+    case "video":
     case "selection": {
       return true;
     }
@@ -4793,6 +4797,7 @@ var distanceToElement = (element, elementsMap, p) => {
     case "selection":
     case "rectangle":
     case "image":
+    case "video":
     case "text":
     case "iframe":
     case "embeddable":
@@ -5044,6 +5049,7 @@ var intersectElementWithLineSegment = (element, elementsMap, line2, offset = 0,
   switch (element.type) {
     case "rectangle":
     case "image":
+    case "video":
     case "text":
     case "iframe":
     case "embeddable":
@@ -11855,6 +11861,7 @@ var drawElementOnCanvas = (element, rc, context, renderConfig) => {
     case "rectangle":
     case "iframe":
     case "embeddable":
+    case "video":
     case "diamond":
     case "ellipse": {
       context.lineJoin = "round";
@@ -12201,7 +12208,8 @@ var renderElement = (element, elementsMap, allElementsMap, rc, context, renderCo
     case "image":
     case "text":
     case "iframe":
-    case "embeddable": {
+    case "embeddable":
+    case "video": {
       if (renderConfig.isExporting) {
         const [x1, y1, x2, y2] = getElementAbsoluteCoords2(element, elementsMap);
         const cx = (x1 + x2) / 2 + appState.scrollX;
@@ -12483,6 +12491,7 @@ var generateRoughOptions = (element, continuousPath = false, isDarkMode = false)
     case "rectangle":
     case "iframe":
     case "embeddable":
+    case "video":
     case "diamond":
     case "ellipse": {
       options.fillStyle = element.fillStyle;
@@ -12785,7 +12794,8 @@ var _generateElementShape = (element, generator, {
   switch (element.type) {
     case "rectangle":
     case "iframe":
-    case "embeddable": {
+    case "embeddable":
+    case "video": {
       let shape;
       if (element.roundness) {
         const w = element.width;
@@ -13022,6 +13032,7 @@ var getElementShape = (element, elementsMap) => {
     case "magicframe":
     case "embeddable":
     case "image":
+    case "video":
     case "iframe":
     case "text":
     case "selection":
@@ -17883,6 +17894,19 @@ var newImageElement = (opts) => {
     crop: opts.crop ?? null
   };
 };
+var newVideoElement = (opts) => {
+  return {
+    ..._newElementBase("video", opts),
+    strokeColor: "transparent",
+    status: opts.status ?? "idle",
+    videoUrl: opts.videoUrl ?? null,
+    mimeType: opts.mimeType ?? null,
+    thumbnailDataUrl: opts.thumbnailDataUrl ?? null,
+    duration: opts.duration ?? 0,
+    naturalWidth: opts.naturalWidth ?? 0,
+    naturalHeight: opts.naturalHeight ?? 0
+  };
+};
 
 // src/embeddable.ts
 var embeddedLinkCache = /* @__PURE__ */ new Map();
@@ -21906,6 +21930,7 @@ export {
   isUsingProportionalRadius,
   isValidPolygon,
   isValidTextContainer,
+  isVideoElement,
   loadHTMLImageElement,
   makeNextSelectedElementIds,
   maxBindingDistance_simple,
@@ -21930,6 +21955,7 @@ export {
   newLinearElement,
   newMagicFrameElement,
   newTextElement,
+  newVideoElement,
   normalizeElementOrder,
   normalizeFixedPoint,
   normalizeSVG,