@biit-solutions/wizardry-theme 1.21.34

package/fesm2015/biit-solutions-wizardry-theme-info.mjs

@@ -0,0 +1,572 @@
+import * as i0 from '@angular/core';
+import { Component, ViewChild, Directive, Input, HostListener, NgModule, Injectable } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { trigger, transition, style, animate } from '@angular/animations';
+import { v4 } from 'uuid';
+import { Subject, BehaviorSubject } from 'rxjs';
+import * as i2 from '@biit-solutions/wizardry-theme/icon';
+import { BiitIconModule } from '@biit-solutions/wizardry-theme/icon';
+import * as i3 from '@biit-solutions/wizardry-theme/button';
+import { BiitButtonModule } from '@biit-solutions/wizardry-theme/button';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import * as i4 from '@ngneat/transloco';
+import { TRANSLOCO_SCOPE } from '@ngneat/transloco';
+import { TranslocoRootModule } from '@biit-solutions/wizardry-theme/i18n';
+
+class BiitTooltipComponent {
+    constructor() {
+        this.text = '';
+        this.top = '';
+        this.left = '';
+    }
+}
+BiitTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BiitTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BiitTooltipComponent, selector: "biit-tooltip", viewQueries: [{ propertyName: "tooltip", first: true, predicate: ["tooltip"], descendants: true, static: true }], ngImport: i0, template: "<div #tooltip\n     class=\"tooltip\"\n     [style.top]=\"top\"\n     [style.left]=\"left\"\n>\n  {{text}}\n</div>\n", styles: [".tooltip{position:fixed;z-index:1;background:#808080;color:#fff;width:-moz-fit-content;width:fit-content;max-width:25.6rem;font-size:.7rem;text-align:center;padding:.5rem .7rem;opacity:0;pointer-events:none}.onwards{animation:tooltip-slide .2s ease-out .5s;animation-fill-mode:forwards;--origin: 30%}.downwards{animation:tooltip-slide .2s ease-out .5s;animation-fill-mode:forwards;--origin: -30%}@keyframes tooltip-slide{0%{opacity:0;transform:translateY(var(--origin))}to{opacity:1;transform:translate(0)}}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitTooltipComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'biit-tooltip', template: "<div #tooltip\n     class=\"tooltip\"\n     [style.top]=\"top\"\n     [style.left]=\"left\"\n>\n  {{text}}\n</div>\n", styles: [".tooltip{position:fixed;z-index:1;background:#808080;color:#fff;width:-moz-fit-content;width:fit-content;max-width:25.6rem;font-size:.7rem;text-align:center;padding:.5rem .7rem;opacity:0;pointer-events:none}.onwards{animation:tooltip-slide .2s ease-out .5s;animation-fill-mode:forwards;--origin: 30%}.downwards{animation:tooltip-slide .2s ease-out .5s;animation-fill-mode:forwards;--origin: -30%}@keyframes tooltip-slide{0%{opacity:0;transform:translateY(var(--origin))}to{opacity:1;transform:translate(0)}}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { tooltip: [{
+                type: ViewChild,
+                args: ['tooltip', { static: true }]
+            }] } });
+
+class BiitTooltipDirective {
+    constructor(hostContainerRef) {
+        this.hostContainerRef = hostContainerRef;
+        this.tooltip = '';
+        this.ignorePadding = false;
+    }
+    createTooltip() {
+        return this.hostContainerRef.createComponent(BiitTooltipComponent);
+    }
+    destroyTooltip() {
+        this.hostContainerRef.clear();
+    }
+    onMouseEnter() {
+        if (!this.tooltip || !this.tooltip.length) {
+            return;
+        }
+        let component = this.createTooltip();
+        let instance = component.instance;
+        // Sets text
+        instance.text = this.tooltip;
+        // Refreshes metadata in ComponentRef
+        component.changeDetectorRef.detectChanges();
+        // HTMLElements of both tooltip and target elements
+        let tooltipElement = instance.tooltip.nativeElement;
+        let parentElement = this.hostContainerRef.element.nativeElement;
+        this.setTooltipComponentProperties(instance, tooltipElement, parentElement);
+    }
+    onMouseLeave() {
+        this.destroyTooltip();
+    }
+    setTooltipComponentProperties(instance, tooltipElement, parentElement) {
+        const tooltipCoords = tooltipElement.getBoundingClientRect();
+        const parentCoords = parentElement.getBoundingClientRect();
+        const bodyStyle = getComputedStyle(document.body);
+        const rem = parseFloat(getComputedStyle(document.documentElement).fontSize);
+        // Checking available screen space
+        const fitsTop = topCheck(this.ignorePadding);
+        const fitsLeft = leftCheck(this.ignorePadding);
+        const fitsRight = rightCheck(this.ignorePadding);
+        if (fitsTop) {
+            tooltipElement.classList.add('onwards');
+            instance.top = parentCoords.top - (rem / 2) - tooltipElement.offsetHeight + "px";
+        }
+        else {
+            tooltipElement.classList.add('downwards');
+            instance.top = parentCoords.bottom + (rem / 2) + "px";
+        }
+        if (!fitsLeft) {
+            instance.left = this.ignorePadding ? "0px" : document.body.style.paddingLeft;
+        }
+        else if (!fitsRight) {
+            instance.left = this.ignorePadding ? window.innerWidth - tooltipElement.offsetWidth + "px"
+                : window.innerWidth - parseFloat(bodyStyle.paddingRight) - tooltipElement.offsetWidth + "px";
+        }
+        else {
+            instance.left = parentCoords.left + parentCoords.width / 2 - tooltipCoords.width / 2 + "px";
+        }
+        // Support inner functions
+        function topCheck(ignorePadding) {
+            if (ignorePadding) {
+                return parentCoords.top - rem - tooltipElement.offsetHeight >= 0;
+            }
+            else {
+                return parentCoords.top - rem - tooltipElement.offsetHeight - parseFloat(bodyStyle.paddingTop) >= 0;
+            }
+        }
+        function leftCheck(ignorePadding) {
+            if (ignorePadding) {
+                return parentCoords.left + parentElement.offsetWidth / 2 - tooltipElement.offsetWidth / 2 >= 0;
+            }
+            else {
+                return parentCoords.left + parentElement.offsetWidth / 2 - tooltipElement.offsetWidth / 2 - parseFloat(bodyStyle.paddingLeft) >= 0;
+            }
+        }
+        function rightCheck(ignorePadding) {
+            if (ignorePadding) {
+                return parentCoords.right - parentElement.offsetWidth / 2 + tooltipElement.offsetWidth / 2 <= window.innerWidth;
+            }
+            else {
+                return parentCoords.right - parentElement.offsetWidth / 2 + tooltipElement.offsetWidth / 2 + parseFloat(bodyStyle.paddingRight) <= window.innerWidth;
+            }
+        }
+    }
+}
+BiitTooltipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitTooltipDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+BiitTooltipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: BiitTooltipDirective, selector: "[tooltip]", inputs: { tooltip: "tooltip", ignorePadding: "ignorePadding" }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitTooltipDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tooltip]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; }, propDecorators: { tooltip: [{
+                type: Input
+            }], ignorePadding: [{
+                type: Input
+            }], onMouseEnter: [{
+                type: HostListener,
+                args: ['mouseenter']
+            }], onMouseLeave: [{
+                type: HostListener,
+                args: ['mouseleave']
+            }] } });
+
+class BiitTooltipModule {
+}
+BiitTooltipModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+BiitTooltipModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: BiitTooltipModule, declarations: [BiitTooltipComponent,
+        BiitTooltipDirective], imports: [CommonModule], exports: [BiitTooltipComponent,
+        BiitTooltipDirective] });
+BiitTooltipModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitTooltipModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitTooltipModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        BiitTooltipComponent,
+                        BiitTooltipDirective
+                    ],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [
+                        BiitTooltipComponent,
+                        BiitTooltipDirective
+                    ]
+                }]
+        }] });
+
+class BiitTooltipIconComponent {
+    constructor() {
+        this.isInline = false;
+    }
+    set inline(value) {
+        this.isInline = coerceBooleanProperty(value);
+    }
+}
+BiitTooltipIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitTooltipIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BiitTooltipIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BiitTooltipIconComponent, selector: "biit-tooltip-icon", inputs: { text: "text", inline: "inline" }, ngImport: i0, template: "<div class=\"square\" [tooltip]=\"text\" [class.inline]=\"isInline\">\n  <a class=\"question-mark\">?</a>\n</div>\n", styles: [".square{position:relative;height:1em;width:1em;background-color:gray;rotate:-45deg}.question-mark{position:absolute;font-size:.8em;rotate:45deg;left:.35em;color:#fff;cursor:default;-webkit-user-select:none;user-select:none}.inline{position:absolute;margin-left:.3em;margin-top:-.1em;scale:.6}\n"], dependencies: [{ kind: "directive", type: BiitTooltipDirective, selector: "[tooltip]", inputs: ["tooltip", "ignorePadding"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitTooltipIconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'biit-tooltip-icon', template: "<div class=\"square\" [tooltip]=\"text\" [class.inline]=\"isInline\">\n  <a class=\"question-mark\">?</a>\n</div>\n", styles: [".square{position:relative;height:1em;width:1em;background-color:gray;rotate:-45deg}.question-mark{position:absolute;font-size:.8em;rotate:45deg;left:.35em;color:#fff;cursor:default;-webkit-user-select:none;user-select:none}.inline{position:absolute;margin-left:.3em;margin-top:-.1em;scale:.6}\n"] }]
+        }], propDecorators: { text: [{
+                type: Input
+            }], inline: [{
+                type: Input
+            }] } });
+
+class BiitTooltipIconModule {
+}
+BiitTooltipIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitTooltipIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+BiitTooltipIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: BiitTooltipIconModule, declarations: [BiitTooltipIconComponent], imports: [CommonModule,
+        BiitTooltipModule], exports: [BiitTooltipIconComponent] });
+BiitTooltipIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitTooltipIconModule, imports: [CommonModule,
+        BiitTooltipModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitTooltipIconModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        BiitTooltipIconComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        BiitTooltipModule
+                    ],
+                    exports: [
+                        BiitTooltipIconComponent
+                    ]
+                }]
+        }] });
+
+class Notification {
+    constructor(message, type, actionLabel, timeout) {
+        this.message = '';
+        this.type = "INFO" /* NotificationType.INFO */;
+        this.onAction$ = new Subject();
+        this.id = v4();
+        if (message) {
+            this.message = message;
+        }
+        if (type) {
+            this.type = type;
+        }
+        if (actionLabel) {
+            this.actionLabel = actionLabel;
+        }
+        if (!timeout && !actionLabel) {
+            this.actionLabel = 'Dismiss';
+        }
+    }
+}
+
+class BiitSnackbarService {
+    constructor() {
+        this.notifications = [];
+        this._getNotifications$ = new BehaviorSubject(this.notifications);
+        this.getNotifications$ = this._getNotifications$.asObservable();
+        this.verticalPosition = "top" /* BiitSnackbarVerticalPosition.TOP */;
+        this.horizontalPosition = "center" /* BiitSnackbarHorizontalPosition.CENTER */;
+    }
+    showNotification(message, type, actionText, duration) {
+        if (!duration && actionText == null) {
+            if (!type) {
+                duration = 5;
+            }
+            else if (type === "SUCCESS" /* NotificationType.SUCCESS */ || type === "WARNING" /* NotificationType.WARNING */ || type === "INFO" /* NotificationType.INFO */) {
+                duration = 5;
+            }
+            else if (type === "ERROR" /* NotificationType.ERROR */) {
+                duration = 10;
+            }
+        }
+        let notification = new Notification(message, type, actionText, duration);
+        if (duration) {
+            notification.timeout = setTimeout(() => {
+                this.closeNotification(notification.id);
+            }, duration * 1000);
+        }
+        notification.onAction$.subscribe(() => {
+            this.closeNotification(notification.id);
+        });
+        this.notifications.unshift(notification);
+        this._getNotifications$.next(this.notifications);
+        return notification;
+    }
+    closeNotification(id) {
+        const index = this.notifications.findIndex(n => n.id == id);
+        if (index >= 0) {
+            this.notifications.splice(index, 1);
+            this._getNotifications$.next(this.notifications);
+        }
+    }
+    setPosition(vertical, horizontal) {
+        this.verticalPosition = vertical;
+        this.horizontalPosition = horizontal;
+    }
+    setVerticalPosition(position) {
+        this.verticalPosition = position;
+    }
+    setHorizontalPosition(position) {
+        this.horizontalPosition = position;
+    }
+}
+BiitSnackbarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitSnackbarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+BiitSnackbarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitSnackbarService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitSnackbarService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
+class BiitNotificationComponent {
+    // TODO: Not working yet
+    // @HostListener('mouseenter')
+    // onMouseEnter() {
+    //   clearTimeout(this.notification.timeout);
+    // }
+    //
+    // TODO: Not working yet
+    // @HostListener('mouseleave')
+    // onMouseLeave() {
+    //   this.notification.timeout.refresh();
+    // }
+    emitClick(closable) {
+        if (closable) {
+            this.notification.onAction$.next();
+        }
+    }
+    ngOnDestroy() {
+        this.notification.onAction$.complete();
+    }
+}
+BiitNotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BiitNotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BiitNotificationComponent, selector: "biit-notification", inputs: { notification: "notification" }, viewQueries: [{ propertyName: "button", first: true, predicate: ["action"], descendants: true }], ngImport: i0, template: "<div class=\"notification-canvas\" id=\"biit-notification\"\n     [class.regular]=\"notification?.type == 'INFO' ||\n                      notification?.type == 'SUCCESS'\"\n     [class.error]=\"notification?.type == 'ERROR'\"\n     [class.warning]=\"notification?.type == 'WARNING'\"\n     (click)=\"emitClick(notification?.actionLabel == undefined)\">\n  <biit-icon *ngIf=\"notification?.type !== 'INFO'\"\n             [name]=\"notification?.type == 'WARNING' ? 'exclamation' :\n              notification?.type == 'ERROR' ? 'cross' : 'thick'\"\n             [pathStyle]=\"{fill: '#EDEDED'}\"\n             class=\"notification-icon\"\n  ></biit-icon>\n  <a id=\"message\">\n    {{ notification?.message }}\n  </a>\n  <button biit-button #action\n          (click)=\"emitClick(true)\"\n          *ngIf=\"notification?.actionLabel\"\n          color=\"tertiary\"\n  >\n    {{ notification.actionLabel }}\n  </button>\n</div><br>\n", styles: [".notification-canvas{display:flex;align-items:center;width:-moz-fit-content;width:fit-content;max-width:25.6rem;padding:1.05rem 1.4rem;box-sizing:border-box;color:#ededed;text-align:left;-webkit-user-select:none;user-select:none}.notification-icon{display:inline-flex;position:absolute;width:1.4rem;height:.7rem;translate:-100%}::ng-deep biit-notification biit-button{font-size:.7rem;margin-left:1.4rem}::ng-deep biit-notification biit-button .button-base.tertiary{color:#ededed!important}::ng-deep biit-notification biit-button .bar{background:#EDEDED!important}.regular{background:#262626}.error{background:#A1093F}.warning{background:#F20D5E}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.BiitIconComponent, selector: "biit-icon", inputs: ["name", "svgStyle", "pathStyle"] }, { kind: "component", type: i3.BiitButtonComponent, selector: "button[biit-button]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitNotificationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'biit-notification', template: "<div class=\"notification-canvas\" id=\"biit-notification\"\n     [class.regular]=\"notification?.type == 'INFO' ||\n                      notification?.type == 'SUCCESS'\"\n     [class.error]=\"notification?.type == 'ERROR'\"\n     [class.warning]=\"notification?.type == 'WARNING'\"\n     (click)=\"emitClick(notification?.actionLabel == undefined)\">\n  <biit-icon *ngIf=\"notification?.type !== 'INFO'\"\n             [name]=\"notification?.type == 'WARNING' ? 'exclamation' :\n              notification?.type == 'ERROR' ? 'cross' : 'thick'\"\n             [pathStyle]=\"{fill: '#EDEDED'}\"\n             class=\"notification-icon\"\n  ></biit-icon>\n  <a id=\"message\">\n    {{ notification?.message }}\n  </a>\n  <button biit-button #action\n          (click)=\"emitClick(true)\"\n          *ngIf=\"notification?.actionLabel\"\n          color=\"tertiary\"\n  >\n    {{ notification.actionLabel }}\n  </button>\n</div><br>\n", styles: [".notification-canvas{display:flex;align-items:center;width:-moz-fit-content;width:fit-content;max-width:25.6rem;padding:1.05rem 1.4rem;box-sizing:border-box;color:#ededed;text-align:left;-webkit-user-select:none;user-select:none}.notification-icon{display:inline-flex;position:absolute;width:1.4rem;height:.7rem;translate:-100%}::ng-deep biit-notification biit-button{font-size:.7rem;margin-left:1.4rem}::ng-deep biit-notification biit-button .button-base.tertiary{color:#ededed!important}::ng-deep biit-notification biit-button .bar{background:#EDEDED!important}.regular{background:#262626}.error{background:#A1093F}.warning{background:#F20D5E}\n"] }]
+        }], propDecorators: { notification: [{
+                type: Input
+            }], button: [{
+                type: ViewChild,
+                args: ['action']
+            }] } });
+
+class BiitSnackbarComponent {
+    constructor(snackbarService) {
+        this.snackbarService = snackbarService;
+        this.notifications = [];
+    }
+    ngOnInit() {
+        this.snackbarService.getNotifications$.subscribe(notifications => {
+            this.notifications = notifications;
+        });
+    }
+}
+BiitSnackbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitSnackbarComponent, deps: [{ token: BiitSnackbarService }], target: i0.ɵɵFactoryTarget.Component });
+BiitSnackbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BiitSnackbarComponent, selector: "biit-snackbar", ngImport: i0, template: "<ng-container>\n  <div id=\"snackbar-canvas\"\n       class=\"snackbar-canvas {{snackbarService.verticalPosition}} {{snackbarService.horizontalPosition}}\">\n    <div @notificationList\n         *ngFor=\"let notification of this.notifications\"\n         class=\"snackbar-element\"\n         [attr.id]=\"'snackbar-element-' + notification.type\"\n    >\n      <biit-notification [notification]=\"notification\" style=\"display: inline-flex;\"></biit-notification>\n    </div>\n  </div>\n</ng-container>\n", styles: [".snackbar-canvas{display:flex;width:100vw;height:100vh;top:0;left:0;position:fixed;padding:1rem;box-sizing:border-box;pointer-events:none;transition:.5s ease all;-moz-transition:.5s ease all;-webkit-transition:.5s ease all}.snackbar-canvas.top .snackbar-element+.snackbar-element{margin-top:1rem}.snackbar-canvas.bottom .snackbar-element+.snackbar-element{margin-bottom:1rem}.snackbar-element{display:inline-flex;pointer-events:all;transition:.5s ease all;-moz-transition:.5s ease all;-webkit-transition:.5s ease all}.top{flex-flow:column;flex-direction:column}.bottom{flex-flow:column-reverse;flex-direction:column-reverse}.left{align-items:start}.center{align-items:center}.right{align-items:end}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: BiitNotificationComponent, selector: "biit-notification", inputs: ["notification"] }], animations: [
+        trigger('notificationList', [
+            transition(':enter', [
+                style({ opacity: 0, height: 0 }),
+                animate('500ms ease-in-out', style({ height: '*' })),
+                animate('500ms ease-in-out', style({ opacity: 1, transform: 'translateY(0px)' }))
+            ]),
+            transition(':leave', [
+                style({ opacity: 1, height: '*' }),
+                animate('500ms ease-in-out', style({ opacity: 0 })),
+                animate('500ms ease-in-out', style({ height: 0 }))
+            ])
+        ])
+    ] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitSnackbarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'biit-snackbar', animations: [
+                        trigger('notificationList', [
+                            transition(':enter', [
+                                style({ opacity: 0, height: 0 }),
+                                animate('500ms ease-in-out', style({ height: '*' })),
+                                animate('500ms ease-in-out', style({ opacity: 1, transform: 'translateY(0px)' }))
+                            ]),
+                            transition(':leave', [
+                                style({ opacity: 1, height: '*' }),
+                                animate('500ms ease-in-out', style({ opacity: 0 })),
+                                animate('500ms ease-in-out', style({ height: 0 }))
+                            ])
+                        ])
+                    ], template: "<ng-container>\n  <div id=\"snackbar-canvas\"\n       class=\"snackbar-canvas {{snackbarService.verticalPosition}} {{snackbarService.horizontalPosition}}\">\n    <div @notificationList\n         *ngFor=\"let notification of this.notifications\"\n         class=\"snackbar-element\"\n         [attr.id]=\"'snackbar-element-' + notification.type\"\n    >\n      <biit-notification [notification]=\"notification\" style=\"display: inline-flex;\"></biit-notification>\n    </div>\n  </div>\n</ng-container>\n", styles: [".snackbar-canvas{display:flex;width:100vw;height:100vh;top:0;left:0;position:fixed;padding:1rem;box-sizing:border-box;pointer-events:none;transition:.5s ease all;-moz-transition:.5s ease all;-webkit-transition:.5s ease all}.snackbar-canvas.top .snackbar-element+.snackbar-element{margin-top:1rem}.snackbar-canvas.bottom .snackbar-element+.snackbar-element{margin-bottom:1rem}.snackbar-element{display:inline-flex;pointer-events:all;transition:.5s ease all;-moz-transition:.5s ease all;-webkit-transition:.5s ease all}.top{flex-flow:column;flex-direction:column}.bottom{flex-flow:column-reverse;flex-direction:column-reverse}.left{align-items:start}.center{align-items:center}.right{align-items:end}\n"] }]
+        }], ctorParameters: function () { return [{ type: BiitSnackbarService }]; } });
+
+class BiitSnackbarModule {
+}
+BiitSnackbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitSnackbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+BiitSnackbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: BiitSnackbarModule, declarations: [BiitSnackbarComponent,
+        BiitNotificationComponent], imports: [CommonModule,
+        BrowserAnimationsModule,
+        BiitIconModule,
+        BiitButtonModule], exports: [BiitSnackbarComponent,
+        BiitNotificationComponent] });
+BiitSnackbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitSnackbarModule, imports: [CommonModule,
+        BrowserAnimationsModule,
+        BiitIconModule,
+        BiitButtonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitSnackbarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        BiitSnackbarComponent,
+                        BiitNotificationComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        BrowserAnimationsModule,
+                        BiitIconModule,
+                        BiitButtonModule
+                    ],
+                    exports: [
+                        BiitSnackbarComponent,
+                        BiitNotificationComponent
+                    ]
+                }]
+        }] });
+
+var BiitSnackbarVerticalPosition;
+(function (BiitSnackbarVerticalPosition) {
+    BiitSnackbarVerticalPosition["TOP"] = "top";
+    BiitSnackbarVerticalPosition["BOTTOM"] = "bottom";
+})(BiitSnackbarVerticalPosition || (BiitSnackbarVerticalPosition = {}));
+
+var BiitSnackbarHorizontalPosition;
+(function (BiitSnackbarHorizontalPosition) {
+    BiitSnackbarHorizontalPosition["LEFT"] = "left";
+    BiitSnackbarHorizontalPosition["CENTER"] = "center";
+    BiitSnackbarHorizontalPosition["RIGHT"] = "right";
+})(BiitSnackbarHorizontalPosition || (BiitSnackbarHorizontalPosition = {}));
+
+var NotificationType;
+(function (NotificationType) {
+    NotificationType["INFO"] = "INFO";
+    NotificationType["SUCCESS"] = "SUCCESS";
+    NotificationType["WARNING"] = "WARNING";
+    NotificationType["ERROR"] = "ERROR";
+})(NotificationType || (NotificationType = {}));
+
+var BiitProgressBarType;
+(function (BiitProgressBarType) {
+    BiitProgressBarType["INDETERMINATE"] = "INDETERMINATE";
+    BiitProgressBarType["DETERMINATE"] = "DETERMINATE";
+})(BiitProgressBarType || (BiitProgressBarType = {}));
+class BiitProgressBarComponent {
+    set value(value) {
+        this._value = value;
+    }
+    constructor() {
+        this.type = BiitProgressBarType.INDETERMINATE;
+        this._value = 0;
+    }
+}
+BiitProgressBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BiitProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BiitProgressBarComponent, selector: "biit-progress-bar", inputs: { type: "type", _value: "_value", value: "value" }, ngImport: i0, template: "<div class=\"canvas\">\n  <div class=\"dummy\">\n    <div class=\"bar {{type.toLowerCase()}}\"\n         [ngStyle]=\"{'width': type == 'DETERMINATE' ? _value + '%' : null}\"\n    ></div>\n  </div>\n</div>\n", styles: [".canvas{position:relative;width:inherit}.dummy{position:absolute;width:100%;height:.25rem;overflow:hidden}.bar{position:absolute;background:#F20D5E;height:100%}.bar.indeterminate{width:50%;animation:indeterminate 2s ease-in-out;animation-iteration-count:infinite}.bar.determinate{transition:width .5s ease-in-out}@keyframes indeterminate{0%{left:-50%}to{left:100%}}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitProgressBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'biit-progress-bar', template: "<div class=\"canvas\">\n  <div class=\"dummy\">\n    <div class=\"bar {{type.toLowerCase()}}\"\n         [ngStyle]=\"{'width': type == 'DETERMINATE' ? _value + '%' : null}\"\n    ></div>\n  </div>\n</div>\n", styles: [".canvas{position:relative;width:inherit}.dummy{position:absolute;width:100%;height:.25rem;overflow:hidden}.bar{position:absolute;background:#F20D5E;height:100%}.bar.indeterminate{width:50%;animation:indeterminate 2s ease-in-out;animation-iteration-count:infinite}.bar.determinate{transition:width .5s ease-in-out}@keyframes indeterminate{0%{left:-50%}to{left:100%}}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { type: [{
+                type: Input
+            }], _value: [{
+                type: Input
+            }], value: [{
+                type: Input,
+                args: ['value']
+            }] } });
+
+class BiitProgressBarModule {
+}
+BiitProgressBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+BiitProgressBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: BiitProgressBarModule, declarations: [BiitProgressBarComponent], imports: [CommonModule], exports: [BiitProgressBarComponent] });
+BiitProgressBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitProgressBarModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitProgressBarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        BiitProgressBarComponent
+                    ],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [
+                        BiitProgressBarComponent
+                    ]
+                }]
+        }] });
+
+class BiitGalleryCardComponent {
+    constructor() {
+        this.title = "";
+        this.subtitle = "";
+    }
+}
+BiitGalleryCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitGalleryCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BiitGalleryCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BiitGalleryCardComponent, selector: "biit-gallery-card", inputs: { title: "title", subtitle: "subtitle", icon: "icon" }, ngImport: i0, template: "<div class=\"gallery-card\">\n  <div class=\"card-top\">\n    <biit-icon *ngIf=\"icon\"\n               [name]=\"icon\"\n               class=\"icon\"\n    ></biit-icon>\n  </div>\n  <div class=\"card-bottom\">\n    <a class=\"title\">{{title}}</a>\n    <a class=\"subtitle\">{{subtitle}}</a>\n  </div>\n</div>\n", styles: ["*{box-sizing:border-box}.gallery-card{display:flex;flex-direction:column;box-sizing:border-box;width:11em;height:14em;border:3px solid #262626;background:white;color:#262626;-webkit-user-select:none;user-select:none;cursor:pointer}.gallery-card:hover .card-bottom{background:#EDEDED}.gallery-card:active .title{color:#f20d5e}.gallery-card .card-top{display:flex;flex-grow:1;padding:.45em .6em;align-items:center;justify-content:center}.gallery-card .card-top .wh-100{display:inline-flex;width:9.5em;height:8.3em}.gallery-card .card-bottom{display:flex;flex-direction:column;height:4.5em;border-top:3px solid #262626;padding:.45em .6em;justify-content:space-between}.gallery-card .card-bottom .title{text-transform:uppercase;font-weight:700;height:2.2em;line-height:1.1em;overflow:hidden}.gallery-card .card-bottom .subtitle{font-size:.8em;height:1em;line-height:1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.BiitIconComponent, selector: "biit-icon", inputs: ["name", "svgStyle", "pathStyle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitGalleryCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'biit-gallery-card', template: "<div class=\"gallery-card\">\n  <div class=\"card-top\">\n    <biit-icon *ngIf=\"icon\"\n               [name]=\"icon\"\n               class=\"icon\"\n    ></biit-icon>\n  </div>\n  <div class=\"card-bottom\">\n    <a class=\"title\">{{title}}</a>\n    <a class=\"subtitle\">{{subtitle}}</a>\n  </div>\n</div>\n", styles: ["*{box-sizing:border-box}.gallery-card{display:flex;flex-direction:column;box-sizing:border-box;width:11em;height:14em;border:3px solid #262626;background:white;color:#262626;-webkit-user-select:none;user-select:none;cursor:pointer}.gallery-card:hover .card-bottom{background:#EDEDED}.gallery-card:active .title{color:#f20d5e}.gallery-card .card-top{display:flex;flex-grow:1;padding:.45em .6em;align-items:center;justify-content:center}.gallery-card .card-top .wh-100{display:inline-flex;width:9.5em;height:8.3em}.gallery-card .card-bottom{display:flex;flex-direction:column;height:4.5em;border-top:3px solid #262626;padding:.45em .6em;justify-content:space-between}.gallery-card .card-bottom .title{text-transform:uppercase;font-weight:700;height:2.2em;line-height:1.1em;overflow:hidden}.gallery-card .card-bottom .subtitle{font-size:.8em;height:1em;line-height:1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], subtitle: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }] } });
+
+class BiitGalleryCardModule {
+}
+BiitGalleryCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitGalleryCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+BiitGalleryCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: BiitGalleryCardModule, declarations: [BiitGalleryCardComponent], imports: [CommonModule,
+        BiitIconModule], exports: [BiitGalleryCardComponent] });
+BiitGalleryCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitGalleryCardModule, imports: [CommonModule,
+        BiitIconModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitGalleryCardModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        BiitGalleryCardComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        BiitIconModule
+                    ],
+                    exports: [
+                        BiitGalleryCardComponent
+                    ]
+                }]
+        }] });
+
+class BiitCookiesConsentComponent {
+    constructor() {
+        this.consent = false;
+        if (localStorage.getItem("cookies-consent") !== undefined) {
+            this.consent = coerceBooleanProperty(localStorage.getItem("cookies-consent"));
+        }
+        else {
+            this.consent = false;
+        }
+    }
+    acceptCookies() {
+        this.consent = true;
+        localStorage.setItem("cookies-consent", 'true');
+    }
+}
+BiitCookiesConsentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitCookiesConsentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BiitCookiesConsentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BiitCookiesConsentComponent, selector: "biit-cookies-consent", providers: [{
+            provide: TRANSLOCO_SCOPE,
+            useValue: { scope: 'wizardry-theme/info', alias: "info" }
+        }], ngImport: i0, template: "<div class=\"cookies-canvas\" *ngIf=\"!consent\">\n  <div class=\"cookies-popup\" *transloco=\"let t\">\n    <biit-icon name=\"cookies\" class=\"icon\"></biit-icon>\n    <a [innerHTML]=\"t('info.consent-text')\"></a>\n    <button biit-button id=\"cookies-button\" class=\"button\" (click)=\"acceptCookies()\">{{ t('info.understand') }}</button>\n  </div>\n</div>\n", styles: ["*{box-sizing:border-box}.cookies-canvas{display:flex;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:10000;padding:2em;box-sizing:border-box;align-items:flex-end;justify-content:center;pointer-events:none}.cookies-canvas .cookies-popup{display:flex;align-items:center;background:white;border:3px solid #262626;pointer-events:all}@media screen and (max-width: 1279px){.cookies-canvas .cookies-popup{width:20em;padding:2em;flex-direction:column;gap:1.25em;text-align:center}}@media screen and (min-width: 1280px){.cookies-canvas .cookies-popup{height:7em;width:60%;padding:1em 2em;gap:2em;justify-content:space-around}}.cookies-canvas .cookies-popup .wh-100{width:6em;height:6em;flex-shrink:0}.cookies-canvas .cookies-popup .button ::ng-deep span{white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.BiitIconComponent, selector: "biit-icon", inputs: ["name", "svgStyle", "pathStyle"] }, { kind: "component", type: i3.BiitButtonComponent, selector: "button[biit-button]" }, { kind: "directive", type: i4.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoLang", "translocoLoadingTpl"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitCookiesConsentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'biit-cookies-consent', providers: [{
+                            provide: TRANSLOCO_SCOPE,
+                            useValue: { scope: 'wizardry-theme/info', alias: "info" }
+                        }], template: "<div class=\"cookies-canvas\" *ngIf=\"!consent\">\n  <div class=\"cookies-popup\" *transloco=\"let t\">\n    <biit-icon name=\"cookies\" class=\"icon\"></biit-icon>\n    <a [innerHTML]=\"t('info.consent-text')\"></a>\n    <button biit-button id=\"cookies-button\" class=\"button\" (click)=\"acceptCookies()\">{{ t('info.understand') }}</button>\n  </div>\n</div>\n", styles: ["*{box-sizing:border-box}.cookies-canvas{display:flex;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:10000;padding:2em;box-sizing:border-box;align-items:flex-end;justify-content:center;pointer-events:none}.cookies-canvas .cookies-popup{display:flex;align-items:center;background:white;border:3px solid #262626;pointer-events:all}@media screen and (max-width: 1279px){.cookies-canvas .cookies-popup{width:20em;padding:2em;flex-direction:column;gap:1.25em;text-align:center}}@media screen and (min-width: 1280px){.cookies-canvas .cookies-popup{height:7em;width:60%;padding:1em 2em;gap:2em;justify-content:space-around}}.cookies-canvas .cookies-popup .wh-100{width:6em;height:6em;flex-shrink:0}.cookies-canvas .cookies-popup .button ::ng-deep span{white-space:nowrap}\n"] }]
+        }], ctorParameters: function () { return []; } });
+
+class BiitCookiesConsentModule {
+}
+BiitCookiesConsentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitCookiesConsentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+BiitCookiesConsentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: BiitCookiesConsentModule, declarations: [BiitCookiesConsentComponent], imports: [CommonModule,
+        BiitIconModule,
+        BiitButtonModule,
+        TranslocoRootModule], exports: [BiitCookiesConsentComponent] });
+BiitCookiesConsentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitCookiesConsentModule, imports: [CommonModule,
+        BiitIconModule,
+        BiitButtonModule,
+        TranslocoRootModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitCookiesConsentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        BiitCookiesConsentComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        BiitIconModule,
+                        BiitButtonModule,
+                        TranslocoRootModule
+                    ],
+                    exports: [
+                        BiitCookiesConsentComponent
+                    ]
+                }]
+        }] });
+
+/*
+ * Public API Surface of wizardry-theme/info
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BiitCookiesConsentComponent, BiitCookiesConsentModule, BiitGalleryCardComponent, BiitGalleryCardModule, BiitNotificationComponent, BiitProgressBarComponent, BiitProgressBarModule, BiitProgressBarType, BiitSnackbarComponent, BiitSnackbarHorizontalPosition, BiitSnackbarModule, BiitSnackbarService, BiitSnackbarVerticalPosition, BiitTooltipComponent, BiitTooltipDirective, BiitTooltipIconComponent, BiitTooltipIconModule, BiitTooltipModule, Notification, NotificationType };
+//# sourceMappingURL=biit-solutions-wizardry-theme-info.mjs.map