fix(ngx-custom-carousel.ts, demo.component.html): fixed issue to disable and enable auto carousel

Fixed issue related to enable and disable auto carousel

Author: devendramilmile121

projects/ngx-custom-carousel/src/lib/components/ngx-custom-carousel/ngx-custom-carousel.component.ts

@@ -39,9 +39,8 @@ export class NgxCustomCarouselComponent
     }
 
     ngOnChanges(changes: SimpleChanges): void {
-        if (changes['enableControls']) {
-            this.isControlEnabled = changes['enableControls'].currentValue;
-            if (this.isControlEnabled) {
+        if (changes['enableAutoSwitch']) {
+            if (changes['enableAutoSwitch'].currentValue) {
                 this.startInterval();
             } else {
                 this.stopInterval();

src/app/components/demo/demo.component.html

@@ -22,7 +22,8 @@
                         type="number"
                         matInput
                         [formControl]="delay"
-                        placeholder="Delay in ms" />
+                        placeholder="Delay in ms"
+                        [min]="100" />
                     @if (
                         delay.hasError('positiveInteger') &&
                         !delay.hasError('required')
@@ -34,6 +35,16 @@
                             >Delay is <strong>required</strong></mat-error
                         >
                     }
+                    @if (
+                        !delay.hasError('positiveInteger') &&
+                        !delay.hasError('required') &&
+                        delay.hasError('min')
+                    ) {
+                        <mat-error
+                            >Minimum value should be
+                            <strong>100</strong></mat-error
+                        >
+                    }
                 </mat-form-field>
             </form>
         </div>