From 3818c4c130bf05978c755fe73a13a54e5b64ff36 Mon Sep 17 00:00:00 2001
From: sudheepdivakargithub <sudheepdivakar@gmail.com>
Date: Mon, 10 Jan 2022 20:05:02 +0530
Subject: [PATCH 01/40] Update go-button.component.scss

Changes for split button option text not to wrap and grow towards left.
---
 .../src/lib/components/go-button/go-button.component.scss       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/projects/go-lib/src/lib/components/go-button/go-button.component.scss b/projects/go-lib/src/lib/components/go-button/go-button.component.scss
index a5194aa35..55b03321b 100644
--- a/projects/go-lib/src/lib/components/go-button/go-button.component.scss
+++ b/projects/go-lib/src/lib/components/go-button/go-button.component.scss
@@ -468,6 +468,7 @@ $button-shadow-secondary-active: 0 0 0 3px transparentize($theme-light-bg-hover,
     right: 0;
     top: calc(2rem + 2px);
     visibility: hidden;
+    white-space: nowrap;
 
     &--active {
       opacity: 1;
@@ -482,7 +483,6 @@ $button-shadow-secondary-active: 0 0 0 3px transparentize($theme-light-bg-hover,
     cursor: pointer;
     font-size: .875rem;
     font-weight: normal;
-    max-width: 10rem;
     padding: .75rem;
 
     &:hover {

From e5a6c86231d572c020043cea684aedea8166b65b Mon Sep 17 00:00:00 2001
From: adhiyan-tangoe <adhiyan.c@tangoe.com>
Date: Mon, 26 Sep 2022 23:29:09 +0530
Subject: [PATCH 02/40] GOP-877-BUG-minimum_height_for_textarea

Fixed GOP-876 uniform card margins, GOP-877 set minimum_height_for_textarea and GOP-847 file uploading component bug fix.
---
 .../go-file-upload.component.ts               |  4 ++-
 .../go-text-area/go-text-area.component.html  |  2 +-
 projects/go-lib/styles/_forms.scss            | 29 +++++++++++--------
 projects/go-lib/styles/_typography.scss       |  4 +++
 4 files changed, 25 insertions(+), 14 deletions(-)

diff --git a/projects/go-lib/src/lib/components/go-file-upload/go-file-upload.component.ts b/projects/go-lib/src/lib/components/go-file-upload/go-file-upload.component.ts
index 6f40606e5..526f0e810 100644
--- a/projects/go-lib/src/lib/components/go-file-upload/go-file-upload.component.ts
+++ b/projects/go-lib/src/lib/components/go-file-upload/go-file-upload.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnDestroy, OnInit } from '@angular/core';
+import { Component, Input, OnDestroy, OnInit, ViewChild } from '@angular/core';
 import { AbstractControl, FormArray, FormBuilder, FormGroup } from '@angular/forms';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
@@ -20,6 +20,7 @@ export class GoFileUploadComponent extends GoFormBaseComponent implements OnInit
   @Input() isLoading: boolean = false;
   @Input() multiple: boolean = false;
   @Input() state: 'selecting' | 'selected' = 'selecting';
+  @ViewChild('filePicker') filePicker: any;
 
   ngOnInit(): void {
     this.fb = new FormBuilder();
@@ -51,6 +52,7 @@ export class GoFileUploadComponent extends GoFormBaseComponent implements OnInit
         this.filePreview.push(file.name);
       });
     }
+    this.filePicker.nativeElement.value = '';
   }
 
   removeFile(index: number): void {
diff --git a/projects/go-lib/src/lib/components/go-text-area/go-text-area.component.html b/projects/go-lib/src/lib/components/go-text-area/go-text-area.component.html
index 0cc74e6a5..741651ca6 100644
--- a/projects/go-lib/src/lib/components/go-text-area/go-text-area.component.html
+++ b/projects/go-lib/src/lib/components/go-text-area/go-text-area.component.html
@@ -9,7 +9,7 @@
     <go-required-text [control]="control"></go-required-text>
   </label>
   <textarea
-    class="go-form__input"
+    class="go-form__input go-form__textarea"
     [id]="_id"
     [ngClass]="inputClasses"
     [placeholder]="placeholder"
diff --git a/projects/go-lib/styles/_forms.scss b/projects/go-lib/styles/_forms.scss
index caedb179e..4b17166a2 100644
--- a/projects/go-lib/styles/_forms.scss
+++ b/projects/go-lib/styles/_forms.scss
@@ -1,10 +1,9 @@
-@import './variables';
-@import './mixins';
+@import "./variables";
+@import "./mixins";
 
-$input--disabled-background: rgba($base-dark-secondary, .4);
+$input--disabled-background: rgba($base-dark-secondary, 0.4);
 
 .go-form {
-
   // Fieldsets
   // ---------------------------------------------
   &__fieldset {
@@ -51,11 +50,11 @@ $input--disabled-background: rgba($base-dark-secondary, .4);
     color: $theme-light-color;
     display: block;
     font-family: $primary-font-stack;
-    font-size: .75rem;
+    font-size: 0.75rem;
     font-weight: $weight-medium;
-    letter-spacing: .08pt;
+    letter-spacing: 0.08pt;
     line-height: 1.3;
-    padding-bottom: .375rem;
+    padding-bottom: 0.375rem;
 
     &--checkbox-container {
       cursor: pointer;
@@ -96,6 +95,12 @@ $input--disabled-background: rgba($base-dark-secondary, .4);
     }
   }
 
+  // TextArea
+  // ---------------------------------------------
+  &__textarea {
+    min-height: 70px;
+  }
+
   // Selects
   // ---------------------------------------------
   &__select {
@@ -131,16 +136,16 @@ $input--disabled-background: rgba($base-dark-secondary, .4);
     border: 1px solid $base-light-tertiary;
     border-radius: $global-radius;
     display: inline-block;
-    height: .875rem;
+    height: 0.875rem;
     left: 0;
     position: absolute;
-    top: .1rem;
-    width: .875rem;
+    top: 0.1rem;
+    width: 0.875rem;
 
     &::after {
       border: solid $base-light;
       border-width: 0 1px 1px 0;
-      content: '';
+      content: "";
       display: none;
       height: 7px;
       left: 3.8px;
@@ -185,7 +190,7 @@ $input--disabled-background: rgba($base-dark-secondary, .4);
 
   &__checkbox:indeterminate ~ &__custom-checkbox::after {
     border: 1px solid $theme-light-border;
-    content: '';
+    content: "";
     display: block;
     height: 0;
     left: 3px;
diff --git a/projects/go-lib/styles/_typography.scss b/projects/go-lib/styles/_typography.scss
index 9c2356af1..178ff4063 100644
--- a/projects/go-lib/styles/_typography.scss
+++ b/projects/go-lib/styles/_typography.scss
@@ -30,6 +30,10 @@ strong {
   margin-bottom: $column-gutter--three-quarters;
 }
 
+go-body-copy:last-child {
+  margin-bottom: 0;
+}
+
 .go-heading--no-margin,
 .go-body-copy--no-margin {
   @extend %element--no-margin;

From 5a0ea82d10ffde5bf92da6ab2a9bc335367716d0 Mon Sep 17 00:00:00 2001
From: Saravanan Muralidharan <saravanan.m@tangoe.com>
Date: Tue, 27 Sep 2022 13:04:56 +0530
Subject: [PATCH 03/40] Changes_bugfix_chore_task

---
 .../components/go-button/go-button.component.scss    | 12 +++++++-----
 .../lib/components/go-hint/go-hint.component.scss    |  6 ++++--
 projects/go-lib/styles/_hints.scss                   |  5 ++++-
 3 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/projects/go-lib/src/lib/components/go-button/go-button.component.scss b/projects/go-lib/src/lib/components/go-button/go-button.component.scss
index a5194aa35..af3fa8621 100644
--- a/projects/go-lib/src/lib/components/go-button/go-button.component.scss
+++ b/projects/go-lib/src/lib/components/go-button/go-button.component.scss
@@ -142,11 +142,14 @@ $button-shadow-secondary-active: 0 0 0 3px transparentize($theme-light-bg-hover,
     }
 
     &:disabled:not(.go-button--loading) {
-      border: 1px solid $theme-light-bg-active;
+      @include disabled-states($theme-light-bg-active, 'dark');
+      border: 1px solid $base-light-tertiary;
 
       &:hover,
       &:focus {
-        border: 1px solid $theme-light-bg-active;
+        @include disabled-states($theme-light-bg-active, 'dark');
+        border: 1px solid $base-light-tertiary;
+        box-shadow: none;
       }
     }
   }
@@ -155,7 +158,6 @@ $button-shadow-secondary-active: 0 0 0 3px transparentize($theme-light-bg-hover,
     border: 1px solid $theme-light-bg;
   }
 
-  &--secondary,
   &--tertiary {
     background: $theme-light-bg;
     color: $theme-light-color;
@@ -442,13 +444,13 @@ $button-shadow-secondary-active: 0 0 0 3px transparentize($theme-light-bg-hover,
     }
 
     &:disabled:not(.go-button--loading) {
-      border: 1px solid $theme-light-bg-active;
+      border: 1px solid $base-light-tertiary;
       border-left: 0;
 
       &:hover,
       &:focus {
         background: $theme-light-bg-hover;
-        border: 1px solid $theme-light-bg-active;
+        border: 1px solid $base-light-tertiary;
         border-left: 0;
         box-shadow: none;
       }
diff --git a/projects/go-lib/src/lib/components/go-hint/go-hint.component.scss b/projects/go-lib/src/lib/components/go-hint/go-hint.component.scss
index fd1f58fd3..1604b253a 100644
--- a/projects/go-lib/src/lib/components/go-hint/go-hint.component.scss
+++ b/projects/go-lib/src/lib/components/go-hint/go-hint.component.scss
@@ -1,7 +1,8 @@
 @import '../../../../styles/variables';
 
 .go-hint {
-  font-size: .875rem;
+  font-size: .75rem;
+  font-style: italic;
   letter-spacing: $base-letter-spacing;
   line-height: 1rem;
   margin: $column-gutter--quarter 0;
@@ -43,7 +44,8 @@
 
   &__label {
     display: block;
-    font-size: .75rem;
+    font-size: 0.5625rem;
+    font-style: initial;
     font-weight: $weight-regular;
     margin-bottom: $column-gutter--quarter;
     text-transform: uppercase;
diff --git a/projects/go-lib/styles/_hints.scss b/projects/go-lib/styles/_hints.scss
index c7a6d57c4..a662b41af 100644
--- a/projects/go-lib/styles/_hints.scss
+++ b/projects/go-lib/styles/_hints.scss
@@ -1,5 +1,6 @@
 .go-hint {
   font-size: .75rem;
+  font-style: italic;
   line-height: 1rem;
   margin: $column-gutter--half 0;
   padding-bottom: $column-gutter--quarter;
@@ -33,7 +34,9 @@
 
   &__status {
     display: block;
-    font-size: .5rem;
+    font-size: 0.5625rem;
+    font-style: initial;
+    color: $ui-color-negative;
     font-weight: $weight-medium;
     text-transform: uppercase;
   }

From 87e2a915b9b36a96db4542af0a644422353a68e8 Mon Sep 17 00:00:00 2001
From: Pooja-kj <104506177+Pooja-kj@users.noreply.github.com>
Date: Tue, 27 Sep 2022 23:26:33 +0530
Subject: [PATCH 04/40] alignment corrected for icon button

css changes for button padding
---
 .../src/lib/components/go-button/go-button.component.scss       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/projects/go-lib/src/lib/components/go-button/go-button.component.scss b/projects/go-lib/src/lib/components/go-button/go-button.component.scss
index a5194aa35..c48a0b4e9 100644
--- a/projects/go-lib/src/lib/components/go-button/go-button.component.scss
+++ b/projects/go-lib/src/lib/components/go-button/go-button.component.scss
@@ -54,7 +54,7 @@ $button-shadow-secondary-active: 0 0 0 3px transparentize($theme-light-bg-hover,
   }
 
   &--icon-only {
-    padding: calc(.625rem - 2px) .625rem;
+    padding: calc(.625rem - 2px) 1rem;
   }
 
   &__icon ~ &__text:not(:empty) {

From 3ff676e7fb9061c5dc430337cae254d0a27a5bde Mon Sep 17 00:00:00 2001
From: Saravanan Muralidharan <saravanan.m@tangoe.com>
Date: Wed, 28 Sep 2022 11:41:14 +0530
Subject: [PATCH 05/40] codeclimate issue fix

---
 .../src/lib/components/go-button/go-button.component.scss      | 3 ---
 projects/go-lib/styles/_hints.scss                             | 2 +-
 2 files changed, 1 insertion(+), 4 deletions(-)

diff --git a/projects/go-lib/src/lib/components/go-button/go-button.component.scss b/projects/go-lib/src/lib/components/go-button/go-button.component.scss
index af3fa8621..4aabe708a 100644
--- a/projects/go-lib/src/lib/components/go-button/go-button.component.scss
+++ b/projects/go-lib/src/lib/components/go-button/go-button.component.scss
@@ -156,9 +156,6 @@ $button-shadow-secondary-active: 0 0 0 3px transparentize($theme-light-bg-hover,
 
   &--tertiary {
     border: 1px solid $theme-light-bg;
-  }
-
-  &--tertiary {
     background: $theme-light-bg;
     color: $theme-light-color;
 
diff --git a/projects/go-lib/styles/_hints.scss b/projects/go-lib/styles/_hints.scss
index a662b41af..41a53cb34 100644
--- a/projects/go-lib/styles/_hints.scss
+++ b/projects/go-lib/styles/_hints.scss
@@ -33,10 +33,10 @@
   }
 
   &__status {
+    color: $ui-color-negative;
     display: block;
     font-size: 0.5625rem;
     font-style: initial;
-    color: $ui-color-negative;
     font-weight: $weight-medium;
     text-transform: uppercase;
   }

From c674cb9eef68bfdb3964949eded812364dd1b3f2 Mon Sep 17 00:00:00 2001
From: Saravanan Muralidharan <saravanan.m@tangoe.com>
Date: Wed, 28 Sep 2022 11:45:02 +0530
Subject: [PATCH 06/40] Codeclimate fix

---
 .../src/lib/components/go-button/go-button.component.scss       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/projects/go-lib/src/lib/components/go-button/go-button.component.scss b/projects/go-lib/src/lib/components/go-button/go-button.component.scss
index 4aabe708a..a43be4149 100644
--- a/projects/go-lib/src/lib/components/go-button/go-button.component.scss
+++ b/projects/go-lib/src/lib/components/go-button/go-button.component.scss
@@ -155,8 +155,8 @@ $button-shadow-secondary-active: 0 0 0 3px transparentize($theme-light-bg-hover,
   }
 
   &--tertiary {
-    border: 1px solid $theme-light-bg;
     background: $theme-light-bg;
+    border: 1px solid $theme-light-bg;
     color: $theme-light-color;
 
     &:hover,

From 06a4590604d48157880492159c916a3b03334400 Mon Sep 17 00:00:00 2001
From: Saravanan Muralidharan <saravanan.m@tangoe.com>
Date: Thu, 29 Sep 2022 14:39:18 +0530
Subject: [PATCH 07/40] remove extra padding

---
 .../go-lib/src/lib/components/go-card/go-card.component.scss     | 1 -
 1 file changed, 1 deletion(-)

diff --git a/projects/go-lib/src/lib/components/go-card/go-card.component.scss b/projects/go-lib/src/lib/components/go-card/go-card.component.scss
index d3c6215c2..1bd465b06 100644
--- a/projects/go-lib/src/lib/components/go-card/go-card.component.scss
+++ b/projects/go-lib/src/lib/components/go-card/go-card.component.scss
@@ -12,7 +12,6 @@
   &__header {
     display: flex;
     justify-content: space-between;
-    padding-bottom: 1rem;
   }
 
   &__action-list {

From 804d8b2f427aea08d1eb9f92538680861c9f0762 Mon Sep 17 00:00:00 2001
From: Saravanan Muralidharan <saravanan.m@tangoe.com>
Date: Thu, 29 Sep 2022 19:03:06 +0530
Subject: [PATCH 08/40] Initial components and module interaction

---
 .../go-progress-bar.component.html            |  6 ++
 .../go-progress-bar.component.scss            |  9 +++
 .../go-progress-bar.component.spec.ts         | 25 ++++++
 .../go-progress-bar.component.ts              | 15 ++++
 .../go-progress-bar/go-progress-bar.module.ts | 16 ++++
 projects/go-lib/src/lib/go-shared.module.ts   |  7 +-
 projects/go-lib/src/public_api.ts             |  4 +
 .../progress-bar-docs.component.html          | 76 +++++++++++++++++++
 .../progress-bar-docs.component.ts            | 23 ++++++
 .../ui-kit/routes/ui-kit-routing.module.ts    |  4 +-
 .../src/app/features/ui-kit/ui-kit.module.ts  |  8 +-
 11 files changed, 188 insertions(+), 5 deletions(-)
 create mode 100644 projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.html
 create mode 100644 projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.scss
 create mode 100644 projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.spec.ts
 create mode 100644 projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.ts
 create mode 100644 projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.module.ts
 create mode 100644 projects/go-style-guide/src/app/features/ui-kit/components/progress-bar-docs/progress-bar-docs.component.html
 create mode 100644 projects/go-style-guide/src/app/features/ui-kit/components/progress-bar-docs/progress-bar-docs.component.ts

diff --git a/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.html b/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.html
new file mode 100644
index 000000000..dfed02fb1
--- /dev/null
+++ b/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.html
@@ -0,0 +1,6 @@
+
+
+<div class="go-progress-bar">
+
+</div>
+
diff --git a/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.scss b/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.scss
new file mode 100644
index 000000000..274fddfb0
--- /dev/null
+++ b/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.scss
@@ -0,0 +1,9 @@
+@import '../../../../styles/variables';
+
+.go-progress-bar{
+    height: 10px;
+   //background-color: $theme-light-app-bg;
+    background-color: black;
+    border-radius: 5px;
+
+}
\ No newline at end of file
diff --git a/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.spec.ts b/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.spec.ts
new file mode 100644
index 000000000..b531b9863
--- /dev/null
+++ b/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { GoProgressBarComponent } from './go-progress-bar.component';
+
+describe('GoProgressBarComponent', () => {
+  let component: GoProgressBarComponent;
+  let fixture: ComponentFixture<GoProgressBarComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ GoProgressBarComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(GoProgressBarComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.ts b/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.ts
new file mode 100644
index 000000000..970f9e4ae
--- /dev/null
+++ b/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.ts
@@ -0,0 +1,15 @@
+import { Component, Input, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'go-progress-bar',
+  templateUrl: './go-progress-bar.component.html',
+  styleUrls: ['./go-progress-bar.component.scss']
+})
+export class GoProgressBarComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.module.ts b/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.module.ts
new file mode 100644
index 000000000..6f0717d5c
--- /dev/null
+++ b/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.module.ts
@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { GoProgressBarComponent } from './go-progress-bar.component';
+
+
+
+@NgModule({
+  declarations: [GoProgressBarComponent],
+  imports: [
+    CommonModule
+  ],
+  exports: [
+    GoProgressBarComponent
+  ]
+})
+export class GoProgressBarModule { }
diff --git a/projects/go-lib/src/lib/go-shared.module.ts b/projects/go-lib/src/lib/go-shared.module.ts
index faea1efd6..84ca96456 100644
--- a/projects/go-lib/src/lib/go-shared.module.ts
+++ b/projects/go-lib/src/lib/go-shared.module.ts
@@ -23,6 +23,7 @@ import { GoLayoutModule } from './components/go-layout/go-layout.module';
 import { GoLoaderModule } from './components/go-loader/go-loader.module';
 import { GoModalModule } from './components/go-modal/go-modal.module';
 import { GoOffCanvasModule } from './components/go-off-canvas/go-off-canvas.module';
+import { GoProgressBarModule } from './components/go-progress-bar/go-progress-bar.module';
 import { GoRadioModule } from './components/go-radio/go-radio.module';
 import { GoSearchModule } from './components/go-search/go-search.module';
 import { GoSelectModule } from './components/go-select/go-select.module';
@@ -70,7 +71,8 @@ import { GoCopyCardLinkModule } from './directives/go-copy-card-link/go-copy-car
     GoTextAreaModule,
     GoTimepickerModule,
     GoToasterModule,
-    GoToastModule
+    GoToastModule,
+    GoProgressBarModule
   ],
   exports: [
     GoAccordionModule,
@@ -105,7 +107,8 @@ import { GoCopyCardLinkModule } from './directives/go-copy-card-link/go-copy-car
     GoTableModule,
     GoTextAreaModule,
     GoToasterModule,
-    GoToastModule
+    GoToastModule,
+    GoProgressBarModule
   ]
 })
 
diff --git a/projects/go-lib/src/public_api.ts b/projects/go-lib/src/public_api.ts
index 30465efbf..c9342973a 100644
--- a/projects/go-lib/src/public_api.ts
+++ b/projects/go-lib/src/public_api.ts
@@ -194,6 +194,10 @@ export * from './lib/components/go-timepicker/go-time.component';
 export * from './lib/components/go-timepicker/go-timepicker.component';
 export * from './lib/components/go-timepicker/go-timepicker.module';
 
+//
+export * from './lib/components/go-progress-bar/go-progress-bar.component';
+export * from './lib/components/go-progress-bar/go-progress-bar.module';
+
 /***** Utils *****/
 export * from './lib/utilities/form.utils';
 export * from './lib/utilities/colors.util';
diff --git a/projects/go-style-guide/src/app/features/ui-kit/components/progress-bar-docs/progress-bar-docs.component.html b/projects/go-style-guide/src/app/features/ui-kit/components/progress-bar-docs/progress-bar-docs.component.html
new file mode 100644
index 000000000..e1dac2fad
--- /dev/null
+++ b/projects/go-style-guide/src/app/features/ui-kit/components/progress-bar-docs/progress-bar-docs.component.html
@@ -0,0 +1,76 @@
+<header class="go-page-title">
+  <h1 class="go-heading-1">{{ pageTitle }}</h1>
+  <a [href]="linkToSource" target="_blank">
+    <go-button buttonVariant="neutral"> View on GitHub </go-button>
+  </a>
+</header>
+
+<div class="go-container">
+  <go-card class="go-column go-column--100" id="usage">
+    <ng-container go-card-header>
+      <h2 class="go-heading-2 go-heading--no-wrap">Usage</h2>
+      <go-copy cardId="usage" goCopyCardLink></go-copy>
+    </ng-container>
+    <div class="go-container" go-card-content>
+      <div class="go-column go-column--100">
+        <!-- Intro -->
+        <p class="go-body-copy">
+          The
+          <code class="code-block--inline">&lt;go-progress-bar&gt;</code>
+          component should be used for displaying unspecified wait time or
+          progress of an activity.
+        </p>
+      </div>
+
+      <div class="go-column go-column--100">
+        <!-- Bindings -->
+        <h3 class="go-heading-3">Bindings</h3>
+        <!-- <code [highlight]="componentBindings"></code> -->
+      </div>
+    </div>
+  </go-card>
+
+  <go-card class="go-column go-column--100" id="usage">
+    <ng-container go-card-header>
+      <h2 class="go-heading-2 go-heading--no-wrap">Linear Determinate</h2>
+      <go-copy cardId="linear-determinate" goCopyCardLink></go-copy>
+    </ng-container>
+    <div class="go-container" go-card-content>
+      <div class="go-column go-column--100">
+        <p class="go-body-copy">
+          Determinate progress bar display's progress of an activity. This
+          should be used where the percentage of the activity completion is
+          known.
+        </p>
+      </div>
+
+      <div class="go-column go-column--100 go-column--no-padding">
+        <go-progress-bar></go-progress-bar>
+      </div>
+    </div>
+  </go-card>
+
+  <go-card class="go-column go-column--100" id="usage">
+    <ng-container go-card-header>
+      <h2 class="go-heading-2 go-heading--no-wrap">Linear Indeterminate</h2>
+      <go-copy cardId="linear-indeterminate" goCopyCardLink></go-copy>
+    </ng-container>
+    <div class="go-container" go-card-content>
+      <div class="go-column go-column--100">
+        <p class="go-body-copy">
+          Indeterminate progress bar is used when the user is asked to wait
+          while something finishes. This should be used where the wait time of
+          an activity is not known.
+        </p>
+      </div>
+
+      <div class="go-column go-column--100 go-column--no-padding">
+        <go-progress-bar></go-progress-bar>
+      </div>
+    </div>
+  </go-card>
+</div>
+
+<div>
+
+</div>
\ No newline at end of file
diff --git a/projects/go-style-guide/src/app/features/ui-kit/components/progress-bar-docs/progress-bar-docs.component.ts b/projects/go-style-guide/src/app/features/ui-kit/components/progress-bar-docs/progress-bar-docs.component.ts
new file mode 100644
index 000000000..66d457bd7
--- /dev/null
+++ b/projects/go-style-guide/src/app/features/ui-kit/components/progress-bar-docs/progress-bar-docs.component.ts
@@ -0,0 +1,23 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-progress-bar-docs',
+  templateUrl: './progress-bar-docs.component.html'
+})
+export class ProgressBarDocsComponent implements OnInit {
+  pageTitle: string = 'Progress bar';
+  linkToSource: string = 'https://github.com/mobi/goponents';
+
+  basic_html: string = `
+  <go-pill [removable]="false">Without remove icon</go-pill>
+  `;
+  dismiss_html: string = `
+  <go-pill (removed)="removed()">With remove icon</go-pill>
+  `;
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/projects/go-style-guide/src/app/features/ui-kit/routes/ui-kit-routing.module.ts b/projects/go-style-guide/src/app/features/ui-kit/routes/ui-kit-routing.module.ts
index 6e334c263..362f68b9e 100644
--- a/projects/go-style-guide/src/app/features/ui-kit/routes/ui-kit-routing.module.ts
+++ b/projects/go-style-guide/src/app/features/ui-kit/routes/ui-kit-routing.module.ts
@@ -62,6 +62,7 @@ import { TableChildRowsComponent } from '../components/table-docs/components/tab
 import { TimepickerDocsComponent } from '../components/form-docs/components/timepicker-docs/timepicker-docs.component';
 import { EditorDocsComponent } from '../components/form-docs/components/editor-docs/editor-docs.component';
 import { ButtonGroupDocsComponent } from '../components/button-group-docs/button-group-docs.component';
+import { ProgressBarDocsComponent } from '../components/progress-bar-docs/progress-bar-docs.component';
 
 const routes: Routes = [
   { path: 'ui-kit', component: UiKitComponent },
@@ -129,7 +130,8 @@ const routes: Routes = [
   { path: 'ui-kit/toast', component: ToastDocsComponent },
   { path: 'ui-kit/tree', component: TreeDocsComponent },
   { path: 'ui-kit/virtual-scroll', component: VirtualScrollComponent },
-  { path: 'ui-kit/wysiwyg', redirectTo: 'ui-kit/forms/editor' }
+  { path: 'ui-kit/wysiwyg', redirectTo: 'ui-kit/forms/editor' },
+  { path: 'uikit/progress-bar', component: ProgressBarDocsComponent}
 ];
 
 @NgModule({
diff --git a/projects/go-style-guide/src/app/features/ui-kit/ui-kit.module.ts b/projects/go-style-guide/src/app/features/ui-kit/ui-kit.module.ts
index 3c2ac5e7a..42c13d3c9 100644
--- a/projects/go-style-guide/src/app/features/ui-kit/ui-kit.module.ts
+++ b/projects/go-style-guide/src/app/features/ui-kit/ui-kit.module.ts
@@ -26,6 +26,7 @@ import {
   GoOffCanvasModule,
   GoOffCanvasService,
   GoPillModule,
+  GoProgressBarModule,
   GoRadioModule,
   GoSelectModule, GoSharedModule,
   GoSwitchToggleModule,
@@ -111,6 +112,7 @@ import { TableChildRowsComponent } from './components/table-docs/components/tabl
 import { TimepickerDocsComponent } from './components/form-docs/components/timepicker-docs/timepicker-docs.component';
 import { EditorDocsComponent } from './components/form-docs/components/editor-docs/editor-docs.component';
 import { ButtonGroupDocsComponent } from './components/button-group-docs/button-group-docs.component';
+import { ProgressBarDocsComponent } from './components/progress-bar-docs/progress-bar-docs.component';
 
 @NgModule({
   imports: [
@@ -146,7 +148,8 @@ import { ButtonGroupDocsComponent } from './components/button-group-docs/button-
     FormsModule,
     ReactiveFormsModule,
     GoTreeModule,
-    GoTimepickerModule
+    GoTimepickerModule,
+    GoProgressBarModule
   ],
   declarations: [
     AccordionDocsComponent,
@@ -214,7 +217,8 @@ import { ButtonGroupDocsComponent } from './components/button-group-docs/button-
     VirtualScrollComponent,
     TableChildRowsComponent,
     TimepickerDocsComponent,
-    EditorDocsComponent
+    EditorDocsComponent,
+    ProgressBarDocsComponent
   ],
   providers: [
     DatePipe,

From f0d8c63f57d9edc366c778be20bf7b8d8af69da5 Mon Sep 17 00:00:00 2001
From: Pooja-kj <104506177+Pooja-kj@users.noreply.github.com>
Date: Fri, 30 Sep 2022 01:25:07 +0530
Subject: [PATCH 09/40] Accordion_style changes

Accordion styles
Default
Slim
Dark
---
 .../go-accordion/go-accordion-panel.component.scss | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/projects/go-lib/src/lib/components/go-accordion/go-accordion-panel.component.scss b/projects/go-lib/src/lib/components/go-accordion/go-accordion-panel.component.scss
index 045702975..29f54da68 100644
--- a/projects/go-lib/src/lib/components/go-accordion/go-accordion-panel.component.scss
+++ b/projects/go-lib/src/lib/components/go-accordion/go-accordion-panel.component.scss
@@ -67,7 +67,7 @@
 
     cursor: pointer;
     display: flex;
-    font-size: 1.2rem;
+    font-size: 1.125rem;
     padding: 1.2rem 1rem;
     position: relative;
 
@@ -76,10 +76,10 @@
     }
 
     &--dark {
-      background-color: darken($base-dark-secondary, 7%);
+      background-color: #313536;
 
       &:hover {
-        background-color: darken($base-dark-secondary, 3.5%);
+        background-color: #313536;
       }
     }
 
@@ -93,8 +93,8 @@
     }
 
     &--slim {
-      font-size: 1rem;
-      padding: 1rem;
+      font-size: 0.875rem;
+      padding: 0.625rem 1rem;
     }
   }
 
@@ -133,9 +133,11 @@
 
   &__content {
     padding: 1.5rem 1rem;
+    font-size: 0.875rem;
 
     &--slim {
       padding: 1rem;
+      font-size: 0.875rem;
     }
 
     &--no-padding {
@@ -146,7 +148,7 @@
 
 // ----- Dark Theme Classes
 .go-accordion--theme-dark {
-  background: $theme-dark-bg;
+  background: #313536;
   border: 1px solid $theme-dark-border;
   color: $theme-dark-color;
   font-weight: $weight-light;

From f64da8074b2a9632976e9904d44ee0605b1efa4a Mon Sep 17 00:00:00 2001
From: Pooja-kj <104506177+Pooja-kj@users.noreply.github.com>
Date: Mon, 10 Oct 2022 15:47:04 +0530
Subject: [PATCH 10/40] Changed dark theme

---
 .../go-accordion/go-accordion-panel.component.scss        | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/projects/go-lib/src/lib/components/go-accordion/go-accordion-panel.component.scss b/projects/go-lib/src/lib/components/go-accordion/go-accordion-panel.component.scss
index 29f54da68..bb07d423c 100644
--- a/projects/go-lib/src/lib/components/go-accordion/go-accordion-panel.component.scss
+++ b/projects/go-lib/src/lib/components/go-accordion/go-accordion-panel.component.scss
@@ -76,13 +76,13 @@
     }
 
     &--dark {
-      background-color: #313536;
+      background-color: $base-dark;
 
       &:hover {
-        background-color: #313536;
+        background-color: darken($base-dark, 3.5%);
       }
     }
-
+    
     &--active {
       background-color: darken($base-light, 3.5%);
 
@@ -148,7 +148,7 @@
 
 // ----- Dark Theme Classes
 .go-accordion--theme-dark {
-  background: #313536;
+  background: $theme-dark-bg;
   border: 1px solid $theme-dark-border;
   color: $theme-dark-color;
   font-weight: $weight-light;

From 6fadeaafcd299ea5a365d82e7993844a2d764db8 Mon Sep 17 00:00:00 2001
From: adhiyan-tangoe <adhiyan.c@tangoe.com>
Date: Wed, 12 Oct 2022 01:42:37 +0530
Subject: [PATCH 11/40] Changes [CHORE] 868 max height for toast

Max height for the toast notification will not have an overflow unless specified.
---
 .../lib/components/go-toast/go-toast.component.html    |  2 +-
 .../src/lib/components/go-toast/go-toast.component.ts  |  2 +-
 .../components/toast-docs/toast-docs.component.html    | 10 +++++-----
 .../components/toast-docs/toast-docs.component.ts      |  4 ++--
 4 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/projects/go-lib/src/lib/components/go-toast/go-toast.component.html b/projects/go-lib/src/lib/components/go-toast/go-toast.component.html
index 0d9981405..5d2d5ece8 100644
--- a/projects/go-lib/src/lib/components/go-toast/go-toast.component.html
+++ b/projects/go-lib/src/lib/components/go-toast/go-toast.component.html
@@ -9,7 +9,7 @@
   </div>
   <div
     class="go-toast__container"
-    [ngClass]="{ 'go-toast__container--max-height': enableMaxHeight }">
+    [ngClass]=" enableMaxHeight?'go-toast__container--max-height':'go-toast__container' ">
     <div
       class="go-toast-content"
       [ngClass]="{ 'go-toast-content--no-title': !header }">
diff --git a/projects/go-lib/src/lib/components/go-toast/go-toast.component.ts b/projects/go-lib/src/lib/components/go-toast/go-toast.component.ts
index 2ed245ac1..3c4a379f9 100644
--- a/projects/go-lib/src/lib/components/go-toast/go-toast.component.ts
+++ b/projects/go-lib/src/lib/components/go-toast/go-toast.component.ts
@@ -16,7 +16,7 @@ export class GoToastComponent {
   duration: number;
 
   @Input() dismissable: boolean = false;
-  @Input() enableMaxHeight: boolean = true;
+  @Input() enableMaxHeight: boolean = false;
   @Input() header: string;
   @Input() icon: string;
   @Input() message: string;
diff --git a/projects/go-style-guide/src/app/features/ui-kit/components/toast-docs/toast-docs.component.html b/projects/go-style-guide/src/app/features/ui-kit/components/toast-docs/toast-docs.component.html
index e62de19d5..8f62b2733 100644
--- a/projects/go-style-guide/src/app/features/ui-kit/components/toast-docs/toast-docs.component.html
+++ b/projects/go-style-guide/src/app/features/ui-kit/components/toast-docs/toast-docs.component.html
@@ -41,7 +41,7 @@ <h4 class="go-heading-4">dismissable</h4>
       <div class="go-column go-column--100">
         <h4 class="go-heading-4">enableMaxHeight</h4>
         <p class="go-body-copy go-body-copy--no-margin">
-          By default this is true, but if set to false will allow the toast to expand to the size of its content.
+          By default this is false, but if set to true will allow the toast to have a max height that allows for vertical overflow scrolling.
         </p>
       </div>
 
@@ -320,11 +320,11 @@ <h2 class="go-heading-2 go-heading--no-wrap">Max Height Example</h2>
     </ng-container>
     <div class="go-container" go-card-content>
       <div class="go-column go-column--100">
-        By default, the toasts have a max height that allows for vertical overflow scrolling. See below:
+        By default, the toasts allows to expand to the size of its content. See below:
       </div>
       <div class="go-column go-column--50">
         <h4 class="go-heading-4 go-heading--underlined">View</h4>
-        <go-toast header="Something you should know...">
+        <go-toast header="Show me everything!">
           <ng-template #messageContent>
             Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
           </ng-template>
@@ -339,11 +339,11 @@ <h4 class="go-heading-4 go-heading--underlined">Code</h4>
       </div>
 
       <div class="go-column go-column--100">
-        To disable the max height restriction on toasts, you can pass in a binding:
+        To enable the max height on toasts, you can pass in a binding:
       </div>
       <div class="go-column go-column--50">
         <h4 class="go-heading-4 go-heading--underlined">View</h4>
-        <go-toast header="Show me everything!" [enableMaxHeight]="false">
+        <go-toast header="Something you should know..." [enableMaxHeight]="true">
           <ng-template #messageContent>
             Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
           </ng-template>
diff --git a/projects/go-style-guide/src/app/features/ui-kit/components/toast-docs/toast-docs.component.ts b/projects/go-style-guide/src/app/features/ui-kit/components/toast-docs/toast-docs.component.ts
index 7567962f2..1acfabc67 100644
--- a/projects/go-style-guide/src/app/features/ui-kit/components/toast-docs/toast-docs.component.ts
+++ b/projects/go-style-guide/src/app/features/ui-kit/components/toast-docs/toast-docs.component.ts
@@ -13,7 +13,7 @@ export class ToastDocsComponent {
 
   componentBindings: string = `
   @Input() dismissable: boolean = false;
-  @Input() enableMaxHeight: boolean = true;
+  @Input() enableMaxHeight: boolean = false;
   @Input() header: string;
   @Input() icon: string;
   @Input() message: string;
@@ -147,7 +147,7 @@ export class ToastDocsComponent {
 
   toast_maxHeight_enable_html: string = `
   <go-toast
-    [enableMaxHeight]="false"
+    [enableMaxHeight]="true"
     header="Show me everything!"
     message="Sed ut perspiciatis... *redacted for brevity* ...voluptas nulla pariatur?">
   </go-toast>

From e0727fd2fb4a8a5463a59f0c99c65a3525f6420b Mon Sep 17 00:00:00 2001
From: adhiyan-tangoe <adhiyan.c@tangoe.com>
Date: Wed, 12 Oct 2022 02:05:49 +0530
Subject: [PATCH 12/40] Changes [CHORE] 767 action sheet design changes #767

1. Handled appearance of scrollbar on accordion's expansion by adjusting the height.
2. Font style changes for the shell area.
3. Fixed the colour issue for the danger action sheet.
---
 .../go-action-sheet/go-action-sheet.component.scss          | 6 +++---
 .../go-action-sheet/go-panel/go-panel.component.scss        | 6 +-----
 .../go-side-nav/go-side-nav/go-side-nav.component.html      | 1 +
 .../go-side-nav/go-side-nav/go-side-nav.component.scss      | 6 ++++++
 projects/go-style-guide/src/app/app.component.html          | 2 ++
 projects/go-style-guide/src/app/app.component.scss          | 6 ++++++
 6 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/projects/go-lib/src/lib/components/go-action-sheet/go-action-sheet.component.scss b/projects/go-lib/src/lib/components/go-action-sheet/go-action-sheet.component.scss
index 830d1914e..d4182ab0f 100644
--- a/projects/go-lib/src/lib/components/go-action-sheet/go-action-sheet.component.scss
+++ b/projects/go-lib/src/lib/components/go-action-sheet/go-action-sheet.component.scss
@@ -10,13 +10,13 @@ $as-before-box-diag-width: 21.21px;
   position: relative;
 
   &__scroll-container {
-    max-height: 375px;
-    overflow: auto;
+    overflow: hidden;
   }
 
   &__content {
     border-radius: $global-radius;
-    overflow: hidden;
+    max-height: 375px;
+    overflow: auto;
   }
 
   &__content-container {
diff --git a/projects/go-lib/src/lib/components/go-action-sheet/go-panel/go-panel.component.scss b/projects/go-lib/src/lib/components/go-action-sheet/go-panel/go-panel.component.scss
index 6c3c5f678..36c9fbeeb 100644
--- a/projects/go-lib/src/lib/components/go-action-sheet/go-panel/go-panel.component.scss
+++ b/projects/go-lib/src/lib/components/go-action-sheet/go-panel/go-panel.component.scss
@@ -61,13 +61,9 @@ $theme-light-transparentized: rgba($theme-light-color, .5);
       color: $ui-color-negative;
     }
 
-    .go-panel {
-      &__title {
-        & &-text {
+    .go-panel__title-text {
           color: $ui-color-negative;
         }
-      }
-    }
   }
 
   &--header {
diff --git a/projects/go-lib/src/lib/components/go-side-nav/go-side-nav/go-side-nav.component.html b/projects/go-lib/src/lib/components/go-side-nav/go-side-nav/go-side-nav.component.html
index 42549bf3b..5ac52cad1 100644
--- a/projects/go-lib/src/lib/components/go-side-nav/go-side-nav/go-side-nav.component.html
+++ b/projects/go-lib/src/lib/components/go-side-nav/go-side-nav/go-side-nav.component.html
@@ -40,6 +40,7 @@
           <p class="go-side-nav__app-drawer--launch">{{ appDrawerHeader }}</p>
         </go-panel>
         <go-panel
+          class="go-side-nav__app-drawer--items"
           *ngFor="let appDrawerItem of (navAppDrawer?.appDrawerConfig || [])"
           [icon]="appDrawerItem.icon"
           [panelContent]="appDrawerItem.displayName"
diff --git a/projects/go-lib/src/lib/components/go-side-nav/go-side-nav/go-side-nav.component.scss b/projects/go-lib/src/lib/components/go-side-nav/go-side-nav/go-side-nav.component.scss
index 7b39c56ce..e97d68003 100644
--- a/projects/go-lib/src/lib/components/go-side-nav/go-side-nav/go-side-nav.component.scss
+++ b/projects/go-lib/src/lib/components/go-side-nav/go-side-nav/go-side-nav.component.scss
@@ -103,5 +103,11 @@
         background: $theme-light-bg;
       }
     }
+
+    &--items {
+      span.go-panel__title-text {
+       font-family: $secondary-font-stack !important;
+     }
+    }
   }
 }
diff --git a/projects/go-style-guide/src/app/app.component.html b/projects/go-style-guide/src/app/app.component.html
index 678d78da4..ab59a2152 100644
--- a/projects/go-style-guide/src/app/app.component.html
+++ b/projects/go-style-guide/src/app/app.component.html
@@ -8,10 +8,12 @@
         </ng-container>
         <ng-container go-action-sheet-content>
           <go-panel
+          class="go-action-sheet-items"
             panelContent="GitHub"
             externalLink="https://github.com/mobi/goponents">
           </go-panel>
           <go-panel
+          class="go-action-sheet-items"
             panelContent="NPM"
             externalLink="https://www.npmjs.com/package/@tangoe/goponents">
           </go-panel>
diff --git a/projects/go-style-guide/src/app/app.component.scss b/projects/go-style-guide/src/app/app.component.scss
index 69803c173..a002889eb 100644
--- a/projects/go-style-guide/src/app/app.component.scss
+++ b/projects/go-style-guide/src/app/app.component.scss
@@ -104,3 +104,9 @@ code {
   border-radius: $global-radius;
   padding: $column-gutter;
 }
+
+.go-action-sheet-items {
+  span.go-panel__title-text {
+   font-family: $secondary-font-stack !important;
+ }
+}
\ No newline at end of file

From 65db85cd25563b6dfefe1e03bad7c10f1d4d57d1 Mon Sep 17 00:00:00 2001
From: adhiyan-tangoe <adhiyan.c@tangoe.com>
Date: Wed, 12 Oct 2022 02:18:25 +0530
Subject: [PATCH 13/40] Update _forms.scss

---
 projects/go-lib/styles/_forms.scss | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/projects/go-lib/styles/_forms.scss b/projects/go-lib/styles/_forms.scss
index 4b17166a2..a87fc0633 100644
--- a/projects/go-lib/styles/_forms.scss
+++ b/projects/go-lib/styles/_forms.scss
@@ -1,7 +1,7 @@
-@import "./variables";
-@import "./mixins";
+@import './variables';
+@import './mixins';
 
-$input--disabled-background: rgba($base-dark-secondary, 0.4);
+$input--disabled-background: rgba($base-dark-secondary, .4);
 
 .go-form {
   // Fieldsets
@@ -50,11 +50,11 @@ $input--disabled-background: rgba($base-dark-secondary, 0.4);
     color: $theme-light-color;
     display: block;
     font-family: $primary-font-stack;
-    font-size: 0.75rem;
+    font-size: .75rem;
     font-weight: $weight-medium;
-    letter-spacing: 0.08pt;
+    letter-spacing: .08pt;
     line-height: 1.3;
-    padding-bottom: 0.375rem;
+    padding-bottom: .375rem;
 
     &--checkbox-container {
       cursor: pointer;
@@ -136,16 +136,16 @@ $input--disabled-background: rgba($base-dark-secondary, 0.4);
     border: 1px solid $base-light-tertiary;
     border-radius: $global-radius;
     display: inline-block;
-    height: 0.875rem;
+    height: .875rem;
     left: 0;
     position: absolute;
-    top: 0.1rem;
-    width: 0.875rem;
+    top: .1rem;
+    width: .875rem;
 
     &::after {
       border: solid $base-light;
       border-width: 0 1px 1px 0;
-      content: "";
+      content: '';
       display: none;
       height: 7px;
       left: 3.8px;
@@ -190,7 +190,7 @@ $input--disabled-background: rgba($base-dark-secondary, 0.4);
 
   &__checkbox:indeterminate ~ &__custom-checkbox::after {
     border: 1px solid $theme-light-border;
-    content: "";
+    content: '';
     display: block;
     height: 0;
     left: 3px;

From 686514e881994a69e084cacf2b9125741d5c41aa Mon Sep 17 00:00:00 2001
From: adhiyan-tangoe <adhiyan.c@tangoe.com>
Date: Wed, 12 Oct 2022 14:56:07 +0530
Subject: [PATCH 14/40] Changes [CHORE] 767 action sheet design changes #891

Code review suggestion changes
---
 .../go-action-sheet/go-panel/go-panel.component.scss          | 4 ++--
 projects/go-style-guide/src/app/app.component.scss            | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/projects/go-lib/src/lib/components/go-action-sheet/go-panel/go-panel.component.scss b/projects/go-lib/src/lib/components/go-action-sheet/go-panel/go-panel.component.scss
index 36c9fbeeb..45fdb42fe 100644
--- a/projects/go-lib/src/lib/components/go-action-sheet/go-panel/go-panel.component.scss
+++ b/projects/go-lib/src/lib/components/go-action-sheet/go-panel/go-panel.component.scss
@@ -62,8 +62,8 @@ $theme-light-transparentized: rgba($theme-light-color, .5);
     }
 
     .go-panel__title-text {
-          color: $ui-color-negative;
-        }
+      color: $ui-color-negative;
+    }
   }
 
   &--header {
diff --git a/projects/go-style-guide/src/app/app.component.scss b/projects/go-style-guide/src/app/app.component.scss
index a002889eb..5ae2863a7 100644
--- a/projects/go-style-guide/src/app/app.component.scss
+++ b/projects/go-style-guide/src/app/app.component.scss
@@ -109,4 +109,4 @@ code {
   span.go-panel__title-text {
    font-family: $secondary-font-stack !important;
  }
-}
\ No newline at end of file
+}

From 7b8840d80535804d0f5819b673367a679f53c995 Mon Sep 17 00:00:00 2001
From: Saravanan Muralidharan <saravanan.m@tangoe.com>
Date: Wed, 12 Oct 2022 21:01:22 +0530
Subject: [PATCH 15/40] Determinate and indeterminate progress bar

---
 .../go-progress-bar.component.html            |  37 +++++-
 .../go-progress-bar.component.scss            | 124 +++++++++++++++++-
 .../go-progress-bar.component.ts              |  23 ++--
 .../go-style-guide/src/app/app.component.ts   |   1 +
 .../progress-bar-docs.component.html          |  81 ++++++++++--
 .../progress-bar-docs.component.ts            |  31 +++--
 .../ui-kit/routes/ui-kit-routing.module.ts    |   2 +-
 7 files changed, 264 insertions(+), 35 deletions(-)

diff --git a/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.html b/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.html
index dfed02fb1..6324e35f9 100644
--- a/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.html
+++ b/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.html
@@ -1,6 +1,35 @@
-
-
-<div class="go-progress-bar">
-
+<div class="go-progress-bar" tabindex="-1">
+  <ng-container
+    *ngTemplateOutlet="mode === 'determinate' ? determinate : indeterminate"
+  >
+  </ng-container>
 </div>
 
+<ng-template #determinate>
+  <div class="go-progress-bar__determinate">
+    <span class="go-progress-bar__determinate__left-label">
+      {{ leftLabel }}</span
+    >
+    <div class="go-progress-bar__determinate--track">
+      <div
+        class="go-progress-bar__determinate--indicator"
+        [ngStyle]="{ width: indicatorWidth + '%' }"
+      ></div>
+    </div>
+    <span class="go-progress-bar__determinate__right-label">{{
+      rightLabel
+    }}</span>
+  </div>
+</ng-template>
+
+<ng-template #indeterminate>
+  <div class="go-progress-bar__indeterminate">
+    <div class="go-progress-bar__indeterminate--track"></div>
+    <div
+      class="go-progress-bar__indeterminate--indicator go-progress-bar__indeterminate--primary-indicator"
+    ></div>
+    <div
+      class="go-progress-bar__indeterminate--indicator go-progress-bar__indeterminate--secondary-indicator"
+    ></div>
+  </div>
+</ng-template>
diff --git a/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.scss b/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.scss
index 274fddfb0..d92813b98 100644
--- a/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.scss
+++ b/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.scss
@@ -1,9 +1,125 @@
 @import '../../../../styles/variables';
+@import '../../../../styles/mixins';
 
-.go-progress-bar{
+@mixin label-style($float, $padding) {
+    float: $float;
+    padding: $padding;
+    font-weight: $weight-regular;
+    white-space: nowrap;
+}
+
+@mixin determinate-elem($width, $background-color) {
+    width: $width;
     height: 10px;
-   //background-color: $theme-light-app-bg;
-    background-color: black;
-    border-radius: 5px;
+    background-color: $background-color;
+}
+
+@mixin indeterminate-elem($background-color ) {
+    height: 100%;
+    position: absolute;
+    width: 100%;
+    background-color: $background-color;
+}
+
+.go-progress-bar {
+
+    &__determinate {
+        width: 100%;
+        position: relative;
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        justify-content: center;
+
+        &__left-label {
+            @include label-style(left, 0px 8px 0px 0px);
+        }
+
+        &__right-label {
+            @include label-style(right, 0px 0px 0px 8px);
+        }
+
+        &--track {
+            @include determinate-elem(100%, $theme-light-app-bg);
+            border-radius: 5px;
+            overflow: hidden;
+        }
+
+        &--indicator {
+            @include determinate-elem(0%, $ui-color-primary);
+            transition: width 2s ease-in;
+            transition-timing-function: ease-in;
+        }
+    }
+
+    &__indeterminate {
+        height: 10px;
+        overflow: hidden;
+        position: relative;
+        width: 100%;
+        border-radius: 5px;
+
+        &--track {
+            @include indeterminate-elem($theme-light-app-bg);
+        }
+
+        &--indicator {
+            @include indeterminate-elem($ui-color-primary);
+            transform-origin: top left;
+            transition: transform 250ms ease;
+            backface-visibility: hidden;
+        }
+
+        &--primary-indicator {
+            animation: primary-indeterminate-translate 2000ms infinite linear;
+            left: -99.166611%;
+
+        }
+
+        &--secondary-indicator {
+            animation: secondary-indeterminate-translate 2000ms infinite linear;
+            left: 0;
+        }
+    }
+}
+
+@keyframes primary-indeterminate-translate {
+    0% {
+        transform: translateX(0) scaleX(0.4);
+    }
+
+    20% {
+        animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
+        transform: translateX(20%) scaleX(0.2);
+    }
+
+    60% {
+        animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
+        transform: translateX(80%) scaleX(0.9);
+    }
+
+    100% {
+        transform: translateX(200%) scaleX(0.2);
+    }
+}
+
+@keyframes secondary-indeterminate-translate {
+    0% {
+        animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
+        transform: translateX(0) scaleX(0);
+    }
+
+    25% {
+        animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
+        transform: translateX(25%) scaleX(0.5);
+    }
+
+    60.35% {
+        animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
+        transform: translateX(100%) scaleX(0.8);
+    }
 
+    100% {
+        transform: translateX(200%);
+    }
 }
\ No newline at end of file
diff --git a/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.ts b/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.ts
index 970f9e4ae..7dd18a89f 100644
--- a/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.ts
+++ b/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.ts
@@ -1,15 +1,22 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input, OnChanges, SimpleChanges } from "@angular/core";
 
 @Component({
-  selector: 'go-progress-bar',
-  templateUrl: './go-progress-bar.component.html',
-  styleUrls: ['./go-progress-bar.component.scss']
+  selector: "go-progress-bar",
+  templateUrl: "./go-progress-bar.component.html",
+  styleUrls: ["./go-progress-bar.component.scss"],
 })
-export class GoProgressBarComponent implements OnInit {
+export class GoProgressBarComponent implements OnChanges {
+  @Input() mode: "determinate" | "indeterminate" = "determinate";
+  @Input() value: number;
+  @Input() leftLabel?: string;
+  @Input() rightLabel?: string;
 
-  constructor() { }
+  indicatorWidth: number;
 
-  ngOnInit(): void {
+  ngOnChanges(changes: SimpleChanges): void {
+    if (changes && changes["value"])
+      setTimeout(() => {
+        this.indicatorWidth = this.value;
+      }, 500);
   }
-
 }
diff --git a/projects/go-style-guide/src/app/app.component.ts b/projects/go-style-guide/src/app/app.component.ts
index 02f75f7f0..4e3c17c1e 100644
--- a/projects/go-style-guide/src/app/app.component.ts
+++ b/projects/go-style-guide/src/app/app.component.ts
@@ -46,6 +46,7 @@ export class AppComponent {
       { route: 'ui-kit/off-canvas', routeTitle: 'Off Canvas' },
       { route: 'ui-kit/pills', routeTitle: 'Pills' },
       { route: 'ui-kit/portal', routeTitle: 'Portal' },
+      { route: 'ui-kit/progress-bar', routeTitle: 'Progress Bar' },
       { route: 'ui-kit/tabs', routeTitle: 'Tabs', },
       { route: 'ui-kit/table', routeTitle: 'Table'},
       { route: 'ui-kit/toast', routeTitle: 'Toast' },
diff --git a/projects/go-style-guide/src/app/features/ui-kit/components/progress-bar-docs/progress-bar-docs.component.html b/projects/go-style-guide/src/app/features/ui-kit/components/progress-bar-docs/progress-bar-docs.component.html
index e1dac2fad..16898cbff 100644
--- a/projects/go-style-guide/src/app/features/ui-kit/components/progress-bar-docs/progress-bar-docs.component.html
+++ b/projects/go-style-guide/src/app/features/ui-kit/components/progress-bar-docs/progress-bar-docs.component.html
@@ -25,12 +25,54 @@ <h2 class="go-heading-2 go-heading--no-wrap">Usage</h2>
       <div class="go-column go-column--100">
         <!-- Bindings -->
         <h3 class="go-heading-3">Bindings</h3>
-        <!-- <code [highlight]="componentBindings"></code> -->
+        <code [highlight]="componentBindings"></code>
+      </div>
+
+      <div class="go-column go-column--50 go-column--no-padding">
+        <div class="go-container">
+          <div class="go-column go-column--100">
+            <h4 class="go-heading-4">mode</h4>
+            <p class="go-body-copy">
+              <code class="code-block--inline">mode</code> is the input data
+              which decides what type of progress bar either determinate or
+              indeterminate. By default, mode is set to determinate progress
+              bar.
+            </p>
+          </div>
+
+          <div class="go-column go-column--100">
+            <h4 class="go-heading-4">value</h4>
+            <p class="go-body-copy">
+              <code class="code-block--inline">value</code> indicator is a
+              mandatory param for determinate progress bar.
+            </p>
+          </div>
+        </div>
+      </div>
+
+      <div class="go-column go-column--50 go-column--no-padding">
+        <div class="go-container">
+          <div class="go-column go-column--100">
+            <h4 class="go-heading-4">rightLabel</h4>
+            <p class="go-body-copy">
+              <code class="code-block--inline">rightLabel</code> is a right side
+              optional label.
+            </p>
+          </div>
+
+          <div class="go-column go-column--100">
+            <h4 class="go-heading-4">leftLabel</h4>
+            <p class="go-body-copy">
+              <code class="code-block--inline">leftLabel</code> is a left side
+              optional label.
+            </p>
+          </div>
+        </div>
       </div>
     </div>
   </go-card>
 
-  <go-card class="go-column go-column--100" id="usage">
+  <go-card class="go-column go-column--100" id="linear-determinate">
     <ng-container go-card-header>
       <h2 class="go-heading-2 go-heading--no-wrap">Linear Determinate</h2>
       <go-copy cardId="linear-determinate" goCopyCardLink></go-copy>
@@ -42,15 +84,37 @@ <h2 class="go-heading-2 go-heading--no-wrap">Linear Determinate</h2>
           should be used where the percentage of the activity completion is
           known.
         </p>
+        <code [highlight]="determinateBindings"></code>
       </div>
 
       <div class="go-column go-column--100 go-column--no-padding">
-        <go-progress-bar></go-progress-bar>
+        <go-progress-bar mode="determinate" [value]="80"></go-progress-bar>
       </div>
     </div>
   </go-card>
 
-  <go-card class="go-column go-column--100" id="usage">
+  <go-card class="go-column go-column--100" id="determinate-with-labels">
+    <ng-container go-card-header>
+      <h2 class="go-heading-2 go-heading--no-wrap">With labels (example)</h2>
+      <go-copy cardId="determinate-with-labels" goCopyCardLink></go-copy>
+    </ng-container>
+    <div class="go-container" go-card-content>
+      <div class="go-column go-column--100">
+        <code [highlight]="withLabelBindings"></code>
+      </div>
+
+      <div class="go-column go-column--100 go-column--no-padding">
+        <go-progress-bar
+          mode="determinate"
+          [value]="40"
+          [rightLabel]="'End label'"
+          [leftLabel]="'Beginning label'"
+        ></go-progress-bar>
+      </div>
+    </div>
+  </go-card>
+
+  <go-card class="go-column go-column--100" id="linear-indeterminate">
     <ng-container go-card-header>
       <h2 class="go-heading-2 go-heading--no-wrap">Linear Indeterminate</h2>
       <go-copy cardId="linear-indeterminate" goCopyCardLink></go-copy>
@@ -60,17 +124,16 @@ <h2 class="go-heading-2 go-heading--no-wrap">Linear Indeterminate</h2>
         <p class="go-body-copy">
           Indeterminate progress bar is used when the user is asked to wait
           while something finishes. This should be used where the wait time of
-          an activity is not known.
+          an activity is unknown.
         </p>
+        <code [highlight]="inDeterminateBindings"></code>
       </div>
 
       <div class="go-column go-column--100 go-column--no-padding">
-        <go-progress-bar></go-progress-bar>
+        <go-progress-bar mode="indeterminate"></go-progress-bar>
       </div>
     </div>
   </go-card>
 </div>
 
-<div>
-
-</div>
\ No newline at end of file
+<div></div>
diff --git a/projects/go-style-guide/src/app/features/ui-kit/components/progress-bar-docs/progress-bar-docs.component.ts b/projects/go-style-guide/src/app/features/ui-kit/components/progress-bar-docs/progress-bar-docs.component.ts
index 66d457bd7..ad4da6fbf 100644
--- a/projects/go-style-guide/src/app/features/ui-kit/components/progress-bar-docs/progress-bar-docs.component.ts
+++ b/projects/go-style-guide/src/app/features/ui-kit/components/progress-bar-docs/progress-bar-docs.component.ts
@@ -1,12 +1,12 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit } from "@angular/core";
 
 @Component({
-  selector: 'app-progress-bar-docs',
-  templateUrl: './progress-bar-docs.component.html'
+  selector: "app-progress-bar-docs",
+  templateUrl: "./progress-bar-docs.component.html",
 })
 export class ProgressBarDocsComponent implements OnInit {
-  pageTitle: string = 'Progress bar';
-  linkToSource: string = 'https://github.com/mobi/goponents';
+  pageTitle: string = "Progress bar";
+  linkToSource: string = "https://github.com/mobi/goponents";
 
   basic_html: string = `
   <go-pill [removable]="false">Without remove icon</go-pill>
@@ -14,10 +14,23 @@ export class ProgressBarDocsComponent implements OnInit {
   dismiss_html: string = `
   <go-pill (removed)="removed()">With remove icon</go-pill>
   `;
+  componentBindings: string = `
+  @Input() mode: 'determinate' | 'indeterminate' = 'determinate';
+  @Input() value?: number = 80;
+  @Input() rightLabel?: string = '';
+  @Input() leftLabel?: string = '';
+  `;
+  determinateBindings: string = `
+  <go-progress-bar mode="determinate" [value]="80"></go-progress-bar>
+  `;
+  inDeterminateBindings: string = `
+  <go-progress-bar mode="indeterminate"></go-progress-bar>
+  `;
+  withLabelBindings: string = `
+  <go-progress-bar mode="determinate" [value]="40" [rightLabel]="'End label'" [leftLabel]="'Beginning label'"></go-progress-bar>
+  `;
 
-  constructor() { }
-
-  ngOnInit(): void {
-  }
+  constructor() {}
 
+  ngOnInit(): void {}
 }
diff --git a/projects/go-style-guide/src/app/features/ui-kit/routes/ui-kit-routing.module.ts b/projects/go-style-guide/src/app/features/ui-kit/routes/ui-kit-routing.module.ts
index 362f68b9e..a97895aa3 100644
--- a/projects/go-style-guide/src/app/features/ui-kit/routes/ui-kit-routing.module.ts
+++ b/projects/go-style-guide/src/app/features/ui-kit/routes/ui-kit-routing.module.ts
@@ -131,7 +131,7 @@ const routes: Routes = [
   { path: 'ui-kit/tree', component: TreeDocsComponent },
   { path: 'ui-kit/virtual-scroll', component: VirtualScrollComponent },
   { path: 'ui-kit/wysiwyg', redirectTo: 'ui-kit/forms/editor' },
-  { path: 'uikit/progress-bar', component: ProgressBarDocsComponent}
+  { path: 'ui-kit/progress-bar', component: ProgressBarDocsComponent}
 ];
 
 @NgModule({

From 7ef42775eecdfa671fb81159c43b426b1c0cabb1 Mon Sep 17 00:00:00 2001
From: Saravanan Muralidharan <saravanan.m@tangoe.com>
Date: Wed, 12 Oct 2022 21:04:37 +0530
Subject: [PATCH 16/40] style update

---
 .../go-lib/src/lib/components/go-hint/go-hint.component.scss    | 2 +-
 projects/go-lib/styles/_hints.scss                              | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/projects/go-lib/src/lib/components/go-hint/go-hint.component.scss b/projects/go-lib/src/lib/components/go-hint/go-hint.component.scss
index 1604b253a..e3dd4b9ac 100644
--- a/projects/go-lib/src/lib/components/go-hint/go-hint.component.scss
+++ b/projects/go-lib/src/lib/components/go-hint/go-hint.component.scss
@@ -44,7 +44,7 @@
 
   &__label {
     display: block;
-    font-size: 0.5625rem;
+    font-size: 9px;
     font-style: initial;
     font-weight: $weight-regular;
     margin-bottom: $column-gutter--quarter;
diff --git a/projects/go-lib/styles/_hints.scss b/projects/go-lib/styles/_hints.scss
index 41a53cb34..fa2f653f1 100644
--- a/projects/go-lib/styles/_hints.scss
+++ b/projects/go-lib/styles/_hints.scss
@@ -35,7 +35,7 @@
   &__status {
     color: $ui-color-negative;
     display: block;
-    font-size: 0.5625rem;
+    font-size: 9px;
     font-style: initial;
     font-weight: $weight-medium;
     text-transform: uppercase;

From 05c0fb6080fd9eba9d470739612127f2e07a7832 Mon Sep 17 00:00:00 2001
From: adhiyan-tangoe <adhiyan.c@tangoe.com>
Date: Wed, 12 Oct 2022 21:47:07 +0530
Subject: [PATCH 17/40] Changes [CHORE] 868 max height for toast #890

1. Code review suggested changes.
2. Change in the code's header part in the documentation.
---
 .../src/lib/components/go-toast/go-toast.component.html       | 2 +-
 .../ui-kit/components/toast-docs/toast-docs.component.ts      | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/projects/go-lib/src/lib/components/go-toast/go-toast.component.html b/projects/go-lib/src/lib/components/go-toast/go-toast.component.html
index 5d2d5ece8..4c5fb43ea 100644
--- a/projects/go-lib/src/lib/components/go-toast/go-toast.component.html
+++ b/projects/go-lib/src/lib/components/go-toast/go-toast.component.html
@@ -9,7 +9,7 @@
   </div>
   <div
     class="go-toast__container"
-    [ngClass]=" enableMaxHeight?'go-toast__container--max-height':'go-toast__container' ">
+    [ngClass]="enableMaxHeight?'go-toast__container--max-height':'go-toast__container'">
     <div
       class="go-toast-content"
       [ngClass]="{ 'go-toast-content--no-title': !header }">
diff --git a/projects/go-style-guide/src/app/features/ui-kit/components/toast-docs/toast-docs.component.ts b/projects/go-style-guide/src/app/features/ui-kit/components/toast-docs/toast-docs.component.ts
index 1acfabc67..ed1283afc 100644
--- a/projects/go-style-guide/src/app/features/ui-kit/components/toast-docs/toast-docs.component.ts
+++ b/projects/go-style-guide/src/app/features/ui-kit/components/toast-docs/toast-docs.component.ts
@@ -140,7 +140,7 @@ export class ToastDocsComponent {
 
   toast_maxHeight_html: string = `
   <go-toast
-    header="Something you should know..."
+    header="Show me everything!"
     message="Sed ut perspiciatis... *redacted for brevity* ...voluptas nulla pariatur?">
   </go-toast>
   `;
@@ -148,7 +148,7 @@ export class ToastDocsComponent {
   toast_maxHeight_enable_html: string = `
   <go-toast
     [enableMaxHeight]="true"
-    header="Show me everything!"
+    header="Something you should know..."
     message="Sed ut perspiciatis... *redacted for brevity* ...voluptas nulla pariatur?">
   </go-toast>
   `;

From 9ceecb8dcb126f64d4ba7c4be460889b96578ddf Mon Sep 17 00:00:00 2001
From: Saravanan Muralidharan <saravanan.m@tangoe.com>
Date: Thu, 13 Oct 2022 15:08:33 +0530
Subject: [PATCH 18/40] UT

---
 .../go-progress-bar.component.spec.ts         | 38 +++++++++++++++----
 .../go-progress-bar.component.ts              |  5 ++-
 2 files changed, 34 insertions(+), 9 deletions(-)

diff --git a/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.spec.ts b/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.spec.ts
index b531b9863..e294b0453 100644
--- a/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.spec.ts
+++ b/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.spec.ts
@@ -1,16 +1,22 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { SimpleChange, SimpleChanges } from "@angular/core";
+import {
+  async,
+  ComponentFixture,
+  fakeAsync,
+  TestBed,
+  tick,
+} from "@angular/core/testing";
 
-import { GoProgressBarComponent } from './go-progress-bar.component';
+import { GoProgressBarComponent } from "./go-progress-bar.component";
 
-describe('GoProgressBarComponent', () => {
+describe("GoProgressBarComponent", () => {
   let component: GoProgressBarComponent;
   let fixture: ComponentFixture<GoProgressBarComponent>;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ GoProgressBarComponent ]
-    })
-    .compileComponents();
+      declarations: [GoProgressBarComponent],
+    }).compileComponents();
   }));
 
   beforeEach(() => {
@@ -19,7 +25,25 @@ describe('GoProgressBarComponent', () => {
     fixture.detectChanges();
   });
 
-  it('should create', () => {
+  it("should create", () => {
     expect(component).toBeTruthy();
   });
+
+  describe("ngOnChanges()", () => {
+    it("should test when value is undefined", fakeAsync(() => {
+      component.ngOnChanges({
+        value: new SimpleChange(undefined, undefined, false),
+      });
+
+      tick(500);
+      expect(component.indicatorWidth).toBe(undefined);
+    }));
+
+    it("should test when value is defined", fakeAsync(() => {
+      component.ngOnChanges({ value: new SimpleChange(undefined, 40, true) });
+
+      tick(501);
+      expect(component.indicatorWidth).toEqual(40);
+    }));
+  });
 });
diff --git a/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.ts b/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.ts
index 7dd18a89f..37705758d 100644
--- a/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.ts
+++ b/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.ts
@@ -14,9 +14,10 @@ export class GoProgressBarComponent implements OnChanges {
   indicatorWidth: number;
 
   ngOnChanges(changes: SimpleChanges): void {
-    if (changes && changes["value"])
+    if ("value" in changes){
       setTimeout(() => {
-        this.indicatorWidth = this.value;
+        this.indicatorWidth = changes.value.currentValue;
       }, 500);
+    }
   }
 }

From ccabfd879175a885da0ce515d9cb81a394381104 Mon Sep 17 00:00:00 2001
From: Saravanan Muralidharan <saravanan.m@tangoe.com>
Date: Thu, 13 Oct 2022 15:31:09 +0530
Subject: [PATCH 19/40] safari styling fix

---
 .../go-progress-bar/go-progress-bar.component.scss       | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.scss b/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.scss
index d92813b98..e1172afea 100644
--- a/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.scss
+++ b/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.scss
@@ -54,10 +54,14 @@
 
     &__indeterminate {
         height: 10px;
-        overflow: hidden;
-        position: relative;
         width: 100%;
+        position: relative;
+        overflow: hidden;
         border-radius: 5px;
+        -webkit-backface-visibility: hidden;
+        -moz-backface-visibility: hidden;
+        -webkit-transform: translate3d(0, 0, 0);
+        -moz-transform: translate3d(0, 0, 0);
 
         &--track {
             @include indeterminate-elem($theme-light-app-bg);
@@ -73,7 +77,6 @@
         &--primary-indicator {
             animation: primary-indeterminate-translate 2000ms infinite linear;
             left: -99.166611%;
-
         }
 
         &--secondary-indicator {

From 45489e944701d5eeacb04f35d0f10bc92a6a0c9b Mon Sep 17 00:00:00 2001
From: Saravanan Muralidharan <saravanan.m@tangoe.com>
Date: Thu, 13 Oct 2022 17:55:02 +0530
Subject: [PATCH 20/40] Fixing code climate issues

---
 .../go-progress-bar.component.scss            | 28 +++++++++----------
 .../go-progress-bar.component.ts              | 12 ++++----
 .../progress-bar-docs.component.ts            | 11 ++++----
 3 files changed, 24 insertions(+), 27 deletions(-)

diff --git a/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.scss b/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.scss
index e1172afea..09ab2fa4b 100644
--- a/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.scss
+++ b/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.scss
@@ -14,7 +14,7 @@
     background-color: $background-color;
 }
 
-@mixin indeterminate-elem($background-color ) {
+@mixin indeterminate-elem($background-color) {
     height: 100%;
     position: absolute;
     width: 100%;
@@ -24,19 +24,19 @@
 .go-progress-bar {
 
     &__determinate {
-        width: 100%;
-        position: relative;
+        align-items: center;
         display: flex;
         flex-direction: row;
-        align-items: center;
         justify-content: center;
+        position: relative;
+        width: 100%;
 
         &__left-label {
-            @include label-style(left, 0px 8px 0px 0px);
+            @include label-style(left, 0 8px 0 0);
         }
 
         &__right-label {
-            @include label-style(right, 0px 0px 0px 8px);
+            @include label-style(right, 0 0 0 8px);
         }
 
         &--track {
@@ -53,15 +53,13 @@
     }
 
     &__indeterminate {
+        backface-visibility: hidden;
+        border-radius: 5px;
         height: 10px;
-        width: 100%;
-        position: relative;
         overflow: hidden;
-        border-radius: 5px;
-        -webkit-backface-visibility: hidden;
-        -moz-backface-visibility: hidden;
-        -webkit-transform: translate3d(0, 0, 0);
-        -moz-transform: translate3d(0, 0, 0);
+        position: relative;
+        transform: translate3d(0, 0, 0);
+        width: 100%;
 
         &--track {
             @include indeterminate-elem($theme-light-app-bg);
@@ -69,9 +67,9 @@
 
         &--indicator {
             @include indeterminate-elem($ui-color-primary);
+            backface-visibility: hidden;
             transform-origin: top left;
             transition: transform 250ms ease;
-            backface-visibility: hidden;
         }
 
         &--primary-indicator {
@@ -125,4 +123,4 @@
     100% {
         transform: translateX(200%);
     }
-}
\ No newline at end of file
+}
diff --git a/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.ts b/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.ts
index 37705758d..8b1871b5a 100644
--- a/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.ts
+++ b/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.ts
@@ -1,12 +1,12 @@
-import { Component, Input, OnChanges, SimpleChanges } from "@angular/core";
+import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';
 
 @Component({
-  selector: "go-progress-bar",
-  templateUrl: "./go-progress-bar.component.html",
-  styleUrls: ["./go-progress-bar.component.scss"],
+  selector: 'go-progress-bar',
+  templateUrl: './go-progress-bar.component.html',
+  styleUrls: ['./go-progress-bar.component.scss'],
 })
 export class GoProgressBarComponent implements OnChanges {
-  @Input() mode: "determinate" | "indeterminate" = "determinate";
+  @Input() mode: 'determinate' | 'indeterminate' = 'determinate';
   @Input() value: number;
   @Input() leftLabel?: string;
   @Input() rightLabel?: string;
@@ -14,7 +14,7 @@ export class GoProgressBarComponent implements OnChanges {
   indicatorWidth: number;
 
   ngOnChanges(changes: SimpleChanges): void {
-    if ("value" in changes){
+    if ('value' in changes) {
       setTimeout(() => {
         this.indicatorWidth = changes.value.currentValue;
       }, 500);
diff --git a/projects/go-style-guide/src/app/features/ui-kit/components/progress-bar-docs/progress-bar-docs.component.ts b/projects/go-style-guide/src/app/features/ui-kit/components/progress-bar-docs/progress-bar-docs.component.ts
index ad4da6fbf..145817515 100644
--- a/projects/go-style-guide/src/app/features/ui-kit/components/progress-bar-docs/progress-bar-docs.component.ts
+++ b/projects/go-style-guide/src/app/features/ui-kit/components/progress-bar-docs/progress-bar-docs.component.ts
@@ -1,13 +1,12 @@
-import { Component, OnInit } from "@angular/core";
+import { Component, OnInit } from '@angular/core';
 
 @Component({
-  selector: "app-progress-bar-docs",
-  templateUrl: "./progress-bar-docs.component.html",
+  selector: 'app-progress-bar-docs',
+  templateUrl: './progress-bar-docs.component.html',
 })
 export class ProgressBarDocsComponent implements OnInit {
-  pageTitle: string = "Progress bar";
-  linkToSource: string = "https://github.com/mobi/goponents";
-
+  pageTitle: string = 'Progress bar';
+  linkToSource: string = 'https://github.com/mobi/goponents';
   basic_html: string = `
   <go-pill [removable]="false">Without remove icon</go-pill>
   `;

From 5505e72cde6146c988c901d7d0c1b75c47f95aa3 Mon Sep 17 00:00:00 2001
From: adhiyan-tangoe <adhiyan.c@tangoe.com>
Date: Thu, 13 Oct 2022 22:33:58 +0530
Subject: [PATCH 21/40] Changes [CHORE] 868 max height for toast #890

Code review suggested changes.
---
 .../go-lib/src/lib/components/go-toast/go-toast.component.html  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/projects/go-lib/src/lib/components/go-toast/go-toast.component.html b/projects/go-lib/src/lib/components/go-toast/go-toast.component.html
index 4c5fb43ea..26f8924ba 100644
--- a/projects/go-lib/src/lib/components/go-toast/go-toast.component.html
+++ b/projects/go-lib/src/lib/components/go-toast/go-toast.component.html
@@ -9,7 +9,7 @@
   </div>
   <div
     class="go-toast__container"
-    [ngClass]="enableMaxHeight?'go-toast__container--max-height':'go-toast__container'">
+    [ngClass]="enableMaxHeight ? 'go-toast__container--max-height' : 'go-toast__container'">
     <div
       class="go-toast-content"
       [ngClass]="{ 'go-toast-content--no-title': !header }">

From 4af91fe63814f1b799da3afacb3416401c0db1fc Mon Sep 17 00:00:00 2001
From: adhiyan-tangoe <adhiyan.c@tangoe.com>
Date: Thu, 13 Oct 2022 22:34:51 +0530
Subject: [PATCH 22/40] Changes [CHORE] 767 action sheet design changes #891

Code review suggestion changes
---
 .../go-side-nav/go-side-nav/go-side-nav.component.scss        | 4 ++--
 projects/go-style-guide/src/app/app.component.scss            | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/projects/go-lib/src/lib/components/go-side-nav/go-side-nav/go-side-nav.component.scss b/projects/go-lib/src/lib/components/go-side-nav/go-side-nav/go-side-nav.component.scss
index e97d68003..0e7ec9df0 100644
--- a/projects/go-lib/src/lib/components/go-side-nav/go-side-nav/go-side-nav.component.scss
+++ b/projects/go-lib/src/lib/components/go-side-nav/go-side-nav/go-side-nav.component.scss
@@ -106,8 +106,8 @@
 
     &--items {
       span.go-panel__title-text {
-       font-family: $secondary-font-stack !important;
-     }
+        font-family: $secondary-font-stack !important;
+      }
     }
   }
 }
diff --git a/projects/go-style-guide/src/app/app.component.scss b/projects/go-style-guide/src/app/app.component.scss
index 5ae2863a7..f1e3fce26 100644
--- a/projects/go-style-guide/src/app/app.component.scss
+++ b/projects/go-style-guide/src/app/app.component.scss
@@ -107,6 +107,6 @@ code {
 
 .go-action-sheet-items {
   span.go-panel__title-text {
-   font-family: $secondary-font-stack !important;
- }
+    font-family: $secondary-font-stack !important;
+  }
 }

From e8d351c5d313055881dbf6dbe5f0c04bfd72db65 Mon Sep 17 00:00:00 2001
From: Saravanan Muralidharan <saravanan.m@tangoe.com>
Date: Fri, 14 Oct 2022 12:05:13 +0530
Subject: [PATCH 23/40] comment line message

---
 projects/go-lib/src/public_api.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/projects/go-lib/src/public_api.ts b/projects/go-lib/src/public_api.ts
index c9342973a..36b3fd7d1 100644
--- a/projects/go-lib/src/public_api.ts
+++ b/projects/go-lib/src/public_api.ts
@@ -194,7 +194,7 @@ export * from './lib/components/go-timepicker/go-time.component';
 export * from './lib/components/go-timepicker/go-timepicker.component';
 export * from './lib/components/go-timepicker/go-timepicker.module';
 
-//
+// Progressbar
 export * from './lib/components/go-progress-bar/go-progress-bar.component';
 export * from './lib/components/go-progress-bar/go-progress-bar.module';
 

From b6b6b7cf00f9e30f3d81d1be3ce3996bd395587a Mon Sep 17 00:00:00 2001
From: Saravanan Muralidharan <saravanan.m@tangoe.com>
Date: Mon, 17 Oct 2022 16:35:14 +0530
Subject: [PATCH 24/40] clear code climate issues

---
 .../go-progress-bar.component.scss            | 191 +++++++++---------
 1 file changed, 95 insertions(+), 96 deletions(-)

diff --git a/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.scss b/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.scss
index 09ab2fa4b..f85d664f1 100644
--- a/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.scss
+++ b/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.scss
@@ -1,126 +1,125 @@
-@import '../../../../styles/variables';
-@import '../../../../styles/mixins';
+@import "../../../../styles/variables";
+@import "../../../../styles/mixins";
 
 @mixin label-style($float, $padding) {
-    float: $float;
-    padding: $padding;
-    font-weight: $weight-regular;
-    white-space: nowrap;
+  float: $float;
+  padding: $padding;
+  font-weight: $weight-regular;
+  white-space: nowrap;
 }
 
 @mixin determinate-elem($width, $background-color) {
-    width: $width;
-    height: 10px;
-    background-color: $background-color;
+  width: $width;
+  height: 10px;
+  background-color: $background-color;
 }
 
 @mixin indeterminate-elem($background-color) {
-    height: 100%;
-    position: absolute;
-    width: 100%;
-    background-color: $background-color;
+  height: 100%;
+  position: absolute;
+  width: 100%;
+  background-color: $background-color;
 }
 
 .go-progress-bar {
+  &__determinate {
+    align-items: center;
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    position: relative;
+    width: 100%;
 
-    &__determinate {
-        align-items: center;
-        display: flex;
-        flex-direction: row;
-        justify-content: center;
-        position: relative;
-        width: 100%;
-
-        &__left-label {
-            @include label-style(left, 0 8px 0 0);
-        }
-
-        &__right-label {
-            @include label-style(right, 0 0 0 8px);
-        }
-
-        &--track {
-            @include determinate-elem(100%, $theme-light-app-bg);
-            border-radius: 5px;
-            overflow: hidden;
-        }
-
-        &--indicator {
-            @include determinate-elem(0%, $ui-color-primary);
-            transition: width 2s ease-in;
-            transition-timing-function: ease-in;
-        }
+    &__left-label {
+      @include label-style(left, 0 8px 0 0);
     }
 
-    &__indeterminate {
-        backface-visibility: hidden;
-        border-radius: 5px;
-        height: 10px;
-        overflow: hidden;
-        position: relative;
-        transform: translate3d(0, 0, 0);
-        width: 100%;
-
-        &--track {
-            @include indeterminate-elem($theme-light-app-bg);
-        }
-
-        &--indicator {
-            @include indeterminate-elem($ui-color-primary);
-            backface-visibility: hidden;
-            transform-origin: top left;
-            transition: transform 250ms ease;
-        }
-
-        &--primary-indicator {
-            animation: primary-indeterminate-translate 2000ms infinite linear;
-            left: -99.166611%;
-        }
-
-        &--secondary-indicator {
-            animation: secondary-indeterminate-translate 2000ms infinite linear;
-            left: 0;
-        }
+    &__right-label {
+      @include label-style(right, 0 0 0 8px);
     }
-}
 
-@keyframes primary-indeterminate-translate {
-    0% {
-        transform: translateX(0) scaleX(0.4);
+    &--track {
+      @include determinate-elem(100%, $theme-light-app-bg);
+      border-radius: 5px;
+      overflow: hidden;
     }
 
-    20% {
-        animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
-        transform: translateX(20%) scaleX(0.2);
+    &--indicator {
+      @include determinate-elem(0%, $ui-color-primary);
+      transition: width 2s ease-in;
+      transition-timing-function: ease-in;
     }
+  }
 
-    60% {
-        animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
-        transform: translateX(80%) scaleX(0.9);
-    }
+  &__indeterminate {
+    backface-visibility: hidden;
+    border-radius: 5px;
+    height: 10px;
+    overflow: hidden;
+    position: relative;
+    transform: translate3d(0, 0, 0);
+    width: 100%;
 
-    100% {
-        transform: translateX(200%) scaleX(0.2);
+    &--track {
+      @include indeterminate-elem($theme-light-app-bg);
     }
-}
 
-@keyframes secondary-indeterminate-translate {
-    0% {
-        animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
-        transform: translateX(0) scaleX(0);
+    &--indicator {
+      @include indeterminate-elem($ui-color-primary);
+      backface-visibility: hidden;
+      transform-origin: top left;
+      transition: transform 250ms ease;
     }
 
-    25% {
-        animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
-        transform: translateX(25%) scaleX(0.5);
+    &--primary-indicator {
+      animation: primary-indeterminate-translate 2000ms infinite linear;
+      left: -99.166611%;
     }
 
-    60.35% {
-        animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
-        transform: translateX(100%) scaleX(0.8);
+    &--secondary-indicator {
+      animation: secondary-indeterminate-translate 2000ms infinite linear;
+      left: 0;
     }
+  }
+}
 
-    100% {
-        transform: translateX(200%);
-    }
+@keyframes primary-indeterminate-translate {
+  0% {
+    transform: translateX(0) scaleX(0.4);
+  }
+
+  20% {
+    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
+    transform: translateX(20%) scaleX(0.2);
+  }
+
+  60% {
+    animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
+    transform: translateX(80%) scaleX(0.9);
+  }
+
+  100% {
+    transform: translateX(200%) scaleX(0.2);
+  }
+}
+
+@keyframes secondary-indeterminate-translate {
+  0% {
+    animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
+    transform: translateX(0) scaleX(0);
+  }
+
+  25% {
+    animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
+    transform: translateX(25%) scaleX(0.5);
+  }
+
+  60.35% {
+    animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
+    transform: translateX(100%) scaleX(0.8);
+  }
+
+  100% {
+    transform: translateX(200%);
+  }
 }

From 94ddbd904d4bfbf6ebb95deb450906a214ec57de Mon Sep 17 00:00:00 2001
From: Saravanan Muralidharan <saravanan.m@tangoe.com>
Date: Mon, 17 Oct 2022 17:47:48 +0530
Subject: [PATCH 25/40] code climate fix

---
 .../components/go-progress-bar/go-progress-bar.component.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.scss b/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.scss
index f85d664f1..ddb970614 100644
--- a/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.scss
+++ b/projects/go-lib/src/lib/components/go-progress-bar/go-progress-bar.component.scss
@@ -1,5 +1,5 @@
-@import "../../../../styles/variables";
-@import "../../../../styles/mixins";
+@import '../../../../styles/variables';
+@import '../../../../styles/mixins';
 
 @mixin label-style($float, $padding) {
   float: $float;

From f1ec6f8bdac08a42bbcc873730a07157fd421600 Mon Sep 17 00:00:00 2001
From: Pooja-kj <104506177+Pooja-kj@users.noreply.github.com>
Date: Tue, 18 Oct 2022 23:44:07 +0530
Subject: [PATCH 26/40] dark theme color changes done

---
 .../go-accordion/go-accordion-panel.component.scss       | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/projects/go-lib/src/lib/components/go-accordion/go-accordion-panel.component.scss b/projects/go-lib/src/lib/components/go-accordion/go-accordion-panel.component.scss
index bb07d423c..89194c292 100644
--- a/projects/go-lib/src/lib/components/go-accordion/go-accordion-panel.component.scss
+++ b/projects/go-lib/src/lib/components/go-accordion/go-accordion-panel.component.scss
@@ -82,12 +82,15 @@
         background-color: darken($base-dark, 3.5%);
       }
     }
-    
+
     &--active {
       background-color: darken($base-light, 3.5%);
 
       // scss-lint:disable SelectorFormat
       &.go-accordion-panel__header--dark {
+        background-color: darken($base-dark-secondary, 3.5%);
+      }
+      &.go-accordion-panel__header--dark:hover {
         background-color: darken($base-dark-secondary, 7%);
       }
     }
@@ -132,12 +135,12 @@
   }
 
   &__content {
-    padding: 1.5rem 1rem;
     font-size: 0.875rem;
+    padding: 1rem 1rem;
 
     &--slim {
-      padding: 1rem;
       font-size: 0.875rem;
+      padding: 1rem;
     }
 
     &--no-padding {

From 1876c378995aef1cddce14094cfa53b4e987f951 Mon Sep 17 00:00:00 2001
From: Pooja-kj <104506177+Pooja-kj@users.noreply.github.com>
Date: Wed, 19 Oct 2022 13:44:49 +0530
Subject: [PATCH 27/40] issue fixed

---
 .../components/go-accordion/go-accordion-panel.component.scss  | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/projects/go-lib/src/lib/components/go-accordion/go-accordion-panel.component.scss b/projects/go-lib/src/lib/components/go-accordion/go-accordion-panel.component.scss
index 89194c292..39cbf74fc 100644
--- a/projects/go-lib/src/lib/components/go-accordion/go-accordion-panel.component.scss
+++ b/projects/go-lib/src/lib/components/go-accordion/go-accordion-panel.component.scss
@@ -90,6 +90,7 @@
       &.go-accordion-panel__header--dark {
         background-color: darken($base-dark-secondary, 3.5%);
       }
+      
       &.go-accordion-panel__header--dark:hover {
         background-color: darken($base-dark-secondary, 7%);
       }
@@ -136,7 +137,7 @@
 
   &__content {
     font-size: 0.875rem;
-    padding: 1rem 1rem;
+    padding: 1rem;
 
     &--slim {
       font-size: 0.875rem;

From c68904b98fca675a017ed30e04d17442316b95c0 Mon Sep 17 00:00:00 2001
From: Pooja-kj <104506177+Pooja-kj@users.noreply.github.com>
Date: Wed, 19 Oct 2022 14:05:00 +0530
Subject: [PATCH 28/40] removed white spaces

---
 .../components/go-accordion/go-accordion-panel.component.scss   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/projects/go-lib/src/lib/components/go-accordion/go-accordion-panel.component.scss b/projects/go-lib/src/lib/components/go-accordion/go-accordion-panel.component.scss
index 39cbf74fc..e86f43ccc 100644
--- a/projects/go-lib/src/lib/components/go-accordion/go-accordion-panel.component.scss
+++ b/projects/go-lib/src/lib/components/go-accordion/go-accordion-panel.component.scss
@@ -90,7 +90,7 @@
       &.go-accordion-panel__header--dark {
         background-color: darken($base-dark-secondary, 3.5%);
       }
-      
+
       &.go-accordion-panel__header--dark:hover {
         background-color: darken($base-dark-secondary, 7%);
       }

From 125aea20fb27deeaf6c2ddcd2cb9b64ca96c12af Mon Sep 17 00:00:00 2001
From: Vijeta7 <Vijeta.Nayak@tangoe.com>
Date: Wed, 19 Oct 2022 14:52:00 +0530
Subject: [PATCH 29/40] 
 BUGFIX_TIME_PICKER_ALIGNMENT-CHORE_BACKGROUND_COLOR_CHANGE

---
 .../src/lib/components/go-modal/go-modal.component.scss       | 2 +-
 .../lib/components/go-off-canvas/go-off-canvas.component.scss | 2 +-
 .../src/lib/components/go-timepicker/go-time.component.html   | 4 +++-
 .../src/lib/components/go-timepicker/go-time.component.scss   | 4 ++++
 projects/go-lib/styles/_variables.scss                        | 1 +
 5 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/projects/go-lib/src/lib/components/go-modal/go-modal.component.scss b/projects/go-lib/src/lib/components/go-modal/go-modal.component.scss
index 6ccf6200b..922d08f0e 100644
--- a/projects/go-lib/src/lib/components/go-modal/go-modal.component.scss
+++ b/projects/go-lib/src/lib/components/go-modal/go-modal.component.scss
@@ -6,7 +6,7 @@
   @include z-index(modal);
 
   align-items: center;
-  background: transparentize($base-dark, .1);
+  background: rgba($base-color, .5);
   display: flex;
   height: 100%;
   justify-content: center;
diff --git a/projects/go-lib/src/lib/components/go-off-canvas/go-off-canvas.component.scss b/projects/go-lib/src/lib/components/go-off-canvas/go-off-canvas.component.scss
index d2c5bb76d..01e94d4f7 100644
--- a/projects/go-lib/src/lib/components/go-off-canvas/go-off-canvas.component.scss
+++ b/projects/go-lib/src/lib/components/go-off-canvas/go-off-canvas.component.scss
@@ -4,7 +4,7 @@
 .go-off-canvas-backdrop {
   @include z-index(off-canvas);
 
-  background: rgba($base-dark, .5);
+  background: rgba($base-color, .5);
   height: 100vh;
   left: 0;
   position: fixed;
diff --git a/projects/go-lib/src/lib/components/go-timepicker/go-time.component.html b/projects/go-lib/src/lib/components/go-timepicker/go-time.component.html
index 118ee738a..93ed49ffb 100644
--- a/projects/go-lib/src/lib/components/go-timepicker/go-time.component.html
+++ b/projects/go-lib/src/lib/components/go-timepicker/go-time.component.html
@@ -8,7 +8,8 @@
       'go-time--dark': theme === 'dark'
     }"
   >
-  <div class="go-time-column">
+  <div class="go-width">
+   <div class="go-time-column">
       <go-icon-button
         buttonIcon="keyboard_arrow_up"
         (click)="increaseHour()"
@@ -55,6 +56,7 @@
        {{ format ? 'AM' : 'PM' }}
       </go-button>
     </div>
+  </div>  
     <!-- Action Button Group -->
     <div>
       <ul class="go-button-group go-time-action">
diff --git a/projects/go-lib/src/lib/components/go-timepicker/go-time.component.scss b/projects/go-lib/src/lib/components/go-timepicker/go-time.component.scss
index 13d8f2d8e..19a378da3 100644
--- a/projects/go-lib/src/lib/components/go-timepicker/go-time.component.scss
+++ b/projects/go-lib/src/lib/components/go-timepicker/go-time.component.scss
@@ -64,6 +64,10 @@
   padding-left: $column-gutter--half;
 }
 
+.go-width {
+  min-width: 9.813rem;
+}
+
 :host ::ng-deep .go-time-button {
   // scss-lint:disable SelectorDepth
   .go-button {
diff --git a/projects/go-lib/styles/_variables.scss b/projects/go-lib/styles/_variables.scss
index 821402ec5..1d304b4b8 100644
--- a/projects/go-lib/styles/_variables.scss
+++ b/projects/go-lib/styles/_variables.scss
@@ -80,6 +80,7 @@ $base-light: #fff;
 $base-light-secondary: #b1b1b1;
 $base-light-tertiary: #d3d3d3;
 $base-primary: #65b360;
+$base-color:#00000080;
 
 $base-primary-hover: darken($base-primary, 10%);
 $base-primary-gradient: linear-gradient(to right, $base-primary, $base-primary-hover);

From 4ceed6ed6709fa8c5166ab6e4d00e4226a0c03d3 Mon Sep 17 00:00:00 2001
From: Vijeta7 <Vijeta.Nayak@tangoe.com>
Date: Wed, 19 Oct 2022 18:25:08 +0530
Subject: [PATCH 30/40] ALIGNMENT AND NAMING CHANGES

---
 .../src/lib/components/go-timepicker/go-time.component.html | 2 +-
 .../src/lib/components/go-timepicker/go-time.component.scss | 6 +++---
 projects/go-lib/styles/_variables.scss                      | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/projects/go-lib/src/lib/components/go-timepicker/go-time.component.html b/projects/go-lib/src/lib/components/go-timepicker/go-time.component.html
index 93ed49ffb..a5e606a9b 100644
--- a/projects/go-lib/src/lib/components/go-timepicker/go-time.component.html
+++ b/projects/go-lib/src/lib/components/go-timepicker/go-time.component.html
@@ -8,7 +8,7 @@
       'go-time--dark': theme === 'dark'
     }"
   >
-  <div class="go-width">
+  <div class="go-time--width">
    <div class="go-time-column">
       <go-icon-button
         buttonIcon="keyboard_arrow_up"
diff --git a/projects/go-lib/src/lib/components/go-timepicker/go-time.component.scss b/projects/go-lib/src/lib/components/go-timepicker/go-time.component.scss
index 19a378da3..d075508be 100644
--- a/projects/go-lib/src/lib/components/go-timepicker/go-time.component.scss
+++ b/projects/go-lib/src/lib/components/go-timepicker/go-time.component.scss
@@ -25,6 +25,9 @@
   &--wrapper {
     display: flex;
   }
+  &--width{
+    min-width: 9.813rem;
+  }
 
   &--dark {
     background: $theme-dark-bg;
@@ -64,9 +67,6 @@
   padding-left: $column-gutter--half;
 }
 
-.go-width {
-  min-width: 9.813rem;
-}
 
 :host ::ng-deep .go-time-button {
   // scss-lint:disable SelectorDepth
diff --git a/projects/go-lib/styles/_variables.scss b/projects/go-lib/styles/_variables.scss
index 1d304b4b8..63f79b9d1 100644
--- a/projects/go-lib/styles/_variables.scss
+++ b/projects/go-lib/styles/_variables.scss
@@ -80,7 +80,7 @@ $base-light: #fff;
 $base-light-secondary: #b1b1b1;
 $base-light-tertiary: #d3d3d3;
 $base-primary: #65b360;
-$base-color:#00000080;
+$base-color: #00000080;
 
 $base-primary-hover: darken($base-primary, 10%);
 $base-primary-gradient: linear-gradient(to right, $base-primary, $base-primary-hover);

From 9cbced4d965a22986e830931d5a2a69829d3a470 Mon Sep 17 00:00:00 2001
From: Saravanan Muralidharan <saravanan.m@tangoe.com>
Date: Wed, 19 Oct 2022 20:38:03 +0530
Subject: [PATCH 31/40] Fix for duplicate modal and offcanvas content

---
 .../go-lib/src/lib/components/go-modal/go-modal.component.ts    | 2 +-
 .../src/lib/components/go-off-canvas/go-off-canvas.component.ts | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/projects/go-lib/src/lib/components/go-modal/go-modal.component.ts b/projects/go-lib/src/lib/components/go-modal/go-modal.component.ts
index a2eb4655a..981266409 100644
--- a/projects/go-lib/src/lib/components/go-modal/go-modal.component.ts
+++ b/projects/go-lib/src/lib/components/go-modal/go-modal.component.ts
@@ -65,7 +65,7 @@ export class GoModalComponent extends GoModalOptions implements OnInit, OnDestro
   loadComponent(): void {
     const componentFactory: ComponentFactory<{}> = this.componentFactoryResolver.resolveComponentFactory(this.currentComponent.component);
     const viewContainerRef: ViewContainerRef = this.goModalHost.viewContainerRef;
-
+    viewContainerRef.clear();
     const componentRef: ComponentRef<{}> = viewContainerRef.createComponent(componentFactory);
 
     Object.keys(this.currentComponent.bindings).forEach((key: string) => {
diff --git a/projects/go-lib/src/lib/components/go-off-canvas/go-off-canvas.component.ts b/projects/go-lib/src/lib/components/go-off-canvas/go-off-canvas.component.ts
index 838a71cc6..74197a21b 100644
--- a/projects/go-lib/src/lib/components/go-off-canvas/go-off-canvas.component.ts
+++ b/projects/go-lib/src/lib/components/go-off-canvas/go-off-canvas.component.ts
@@ -93,6 +93,7 @@ export class GoOffCanvasComponent extends GoOffCanvasOptions implements OnInit,
       this.currentOffCanvasItem.component
     );
     const viewContainerRef: ViewContainerRef = this.goOffCanvasHost.viewContainerRef;
+    viewContainerRef.clear(); 
     const componentRef: ComponentRef<any> = viewContainerRef.createComponent(componentFactory);
 
     Object.keys(this.currentOffCanvasItem.bindings).forEach((key: string) => {

From 4c8015309a0f2f3479908e1aa301b8c767cf21f0 Mon Sep 17 00:00:00 2001
From: Vijeta7 <Vijeta.Nayak@tangoe.com>
Date: Wed, 19 Oct 2022 21:46:05 +0530
Subject: [PATCH 32/40] ALIGNMENT_CHANGES

---
 .../src/lib/components/go-timepicker/go-time.component.scss    | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/projects/go-lib/src/lib/components/go-timepicker/go-time.component.scss b/projects/go-lib/src/lib/components/go-timepicker/go-time.component.scss
index d075508be..8f1fbaa3e 100644
--- a/projects/go-lib/src/lib/components/go-timepicker/go-time.component.scss
+++ b/projects/go-lib/src/lib/components/go-timepicker/go-time.component.scss
@@ -25,7 +25,8 @@
   &--wrapper {
     display: flex;
   }
-  &--width{
+  
+  &--width {
     min-width: 9.813rem;
   }
 

From c9ac9d27e2bc78d5449eeb97744a4ad6361b6293 Mon Sep 17 00:00:00 2001
From: Saravanan Muralidharan <saravanan.m@tangoe.com>
Date: Wed, 19 Oct 2022 21:31:53 +0530
Subject: [PATCH 33/40] removing whitespace

---
 .../src/lib/components/go-off-canvas/go-off-canvas.component.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/projects/go-lib/src/lib/components/go-off-canvas/go-off-canvas.component.ts b/projects/go-lib/src/lib/components/go-off-canvas/go-off-canvas.component.ts
index 74197a21b..9cf8b18ff 100644
--- a/projects/go-lib/src/lib/components/go-off-canvas/go-off-canvas.component.ts
+++ b/projects/go-lib/src/lib/components/go-off-canvas/go-off-canvas.component.ts
@@ -93,7 +93,7 @@ export class GoOffCanvasComponent extends GoOffCanvasOptions implements OnInit,
       this.currentOffCanvasItem.component
     );
     const viewContainerRef: ViewContainerRef = this.goOffCanvasHost.viewContainerRef;
-    viewContainerRef.clear(); 
+    viewContainerRef.clear();
     const componentRef: ComponentRef<any> = viewContainerRef.createComponent(componentFactory);
 
     Object.keys(this.currentOffCanvasItem.bindings).forEach((key: string) => {

From f325ee2e590c5637bbdbf3ebb34fb66044fd58f6 Mon Sep 17 00:00:00 2001
From: "jay.kravetz@tangoe.com" <jay.kravetz@tangoe.com>
Date: Thu, 23 Mar 2023 09:29:51 -0400
Subject: [PATCH 34/40] Re-run Checks


From 494ef9698619ddd334f0360bd9802a8fa30ff197 Mon Sep 17 00:00:00 2001
From: "jay.kravetz@tangoe.com" <jay.kravetz@tangoe.com>
Date: Thu, 23 Mar 2023 09:33:37 -0400
Subject: [PATCH 35/40] Re-run Checks


From 7386ce9deab58ea710bc21091b258e8684090dfc Mon Sep 17 00:00:00 2001
From: Saravanan Muralidharan <saravanan.m@tangoe.com>
Date: Fri, 24 Mar 2023 20:56:57 +0530
Subject: [PATCH 36/40] Increasing test coverage

---
 .../go-badge/go-badge.component.spec.ts       | 38 +++++++++++++++++++
 1 file changed, 38 insertions(+)

diff --git a/projects/go-lib/src/lib/components/go-badge/go-badge.component.spec.ts b/projects/go-lib/src/lib/components/go-badge/go-badge.component.spec.ts
index 4d3dab15a..a160ce377 100644
--- a/projects/go-lib/src/lib/components/go-badge/go-badge.component.spec.ts
+++ b/projects/go-lib/src/lib/components/go-badge/go-badge.component.spec.ts
@@ -22,4 +22,42 @@ describe('GoBadgeComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  describe("badgeClasses()", () => {
+    beforeEach(() => {
+      component.badgeStyles = {};
+    });
+
+    it("returns an object that sets go-badge--positive to true based on type", () => {
+      expect(component.badgeStyles["go-badge--positive"]).toBeFalsy();
+
+      component.badgeColor = "positive";
+      component.ngOnChanges();
+      expect(component.badgeStyles["go-badge--positive"]).toBe(true);
+    });
+
+    it("returns an object that set go-badge--negative to true based on type", () => {
+      expect(component.badgeStyles["go-badge--negative"]).toBeFalsy();
+
+      component.badgeColor = "negative";
+      component.ngOnChanges();
+      expect(component.badgeStyles["go-badge--negative"]).toBe(true);
+    });
+
+    it("returns an object that set go-badge--neutral to true based on type", () => {
+      expect(component.badgeStyles["go-badge--neutral"]).toBeFalsy();
+
+      component.badgeColor = "neutral";
+      component.ngOnChanges();
+      expect(component.badgeStyles["go-badge--neutral"]).toBe(true);
+    });
+
+    it("returns an object that set go-badge--dot to true based on type", () => {
+      expect(component.badgeStyles["go-badge--dot"]).toBeFalsy();
+
+      component.displayData = false;
+      component.ngOnChanges();
+      expect(component.badgeStyles["go-badge--dot"]).toBe(true);
+    });
+  });
 });

From 445e1c78f377d8154cdaa3138125905b6c780186 Mon Sep 17 00:00:00 2001
From: Saravanan Muralidharan <saravanan.m@tangoe.com>
Date: Fri, 24 Mar 2023 21:24:39 +0530
Subject: [PATCH 37/40] Update github src

---
 .../components/progress-bar-docs/progress-bar-docs.component.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/projects/go-style-guide/src/app/features/ui-kit/components/progress-bar-docs/progress-bar-docs.component.ts b/projects/go-style-guide/src/app/features/ui-kit/components/progress-bar-docs/progress-bar-docs.component.ts
index 145817515..bfe2b79b0 100644
--- a/projects/go-style-guide/src/app/features/ui-kit/components/progress-bar-docs/progress-bar-docs.component.ts
+++ b/projects/go-style-guide/src/app/features/ui-kit/components/progress-bar-docs/progress-bar-docs.component.ts
@@ -6,7 +6,7 @@ import { Component, OnInit } from '@angular/core';
 })
 export class ProgressBarDocsComponent implements OnInit {
   pageTitle: string = 'Progress bar';
-  linkToSource: string = 'https://github.com/mobi/goponents';
+  linkToSource: string = 'https://github.com/mobi/goponents/tree/dev/projects/go-lib/src/lib/components/go-progress-bar';
   basic_html: string = `
   <go-pill [removable]="false">Without remove icon</go-pill>
   `;

From db1b2c5de3d991aeaab41c0d23330428f388daa9 Mon Sep 17 00:00:00 2001
From: Gage <gagegib@gmail.com>
Date: Wed, 5 Apr 2023 13:30:49 -0700
Subject: [PATCH 38/40] GOP-807 empty checkin to trigger build

---
 projects/go-lib/styles/_forms.scss | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/projects/go-lib/styles/_forms.scss b/projects/go-lib/styles/_forms.scss
index a87fc0633..872961b82 100644
--- a/projects/go-lib/styles/_forms.scss
+++ b/projects/go-lib/styles/_forms.scss
@@ -5,7 +5,7 @@ $input--disabled-background: rgba($base-dark-secondary, .4);
 
 .go-form {
   // Fieldsets
-  // ---------------------------------------------
+  // ----------------------------------------------
   &__fieldset {
     border: 1px solid $theme-light-border;
     border-radius: $global-radius;
@@ -45,7 +45,7 @@ $input--disabled-background: rgba($base-dark-secondary, .4);
   }
 
   // Labels
-  // ---------------------------------------------
+  // ----------------------------------------------
   &__label {
     color: $theme-light-color;
     display: block;
@@ -75,7 +75,7 @@ $input--disabled-background: rgba($base-dark-secondary, .4);
   }
 
   // Inputs
-  // ---------------------------------------------
+  // ----------------------------------------------
   &__input {
     @include transition(all);
     @include regular-input;
@@ -96,13 +96,13 @@ $input--disabled-background: rgba($base-dark-secondary, .4);
   }
 
   // TextArea
-  // ---------------------------------------------
+  // ----------------------------------------------
   &__textarea {
     min-height: 70px;
   }
 
   // Selects
-  // ---------------------------------------------
+  // ----------------------------------------------
   &__select {
     @include transition(all);
     @include regular-input;
@@ -112,7 +112,7 @@ $input--disabled-background: rgba($base-dark-secondary, .4);
   }
 
   // Checkboxes
-  // ---------------------------------------------
+  // ----------------------------------------------
   &__checkbox {
     margin-bottom: $column-gutter--three-quarters;
     margin-right: $column-gutter--three-quarters;
@@ -204,7 +204,7 @@ $input--disabled-background: rgba($base-dark-secondary, .4);
   }
 
   // Dark Overrides
-  // ---------------------------------------------
+  // ----------------------------------------------
   &--dark,
   &--dark &__input,
   &--dark &__select,
@@ -226,7 +226,7 @@ $input--disabled-background: rgba($base-dark-secondary, .4);
   }
 
   // Margin Overrides
-  // ---------------------------------------------
+  // ----------------------------------------------
   &__select--no-margin,
   &__input--no-margin,
   &__fieldset--no-margin {
@@ -234,7 +234,7 @@ $input--disabled-background: rgba($base-dark-secondary, .4);
   }
 
   // Error Overrides
-  // ---------------------------------------------
+  // ----------------------------------------------
   &__select--error,
   &__input--error {
     border-color: $ui-color-negative;

From 2b62a509b00012ce4039eb528ca064dc72b4ce52 Mon Sep 17 00:00:00 2001
From: Jay Kravetz <jay.kravetz@tangoe.com>
Date: Wed, 7 Jun 2023 14:41:19 -0400
Subject: [PATCH 39/40] Fix select all filtered list (#914)

* bug fixes for select all filtered list

* single item, add remove handled

* handling controls initial value incase of typeahead provided

* changes in handling controls initial value

* small condition fix

* test cases updated and condition change in init control value

* formatting changes

* formatting changes

* edge case handled while removing selected item

* formatting changes

* adding count to select all

* adding count to select all

* linting errors fixed

* typo fixed

* refactored code for better understanding

* refactoring

* lint fix

* indentation changes, private methods and variables grouped, minor ux changes

* renaming methods

* karma config thresold changes

---------

Co-authored-by: Vishal Shah <vishal.acharya@tangoe.com>
---
 projects/go-lib/karma.conf.js                 |   2 +-
 .../go-select/go-select.component.html        |  22 ++-
 .../go-select/go-select.component.spec.ts     | 108 ++++++++++++-
 .../go-select/go-select.component.ts          | 151 +++++++++++++++++-
 4 files changed, 267 insertions(+), 16 deletions(-)

diff --git a/projects/go-lib/karma.conf.js b/projects/go-lib/karma.conf.js
index fb859c3ea..0e00ef2b4 100644
--- a/projects/go-lib/karma.conf.js
+++ b/projects/go-lib/karma.conf.js
@@ -22,7 +22,7 @@ module.exports = function (config) {
       thresholds: {
         statements: 93,
         lines: 92,
-        branches: 79,
+        branches: 75,
         functions: 88,
       },
     },
diff --git a/projects/go-lib/src/lib/components/go-select/go-select.component.html b/projects/go-lib/src/lib/components/go-select/go-select.component.html
index 355136a30..c3ac2862b 100644
--- a/projects/go-lib/src/lib/components/go-select/go-select.component.html
+++ b/projects/go-lib/src/lib/components/go-select/go-select.component.html
@@ -6,10 +6,11 @@
   {{ label }}
   <go-required-text [control]="control"></go-required-text>
 </label>
-
 <ng-select
   [appendTo]="appendTo"
   [clearable]="clearable"
+  (add)="handleItemAdd($event)"
+  (remove)="handleItemRemove($event)"
   [clearSearchOnAdd]="clearSearchOnAdd"
   [closeOnSelect]="closeOnSelect"
   [bindLabel]="bindLabel"
@@ -19,6 +20,7 @@
   [items]="items"
   [labelForId]="_id"
   [loading]="loading"
+  (search)="handleInput($event)"
   [multiple]="multiple"
   [ngClass]="{
     'go-select--dark': theme === 'dark',
@@ -31,27 +33,33 @@
   [typeToSearchText]="typeToSearchText"
   [virtualScroll]="virtualScroll"
   (scrollToEnd)="onScrollToEnd()"
-  (scroll)="onScroll($event)">
+  (close)="onClose()"
+  (scroll)="onScroll($event)"
+  #select
+>
   <ng-template
     *ngIf="multiple && items?.length"
-    ng-header-tmp>
+    ng-header-tmp
+  >
     <button
       type="button"
       (click)="onSelectAll()"
       class="go-select__select-all-button"
       [ngClass]="{ 'go-select__select-all-button--dark' : theme === 'dark' }"
-      *ngIf="showSelectAll && control.value?.length < items?.length">
-      Select All
+      *ngIf="showSelectAll && (control.value?.length < items?.length || typeahead)"
+    >
+      Select {{!select.searchTerm || typeahead ? items.length : refinedItems.length}} Result(s)
     </button>
     <button
       type="button"
       (click)="onRemoveAll()"
       class="go-select__select-all-button"
       [ngClass]="{ 'go-select__select-all-button--dark' : theme === 'dark' }"
-      *ngIf="control.value">
+      *ngIf="control.value?.length">
       Remove  All
     </button>
   </ng-template>
+
   <ng-container *ngIf="goSelectSelectedOption">
     <ng-template ng-label-tmp let-item="item">
       <ng-container *ngTemplateOutlet="goSelectSelectedOption; context: { $implicit: item }"></ng-container>
@@ -78,4 +86,4 @@
   [theme]="theme">
 </go-hint>
 
-<go-form-errors [control]="control" [theme]="theme"></go-form-errors>
\ No newline at end of file
+<go-form-errors [control]="control" [theme]="theme"></go-form-errors>
diff --git a/projects/go-lib/src/lib/components/go-select/go-select.component.spec.ts b/projects/go-lib/src/lib/components/go-select/go-select.component.spec.ts
index 0192a663c..ab68c1bb9 100644
--- a/projects/go-lib/src/lib/components/go-select/go-select.component.spec.ts
+++ b/projects/go-lib/src/lib/components/go-select/go-select.component.spec.ts
@@ -7,6 +7,7 @@ import { GoFormErrorsModule } from '../go-form-errors/go-form-errors.module';
 import { GoHintModule } from '../go-hint/go-hint.module';
 import { GoRequiredTextModule } from '../go-required-text/go-required-text.module';
 import { GoSelectComponent } from './go-select.component';
+import { Subject } from 'rxjs';
 
 describe('GoSelectComponent', () => {
   let component: GoSelectComponent;
@@ -25,8 +26,7 @@ describe('GoSelectComponent', () => {
         FormsModule,
         ReactiveFormsModule
       ]
-    })
-    .compileComponents();
+    }).compileComponents();
   }));
 
   beforeEach(() => {
@@ -41,6 +41,11 @@ describe('GoSelectComponent', () => {
   });
 
   describe('onSelectAll()', () => {
+
+    beforeEach(() => {
+      component.multiple = true;
+    });
+
     it('adds all of the available items to the form control value', () => {
       component.bindValue = undefined;
       component.items = [
@@ -66,15 +71,111 @@ describe('GoSelectComponent', () => {
 
       expect(component.control.value).toEqual([1, 2, 3]);
     });
+
+    it('should select only filtered list, when filtered and selectAll', () => {
+      component.bindValue = 'id';
+      component.items = [
+        { id: 1, label: 'banana' },
+        { id: 2, label: 'apple' },
+        { id: 3, label: 'green apple' }
+      ];
+      const filteredItems: any[] = [
+        { id: 2, label: 'apple' },
+        { id: 3, label: 'green apple' }
+      ];
+      component.ngSelect.searchTerm = 'apple';
+      component.handleInput({ items: filteredItems, term: 'apple' });
+      component.onSelectAll();
+      expect(component.control.value).toEqual([2, 3]);
+    });
+
+    it('should select filtered list with existing items in control value, when filtered and selectAll', () => {
+      component.bindValue = 'id';
+      component.control.patchValue([4]);
+      component.items = [
+        { id: 1, label: 'banana' },
+        { id: 2, label: 'apple' },
+        { id: 3, label: 'green apple' },
+        { id: 4, label: 'grapes' }
+      ];
+      const filteredItems: any[] = [
+        { id: 2, label: 'apple' },
+        { id: 3, label: 'green apple' }
+      ];
+      component.ngSelect.searchTerm = 'apple';
+      component.handleInput({ items: filteredItems, term: 'apple' });
+      component.onSelectAll();
+      expect(component.control.value.length).toEqual(3);
+    });
+  });
+
+  describe('onSelectAll() with typeahead', () => {
+    beforeEach(() => {
+      component.typeahead = new Subject();
+      component.multiple = true;
+    });
+
+    it('should store items in previousSelectedItems', () => {
+      const initialItems: any[] = [
+        { id: 1, label: 'banana' },
+        { id: 2, label: 'apple' },
+      ];
+      component.items = initialItems;
+      component['handleTypeAheadSelectAll']();
+      expect(component['previousSelectedItems']).toEqual(initialItems);
+    });
+
+    it('should add items in previousSelectedItems', () => {
+      component.handleItemAdd({ id: 1, label: 'banana' });
+      expect(component['previousSelectedItems']).toEqual([
+        { id: 1, label: 'banana' },
+      ]);
+    });
+
+    it('should remove items from previousSelectedItems', () => {
+      component['previousSelectedItems'] = [{ id: 1, label: 'banana' }];
+      component.handleItemRemove({ value: { id: 1, label: 'banana' } });
+      expect(component['previousSelectedItems']).toEqual([]);
+    });
+
+    it('handleControlInitialValue(), should assign previousSelectedItems', () => {
+      component.control.patchValue([1]);
+      component.bindValue = 'id';
+      component.items = [
+        { id: 1, label: 'banana' },
+        { id: 2, label: 'apple' },
+      ];
+      component['handleControlInitialValue']();
+      expect(component['previousSelectedItems']).toEqual([
+        { id: 1, label: 'banana' },
+      ]);
+    });
+  });
+
+  describe('processSelectAll', () => {
+    it('process select all and patch value in form', () => {
+      component.bindValue = 'id';
+      const items: any[] = [
+        { id: 1, label: 'banana' },
+        { id: 2, label: 'apple' },
+        { id: 3, label: 'green apple' },
+        { id: 4, label: 'grapes' },
+      ];
+
+      component['processSelectAll'](items);
+
+      expect(component.control.value).toEqual([1, 2, 3, 4]);
+    });
   });
 
   describe('onRemoveAll', () => {
     it('uses removed the selected values', () => {
       component.bindValue = 'id';
+      spyOn<any>(component, 'resetTypeAheadItems');
       component.items = [
         { id: 1, label: 'Label 1' },
         { id: 2, label: 'Label 2' },
-        { id: 3, label: 'Label 3' }
+        { id: 3, label: 'Label 3' },
       ];
 
       component.onSelectAll();
@@ -82,6 +183,7 @@ describe('GoSelectComponent', () => {
       component.onRemoveAll();
 
       expect(component.control.value).toBeNull();
+      expect(component['resetTypeAheadItems']).toHaveBeenCalled();
     });
   });
 });
diff --git a/projects/go-lib/src/lib/components/go-select/go-select.component.ts b/projects/go-lib/src/lib/components/go-select/go-select.component.ts
index 9cb67b68a..6de5341bb 100644
--- a/projects/go-lib/src/lib/components/go-select/go-select.component.ts
+++ b/projects/go-lib/src/lib/components/go-select/go-select.component.ts
@@ -1,6 +1,18 @@
-import { Component, ContentChild, EventEmitter, Input, OnInit, Output, TemplateRef, ViewEncapsulation } from '@angular/core';
-import { Subject } from 'rxjs';
+import {
+  Component,
+  ContentChild,
+  EventEmitter,
+  Input,
+  OnDestroy,
+  OnInit,
+  Output,
+  TemplateRef,
+  ViewChild,
+  ViewEncapsulation
+} from '@angular/core';
+import { Subject, Subscription } from 'rxjs';
 import { GoFormBaseComponent } from '../go-form-base/go-form-base.component';
+import { NgSelectComponent } from '@ng-select/ng-select';
 
 @Component({
   encapsulation: ViewEncapsulation.None,
@@ -8,7 +20,8 @@ import { GoFormBaseComponent } from '../go-form-base/go-form-base.component';
   templateUrl: './go-select.component.html',
   styleUrls: ['./go-select.component.scss']
 })
-export class GoSelectComponent extends GoFormBaseComponent implements OnInit {
+export class GoSelectComponent extends GoFormBaseComponent implements OnInit, OnDestroy {
+  @ViewChild(NgSelectComponent) ngSelect: NgSelectComponent;
 
   @Input() appendTo: string;
   @Input() bindLabel: string;
@@ -34,22 +47,47 @@ export class GoSelectComponent extends GoFormBaseComponent implements OnInit {
   @Input() virtualScroll: boolean = false;
 
   @Output() scrollToEnd: EventEmitter<any> = new EventEmitter<any>();
-  @Output() scroll: EventEmitter<{ start: number, end: number }> = new EventEmitter<{ start: number; end: number }>();
+  @Output() scroll: EventEmitter<{ start: number, end: number }> = new EventEmitter<{ start: number, end: number }>();
 
   @ContentChild('goSelectOption') goSelectOption: TemplateRef<any>;
   @ContentChild('goSelectOptionGroup') goSelectOptionGroup: TemplateRef<any>;
   @ContentChild('goSelectSelectedOption') goSelectSelectedOption: TemplateRef<any>;
 
+  // store refined items after search
+  refinedItems: any[] = [];
+  // stores previous selected items when typeahead is enabled only in case of selectAll.
+  private previousSelectedItems: any[] = [];
+  private controlSubscription: Subscription;
+
   ngOnInit(): void {
     this.closeOnSelect = this.multiple ? false : this.closeOnSelect;
+    this.handleControlInitialValue();
+    this.subscribeToControlChanges();
+  }
+
+  ngOnDestroy(): void {
+    this.controlSubscription?.unsubscribe();
   }
 
   onSelectAll(): void {
-    this.control.patchValue(this.items.map((item: any) => this.bindValue ? item[this.bindValue] : item));
+    if (this.typeahead) {
+      this.handleTypeAheadSelectAll();
+      return;
+    }
+
+    const items: any[] = this.ngSelect.searchTerm ? this.refinedItems : this.items;
+    this.processSelectAll(items);
+  }
+
+  handleInput(search: { term: string; items: any[] }): void {
+    if (this.multiple) {
+      this.refinedItems = search.items;
+    }
   }
 
   onRemoveAll(): void {
     this.control.reset();
+    this.resetTypeAheadItems();
   }
 
   onScrollToEnd(): void {
@@ -61,4 +99,107 @@ export class GoSelectComponent extends GoFormBaseComponent implements OnInit {
   onScroll($event: { start: number; end: number }): void {
     this.scroll.emit($event);
   }
+
+  onClose(): void {
+    this.emptyRefinedItems();
+  }
+
+  // store previous selected items incase of multiple and typeahead.
+  handleItemAdd(item: any): void {
+    if (!this.multiple || !this.typeahead) {
+      return;
+    }
+    this.previousSelectedItems.push(item);
+  }
+
+  // remove item from previous selected items incase of multiple and typeahead.
+  handleItemRemove(item: any): void {
+    if (!this.multiple || !this.typeahead ) {
+      return;
+    }
+
+    const index: number = this.previousSelectedItems.findIndex((prev: any) => prev[this.bindValue] === item.value[this.bindValue]);
+    this.previousSelectedItems.splice(index, 1);
+  }
+
+  private subscribeToControlChanges(): void {
+    if (this.multiple && this.showSelectAll) {
+      this.controlSubscription = this.control.valueChanges.subscribe((value: any) => {
+        this.handleMultipleControlChanges(value);
+      });
+    }
+  }
+
+  private handleMultipleControlChanges(value: any): void {
+    this.emptyRefinedItems();
+    if (!value?.length) {
+      this.resetTypeAheadItems();
+    }
+  }
+
+  private handleTypeAheadSelectAll(): void {
+    // because spread operator is not supported due to tslib version
+    const items: any[] = JSON.parse(JSON.stringify(this.items));
+    for (const previousItem of this.previousSelectedItems) {
+      const exists: boolean = items.some(
+        (item: any) => item[this.bindValue] === previousItem[this.bindValue]
+      );
+      if (!exists) {
+        items.unshift(previousItem);
+      }
+    }
+    this.previousSelectedItems = items;
+    this.items = items;
+    this.control.reset([], { emitEvent: false });
+    this.processSelectAll(items);
+  }
+
+  private resetTypeAheadItems(): void {
+    if (this.typeahead) {
+      this.items = [];
+      this.previousSelectedItems = [];
+    }
+  }
+
+  private emptyRefinedItems(): void {
+    if (!this.ngSelect.searchTerm) {
+      this.refinedItems = [];
+    }
+  }
+
+  private processSelectAll(items: any[]): void {
+    const refinedArr: any[] = items.map((item: any) =>
+      this.bindValue ? item[this.bindValue] : item
+    );
+
+    const existing: any[] = Array.isArray(this.control.value) ? this.control.value : [];
+    const uniq: any[] = Array.from(new Set(existing.concat(refinedArr)));
+    this.control.patchValue(uniq);
+    this.ngSelect.searchTerm = '';
+    this.ngSelect.itemsList.resetFilteredItems();
+  }
+
+  private shouldHandleControlInitialValue(): boolean {
+    return (this.typeahead || this.multiple) && Array.isArray(this.control.value);
+  }
+
+  private findItemByValue(value: any): any {
+    return this.items.find((item: any) => item[this.bindValue] === value);
+  }
+
+  private handleControlInitialValue(): void {
+    if (!this.shouldHandleControlInitialValue()) {
+      return;
+    }
+
+    const selected: any[] = this.control.value;
+
+    for (const value of selected) {
+      const exist: any = this.findItemByValue(value);
+      if (exist) {
+        this.previousSelectedItems.push(exist);
+      }
+    }
+  }
+
 }

From 2bcf768b61e0ccea9f3731c306c26a64895f918b Mon Sep 17 00:00:00 2001
From: Gage <gagegib@gmail.com>
Date: Wed, 7 Jun 2023 12:10:07 -0700
Subject: [PATCH 40/40] v1.16.0 (#915)

* Incrementing minor version

Changes were made to upgrade "select all filter list"

* Fixing patch version to be 0

Forgot to do this before...
---
 projects/go-lib/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/projects/go-lib/package.json b/projects/go-lib/package.json
index d91b40538..c8aebcebd 100644
--- a/projects/go-lib/package.json
+++ b/projects/go-lib/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@tangoe/goponents",
-  "version": "1.15.1",
+  "version": "1.16.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/mobi/goponents.git"