From dd09dcec6a3e76c7957a81525a8b0dd9dd8b012a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Michal=20Bryxi=CC=81?= <michal.bryxi@gmail.com>
Date: Mon, 30 Sep 2024 23:54:49 +0200
Subject: [PATCH] feat: Start offset

---
 app/components/avatar/badge.gjs          | 1 +
 app/components/open-to/toggles/index.gjs | 8 ++++++++
 app/services/settings.js                 | 1 +
 translations/en-us.yaml                  | 1 +
 4 files changed, 11 insertions(+)

diff --git a/app/components/avatar/badge.gjs b/app/components/avatar/badge.gjs
index 693382c..19377bc 100644
--- a/app/components/avatar/badge.gjs
+++ b/app/components/avatar/badge.gjs
@@ -79,6 +79,7 @@ export default class OpenToFiles extends Component {
           xlink:href='#curve'
           id='textPath1'
           dx='2.72'
+          startOffset='{{this.settings.textOffset}}'
         >{{this.settings.text}}</textPath></text></svg>
   </template>
 }
diff --git a/app/components/open-to/toggles/index.gjs b/app/components/open-to/toggles/index.gjs
index 8d966b8..8e9bfa9 100644
--- a/app/components/open-to/toggles/index.gjs
+++ b/app/components/open-to/toggles/index.gjs
@@ -61,6 +61,14 @@ export default class OpenToToggles extends Component {
         @onChange={{set this.settings 'backgroundColour'}}
         @classes={{hash input='p-1 h-11'}}
       />
+      <Input
+        @type='range'
+        @label={{t 'toggles.text-offset'}}
+        @value={{this.settings.textOffset}}
+        @onInput={{set this.settings 'textOffset'}}
+        min='0'
+        max='200'
+      />
     </form>
   </template>
 }
diff --git a/app/services/settings.js b/app/services/settings.js
index d05bc4b..91b2de2 100644
--- a/app/services/settings.js
+++ b/app/services/settings.js
@@ -7,4 +7,5 @@ export default class SettingsService extends Service {
   @tracked colourStop = '#ec4899';
   @tracked cropToCircle = true;
   @tracked backgroundColour = null;
+  @tracked textOffset = 0;
 }
diff --git a/translations/en-us.yaml b/translations/en-us.yaml
index f257307..e1cb944 100644
--- a/translations/en-us.yaml
+++ b/translations/en-us.yaml
@@ -13,6 +13,7 @@ toggles:
     circle: Circle
     square: Square
   background-colour: Background colour
+  text-offset: Text offset
 export:
   button: Export
 footer: