fix(accordion|tabs): fix cursor style when disabled element (#4664)

fix(accordion|tabs): fix cursor style when disabled element

src/accordion/accordion-group.component.html

@@ -1,6 +1,8 @@
 <div class="panel card" [ngClass]="panelClass">
   <div class="panel-heading card-header" role="tab"
-       (click)="toggleOpen()">
+       (click)="toggleOpen()" 
+       [ngClass]="isDisabled ? 'panel-disabled' : 'panel-enabled'">
+
     <div class="panel-title">
       <div role="button" class="accordion-toggle"
            [attr.aria-expanded]="isOpen">

src/accordion/accordion-group.component.ts

@@ -16,7 +16,8 @@ import { AccordionComponent } from './accordion.component';
   host: {
     class: 'panel',
     style: 'display: block'
-  }
+  },
+  styleUrls: ['./accordion.scss']
 })
 export class AccordionPanelComponent implements OnInit, OnDestroy {
   /** turn on/off animation */

src/accordion/accordion.scss

@@ -0,0 +1,15 @@
+:host {
+ .card-header {
+   &.panel-enabled {
+     cursor: pointer;
+   }
+   &.panel-disabled {
+     .btn {
+       &.btn-link {
+         cursor: default;
+         text-decoration: none;
+       }
+     }
+   }
+ }
+}

src/tabs/tabs.scss

@@ -0,0 +1,13 @@
+:host {
+  .nav-tabs {
+    .nav-item {
+      &.disabled {
+        a {
+          &.disabled {
+            cursor: default;
+          }
+        }
+      }
+    }
+  }
+}

src/tabs/tabset.component.ts

@@ -6,7 +6,8 @@ import { TabsetConfig } from './tabset.config';
 // todo: fix? mixing static and dynamic tabs position tabs in order of creation
 @Component({
   selector: 'tabset',
-  templateUrl: './tabset.component.html'
+  templateUrl: './tabset.component.html',
+  styleUrls: ['./tabs.scss']
 })
 export class TabsetComponent implements OnDestroy {
   /** if true tabs will be placed vertically */