@indigina/ui-kit 1.0.77 → 1.0.78

package/bundles/indigina-ui-kit.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@progress/kendo-angular-buttons'), require('@angular/forms'), require('@progress/kendo-angular-inputs'), require('@progress/kendo-angular-label'), require('rxjs/operators'), require('@progress/kendo-angular-dropdowns'), require('@progress/kendo-angular-dateinputs'), require('@progress/kendo-angular-popup'), require('@progress/kendo-angular-tooltip')) :
-    typeof define === 'function' && define.amd ? define('@indigina/ui-kit', ['exports', '@angular/core', '@angular/common', '@progress/kendo-angular-buttons', '@angular/forms', '@progress/kendo-angular-inputs', '@progress/kendo-angular-label', 'rxjs/operators', '@progress/kendo-angular-dropdowns', '@progress/kendo-angular-dateinputs', '@progress/kendo-angular-popup', '@progress/kendo-angular-tooltip'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.indigina = global.indigina || {}, global.indigina["ui-kit"] = {}), global.ng.core, global.ng.common, global["@progress/kendo-angular-buttons"], global.ng.forms, global["@progress/kendo-angular-inputs"], global["@progress/kendo-angular-label"], global.rxjs.operators, global["@progress/kendo-angular-dropdowns"], global["@progress/kendo-angular-dateinputs"], global["@progress/kendo-angular-popup"], global["@progress/kendo-angular-tooltip"]));
-})(this, (function (exports, core, common, kendoAngularButtons, forms, kendoAngularInputs, kendoAngularLabel, operators, kendoAngularDropdowns, kendoAngularDateinputs, kendoAngularPopup, kendoAngularTooltip) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@progress/kendo-angular-buttons'), require('@angular/forms'), require('@progress/kendo-angular-inputs'), require('@progress/kendo-angular-label'), require('rxjs/operators'), require('@progress/kendo-angular-dropdowns'), require('@progress/kendo-angular-dateinputs'), require('@progress/kendo-angular-popup'), require('@progress/kendo-angular-tooltip'), require('ngx-toastr')) :
+    typeof define === 'function' && define.amd ? define('@indigina/ui-kit', ['exports', '@angular/core', '@angular/common', '@progress/kendo-angular-buttons', '@angular/forms', '@progress/kendo-angular-inputs', '@progress/kendo-angular-label', 'rxjs/operators', '@progress/kendo-angular-dropdowns', '@progress/kendo-angular-dateinputs', '@progress/kendo-angular-popup', '@progress/kendo-angular-tooltip', 'ngx-toastr'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.indigina = global.indigina || {}, global.indigina["ui-kit"] = {}), global.ng.core, global.ng.common, global["@progress/kendo-angular-buttons"], global.ng.forms, global["@progress/kendo-angular-inputs"], global["@progress/kendo-angular-label"], global.rxjs.operators, global["@progress/kendo-angular-dropdowns"], global["@progress/kendo-angular-dateinputs"], global["@progress/kendo-angular-popup"], global["@progress/kendo-angular-tooltip"], global["ngx-toastr"]));
+})(this, (function (exports, core, common, kendoAngularButtons, forms, kendoAngularInputs, kendoAngularLabel, operators, kendoAngularDropdowns, kendoAngularDateinputs, kendoAngularPopup, kendoAngularTooltip, ngxToastr) { 'use strict';
 
     exports.KitButtonType = void 0;
     (function (KitButtonType) {
@@ -2199,6 +2199,83 @@
                 },] }
     ];
 
+    var KitToastrModule = /** @class */ (function () {
+        function KitToastrModule() {
+        }
+        return KitToastrModule;
+    }());
+    KitToastrModule.decorators = [
+        { type: core.NgModule, args: [{
+                    imports: [
+                        ngxToastr.ToastrModule.forRoot(),
+                    ],
+                },] }
+    ];
+
+    var DEFAULT_TOASTR_CLASS = 'ngx-toastr display-block kit-toastr';
+    var ACTIVE_OVERLAY_CLASS = 'kit-overlay-container';
+    exports.KitToastrType = void 0;
+    (function (KitToastrType) {
+        KitToastrType["ERROR"] = "toast-error";
+        KitToastrType["INFO"] = "toast-info";
+        KitToastrType["SUCCESS"] = "toast-success";
+        KitToastrType["WARNING"] = "toast-warning";
+    })(exports.KitToastrType || (exports.KitToastrType = {}));
+    var KitToastrService = /** @class */ (function () {
+        function KitToastrService(toastrService, renderer2) {
+            this.toastrService = toastrService;
+            this.renderer2 = renderer2;
+        }
+        KitToastrService.prototype.show = function (config) {
+            var _this = this;
+            var toastr = this.toastrService.show(config.message, config.title, this.getConfig(config));
+            this.addOverlayContainerClass();
+            // "onTap" occurs whenever toastr has been clicked up
+            // so we need to remove them only if "dismissible" is set
+            if (config.dismissible) {
+                // we need this because "toast-container" has styles for modal appearance
+                // otherwise, we have an empty black container which prevents any actions
+                toastr.onTap.subscribe(function () { return _this.removeOverlayContainerClassIfToastsEmpty(toastr); });
+            }
+            return toastr;
+        };
+        KitToastrService.prototype.getConfig = function (baseConfig) {
+            var tapToDismissClass = baseConfig.dismissible && 'kit-toastr-dismissible' || '';
+            return {
+                positionClass: 'toast-top-center',
+                disableTimeOut: true,
+                tapToDismiss: baseConfig.dismissible,
+                toastClass: DEFAULT_TOASTR_CLASS + " " + baseConfig.type + " " + tapToDismissClass,
+            };
+        };
+        KitToastrService.prototype.removeOverlayContainerClassIfToastsEmpty = function (toastr) {
+            // this prevents removing "toast-container" if toast are still on display
+            // that's why we need to "remove" toasts one by one
+            this.toastrService.remove(toastr.toastId);
+            var toasts = this.toastrService.toasts;
+            if (!toasts.length) {
+                this.removeOverlayContainerClass();
+            }
+        };
+        KitToastrService.prototype.addOverlayContainerClass = function () {
+            this.renderer2.addClass(this.getOverlayContainer(), ACTIVE_OVERLAY_CLASS);
+        };
+        KitToastrService.prototype.removeOverlayContainerClass = function () {
+            this.renderer2.removeClass(this.getOverlayContainer(), ACTIVE_OVERLAY_CLASS);
+        };
+        KitToastrService.prototype.getOverlayContainer = function () {
+            return this.renderer2.selectRootElement('.overlay-container', true);
+        };
+        return KitToastrService;
+    }());
+    KitToastrService.decorators = [
+        { type: core.Injectable }
+    ];
+    KitToastrService.ctorParameters = function () { return [
+        { type: ngxToastr.ToastrService },
+        { type: core.Renderer2 }
+    ]; };
+
     // KitButton
 
     /**
@@ -2240,6 +2317,8 @@
     exports.KitTextareaModule = KitTextareaModule;
     exports.KitTextboxComponent = KitTextboxComponent;
     exports.KitTextboxModule = KitTextboxModule;
+    exports.KitToastrModule = KitToastrModule;
+    exports.KitToastrService = KitToastrService;
     exports.KitToggleComponent = KitToggleComponent;
     exports.KitToggleModule = KitToggleModule;
     exports.KitTooltipDirective = KitTooltipDirective;