@festo-ui/angular 8.3.0-dev.670 → 8.3.0

package/fesm2022/festo-ui-angular.mjs

@@ -1680,7 +1680,7 @@ class FngSnackbarComponent {
         const leavingValue = (stackIndex - 1) * 24;
         return this.isShown()
             ? `translateY(-${enteringValue}px)`
-            : stackIndex === 0 ? 'translateY(100px)' : `translateY(-${leavingValue}px)`;
+            : `translateY(-${leavingValue}px)`;
     }
     ngAfterViewInit() {
         // delay to allow for initial rendering before showing
@@ -1708,11 +1708,11 @@ class FngSnackbarComponent {
         }, 300);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: FngSnackbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: FngSnackbarComponent, isStandalone: true, selector: "fng-snackbar", outputs: { close: "close", action: "action" }, ngImport: i0, template: "<div\n  [ngClass]=\"{\n    'fwe-snackbar': true,\n    'fwe-snackbar-b': data()?.variant === 'b',\n    'fwe-snackbar-c': data()?.variant === 'c',\n    'fwe-snackbar-info': data()?.type === 'info',\n    'fwe-snackbar-warning': data()?.type === 'warning',\n    'fwe-snackbar-error': data()?.type === 'error',\n    'fwe-snackbar-shadow': data()?.darkBackground,\n    'fng-snackbar-entering': isShown(),\n    'fng-snackbar-leaving': !isShown(),\n    'fng-snackbar-first': stackIndex() === 0\n  }\"\n  [style.transform]=\"transform\"\n  >\n  <span>{{ data()?.text }}</span>\n  @if (data()?.action) {\n    <button aria-label=\"UserAction\" type=\"button\" class=\"fwe-snackbar-link-btn\" (click)=\"onAction()\">\n      {{ data()?.action }}\n    </button>\n  }\n\n  @if (data()?.action && data()?.showClose) {\n    <div class=\"fwe-snackbar-separator\"></div>\n  }\n\n  @if (data()?.showClose) {\n    <button aria-label=\"Close\" type=\"button\" class=\"fwe-snackbar-close-btn\" (click)=\"onClose()\">\n      <span class=\"fwe-sr-only\">Close</span>\n    </button>\n  }\n</div>\n", styles: [":host{display:block}.fwe-snackbar{pointer-events:all;transition:transform .3s ease-out,opacity .25s ease-out;opacity:0;margin-bottom:0!important}.fwe-snackbar.fng-snackbar-first{margin-bottom:24px!important}.fwe-snackbar.fng-snackbar-entering{opacity:1}.fwe-snackbar.fng-snackbar-leaving{opacity:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: FngSnackbarComponent, isStandalone: true, selector: "fng-snackbar", outputs: { close: "close", action: "action" }, ngImport: i0, template: "<div\n  [ngClass]=\"{\n    'fwe-snackbar': true,\n    'fwe-snackbar-b': data()?.variant === 'b',\n    'fwe-snackbar-c': data()?.variant === 'c',\n    'fwe-snackbar-info': data()?.type === 'info',\n    'fwe-snackbar-warning': data()?.type === 'warning',\n    'fwe-snackbar-error': data()?.type === 'error',\n    'fwe-snackbar-shadow': data()?.darkBackground,\n    'fng-snackbar-entering': isShown(),\n    'fng-snackbar-leaving': !isShown(),\n    'fng-snackbar-first': stackIndex() === 0\n  }\"\n  [style.transform]=\"transform\"\n  >\n  <span>{{ data()?.text }}</span>\n  @if (data()?.action) {\n    <button aria-label=\"UserAction\" type=\"button\" class=\"fwe-snackbar-link-btn\" (click)=\"onAction()\">\n      {{ data()?.action }}\n    </button>\n  }\n\n  @if (data()?.action && data()?.showClose) {\n    <div class=\"fwe-snackbar-separator\"></div>\n  }\n\n  @if (data()?.showClose) {\n    <button aria-label=\"Close\" type=\"button\" class=\"fwe-snackbar-close-btn\" (click)=\"onClose()\">\n      <span class=\"fwe-sr-only\">Close</span>\n    </button>\n  }\n</div>\n", styles: [":host{display:block}.fwe-snackbar{pointer-events:all;transition:transform .3s ease-out,opacity .25s ease-out;opacity:0;margin-bottom:0!important}.fwe-snackbar.fng-snackbar-first{margin-bottom:24px!important;opacity:1;transform:translateY(100px)}.fwe-snackbar.fng-snackbar-entering{opacity:1}.fwe-snackbar.fng-snackbar-leaving{opacity:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: FngSnackbarComponent, decorators: [{
             type: Component,
-            args: [{ imports: [CommonModule], selector: 'fng-snackbar', encapsulation: ViewEncapsulation.None, template: "<div\n  [ngClass]=\"{\n    'fwe-snackbar': true,\n    'fwe-snackbar-b': data()?.variant === 'b',\n    'fwe-snackbar-c': data()?.variant === 'c',\n    'fwe-snackbar-info': data()?.type === 'info',\n    'fwe-snackbar-warning': data()?.type === 'warning',\n    'fwe-snackbar-error': data()?.type === 'error',\n    'fwe-snackbar-shadow': data()?.darkBackground,\n    'fng-snackbar-entering': isShown(),\n    'fng-snackbar-leaving': !isShown(),\n    'fng-snackbar-first': stackIndex() === 0\n  }\"\n  [style.transform]=\"transform\"\n  >\n  <span>{{ data()?.text }}</span>\n  @if (data()?.action) {\n    <button aria-label=\"UserAction\" type=\"button\" class=\"fwe-snackbar-link-btn\" (click)=\"onAction()\">\n      {{ data()?.action }}\n    </button>\n  }\n\n  @if (data()?.action && data()?.showClose) {\n    <div class=\"fwe-snackbar-separator\"></div>\n  }\n\n  @if (data()?.showClose) {\n    <button aria-label=\"Close\" type=\"button\" class=\"fwe-snackbar-close-btn\" (click)=\"onClose()\">\n      <span class=\"fwe-sr-only\">Close</span>\n    </button>\n  }\n</div>\n", styles: [":host{display:block}.fwe-snackbar{pointer-events:all;transition:transform .3s ease-out,opacity .25s ease-out;opacity:0;margin-bottom:0!important}.fwe-snackbar.fng-snackbar-first{margin-bottom:24px!important}.fwe-snackbar.fng-snackbar-entering{opacity:1}.fwe-snackbar.fng-snackbar-leaving{opacity:0}\n"] }]
+            args: [{ imports: [CommonModule], selector: 'fng-snackbar', encapsulation: ViewEncapsulation.None, template: "<div\n  [ngClass]=\"{\n    'fwe-snackbar': true,\n    'fwe-snackbar-b': data()?.variant === 'b',\n    'fwe-snackbar-c': data()?.variant === 'c',\n    'fwe-snackbar-info': data()?.type === 'info',\n    'fwe-snackbar-warning': data()?.type === 'warning',\n    'fwe-snackbar-error': data()?.type === 'error',\n    'fwe-snackbar-shadow': data()?.darkBackground,\n    'fng-snackbar-entering': isShown(),\n    'fng-snackbar-leaving': !isShown(),\n    'fng-snackbar-first': stackIndex() === 0\n  }\"\n  [style.transform]=\"transform\"\n  >\n  <span>{{ data()?.text }}</span>\n  @if (data()?.action) {\n    <button aria-label=\"UserAction\" type=\"button\" class=\"fwe-snackbar-link-btn\" (click)=\"onAction()\">\n      {{ data()?.action }}\n    </button>\n  }\n\n  @if (data()?.action && data()?.showClose) {\n    <div class=\"fwe-snackbar-separator\"></div>\n  }\n\n  @if (data()?.showClose) {\n    <button aria-label=\"Close\" type=\"button\" class=\"fwe-snackbar-close-btn\" (click)=\"onClose()\">\n      <span class=\"fwe-sr-only\">Close</span>\n    </button>\n  }\n</div>\n", styles: [":host{display:block}.fwe-snackbar{pointer-events:all;transition:transform .3s ease-out,opacity .25s ease-out;opacity:0;margin-bottom:0!important}.fwe-snackbar.fng-snackbar-first{margin-bottom:24px!important;opacity:1;transform:translateY(100px)}.fwe-snackbar.fng-snackbar-entering{opacity:1}.fwe-snackbar.fng-snackbar-leaving{opacity:0}\n"] }]
         }] });
 
 class FngSnackbarService {