From 2f406016b5d734c3df8c892e9c79182d5163c0a9 Mon Sep 17 00:00:00 2001
From: MattMo <matt@montoyatech.com>
Date: Mon, 4 Apr 2022 22:55:19 -0700
Subject: [PATCH] Added code so that if circular-progress is not center then it
 centers the progress bar.

---
 circular-progress.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/circular-progress.js b/circular-progress.js
index e1af870..a3f7e87 100644
--- a/circular-progress.js
+++ b/circular-progress.js
@@ -12,6 +12,12 @@ class CircularProgress extends IgniteElement {
             display: flex;
             flex-direction: column;
         }
+
+        mt-circular-progress > div:not(.center) {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
         
         mt-circular-progress > div {
             position: relative;
@@ -67,7 +73,7 @@ class CircularProgress extends IgniteElement {
 
     render() {
         return this.template.child(
-            new div().child(
+            new div().class(this.center, value => value ? "center" : null).child(
                 new svg()
                     .attribute("viewBox", "22 22 44 44")
                     .style("width", this.size)