@festo-ui/angular 5.0.0-dev.141 → 5.0.0-dev.148

package/fesm2020/festo-ui-angular.mjs

@@ -4,7 +4,7 @@ import * as i1$1 from '@angular/common';
 import { CommonModule, DOCUMENT, formatDate } from '@angular/common';
 import * as i1 from '@angular/router';
 import { RouterModule, NavigationStart } from '@angular/router';
-import { Subject, noop, Subscription } from 'rxjs';
+import { Subject, noop, BehaviorSubject, Subscription } from 'rxjs';
 import { takeUntil, delay, take, filter, debounceTime } from 'rxjs/operators';
 import { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';
 import * as i1$2 from '@angular/platform-browser';
@@ -2399,6 +2399,61 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
                 args: ['mouseleave']
             }] } });
 
+/**
+ * Every sidebar instance has its unique instanceID.
+ * When a sidebar is opened, this ID is the next currentsInstanceID.
+ * Every instance with an other ID will be closed then.
+ *
+ * usage: <fng-sidebar-overlay [(open)]="sidebarOpen"> ... </fng-details-sidebar>
+ */
+class FngSidebarOverlayComponent {
+    get fngNavbarMargin() {
+        return this.internalNavbarMargin;
+    }
+    set fngNavbarMargin(value) {
+        this.internalNavbarMargin = value === '' || value;
+    }
+    set open(value) {
+        this.internalOpen = value === '' || value;
+        if (this.internalOpen) {
+            FngSidebarOverlayComponent.currentsInstanceID$.next(this.instanceID);
+        }
+    }
+    get open() {
+        return this.internalOpen;
+    }
+    constructor() {
+        this.internalOpen = false;
+        this.internalNavbarMargin = false;
+        this.openChange = new EventEmitter();
+        this.instanceID = Math.random();
+        FngSidebarOverlayComponent.currentsInstanceID$.subscribe(id => {
+            // close open instances when an other is opened
+            if (this.internalOpen && id !== this.instanceID) {
+                this.internalOpen = false;
+                this.openChange.emit(this.internalOpen);
+            }
+        });
+    }
+    closeSidebar() {
+        this.internalOpen = false;
+        this.openChange.emit(this.internalOpen);
+    }
+}
+FngSidebarOverlayComponent.currentsInstanceID$ = new BehaviorSubject(0);
+FngSidebarOverlayComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FngSidebarOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FngSidebarOverlayComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: FngSidebarOverlayComponent, isStandalone: true, selector: "fng-sidebar-overlay", inputs: { fngNavbarMargin: "fngNavbarMargin", open: "open" }, outputs: { openChange: "openChange" }, ngImport: i0, template: "<div class=\"fwe-sidebar-overlay\" [class.fwe-sidebar-overlay--open]=\"open\" [class.fwe-navbar-margin]=\"internalNavbarMargin\">\n  <button type=\"button\" class=\"fwe-close-icon-button\">\n    <i aria-hidden=\"true\" class=\"fwe-icon fwe-icon-lg fwe-icon-menu-close\" (click)=\"closeSidebar()\"></i>\n    <span class=\"fwe-sr-only\">Close</span>\n  </button>\n  <ng-content></ng-content>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FngSidebarOverlayComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [CommonModule], selector: 'fng-sidebar-overlay', template: "<div class=\"fwe-sidebar-overlay\" [class.fwe-sidebar-overlay--open]=\"open\" [class.fwe-navbar-margin]=\"internalNavbarMargin\">\n  <button type=\"button\" class=\"fwe-close-icon-button\">\n    <i aria-hidden=\"true\" class=\"fwe-icon fwe-icon-lg fwe-icon-menu-close\" (click)=\"closeSidebar()\"></i>\n    <span class=\"fwe-sr-only\">Close</span>\n  </button>\n  <ng-content></ng-content>\n</div>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { fngNavbarMargin: [{
+                type: Input
+            }], open: [{
+                type: Input
+            }], openChange: [{
+                type: Output
+            }] } });
+
 class FestoAngularComponentsModule {
 }
 FestoAngularComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FestoAngularComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -2436,7 +2491,8 @@ FestoAngularComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.
         FngPopoverMenuComponent,
         FngTooltipDirective,
         FngLegendDirective,
