@wizishop/angular-components 0.0.36 → 0.0.40

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')) :
-    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'], 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']));
-}(this, (function (exports, i1, i0, common, forms, ngxPerfectScrollbar, rxjs, operators, table, animations, ngxChips, uuid, core) { '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.
@@ -230,10 +230,16 @@
                 r[k] = a[j];
         return r;
     }
-    function __spreadArray(to, from) {
-        for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-            to[j] = from[i];
-        return to;
+    function __spreadArray(to, from, pack) {
+        if (pack || arguments.length === 2)
+            for (var i = 0, l = from.length, ar; i < l; i++) {
+                if (ar || !(i in from)) {
+                    if (!ar)
+                        ar = Array.prototype.slice.call(from, 0, i);
+                    ar[i] = from[i];
+                }
+            }
+        return to.concat(ar || Array.prototype.slice.call(from));
     }
     function __await(v) {
         return this instanceof __await ? (this.v = v, this) : new __await(v);
@@ -442,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;
@@ -472,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) {
@@ -707,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 () {
@@ -994,7 +1022,7 @@
     DropdownComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'wac-dropdown',
-                    template: "<div class=\"wac-dropdown\">\n  <div class=\"wac-dropdown__wrapper\">\n    <i class=\"wac-dropdown__wrapper__icon far fa-ellipsis-v\"></i>\n    <div class=\"wac-dropdown__wrapper__sublevel\">\n      <ul class=\"wac-dropdown__wrapper__sublevel__container\">\n        <li\n          *ngFor=\"let item of items\"\n          class=\"wac-dropdown__wrapper__sublevel__container__item\"\n          (click)=\"onUserInput(item.index)\"\n        >\n          <i\n            *ngIf=\"hasIcons\"\n            [class]=\"item.icon\"\n            [style.font-size.px]=\"item.iconFontSize ? item.iconFontSize : '14'\"\n          ></i>\n          {{ item.label }}\n        </li>\n      </ul>\n    </div>\n  </div>\n</div>\n"
+                    template: "<div class=\"wac-dropdown\">\n  <div class=\"wac-dropdown__wrapper\">\n    <i class=\"wac-dropdown__wrapper__icon far fa-ellipsis-v\"></i>\n    <div class=\"wac-dropdown__wrapper__sublevel\">\n      <ul class=\"wac-dropdown__wrapper__sublevel__container\">\n        <li\n          *ngFor=\"let item of items\"\n          class=\"wac-dropdown__wrapper__sublevel__container__item\"\n          (click)=\"onUserInput(item.index)\"\n        >\n          <i\n            *ngIf=\"hasIcons\"\n            [class]=\"item.icon\"\n            [style.font-size.px]=\"item.iconFontSize ? item.iconFontSize : '14'\"\n          ></i>\n          <span>{{ item.label }}</span>\n        </li>\n      </ul>\n    </div>\n  </div>\n</div>\n"
                 },] }
     ];
     DropdownComponent.ctorParameters = function () { return []; };
@@ -1676,7 +1704,7 @@
     HeaderPageComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'wac-header-page',
-                    template: "<div class=\"wac-header-page\">\n  <div class=\"wac-header-page__maxWidth\">\n    <div class=\"wac-header-page__maxWidth__top\">\n      <div class=\"wac-header-page__maxWidth__top__left\">\n        <a *ngIf=\"linkBack\" [href]=\"linkBack\"><i class=\"fas fa-chevron-left\"></i></a>\n        <wac-h1>{{ title }}<ng-content select=\"[role=header]\"></ng-content></wac-h1>\n      </div>\n      <div class=\"wac-header-page__maxWidth__top__right\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n  </div>\n</div>\n"
+                    template: "<div class=\"wac-header-page\">\n  <div class=\"wac-header-page__maxWidth\">\n    <div class=\"wac-header-page__maxWidth__top\">\n      <div class=\"wac-header-page__maxWidth__top__left\">\n        <a *ngIf=\"linkBack\" [routerLink]=\"linkBack\"><i class=\"fas fa-chevron-left\"></i></a>\n        <wac-h1>{{ title }}<ng-content select=\"[role=header]\"></ng-content></wac-h1>\n      </div>\n      <div class=\"wac-header-page__maxWidth__top__right\">\n        <ng-content></ng-content>\n      </div>\n    </div>\n  </div>\n</div>\n"
                 },] }
     ];
     HeaderPageComponent.ctorParameters = function () { return []; };
@@ -3432,6 +3460,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' : '')\"\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 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,
@@ -3497,7 +3610,7 @@
                     imports: [
                         common.CommonModule,
                         forms.FormsModule,
-                        i1.NwbAllModule,
+                        i1$1.NwbAllModule,
                         core.TranslateModule.forChild(),
                         forms.ReactiveFormsModule,
                         SharedDirectives,
@@ -3511,7 +3624,9 @@
                         InputModule,
                         LoaderModule,
                         ProgressBarModule,
-                        ngxPerfectScrollbar.PerfectScrollbarModule
+                        ngxPerfectScrollbar.PerfectScrollbarModule,
+                        AlertPopupModule,
+                        router.RouterModule
                     ],
                     declarations: components,
                     exports: __spread(components, exportsFromModule)
@@ -3529,7 +3644,7 @@
                         common.CommonModule,
                         SharedComponentsModule,
                         SharedDirectives,
-                        i1.NwbAllModule
+                        i1$1.NwbAllModule
                     ],
                     exports: [SharedComponentsModule, SharedDirectives]
                 },] }
@@ -3545,6 +3660,8 @@
 
     exports.AbstractDebounceDirective = AbstractDebounceDirective;
     exports.AlertComponent = AlertComponent;
+    exports.AlertPopupComponent = AlertPopupComponent;
+    exports.AlertPopupService = AlertPopupService;
     exports.AutoHideDirective = AutoHideDirective;
     exports.BackComponent = BackComponent;
     exports.BlockComponent = BlockComponent;
@@ -3616,7 +3733,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 });