From 63346cfd7a87838ff68a7ae6171920af23871d8c Mon Sep 17 00:00:00 2001
From: Trevor Buckner <calculuschild@gmail.com>
Date: Tue, 7 Feb 2023 10:31:29 -0500
Subject: [PATCH] Add subsnippets for edge masks

---
 themes/V3/Blank/snippets.js               | 24 ++++++++++++++++++++++-
 themes/V3/Blank/snippets/imageMask.gen.js | 11 +++++++++--
 2 files changed, 32 insertions(+), 3 deletions(-)

diff --git a/themes/V3/Blank/snippets.js b/themes/V3/Blank/snippets.js
index 15accd7f3..998f90f99 100644
--- a/themes/V3/Blank/snippets.js
+++ b/themes/V3/Blank/snippets.js
@@ -104,7 +104,29 @@ module.exports = [
 			{
 				name : 'Watercolor Image Mask Edge',
 				icon : 'fas fa-fill-drip',
-				gen  : ImageMaskGen.edge,
+				gen  : ImageMaskGen.edge('bottom'),
+				subsnippets : [
+					{
+						name : 'Top',
+						icon : 'fac position-top',
+						gen  : ImageMaskGen.edge('top'),
+					},
+					{
+						name : 'Right',
+						icon : 'fac position-right',
+						gen  : ImageMaskGen.edge('right'),
+					},
+					{
+						name : 'Bottom',
+						icon : 'fac position-bottom',
+						gen  : ImageMaskGen.edge('bottom'),
+					},
+					{
+						name : 'Left',
+						icon : 'fac position-left',
+						gen  : ImageMaskGen.edge('left'),
+					},
+				]
 			},
 			{
 				name : 'Watercolor Image Mask Corner',
diff --git a/themes/V3/Blank/snippets/imageMask.gen.js b/themes/V3/Blank/snippets/imageMask.gen.js
index 144239896..67456562d 100644
--- a/themes/V3/Blank/snippets/imageMask.gen.js
+++ b/themes/V3/Blank/snippets/imageMask.gen.js
@@ -2,9 +2,16 @@ const _ = require('lodash');
 const dedent = require('dedent-tabs').default;
 
 module.exports = {
-	edge : ()=>{
+	edge : (side = 'bottom')=>{
+		let rotation;
+		switch (side){
+			case 'bottom': rotation = 0; break;
+			case 'top'   : rotation = 180; break;
+			case 'left'  : rotation = 90; break;
+			case 'right' : rotation = 270; break;
+		}
 		return dedent`
-			{{imageMaskEdge${_.random(1, 8)},--offset:0cm,--rotation:0
+			{{imageMaskEdge${_.random(1, 8)},--offset:0cm,--rotation:${rotation};
 			  ![](https://i.imgur.com/GZfjDWV.png){height:100%}
 			}}
 			<!-- Use --offset to shift the edge up or down from the page center.