-        FngLegendComponent], exports: [FngClickOutsideDirective,
+        FngLegendComponent,
+        FngSidebarOverlayComponent], exports: [FngClickOutsideDirective,
         FngBreadcrumbComponent,
         FngAccordionComponent,
         FngAccordionHeaderComponent,
@@ -2470,7 +2526,8 @@ FestoAngularComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.
         FngPopoverMenuComponent,
         FngTooltipDirective,
         FngLegendDirective,
-        FngLegendComponent] });
+        FngLegendComponent,
+        FngSidebarOverlayComponent] });
 FestoAngularComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FestoAngularComponentsModule, imports: [FngPaginationComponent,
         FngMobileFlyoutPageComponent,
         FngMobileFlyoutItemComponent,
@@ -2498,7 +2555,8 @@ FestoAngularComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.
         FngPopoverComponent,
         FngPopoverContentComponent,
         FngPopoverMenuComponent,
-        FngLegendComponent] });
+        FngLegendComponent,
+        FngSidebarOverlayComponent] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FestoAngularComponentsModule, decorators: [{
             type: NgModule,
             args: [{
@@ -2537,7 +2595,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
                         FngPopoverMenuComponent,
                         FngTooltipDirective,
                         FngLegendDirective,
-                        FngLegendComponent
+                        FngLegendComponent,
+                        FngSidebarOverlayComponent
                     ],
                     exports: [
                         FngClickOutsideDirective,
@@ -2574,7 +2633,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
                         FngPopoverMenuComponent,
                         FngTooltipDirective,
                         FngLegendDirective,
-                        FngLegendComponent
+                        FngLegendComponent,
+                        FngSidebarOverlayComponent
                     ]
                 }]
         }] });
