@festo-ui/angular 3.2.1-pre-20220809.2 → 3.2.1-pre-20220824.4

package/lib/components/tabs/tab-pane/tab-pane.component.d.ts

@@ -7,11 +7,12 @@ export declare class TabPaneComponent implements OnChanges {
     icon: string;
     active: boolean;
     isVisible: boolean;
+    disabled: boolean;
     tabId: string;
     tabPaneId: string;
     private changesSubject;
     changes$: import("rxjs").Observable<boolean>;
     ngOnChanges(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TabPaneComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TabPaneComponent, "fng-tab-pane", never, { "id": "id"; "name": "name"; "icon": "icon"; "active": "active"; "isVisible": "isVisible"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabPaneComponent, "fng-tab-pane", never, { "id": "id"; "name": "name"; "icon": "icon"; "active": "active"; "isVisible": "isVisible"; "disabled": "disabled"; }, {}, never, ["*"]>;
 }

package/lib/components/tabs/tabs.component.d.ts

@@ -6,6 +6,7 @@ export interface Tab {
     paneId: string;
     active?: boolean;
     icon?: string;
+    disabled?: boolean;
 }
 export declare type TabItemAppearance = 'fill' | 'equal' | 'default';
 export declare type TabViewType = 'legacy' | 'responsive';
@@ -31,6 +32,10 @@ export interface TabScrollHorizontalEdges {
     left: number;
     right: number;
 }
+export interface BeforeTabChangeEvent {
+    ok: () => void;
+    cancel: () => void;
+}
 export declare class TabsComponent implements AfterContentInit, AfterViewInit, OnDestroy {
     private elRef;
     private document;
@@ -40,6 +45,7 @@ export declare class TabsComponent implements AfterContentInit, AfterViewInit, O
     viewType: TabViewType;
     showDivider: boolean;
     config: TabsConfiguration;
+    fngBeforeTabChange: EventEmitter<BeforeTabChangeEvent>;
     fngTabChange: EventEmitter<{
         previous: string;
         current: string;
@@ -85,5 +91,5 @@ export declare class TabsComponent implements AfterContentInit, AfterViewInit, O
     private setScrollContentStyleProperty;
     private findAdjacentTabIndexClosestToEdge;
     static ɵfac: i0.ɵɵFactoryDeclaration<TabsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TabsComponent, "fng-tabs", never, { "viewType": "fngTabsViewType"; "showDivider": "fngTabsUseBottomDivider"; "config": "config"; }, { "fngTabChange": "fngTabChange"; }, ["panes"], ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabsComponent, "fng-tabs", never, { "viewType": "fngTabsViewType"; "showDivider": "fngTabsUseBottomDivider"; "config": "config"; }, { "fngBeforeTabChange": "fngBeforeTabChange"; "fngTabChange": "fngTabChange"; }, ["panes"], ["*"]>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@festo-ui/angular",
-  "version": "3.2.1-pre-20220809.2",
+  "version": "3.2.1-pre-20220824.4",
   "author": "Festo UI (styleguide@festo.com)",
   "license": "apache-2.0",
   "description": "CSS framework and utils to build FESTO web applications",

package/scss/base/components/loading-indicator/loading-indicator.component.scss

@@ -3,24 +3,3 @@
 fng-loading-indicator {
   display: block;
 }
-
-.fng-waiting-container {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  .fng-waiting-content-container {
-    margin-top: 12px;
-    color: $hero;
-  }
-}
-
-.fng-waiting-container-sm {
-  flex-direction: row;
-  .fng-waiting-content-container {
-    margin-top: unset;
-    margin-left: 8px;
-  }
-}

package/scss/base/components/tabs/tabs.component.scss

@@ -53,6 +53,14 @@
     }
   }
 
+  &.fwe-disabled {
+    background-color: $control-disabled;
+
+    .fwe-legacy-tab-link {
+      color: $text-disabled;
+    }
+  }
+
   &:not(.fwe-active) {
     border-bottom: 2px solid $gray-100;
 
@@ -276,6 +284,12 @@
     }
   }
 
+  &--disabled {
+    .fng-tab-text-label {
+      color: $text-disabled;
+    }
+  }
+
   &-content {
     position: relative;
     display: flex;