apexify.js 4.6.2 → 4.7.0

package/dist/esm/canvas/utils/Background/radius.js

@@ -1,104 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.radiusBorder = radiusBorder;
-/**
- * Applies a radius border (clipping path) to the canvas context with support for selective corner rounding.
- *
- * @param ctx The canvas rendering context.
- * @param x The x-coordinate of the rectangle.
- * @param y The y-coordinate of the rectangle.
- * @param width The width of the rectangle.
- * @param height The height of the rectangle.
- * @param radius The radius for rounding the corners.
- * @param borderPosition Which corners to round. Valid values include:
- *    - "all" (default)
- *    - "top", "bottom", "left", "right"
- *    - "top-left", "top-right", "bottom-left", "bottom-right"
- *    - A comma-separated list, e.g. "top, left, bottom" (for three sides) or "top-left, bottom-right"
- */
-function radiusBorder(ctx, x = 0, y = 0, width, height, radius = 0, borderPosition = 'all') {
-    const minDimension = Math.min(width, height);
-    const maxRadius = minDimension / 2;
-    const clipRadius = Math.min(radius, maxRadius);
-    let roundTopLeft = false;
-    let roundTopRight = false;
-    let roundBottomRight = false;
-    let roundBottomLeft = false;
-    const bp = borderPosition.trim().toLowerCase();
-    if (bp === 'all') {
-        roundTopLeft = roundTopRight = roundBottomRight = roundBottomLeft = true;
-    }
-    else if (bp === 'top') {
-        roundTopLeft = roundTopRight = true;
-    }
-    else if (bp === 'bottom') {
-        roundBottomLeft = roundBottomRight = true;
-    }
-    else if (bp === 'left') {
-        roundTopLeft = roundBottomLeft = true;
-    }
-    else if (bp === 'right') {
-        roundTopRight = roundBottomRight = true;
-    }
-    else if (bp === 'top-left') {
-        roundTopLeft = true;
-    }
-    else if (bp === 'top-right') {
-        roundTopRight = true;
-    }
-    else if (bp === 'bottom-left') {
-        roundBottomLeft = true;
-    }
-    else if (bp === 'bottom-right') {
-        roundBottomRight = true;
-    }
-    else {
-        const positions = bp.split(',').map(s => s.trim());
-        roundTopLeft =
-            positions.includes('top-left') || (positions.includes('top') && positions.includes('left'));
-        roundTopRight =
-            positions.includes('top-right') || (positions.includes('top') && positions.includes('right'));
-        roundBottomRight =
-            positions.includes('bottom-right') || (positions.includes('bottom') && positions.includes('right'));
-        roundBottomLeft =
-            positions.includes('bottom-left') || (positions.includes('bottom') && positions.includes('left'));
-    }
-    const tl = roundTopLeft ? clipRadius : 0;
-    const tr = roundTopRight ? clipRadius : 0;
-    const br = roundBottomRight ? clipRadius : 0;
-    const bl = roundBottomLeft ? clipRadius : 0;
-    ctx.save();
-    ctx.beginPath();
-    ctx.moveTo(x + tl, y);
-    ctx.lineTo(x + width - tr, y);
-    if (tr > 0) {
-        ctx.quadraticCurveTo(x + width, y, x + width, y + tr);
-    }
-    else {
-        ctx.lineTo(x + width, y);
-    }
-    ctx.lineTo(x + width, y + height - br);
-    if (br > 0) {
-        ctx.quadraticCurveTo(x + width, y + height, x + width - br, y + height);
-    }
-    else {
-        ctx.lineTo(x + width, y + height);
-    }
-    ctx.lineTo(x + bl, y + height);
-    if (bl > 0) {
-        ctx.quadraticCurveTo(x, y + height, x, y + height - bl);
-    }
-    else {
-        ctx.lineTo(x, y + height);
-    }
-    ctx.lineTo(x, y + tl);
-    if (tl > 0) {
-        ctx.quadraticCurveTo(x, y, x + tl, y);
-    }
-    else {
-        ctx.lineTo(x, y);
-    }
-    ctx.closePath();
-    ctx.clip();
-}
-//# sourceMappingURL=radius.js.map

package/dist/esm/canvas/utils/Background/radius.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"radius.js","sourceRoot":"","sources":["../../../../../lib/canvas/utils/Background/radius.ts"],"names":[],"mappings":"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"}

package/lib/canvas/utils/Background/circular.ts

