@buoy-gg/floating-tools-core 2.1.10 → 2.1.11

package/lib/commonjs/icons/icon-factories.js

@@ -1 +1,173 @@
-"use strict";function createNode(e,r,t,o={}){return{type:"circle",cx:e,cy:r,r:t,fill:o.fill??"color",glow:o.glow,glowRadius:o.glowRadius,opacity:o.opacity,scaleX:o.scaleX,scaleY:o.scaleY}}function createLine(e,r,t,o,c={}){return{type:"line",x1:e,y1:r,x2:t,y2:o,stroke:c.stroke??"color",strokeWidth:c.strokeWidth??1,glow:c.glow,glowRadius:c.glowRadius,opacity:c.opacity}}function createRing(e,r,t,o={}){return{type:"circle",cx:e,cy:r,r:t,fill:void 0,border:!0,borderWidth:o.borderWidth??1.5,opacity:o.opacity,scaleX:o.scaleX,scaleY:o.scaleY}}function createDot(e,r,t=2){return{type:"circle",cx:e,cy:r,r:t,fill:"color"}}function createGlow(e,r,t,o=.3){return{type:"circle",cx:e,cy:r,r:t,fill:"color",opacity:o,glow:!0,glowRadius:t}}function createArrow(e,r,t,o,c={}){return{type:"triangle",x:e,y:r,size:t,direction:o,fill:c.fill??"color",opacity:c.opacity,rotation:c.rotation}}function createBar(e,r,t,o,c={}){return{type:"rect",x:e,y:r,width:t,height:o,fill:c.fill??"color",opacity:c.opacity,borderRadius:c.borderRadius??Math.min(t,o)/4}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.createArrow=createArrow,exports.createBar=createBar,exports.createDot=createDot,exports.createGlow=createGlow,exports.createLine=createLine,exports.createNode=createNode,exports.createRing=createRing;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createArrow = createArrow;
+exports.createBar = createBar;
+exports.createDot = createDot;
+exports.createGlow = createGlow;
+exports.createLine = createLine;
+exports.createNode = createNode;
+exports.createRing = createRing;
+/**
+ * Icon Factories - Helper functions to create icon elements
+ *
+ * These factories reduce verbosity and provide sensible defaults
+ * for common icon patterns.
+ */
+
+// ===========================================
+// Types (re-exported from icon-renderer for convenience)
+// ===========================================
+
+// ===========================================
+// Factory Options
+// ===========================================
+
+// ===========================================
+// Factory Functions
+// ===========================================
+
+/**
+ * Creates a filled circle node (common pattern: glowing center point)
+ *
+ * @example
+ * createNode(0, -4, 3)           // Simple 3px radius node at center-top
+ * createNode(0, 0, 4, { glow: true })  // Glowing center node
+ */
+function createNode(cx, cy, r, options = {}) {
+  return {
+    type: 'circle',
+    cx,
+    cy,
+    r,
+    fill: options.fill ?? 'color',
+    glow: options.glow,
+    glowRadius: options.glowRadius,
+    opacity: options.opacity,
+    scaleX: options.scaleX,
+    scaleY: options.scaleY
+  };
+}
+
+/**
+ * Creates a line connection between two points
+ *
+ * @example
+ * createLine(0, -4, -6, 4)       // Simple connection line
+ * createLine(0, 0, 5, 5, { opacity: 0.6, strokeWidth: 1.5 })
+ */
+function createLine(x1, y1, x2, y2, options = {}) {
+  return {
+    type: 'line',
+    x1,
+    y1,
+    x2,
+    y2,
+    stroke: options.stroke ?? 'color',
+    strokeWidth: options.strokeWidth ?? 1,
+    glow: options.glow,
+    glowRadius: options.glowRadius,
+    opacity: options.opacity
+  };
+}
+
+/**
+ * Creates a ring (circle with border only, no fill)
+ *
+ * @example
+ * createRing(0, 0, 8)            // Simple ring
+ * createRing(0, 0, 6, { borderWidth: 2, opacity: 0.5 })
+ */
+function createRing(cx, cy, r, options = {}) {
+  return {
+    type: 'circle',
+    cx,
+    cy,
+    r,
+    fill: undefined,
+    // No fill
+    border: true,
+    borderWidth: options.borderWidth ?? 1.5,
+    opacity: options.opacity,
+    scaleX: options.scaleX,
+    scaleY: options.scaleY
+  };
+}
+
+/**
+ * Creates a small indicator dot
+ *
+ * @example
+ * createDot(5, 5)                // Default 2px dot
+ * createDot(5, 5, 1.5)           // Custom size
+ */
+function createDot(cx, cy, r = 2) {
+  return {
+    type: 'circle',
+    cx,
+    cy,
+    r,
+    fill: 'color'
+  };
+}
+
+/**
+ * Creates a glow effect circle (background element)
+ *
+ * @example
+ * createGlow(0, 0, 6)            // Subtle glow behind other elements
+ */
+function createGlow(cx, cy, r, opacity = 0.3) {
+  return {
+    type: 'circle',
+    cx,
+    cy,
+    r,
+    fill: 'color',
+    opacity,
+    glow: true,
+    glowRadius: r
+  };
+}
+
+/**
+ * Creates an arrow/chevron triangle
+ *
+ * @example
+ * createArrow(0, 5, 4, 'down')   // Downward arrow
+ * createArrow(3, 0, 3, 'right')  // Right-pointing chevron
+ */
+function createArrow(x, y, size, direction, options = {}) {
+  return {
+    type: 'triangle',
+    x,
+    y,
+    size,
+    direction,
+    fill: options.fill ?? 'color',
+    opacity: options.opacity,
+    rotation: options.rotation
+  };
+}
+
+/**
+ * Creates a rectangle bar (useful for charts, progress indicators)
+ *
+ * @example
+ * createBar(-4, 2, 8, 2)         // Horizontal bar
+ * createBar(0, -3, 2, 6)         // Vertical bar
+ */
+function createBar(x, y, width, height, options = {}) {
+  return {
+    type: 'rect',
+    x,
+    y,
+    width,
+    height,
+    fill: options.fill ?? 'color',
+    opacity: options.opacity,
+    borderRadius: options.borderRadius ?? Math.min(width, height) / 4
+  };
+}