@@ -2921,6 +2981,9 @@ class FngPromptComponent {
         if (event.key === 'Esc' || event.key === 'Escape') {
             this.onClose();
         }
+        if (event.key === 'Enter') {
+            this.onOk();
+        }
     }
     ngOnInit() {
         const text = this.data.value || '';
@@ -2942,8 +3005,8 @@ class FngPromptComponent {
         this.handleErrors();
     }
     ngAfterViewInit() {
-        if (this.closeBtn) {
-            this.closeBtn.nativeElement.focus();
+        if (this.inputField) {
+            (this.inputField.inputElement?.nativeElement).focus();
         }
     }
     ngOnDestroy() {
@@ -2975,10 +3038,10 @@ class FngPromptComponent {
     }
 }
 FngPromptComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FngPromptComponent, deps: [{ token: i3.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-FngPromptComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: FngPromptComponent, isStandalone: true, selector: "fng-prompt", inputs: { data: "data" }, outputs: { close: "close", cancel: "cancel", ok: "ok" }, host: { listeners: { "window:keyup": "onKeyUp($event)" } }, viewQueries: [{ propertyName: "closeBtn", first: true, predicate: ["closeBtn"], descendants: true }], ngImport: i0, template: "<div class=\"fwe-modal\">\n  <div class=\"fwe-modal-close\">\n    <button type=\"button\" aria-label=\"Close\" #closeBtn class=\"fwe-btn fwe-btn-link fwe-dark\" (click)=\"onClose()\">\n      <i aria-hidden=\"true\" class=\"fwe-icon fwe-icon-close-small\"></i>\n      <span class=\"fwe-sr-only\">Close</span>\n    </button>\n  </div>\n  <div class=\"fwe-modal-header\">\n    <h2 *ngIf=\"data.subtitle\" class=\"fwe-modal-h2\">{{ data.subtitle }}</h2>\n    <h1 class=\"fwe-modal-h1\">{{ data.title }}</h1>\n  </div>\n  <form [formGroup]=\"form\" class=\"fwe-modal-body\">\n    <fng-text-input\n      type=\"text\"\n      [label]=\"data.label\"\n      formControlName=\"text\"\n      [error]=\"error\"\n      [hint]=\"data.hint\"\n      [placeholder]=\"data.placeholder\"\n    >\n    </fng-text-input>\n  </form>\n  <div class=\"fwe-modal-footer\" *ngIf=\"data.cancel || data.ok\">\n    <div class=\"fwe-modal-buttons\">\n      <button *ngIf=\"data.cancel\" type=\"button\" aria-label=\"Cancel\" class=\"fwe-btn fwe-btn-lg\" (click)=\"onCancel()\">\n        {{ data.cancel }}\n      </button>\n      <button *ngIf=\"data.ok\" type=\"button\" aria-label=\"Ok\" class=\"fwe-btn fwe-btn-hero fwe-btn-lg\" (click)=\"onOk()\">\n        {{ data.ok }}\n      </button>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FngTextInputComponent, selector: "fng-text-input", inputs: ["label", "type", "readonly", "step", "min", "max", "tabindex", "placeholder", "name", "disabled", "value", "required", "error", "hint"] }], encapsulation: i0.ViewEncapsulation.None });
+FngPromptComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: FngPromptComponent, isStandalone: true, selector: "fng-prompt", inputs: { data: "data" }, outputs: { close: "close", cancel: "cancel", ok: "ok" }, host: { listeners: { "window:keyup": "onKeyUp($event)" } }, viewQueries: [{ propertyName: "closeBtn", first: true, predicate: ["closeBtn"], descendants: true }, { propertyName: "inputField", first: true, predicate: ["inputField"], descendants: true }], ngImport: i0, template: "<div class=\"fwe-modal\">\n  <div class=\"fwe-modal-close\">\n    <button type=\"button\" aria-label=\"Close\" #closeBtn class=\"fwe-btn fwe-btn-link fwe-dark\" (click)=\"onClose()\">\n      <i aria-hidden=\"true\" class=\"fwe-icon fwe-icon-close-small\"></i>\n      <span class=\"fwe-sr-only\">Close</span>\n    </button>\n  </div>\n  <div class=\"fwe-modal-header\">\n    <h2 *ngIf=\"data.subtitle\" class=\"fwe-modal-h2\">{{ data.subtitle }}</h2>\n    <h1 class=\"fwe-modal-h1\">{{ data.title }}</h1>\n  </div>\n  <form [formGroup]=\"form\" class=\"fwe-modal-body\">\n    <fng-text-input\n      #inputField\n      type=\"text\"\n      [label]=\"data.label\"\n      formControlName=\"text\"\n      [error]=\"error\"\n      [hint]=\"data.hint\"\n      [placeholder]=\"data.placeholder\"\n    >\n    </fng-text-input>\n  </form>\n  <div class=\"fwe-modal-footer\" *ngIf=\"data.cancel || data.ok\">\n    <div class=\"fwe-modal-buttons\">\n      <button *ngIf=\"data.cancel\" type=\"button\" aria-label=\"Cancel\" class=\"fwe-btn fwe-btn-lg\" (click)=\"onCancel()\">\n        {{ data.cancel }}\n      </button>\n      <button *ngIf=\"data.ok\" type=\"button\" aria-label=\"Ok\" class=\"fwe-btn fwe-btn-hero fwe-btn-lg\" (click)=\"onOk()\">\n        {{ data.ok }}\n      </button>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FngTextInputComponent, selector: "fng-text-input", inputs: ["label", "type", "readonly", "step", "min", "max", "tabindex", "placeholder", "name", "disabled", "value", "required", "error", "hint"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FngPromptComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [ReactiveFormsModule, FormsModule, CommonModule, FngTextInputComponent], selector: 'fng-prompt', encapsulation: ViewEncapsulation.None, template: "<div class=\"fwe-modal\">\n  <div class=\"fwe-modal-close\">\n    <button type=\"button\" aria-label=\"Close\" #closeBtn class=\"fwe-btn fwe-btn-link fwe-dark\" (click)=\"onClose()\">\n      <i aria-hidden=\"true\" class=\"fwe-icon fwe-icon-close-small\"></i>\n      <span class=\"fwe-sr-only\">Close</span>\n    </button>\n  </div>\n  <div class=\"fwe-modal-header\">\n    <h2 *ngIf=\"data.subtitle\" class=\"fwe-modal-h2\">{{ data.subtitle }}</h2>\n    <h1 class=\"fwe-modal-h1\">{{ data.title }}</h1>\n  </div>\n  <form [formGroup]=\"form\" class=\"fwe-modal-body\">\n    <fng-text-input\n      type=\"text\"\n      [label]=\"data.label\"\n      formControlName=\"text\"\n      [error]=\"error\"\n      [hint]=\"data.hint\"\n      [placeholder]=\"data.placeholder\"\n    >\n    </fng-text-input>\n  </form>\n  <div class=\"fwe-modal-footer\" *ngIf=\"data.cancel || data.ok\">\n    <div class=\"fwe-modal-buttons\">\n      <button *ngIf=\"data.cancel\" type=\"button\" aria-label=\"Cancel\" class=\"fwe-btn fwe-btn-lg\" (click)=\"onCancel()\">\n        {{ data.cancel }}\n      </button>\n      <button *ngIf=\"data.ok\" type=\"button\" aria-label=\"Ok\" class=\"fwe-btn fwe-btn-hero fwe-btn-lg\" (click)=\"onOk()\">\n        {{ data.ok }}\n      </button>\n    </div>\n  </div>\n</div>\n" }]
+            args: [{ standalone: true, imports: [ReactiveFormsModule, FormsModule, CommonModule, FngTextInputComponent], selector: 'fng-prompt', encapsulation: ViewEncapsulation.None, template: "<div class=\"fwe-modal\">\n  <div class=\"fwe-modal-close\">\n    <button type=\"button\" aria-label=\"Close\" #closeBtn class=\"fwe-btn fwe-btn-link fwe-dark\" (click)=\"onClose()\">\n      <i aria-hidden=\"true\" class=\"fwe-icon fwe-icon-close-small\"></i>\n      <span class=\"fwe-sr-only\">Close</span>\n    </button>\n  </div>\n  <div class=\"fwe-modal-header\">\n    <h2 *ngIf=\"data.subtitle\" class=\"fwe-modal-h2\">{{ data.subtitle }}</h2>\n    <h1 class=\"fwe-modal-h1\">{{ data.title }}</h1>\n  </div>\n  <form [formGroup]=\"form\" class=\"fwe-modal-body\">\n    <fng-text-input\n      #inputField\n      type=\"text\"\n      [label]=\"data.label\"\n      formControlName=\"text\"\n      [error]=\"error\"\n      [hint]=\"data.hint\"\n      [placeholder]=\"data.placeholder\"\n    >\n    </fng-text-input>\n  </form>\n  <div class=\"fwe-modal-footer\" *ngIf=\"data.cancel || data.ok\">\n    <div class=\"fwe-modal-buttons\">\n      <button *ngIf=\"data.cancel\" type=\"button\" aria-label=\"Cancel\" class=\"fwe-btn fwe-btn-lg\" (click)=\"onCancel()\">\n        {{ data.cancel }}\n      </button>\n      <button *ngIf=\"data.ok\" type=\"button\" aria-label=\"Ok\" class=\"fwe-btn fwe-btn-hero fwe-btn-lg\" (click)=\"onOk()\">\n        {{ data.ok }}\n      </button>\n    </div>\n  </div>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i3.FormBuilder }]; }, propDecorators: { data: [{
                 type: Input
             }], close: [{
@@ -2990,6 +3053,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
             }], closeBtn: [{
                 type: ViewChild,
                 args: ['closeBtn']
+            }], inputField: [{
+                type: ViewChild,
+                args: ['inputField']
             }], onKeyUp: [{
                 type: HostListener,
                 args: ['window:keyup', ['$event']]
@@ -6367,5 +6433,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ChipType, FestoAngularComponentsModule, FestoAngularFormsModule, FestoAngularModalsModule, FestoAngularModule, FestoAngularSnackbarModule, FngAccordionActions, FngAccordionComponent, FngAccordionHeaderActions, FngAccordionHeaderComponent, FngAccordionItemBodyComponent, FngAccordionItemComponent, FngAccordionItemHeaderComponent, FngAlertComponent, FngBreadcrumbComponent, FngButtonComponent, FngCheckboxComponent, FngChipComponent, FngChipContainerComponent, FngClickOutsideDirective, FngColorIndicatorComponent, FngColorPickerComponent, FngConfirmComponent, FngCustomModalComponent, FngDatePickerComponent, FngDateRangePickerComponent, FngImageGalleryComponent, FngLegendComponent, FngLegendDirective, FngLinkButtonComponent, FngLoadingIndicatorComponent, FngMobileFlyoutComponent, FngMobileFlyoutItemComponent, FngMobileFlyoutPageComponent, FngModalService, FngPaginationComponent, FngPaginationType, FngPopoverComponent, FngPopoverContentComponent, FngPopoverContentDirective, FngPopoverContentTypes, FngPopoverMenuComponent, FngPopoverService, FngProgressComponent, FngPromptComponent, FngRadioChange, FngRadioComponent, FngRadioGroupDirective, FngSafeHtmlPipe, FngScrollableDirective, FngSearchInputComponent, FngSearchSuggestion, FngSegmentComponent, FngSegmentControlComponent, FngSelectComponent, FngSelectOptionComponent, FngSliderComponent, FngSnackbarComponent, FngSnackbarContainerComponent, FngSnackbarContainerDirective, FngSnackbarService, FngStepHorizontalComponent, FngStepVerticalComponent, FngStepperHorizontalComponent, FngStepperVerticalComponent, FngSwitchComponent, FngTabPaneComponent, FngTableHeaderCellDirective, FngTabsComponent, FngTextAreaComponent, FngTextEditorComponent, FngTextInputComponent, FngTimePickerComponent, FngTimePickerDropdownComponent, FngTooltipDirective, PREDEFINED_COLORS };
+export { ChipType, FestoAngularComponentsModule, FestoAngularFormsModule, FestoAngularModalsModule, FestoAngularModule, FestoAngularSnackbarModule, FngAccordionActions, FngAccordionComponent, FngAccordionHeaderActions, FngAccordionHeaderComponent, FngAccordionItemBodyComponent, FngAccordionItemComponent, FngAccordionItemHeaderComponent, FngAlertComponent, FngBreadcrumbComponent, FngButtonComponent, FngCheckboxComponent, FngChipComponent, FngChipContainerComponent, FngClickOutsideDirective, FngColorIndicatorComponent, FngColorPickerComponent, FngConfirmComponent, FngCustomModalComponent, FngDatePickerComponent, FngDateRangePickerComponent, FngImageGalleryComponent, FngLegendComponent, FngLegendDirective, FngLinkButtonComponent, FngLoadingIndicatorComponent, FngMobileFlyoutComponent, FngMobileFlyoutItemComponent, FngMobileFlyoutPageComponent, FngModalService, FngPaginationComponent, FngPaginationType, FngPopoverComponent, FngPopoverContentComponent, FngPopoverContentDirective, FngPopoverContentTypes, FngPopoverMenuComponent, FngPopoverService, FngProgressComponent, FngPromptComponent, FngRadioChange, FngRadioComponent, FngRadioGroupDirective, FngSafeHtmlPipe, FngScrollableDirective, FngSearchInputComponent, FngSearchSuggestion, FngSegmentComponent, FngSegmentControlComponent, FngSelectComponent, FngSelectOptionComponent, FngSidebarOverlayComponent, FngSliderComponent, FngSnackbarComponent, FngSnackbarContainerComponent, FngSnackbarContainerDirective, FngSnackbarService, FngStepHorizontalComponent, FngStepVerticalComponent, FngStepperHorizontalComponent, FngStepperVerticalComponent, FngSwitchComponent, FngTabPaneComponent, FngTableHeaderCellDirective, FngTabsComponent, FngTextAreaComponent, FngTextEditorComponent, FngTextInputComponent, FngTimePickerComponent, FngTimePickerDropdownComponent, FngTooltipDirective, PREDEFINED_COLORS };
 //# sourceMappingURL=festo-ui-angular.mjs.map