@wizishop/angular-components 0.0.39 → 0.0.43

package/bundles/wizishop-angular-components.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@wizishop/ng-wizi-bulma'), require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('ngx-perfect-scrollbar'), require('rxjs'), require('rxjs/operators'), require('@angular/cdk/table'), require('@angular/animations'), require('ngx-chips'), require('uuid'), require('@ngx-translate/core'), require('@angular/router')) :
-    typeof define === 'function' && define.amd ? define('@wizishop/angular-components', ['exports', '@wizishop/ng-wizi-bulma', '@angular/core', '@angular/common', '@angular/forms', 'ngx-perfect-scrollbar', 'rxjs', 'rxjs/operators', '@angular/cdk/table', '@angular/animations', 'ngx-chips', 'uuid', '@ngx-translate/core', '@angular/router'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wizishop = global.wizishop || {}, global.wizishop['angular-components'] = {}), global['ng-wizi-bulma'], global.ng.core, global.ng.common, global.ng.forms, global['ngx-perfect-scrollbar'], global.rxjs, global.rxjs.operators, global.ng.cdk.table, global.ng.animations, global['ngx-chips'], global.uuid, global['@ngx-translate/core'], global.ng.router));
-}(this, (function (exports, i1, i0, common, forms, ngxPerfectScrollbar, rxjs, operators, table, animations, ngxChips, uuid, core, router) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@wizishop/ng-wizi-bulma'), require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('ngx-perfect-scrollbar'), require('rxjs'), require('rxjs/operators'), require('@angular/cdk/overlay'), require('@angular/cdk/table'), require('@angular/animations'), require('ngx-chips'), require('uuid'), require('@ngx-translate/core'), require('@angular/router')) :
+    typeof define === 'function' && define.amd ? define('@wizishop/angular-components', ['exports', '@wizishop/ng-wizi-bulma', '@angular/core', '@angular/common', '@angular/forms', 'ngx-perfect-scrollbar', 'rxjs', 'rxjs/operators', '@angular/cdk/overlay', '@angular/cdk/table', '@angular/animations', 'ngx-chips', 'uuid', '@ngx-translate/core', '@angular/router'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wizishop = global.wizishop || {}, global.wizishop['angular-components'] = {}), global['ng-wizi-bulma'], global.ng.core, global.ng.common, global.ng.forms, global['ngx-perfect-scrollbar'], global.rxjs, global.rxjs.operators, global.ng.cdk.overlay, global.ng.cdk.table, global.ng.animations, global['ngx-chips'], global.uuid, global['@ngx-translate/core'], global.ng.router));
+}(this, (function (exports, i1$1, i0, common, forms, ngxPerfectScrollbar, rxjs, operators, i1, table, animations, ngxChips, uuid, core, router) { 'use strict';
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -448,7 +448,11 @@
     };
 
     var DomService = /** @class */ (function () {
-        function DomService() {
+        function DomService(componentFactoryResolver, appRef, injector, overlayContainer) {
+            this.componentFactoryResolver = componentFactoryResolver;
+            this.appRef = appRef;
+            this.injector = injector;
+            this.overlayContainer = overlayContainer;
             this.documentEventSource = new rxjs.Subject();
             this.documentEventDone = this.documentEventSource.asObservable();
             this.eventInitialisation = true;
@@ -478,14 +482,32 @@
                 _this.documentScrollSource.next(window);
             };
         };
+        DomService.prototype.attachComponentPortal = function (component, injector) {
+            var componentRef = this.componentFactoryResolver
+                .resolveComponentFactory(component)
+                .create(injector ? injector : this.injector);
+            this.appRef.attachView(componentRef.hostView);
+            this.overlayContainer.getContainerElement().appendChild(this._getComponentRootNode(componentRef));
+            return componentRef;
+        };
+        /** Gets the root HTMLElement for an instantiated component. */
+        DomService.prototype._getComponentRootNode = function (componentRef) {
+            return componentRef.hostView.rootNodes[0];
+        };
         return DomService;
     }());
-    DomService.ɵprov = i0.ɵɵdefineInjectable({ factory: function DomService_Factory() { return new DomService(); }, token: DomService, providedIn: "root" });
+    DomService.ɵprov = i0.ɵɵdefineInjectable({ factory: function DomService_Factory() { return new DomService(i0.ɵɵinject(i0.ComponentFactoryResolver), i0.ɵɵinject(i0.ApplicationRef), i0.ɵɵinject(i0.INJECTOR), i0.ɵɵinject(i1.OverlayContainer)); }, token: DomService, providedIn: "root" });
     DomService.decorators = [
         { type: i0.Injectable, args: [{
                     providedIn: 'root'
                 },] }
     ];
+    DomService.ctorParameters = function () { return [
+        { type: i0.ComponentFactoryResolver },
+        { type: i0.ApplicationRef },
+        { type: i0.Injector },
+        { type: i1.OverlayContainer }
+    ]; };
 
     var AutoHideDirective = /** @class */ (function () {
         function AutoHideDirective(_elementRef, domService) {
@@ -713,14 +735,14 @@
         };
         return FiltersTableService;
     }());
-    FiltersTableService.ɵprov = i0.ɵɵdefineInjectable({ factory: function FiltersTableService_Factory() { return new FiltersTableService(i0.ɵɵinject(i1.NwbFilterRoutingBuilder)); }, token: FiltersTableService, providedIn: "root" });
+    FiltersTableService.ɵprov = i0.ɵɵdefineInjectable({ factory: function FiltersTableService_Factory() { return new FiltersTableService(i0.ɵɵinject(i1$1.NwbFilterRoutingBuilder)); }, token: FiltersTableService, providedIn: "root" });
     FiltersTableService.decorators = [
         { type: i0.Injectable, args: [{
                     providedIn: 'root'
                 },] }
     ];
     FiltersTableService.ctorParameters = function () { return [
-        { type: i1.NwbFilterRoutingBuilder }
+        { type: i1$1.NwbFilterRoutingBuilder }
     ]; };
 
     var TableComponent = /** @class */ (function () {
@@ -891,6 +913,7 @@
             this.iconFontSize = 12;
             this.hasLoader = false;
             this.disabled = false;
+            this.whiteSpaceNowrap = false;
             this.click = new i0.EventEmitter();
             this.isLoading = false;
             this.interval = null;
@@ -930,7 +953,7 @@
     ButtonComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'wac-button',
-                    template: "<a\n  [class]=\"'wac-button ' + extraClasses\"\n  (click)=\"onButtonClick($event)\"\n  [ngClass]=\"[label === '' ? 'alone' : '', isLoading ? 'is-loading' : '', disabled ? 'disabled' : '', widthAuto ? 'width-auto' : '']\"\n>\n  <span class=\"wac-button__wrapper\">\n    <i *ngIf=\"icon !== ''\" [ngClass]=\"icon\" [style.font-size.px]=\"iconFontSize\"></i>\n    {{ label }}\n    <i *ngIf=\"iconNext !== ''\" [ngClass]=\"iconNext\" [style.font-size.px]=\"iconFontSize\"></i>\n  </span>\n  <span\n    class=\"wac-button__loader\"\n    [ngClass]=\"extraClasses.includes('is-outlined') ? 'outlined' : ''\"\n    *ngIf=\"isLoading || interval !== null\"\n    [style.width]=\"currentLoading + '%'\"\n  >\n    <span *ngIf=\"extraClasses.includes('is-outlined')\">\n      <i *ngIf=\"icon !== ''\" [ngClass]=\"icon\" [style.font-size.px]=\"iconFontSize\"></i>\n      {{ label }}\n      <i *ngIf=\"iconNext !== ''\" [ngClass]=\"iconNext\" [style.font-size.px]=\"iconFontSize\"></i>\n    </span>\n  </span>\n</a>\n"
+                    template: "<a\n  [class]=\"'wac-button ' + extraClasses\"\n  (click)=\"onButtonClick($event)\"\n  [ngClass]=\"[label === '' ? 'alone' : '', isLoading ? 'is-loading' : '', disabled ? 'disabled' : '', widthAuto ? 'width-auto' : '', whiteSpaceNowrap ? 'white-space-no-wrap' : '']\"\n>\n  <span class=\"wac-button__wrapper\">\n    <i *ngIf=\"icon !== ''\" [ngClass]=\"icon\" [style.font-size.px]=\"iconFontSize\"></i>\n    {{ label }}\n    <i *ngIf=\"iconNext !== ''\" [ngClass]=\"iconNext\" [style.font-size.px]=\"iconFontSize\"></i>\n  </span>\n  <span\n    class=\"wac-button__loader\"\n    [ngClass]=\"extraClasses.includes('is-outlined') ? 'outlined' : ''\"\n    *ngIf=\"isLoading || interval !== null\"\n    [style.width]=\"currentLoading + '%'\"\n  >\n    <span *ngIf=\"extraClasses.includes('is-outlined')\">\n      <i *ngIf=\"icon !== ''\" [ngClass]=\"icon\" [style.font-size.px]=\"iconFontSize\"></i>\n      {{ label }}\n      <i *ngIf=\"iconNext !== ''\" [ngClass]=\"iconNext\" [style.font-size.px]=\"iconFontSize\"></i>\n    </span>\n  </span>\n</a>\n"
                 },] }
     ];
     ButtonComponent.ctorParameters = function () { return []; };