@@ -1,17 +0,0 @@
-import { SKRSContext2D } from "@napi-rs/canvas";
-
-export function circularBorder(
-    ctx: SKRSContext2D,
-    width: number,
-    height: number,
-    radius: number = 0
-  ): void {
-    const minDimension = Math.min(width, height);
-    const clipRadius = minDimension / 2 + radius;
-    ctx.save();
-    ctx.beginPath();
-    ctx.arc(width / 2, height / 2, clipRadius, 0, Math.PI * 2);
-    ctx.closePath();
-    ctx.clip();
-  }
-  

package/lib/canvas/utils/Background/radius.ts

@@ -1,102 +0,0 @@
-import { SKRSContext2D } from "@napi-rs/canvas";
-
-/**
- * Applies a radius border (clipping path) to the canvas context with support for selective corner rounding.
- *
- * @param ctx The canvas rendering context.
- * @param x The x-coordinate of the rectangle.
- * @param y The y-coordinate of the rectangle.
- * @param width The width of the rectangle.
- * @param height The height of the rectangle.
- * @param radius The radius for rounding the corners.
- * @param borderPosition Which corners to round. Valid values include:
- *    - "all" (default)
- *    - "top", "bottom", "left", "right"
- *    - "top-left", "top-right", "bottom-left", "bottom-right"
- *    - A comma-separated list, e.g. "top, left, bottom" (for three sides) or "top-left, bottom-right"
- */
-export function radiusBorder(
-  ctx: SKRSContext2D,
-  x: number = 0,
-  y: number = 0,
-  width: number,
-  height: number,
-  radius: number = 0,
-  borderPosition: string = 'all'
-): void {
-  const minDimension = Math.min(width, height);
-  const maxRadius = minDimension / 2;
-  const clipRadius = Math.min(radius, maxRadius);
-
-  let roundTopLeft = false;
-  let roundTopRight = false;
-  let roundBottomRight = false;
-  let roundBottomLeft = false;
-
-  const bp = borderPosition.trim().toLowerCase();
-
-  if (bp === 'all') {
-    roundTopLeft = roundTopRight = roundBottomRight = roundBottomLeft = true;
-  } else if (bp === 'top') {
-    roundTopLeft = roundTopRight = true;
-  } else if (bp === 'bottom') {
-    roundBottomLeft = roundBottomRight = true;
-  } else if (bp === 'left') {
-    roundTopLeft = roundBottomLeft = true;
-  } else if (bp === 'right') {
-    roundTopRight = roundBottomRight = true;
-  } else if (bp === 'top-left') {
-    roundTopLeft = true;
-  } else if (bp === 'top-right') {
-    roundTopRight = true;
-  } else if (bp === 'bottom-left') {
-    roundBottomLeft = true;
-  } else if (bp === 'bottom-right') {
-    roundBottomRight = true;
-  } else {
-    const positions = bp.split(',').map(s => s.trim());
-    roundTopLeft =
-      positions.includes('top-left') || (positions.includes('top') && positions.includes('left'));
-    roundTopRight =
-      positions.includes('top-right') || (positions.includes('top') && positions.includes('right'));
-    roundBottomRight =
-      positions.includes('bottom-right') || (positions.includes('bottom') && positions.includes('right'));
-    roundBottomLeft =
-      positions.includes('bottom-left') || (positions.includes('bottom') && positions.includes('left'));
-  }
-
-  const tl = roundTopLeft ? clipRadius : 0;
-  const tr = roundTopRight ? clipRadius : 0;
-  const br = roundBottomRight ? clipRadius : 0;
-  const bl = roundBottomLeft ? clipRadius : 0;
-
-  ctx.save();
-  ctx.beginPath();
-  ctx.moveTo(x + tl, y);
-  ctx.lineTo(x + width - tr, y);
-  if (tr > 0) {
-    ctx.quadraticCurveTo(x + width, y, x + width, y + tr);
-  } else {
-    ctx.lineTo(x + width, y);
-  }
-  ctx.lineTo(x + width, y + height - br);
-  if (br > 0) {
-    ctx.quadraticCurveTo(x + width, y + height, x + width - br, y + height);
-  } else {
-    ctx.lineTo(x + width, y + height);
-  }
-  ctx.lineTo(x + bl, y + height);
-  if (bl > 0) {
-    ctx.quadraticCurveTo(x, y + height, x, y + height - bl);
-  } else {
-    ctx.lineTo(x, y + height);
-  }
-  ctx.lineTo(x, y + tl);
-  if (tl > 0) {
-    ctx.quadraticCurveTo(x, y, x + tl, y);
-  } else {
-    ctx.lineTo(x, y);
-  }
-  ctx.closePath();
-  ctx.clip();
-}