From 6c4a4d9721030ad43ca7e4112a9bc8c548557123 Mon Sep 17 00:00:00 2001
From: Alex Martzios <alexandros.martzios@gmail.com>
Date: Tue, 19 Mar 2024 12:55:39 +0200
Subject: [PATCH] [develop | DONE | ADDED] add new custom classes fo
 slider-tabs container

---
 sharedComponents/tabs/slider-tabs.component.ts | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/sharedComponents/tabs/slider-tabs.component.ts b/sharedComponents/tabs/slider-tabs.component.ts
index d4246f23..84cfbd1c 100644
--- a/sharedComponents/tabs/slider-tabs.component.ts
+++ b/sharedComponents/tabs/slider-tabs.component.ts
@@ -20,7 +20,7 @@ declare var UIkit;
   template: `
     <div #sliderElement class="uk-position-relative" [class.uk-slider]="position === 'horizontal'"
          [ngClass]="customClass">
-      <div [class.uk-slider-container-tabs]="position === 'horizontal'" [class.uk-border-bottom]="border && position === 'horizontal'">
+      <div [class.uk-slider-container-tabs]="position === 'horizontal'" [class.uk-border-bottom]="border && position === 'horizontal'" [ngClass]="containerClass">
         <ul #tabsElement [class.uk-flex-nowrap]="position === 'horizontal'"
             [class.uk-slider-items]="position === 'horizontal'"
             [class.uk-tab-left]="position === 'left'" [class.uk-tab-right]="position === 'right'"
@@ -112,6 +112,11 @@ export class SliderTabsComponent implements AfterViewInit, OnDestroy {
    * */
   @Input()
   public flexPosition: 'center' | 'left' | 'right' = 'left';
+  /**
+   * Set a class for the container
+   * */
+  @Input()
+  public containerClass: string;
   /**
    * Set a class above tabs
    * */
@@ -164,7 +169,7 @@ export class SliderTabsComponent implements AfterViewInit, OnDestroy {
             }
           });
           if (this.type === 'static') {
-            let tabs = UIkit.tab(this.tabsElement.nativeElement, {connect: this.connect});
+            let tabs = UIkit.switcher(this.tabsElement.nativeElement, {connect: this.connect});
             tabs.show(this.activeIndex);
             if (this.connect.includes('#')) {
               this.scrollToStart();