@@ -943,6 +966,7 @@
         iconFontSize: [{ type: i0.Input }],
         hasLoader: [{ type: i0.Input }],
         disabled: [{ type: i0.Input }],
+        whiteSpaceNowrap: [{ type: i0.Input }],
         click: [{ type: i0.Output }]
     };
 
@@ -1704,6 +1728,7 @@
             this.withoutBlock = false;
             this.icon = '';
             this.big = false;
+            this.medium = false;
             this.boldLabel = 'false';
             this.min = null;
             this.max = null;
@@ -1772,7 +1797,7 @@
     InputComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'wac-input',
-                    template: "<div\n  class=\"field wac-input\"\n  [ngClass]=\"{ 'has-no-block': withoutBlock, 'is-big': big, 'with-padding': padding, 'with-progress-bar': progressBar }\"\n>\n  <div class=\"field-label is-normal has-text-left\" *ngIf=\"!withoutBlock\">\n    <label\n      [ngClass]=\"[boldLabel == 'true' ? 'label has-text-weight-bold' : 'label has-text-weight-normal', showTooltip ? 'label-inline' : '']\"\n      [innerHTML]=\"label\"\n      [for]=\"id\"\n    ></label>\n    <wac-tooltip\n      *ngIf=\"showTooltip\"\n      [tooltipIcon]=\"iconTooltip\"\n      [tooltipText]=\"textTooltip\"\n      [tooltipLink]=\"linkTooltip\"\n      [tooltipUrl]=\"urlTooltip\"\n    ></wac-tooltip>\n    <!-- Size -->\n    <span *ngIf=\"value && size && !progressBar\" class=\"is-size-7 wac-input__size\">\n      <strong>{{ value.toString().length }}</strong> / {{ size }}\n    </span>\n  </div>\n  <div class=\"field-body\">\n    <div class=\"field\">\n      <p\n        class=\"control\"\n        [ngClass]=\"{ 'has-icons-right': textError || success, 'has-icons-left': icon !== '', 'has-input-group': textAppend || textPrepend }\"\n      >\n        <!-- Text Prepend -->\n        <span *ngIf=\"textPrepend\" class=\"has-input-group\">\n          <span class=\"has-input-group-text prepend\">{{ textPrepend }}</span>\n          <span *ngIf=\"icon !== ''\" class=\"icon is-small is-left\">\n            <i [class]=\"icon\"></i>\n          </span>\n        </span>\n\n        <!-- Input -->\n        <input\n          [class]=\"'input ' + extraClasses\"\n          [id]=\"id\"\n          [ngClass]=\"{\n            'is-danger': textError,\n            'is-large': big,\n            'is-number': isNumber,\n            'remove-margin': disableMargin,\n            'text-append': textAppend\n          }\"\n          [type]=\"type\"\n          [placeholder]=\"placeholder\"\n          [attr.size]=\"size\"\n          [(ngModel)]=\"value\"\n          (ngModelChange)=\"onChange($event)\"\n          (blur)=\"onBlur()\"\n          [disabled]=\"disabled\"\n          (focusout)=\"onFocusOut()\"\n          [min]=\"min\"\n          [max]=\"max\"\n          (keypress)=\"keyPress($event)\"\n        />\n\n        <!-- Indication at the end of the input -->\n        <span class=\"indication\" *ngIf=\"indication\">\n          <span [innerHTML]=\"indication\"></span>\n        </span>\n\n        <!-- Text Append -->\n        <span *ngIf=\"textAppend\" class=\"has-input-group\">\n          <span class=\"has-input-group-text append\">{{ textAppend }}</span>\n          <!-- error if text append not empty -->\n          <span *ngIf=\"textError\" class=\"icon is-small is-right\">\n            <i class=\"fal fa-times has-text-danger\"></i>\n          </span>\n        </span>\n\n        <!-- Icon Left -->\n        <span *ngIf=\"icon !== '' && !textPrepend\" class=\"icon is-small is-left\">\n          <i [class]=\"icon\"></i>\n        </span>\n\n        <!-- Icon error if textAppend empty -->\n        <span *ngIf=\"textError && !textAppend\" class=\"icon is-small is-right\">\n          <i class=\"fal fa-times has-text-danger\"></i>\n        </span>\n\n        <!-- Icon success -->\n        <span *ngIf=\"success\" class=\"icon is-small is-right\">\n          <i class=\"fas fa-check has-text-success\"></i>\n        </span>\n\n        <!-- Text Info -->\n        <span\n          *ngIf=\"textInfo && (textError === null || textError === '') && !progressBar\"\n          class=\"is-size-7 wac-input__info text-info\"\n          [innerHtml]=\"textInfo\"\n        ></span>\n\n        <!-- Text Error -->\n        <span *ngIf=\"textError && !progressBar\" class=\"is-size-7 wac-input__error has-text-danger\" [innerHtml]=\"textError\"></span>\n      </p>\n\n      <!-- Progress Bar -->\n      <wac-progress-bar *ngIf=\"progressBar\" [min]=\"min\" [max]=\"max\" [valueLength]=\"value.length\"></wac-progress-bar>\n    </div>\n  </div>\n</div>\n",
+                    template: "<div\n  class=\"field wac-input\"\n  [ngClass]=\"{ 'has-no-block': withoutBlock, 'is-big': big, 'is-medium': medium, 'with-padding': padding, 'with-progress-bar': progressBar }\"\n>\n  <div class=\"field-label is-normal has-text-left\" *ngIf=\"!withoutBlock\">\n    <label\n      [ngClass]=\"[boldLabel == 'true' ? 'label has-text-weight-bold' : 'label has-text-weight-normal', showTooltip ? 'label-inline' : '']\"\n      [innerHTML]=\"label\"\n      [for]=\"id\"\n    ></label>\n    <wac-tooltip\n      *ngIf=\"showTooltip\"\n      [tooltipIcon]=\"iconTooltip\"\n      [tooltipText]=\"textTooltip\"\n      [tooltipLink]=\"linkTooltip\"\n      [tooltipUrl]=\"urlTooltip\"\n    ></wac-tooltip>\n    <!-- Size -->\n    <span *ngIf=\"value && size && !progressBar\" class=\"is-size-7 wac-input__size\">\n      <strong>{{ value.toString().length }}</strong> / {{ size }}\n    </span>\n  </div>\n  <div class=\"field-body\">\n    <div class=\"field\">\n      <p\n        class=\"control\"\n        [ngClass]=\"{ 'has-icons-right': textError || success, 'has-icons-left': icon !== '', 'has-input-group': textAppend || textPrepend }\"\n      >\n        <!-- Text Prepend -->\n        <span *ngIf=\"textPrepend\" class=\"has-input-group\">\n          <span class=\"has-input-group-text prepend\">{{ textPrepend }}</span>\n          <span *ngIf=\"icon !== ''\" class=\"icon is-small is-left\">\n            <i [class]=\"icon\"></i>\n          </span>\n        </span>\n\n        <!-- Input -->\n        <input\n          [class]=\"'input ' + extraClasses\"\n          [id]=\"id\"\n          [ngClass]=\"{\n            'is-danger': textError,\n            'is-large': big,\n            'is-number': isNumber,\n            'remove-margin': disableMargin,\n            'text-append': textAppend\n          }\"\n          [type]=\"type\"\n          [placeholder]=\"placeholder\"\n          [attr.size]=\"size\"\n          [(ngModel)]=\"value\"\n          (ngModelChange)=\"onChange($event)\"\n          (blur)=\"onBlur()\"\n          [disabled]=\"disabled\"\n          (focusout)=\"onFocusOut()\"\n          [min]=\"min\"\n          [max]=\"max\"\n          (keypress)=\"keyPress($event)\"\n        />\n\n        <!-- Indication at the end of the input -->\n        <span class=\"indication\" *ngIf=\"indication\">\n          <span [innerHTML]=\"indication\"></span>\n        </span>\n\n        <!-- Text Append -->\n        <span *ngIf=\"textAppend\" class=\"has-input-group\">\n          <span class=\"has-input-group-text append\">{{ textAppend }}</span>\n          <!-- error if text append not empty -->\n          <span *ngIf=\"textError\" class=\"icon is-small is-right\">\n            <i class=\"fal fa-times has-text-danger\"></i>\n          </span>\n        </span>\n\n        <!-- Icon Left -->\n        <span *ngIf=\"icon !== '' && !textPrepend\" class=\"icon is-small is-left\">\n          <i [class]=\"icon\"></i>\n        </span>\n\n        <!-- Icon error if textAppend empty -->\n        <span *ngIf=\"textError && !textAppend\" class=\"icon is-small is-right\">\n          <i class=\"fal fa-times has-text-danger\"></i>\n        </span>\n\n        <!-- Icon success -->\n        <span *ngIf=\"success\" class=\"icon is-small is-right\">\n          <i class=\"fas fa-check has-text-success\"></i>\n        </span>\n\n        <!-- Text Info -->\n        <span\n          *ngIf=\"textInfo && (textError === null || textError === '') && !progressBar\"\n          class=\"is-size-7 wac-input__info text-info\"\n          [innerHtml]=\"textInfo\"\n        ></span>\n\n        <!-- Text Error -->\n        <span *ngIf=\"textError && !progressBar\" class=\"is-size-7 wac-input__error has-text-danger\" [innerHtml]=\"textError\"></span>\n      </p>\n\n      <!-- Progress Bar -->\n      <wac-progress-bar *ngIf=\"progressBar\" [min]=\"min\" [max]=\"max\" [valueLength]=\"value.length\"></wac-progress-bar>\n    </div>\n  </div>\n</div>\n",
                     providers: [{ provide: forms.NG_VALUE_ACCESSOR, useExisting: InputComponent, multi: true }]
                 },] }
     ];
