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

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
                     ]
                 }]
         }] });
@@ -6367,5 +6427,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