@@ -1788,6 +1813,7 @@
         withoutBlock: [{ type: i0.Input }],
         icon: [{ type: i0.Input }],
         big: [{ type: i0.Input }],
+        medium: [{ type: i0.Input }],
         boldLabel: [{ type: i0.Input }],
         min: [{ type: i0.Input }],
         max: [{ type: i0.Input }],
@@ -3438,6 +3464,91 @@
         response: [{ type: i0.Output }]
     };
 
+    var AlertPopupComponent = /** @class */ (function () {
+        function AlertPopupComponent() {
+            /** Subject for notifying the user that the dialog has finished closing. */
+            this.afterClosedPopup = new rxjs.Subject();
+            this.open = false;
+        }
+        AlertPopupComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            setTimeout(function () {
+                _this.open = true;
+            }, 50);
+            if (this.config.duration > 0) {
+                this.timer = setTimeout(function () { return _this.dismiss(); }, this.config.duration);
+            }
+        };
+        AlertPopupComponent.prototype.dismiss = function () {
+            var _this = this;
+            this.open = false;
+            setTimeout(function () {
+                _this.afterClosedPopup.next(true);
+                _this.afterClosedPopup.complete();
+            }, 200);
+        };
+        /**
+         * Gets an observable that is notified when the dialog is finished closing.
+         */
+        AlertPopupComponent.prototype.afterClosed = function () {
+            return this.afterClosedPopup.asObservable();
+        };
+        return AlertPopupComponent;
+    }());
+    AlertPopupComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'wac-alert-popup',
+                    template: "<div\n  [class]=\"'alert ' + ((config.color) ? config.color : ' is-primary') + ((config.extraClasses) ? ' ' + config.extraClasses : '') + ((config.position) ? ' ' + config.position : '') + ((config.fullsize) ? ' fullsize' : '') + ((config.opacity) ? ' opacity-active' : '') + ((config.small) ? ' small' : '')\"\n  [ngClass]=\"{'is-active': open}\"\n>\n  <div class=\"alert--message\">\n    <span class=\"icon\" *ngIf=\"config.icon\">\n        <i [class]=\"config.icon\"></i>\n    </span>\n    <span (click)=\"dismiss()\" class=\"wac-alert-popup__close\"><i class=\"fas fa-times\"></i></span>\n    <p *ngIf=\"config.title\" class=\"wac-alert-popup__title\" [innerHTML]=\"config.title\"></p>\n    <p *ngIf=\"config.message\" class=\"wac-alert-popup__text\" [innerHTML]=\"config.message\"></p>\n  </div>\n</div>\n",
+                    host: {
+                        class: 'wac-alert-popup'
+                    },
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+
+    var AlertPopupService = /** @class */ (function () {
+        function AlertPopupService(domService) {
+            this.domService = domService;
+        }
+        AlertPopupService.prototype.open = function (config) {
+            var componentRef = this.getComponentRef(config);
+            return componentRef.instance;
+        };
+        AlertPopupService.prototype.getComponentRef = function (config) {
+            var componentRef = this.domService.attachComponentPortal(AlertPopupComponent);
+            config = Object.assign({
+                position: 'is-top'
+            }, config);
+            componentRef.instance.config = config;
+            componentRef.instance.afterClosed().subscribe(function () {
+                componentRef.destroy();
+            });
+            return componentRef;
+        };
+        return AlertPopupService;
+    }());
+    AlertPopupService.decorators = [
+        { type: i0.Injectable }
+    ];
+    AlertPopupService.ctorParameters = function () { return [
+        { type: DomService }
+    ]; };
+
+    var AlertPopupModule = /** @class */ (function () {
+        function AlertPopupModule() {
+        }
+        return AlertPopupModule;
+    }());
+    AlertPopupModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [common.CommonModule],
+                    providers: [AlertPopupService],
+                    entryComponents: [AlertPopupComponent],
+                    declarations: [AlertPopupComponent],
+                    exports: [AlertPopupComponent]
+                },] }
+    ];
+
     var components = [
         TagComponent,
         TabComponent,
@@ -3503,7 +3614,7 @@
                     imports: [
                         common.CommonModule,
                         forms.FormsModule,
-                        i1.NwbAllModule,
+                        i1$1.NwbAllModule,
                         core.TranslateModule.forChild(),
                         forms.ReactiveFormsModule,
                         SharedDirectives,
@@ -3518,6 +3629,7 @@
                         LoaderModule,
                         ProgressBarModule,
                         ngxPerfectScrollbar.PerfectScrollbarModule,
+                        AlertPopupModule,
                         router.RouterModule
                     ],
                     declarations: components,
@@ -3536,7 +3648,7 @@
                         common.CommonModule,
                         SharedComponentsModule,
                         SharedDirectives,
-                        i1.NwbAllModule
+                        i1$1.NwbAllModule
                     ],
                     exports: [SharedComponentsModule, SharedDirectives]
                 },] }
@@ -3552,6 +3664,8 @@
 
     exports.AbstractDebounceDirective = AbstractDebounceDirective;
     exports.AlertComponent = AlertComponent;
+    exports.AlertPopupComponent = AlertPopupComponent;
+    exports.AlertPopupService = AlertPopupService;
     exports.AutoHideDirective = AutoHideDirective;
     exports.BackComponent = BackComponent;
     exports.BlockComponent = BlockComponent;
@@ -3623,7 +3737,8 @@
     exports.ɵk = LoaderModule;
     exports.ɵl = CheckboxModule;
     exports.ɵm = inOutY;
-    exports.ɵn = inOutX;
+    exports.ɵn = AlertPopupModule;
+    exports.ɵo = inOutX;
 
     Object.defineProperty(exports, '__esModule', { value: true });