@indigina/kendo 1.0.155-beta → 1.0.172-beta

package/assets/styles/less/inspiria/skins.less

@@ -1,10 +1,10 @@
-// Main colors
+/* Main colors */
 @skin-1-color: #0e9aef;
 @skin-1-nav-bg: #3e495f;
 @skin-1-a-color: #9ea6b9;
 @skin-1-page-bg: #f4f6fa;
 
-// Custom style
+/* Custom style */
 .skin-1 .minimalize-style-2 {
   margin: 14px 5px 5px 30px;
 }
@@ -81,7 +81,8 @@ body.skin-1 {
   background: @skin-1-page-bg;
 }
 
-.skin-1 .ibox-title, .skin-1 .ibox-content {
+.skin-1 .ibox-title,
+.skin-1 .ibox-content {
   border-width: 1px;
 }
 
@@ -115,7 +116,8 @@ body.skin-1 {
   border-radius: 5px;
 }
 
-.skin-1 .navbar-default .nav > li > a:hover, .skin-1 .navbar-default .nav > li > a:focus {
+.skin-1 .navbar-default .nav > li > a:hover,
+.skin-1 .navbar-default .nav > li > a:focus {
   background: darken(@skin-1-nav-bg, 2%);
   color: #fff;
 }
@@ -128,13 +130,12 @@ body.skin-1 {
   background: transparent;
 }
 
-
-// Main colors
+/* Main colors */
 @skin-2-color: #23c6c8;
 @skin-2-nav-bg: #ededed;
 @skin-2-nav-top-bg: #213a53;
 
-// Custom style
+/* Custom style */
 
 body.skin-2 {
   color: #565758 !important;
@@ -181,7 +182,8 @@ body.skin-2 {
   padding: 17px 0;
 }
 
-.skin-2 .nav > li > a, .skin-2 .welcome-message {
+.skin-2 .nav > li > a,
+.skin-2 .welcome-message {
   color: #edf6ff;
 }
 
@@ -190,7 +192,8 @@ body.skin-2 {
   opacity: 0.5;
 }
 
-.skin-2 #side-menu > li > a, .skin-2 .nav.nav-second-level > li > a {
+.skin-2 #side-menu > li > a,
+.skin-2 .nav.nav-second-level > li > a {
   color: #586b7d;
 }
 
@@ -260,14 +263,34 @@ body.skin-2 #wrapper {
 
 .skin-2 #page-wrapper {
   background: rgba(246, 246, 246, 1);
-  background: -webkit-radial-gradient(center, ellipse cover, rgba(246, 246, 246, 1) 20%, rgba(213, 213, 213, 1) 100%);
-  background: -o-radial-gradient(center, ellipse cover, rgba(246, 246, 246, 1) 20%, rgba(213, 213, 213, 1) 100%);
-  background: -ms-radial-gradient(center, ellipse cover, rgba(246, 246, 246, 1) 20%, rgba(213, 213, 213, 1) 100%);
-  background: radial-gradient(ellipse at center, rgba(246, 246, 246, 1) 20%, rgba(213, 213, 213, 1) 100%);
-  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f6f6f6, endColorstr=#d5d5d5)";
-}
-
-.skin-2 .ibox-title, .skin-2 .ibox-content {
+  background: -webkit-radial-gradient(
+    center,
+    ellipse cover,
+    rgba(246, 246, 246, 1) 20%,
+    rgba(213, 213, 213, 1) 100%
+  );
+  background: -o-radial-gradient(
+    center,
+    ellipse cover,
+    rgba(246, 246, 246, 1) 20%,
+    rgba(213, 213, 213, 1) 100%
+  );
+  background: -ms-radial-gradient(
+    center,
+    ellipse cover,
+    rgba(246, 246, 246, 1) 20%,
+    rgba(213, 213, 213, 1) 100%
+  );
+  background: radial-gradient(
+    ellipse at center,
+    rgba(246, 246, 246, 1) 20%,
+    rgba(213, 213, 213, 1) 100%
+  );
+  -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#f6f6f6, endColorstr=#d5d5d5)';
+}
+
+.skin-2 .ibox-title,
+.skin-2 .ibox-content {
   border-width: 1px;
 }
 
@@ -293,11 +316,13 @@ body.skin-2 #wrapper {
   border-radius: 10px;
 }
 
-.skin-2 .nav.navbar-top-links > li > a:hover, .skin-2 .nav.navbar-top-links > li > a:focus {
+.skin-2 .nav.navbar-top-links > li > a:hover,
+.skin-2 .nav.navbar-top-links > li > a:focus {
   background: darken(@skin-2-nav-top-bg, 5%);
 }
 
-.skin-2 .navbar-default .nav > li > a:hover, .skin-2 .navbar-default .nav > li > a:focus {
+.skin-2 .navbar-default .nav > li > a:hover,
+.skin-2 .navbar-default .nav > li > a:focus {
   background: #e0e0e0;
   color: #213a53;
 }
@@ -310,14 +335,13 @@ body.skin-2 #wrapper {
   background: transparent;
 }
 
-
-// Main colors
+/* Main colors */
 @skin-3-color: #ecba52;
 @skin-3-nav-bg: #3e2c42;
 @skin-3-a-color: #948b96;
 @skin-3-page-bg: #f4f6fa;
 
-// Custom style
+/* Custom style */
 .skin-3 .minimalize-style-2 {
   margin: 14px 5px 5px 30px;
 }
@@ -398,7 +422,8 @@ body.skin-3 {
   background: @skin-3-page-bg;
 }
 
-.skin-3 .ibox-title, .skin-3 .ibox-content {
+.skin-3 .ibox-title,
+.skin-3 .ibox-content {
   border-width: 1px;
 }
 
@@ -432,7 +457,8 @@ body.skin-3 {
   border-radius: 5px;
 }
 
-.skin-3 .navbar-default .nav > li > a:hover, .skin-3 .navbar-default .nav > li > a:focus {
+.skin-3 .navbar-default .nav > li > a:hover,
+.skin-3 .navbar-default .nav > li > a:focus {
   background: darken(@skin-3-nav-bg, 2%);
   color: #fff;
 }
@@ -443,4 +469,4 @@ body.skin-3 {
 
 .skin-3 .nav.nav-tabs > li.active {
   background: transparent;
-}
+}

package/assets/styles/less/inspiria/variables.less

@@ -1,50 +1,47 @@
-// Basic Colors
-@green: #1ab394;       // Primary color
-@navy: #41459e;		  // Primary color
-@dark-gray: #c2c2c2;  // Default color
-@blue: #1c84c6;       // Success color
-@lazur: #23c6c8;      // Info color
-@yellow: #f8ac59;     // Warrning color
-@red: #ED5565;        // Danger color
-
-//@supply-purple-orig: #563191;
+/* Basic Colors */
+@green: #1ab394; /* Primary color */
+@navy: #41459e; /* Primary color */
+@dark-gray: #c2c2c2; /* Default color */
+@blue: #1c84c6; /* Success color */
+@lazur: #23c6c8; /* Info color */
+@yellow: #f8ac59; /* Warrning color */
+@red: #ed5565; /* Danger color */
+
 @supply-purple: #aa8ce4;
-//@supply-light-purple-orig: #bd86fe;
 @supply-light-purple: #cbb2fb;
 @supply-pink: #563191;
 
 @supply-bg-grey: #36517e!important;
 
-// Various colors
-@text-color: #676a6c;   // Body text
-@gray: #f3f3f4;         // Background wrapper color
-@light-gray: #D1DADE;   // Default label, badget
-@label-badget-color: #5E5E5E;
-@light-blue:#f3f6fb;
+/* Various colors */
+@text-color: #676a6c; /* Body text */
+@gray: #f3f3f4; /* Background wrapper color */
+@light-gray: #d1dade; /* Default label, badget */
+@label-badget-color: #5e5e5e;
+@light-blue: #f3f6fb;
 
-// Spiner color and margin
+/* Spiner color and margin */
 @spin-color: @navy;
 @spin-margin: 0 auto;
 
+/* IBOX colors ( default panel colors) */
+@border-color: #e7eaec; /* IBox border */
+@ibox-title-bg: #ffffff; /* IBox Background header */
+@ibox-content-bg: #ffffff; /* IBox Background content */
 
-// IBOX colors ( default panel colors)
-@border-color: #e7eaec;     // IBox border
-@ibox-title-bg:#ffffff;     // IBox Background header
-@ibox-content-bg:#ffffff;   // IBox Background content
-
-//Sidebar width
+/*Sidebar width */
 @sidebar-width: 200px;
 
-// Boxed layout width
+/* Boxed layout width */
 @boxed-width: 1200px;
 @boxed-backgound: url('../../shattered.png');
 
-//Border radius for buttons
+/* Border radius for buttons */
 @btn-border-radius: 3px;
 
-//Navigation
+/* Navigation */
 @nav-bg: #36517e;
 @nav-bg-dark: darken(@nav-bg, 6%);
 @nav-bg-light: lighten(@nav-bg, 12%);
-@nav-profil-pattern: url("../../box-blue-bg.jpg");
-@nav-text-color: #a7b1c2;
+@nav-profil-pattern: url('../../box-blue-bg.jpg');
+@nav-text-color: #a7b1c2;

package/bundles/indigina-kendo.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('moment-timezone'), require('@angular/platform-browser/animations'), require('@azure/msal-angular'), require('@microsoft/signalr'), require('@ngx-loading-bar/http-client'), require('@ngx-translate/core'), require('angular-oauth2-oidc'), require('ngx-clipboard'), require('ngx-toastr'), require('@angular/common'), require('@angular/common/http'), require('@angular/core'), require('@angular/forms'), require('@angular/platform-browser'), require('@angular/router'), require('rxjs'), require('rxjs/operators'), require('@progress/kendo-data-query'), require('@azure/msal-browser'), require('angular-oauth2-oidc-jwks'), require('@progress/kendo-angular-buttons'), require('@progress/kendo-angular-dateinputs'), require('@progress/kendo-angular-dialog'), require('@progress/kendo-angular-dropdowns'), require('@progress/kendo-angular-grid'), require('@progress/kendo-angular-inputs'), require('@progress/kendo-angular-popup'), require('@progress/kendo-angular-tooltip')) :
     typeof define === 'function' && define.amd ? define('@indigina/kendo', ['exports', 'moment-timezone', '@angular/platform-browser/animations', '@azure/msal-angular', '@microsoft/signalr', '@ngx-loading-bar/http-client', '@ngx-translate/core', 'angular-oauth2-oidc', 'ngx-clipboard', 'ngx-toastr', '@angular/common', '@angular/common/http', '@angular/core', '@angular/forms', '@angular/platform-browser', '@angular/router', 'rxjs', 'rxjs/operators', '@progress/kendo-data-query', '@azure/msal-browser', 'angular-oauth2-oidc-jwks', '@progress/kendo-angular-buttons', '@progress/kendo-angular-dateinputs', '@progress/kendo-angular-dialog', '@progress/kendo-angular-dropdowns', '@progress/kendo-angular-grid', '@progress/kendo-angular-inputs', '@progress/kendo-angular-popup', '@progress/kendo-angular-tooltip'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.indigina = global.indigina || {}, global.indigina.kendo = {}), global['moment-timezone'], global.ng.platformBrowser.animations, global.i3, global['@microsoft/signalr'], global['@ngx-loading-bar/http-client'], global['@ngx-translate/core'], global['angular-oauth2-oidc'], global['ngx-clipboard'], global['ngx-toastr'], global.ng.common, global.ng.common.http, global.ng.core, global.ng.forms, global.ng.platformBrowser, global.ng.router, global.rxjs, global.rxjs.operators, global['@progress/kendo-data-query'], global.msalBrowser, global['angular-oauth2-oidc-jwks'], global['@progress/kendo-angular-buttons'], global['@progress/kendo-angular-dateinputs'], global['@progress/kendo-angular-dialog'], global['@progress/kendo-angular-dropdowns'], global['@progress/kendo-angular-grid'], global['@progress/kendo-angular-inputs'], global['@progress/kendo-angular-popup'], global['@progress/kendo-angular-tooltip']));
-}(this, (function (exports, momentModule, animations, i3, signalR, httpClient, i1, i2, ngxClipboard, i1$1, common, i2$1, i0, forms, platformBrowser, i5, rxjs, operators, kendoDataQuery, msalBrowser, angularOauth2OidcJwks, kendoAngularButtons, kendoAngularDateinputs, kendoAngularDialog, kendoAngularDropdowns, kendoAngularGrid, kendoAngularInputs, kendoAngularPopup, kendoAngularTooltip) { 'use strict';
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.indigina = global.indigina || {}, global.indigina.kendo = {}), global["moment-timezone"], global.ng.platformBrowser.animations, global.i3, global["@microsoft/signalr"], global["@ngx-loading-bar/http-client"], global["@ngx-translate/core"], global["angular-oauth2-oidc"], global["ngx-clipboard"], global["ngx-toastr"], global.ng.common, global.ng.common.http, global.ng.core, global.ng.forms, global.ng.platformBrowser, global.ng.router, global.rxjs, global.rxjs.operators, global["@progress/kendo-data-query"], global.msalBrowser, global["angular-oauth2-oidc-jwks"], global["@progress/kendo-angular-buttons"], global["@progress/kendo-angular-dateinputs"], global["@progress/kendo-angular-dialog"], global["@progress/kendo-angular-dropdowns"], global["@progress/kendo-angular-grid"], global["@progress/kendo-angular-inputs"], global["@progress/kendo-angular-popup"], global["@progress/kendo-angular-tooltip"]));
+})(this, (function (exports, momentModule, animations, i3, signalR, httpClient, i1, i2, ngxClipboard, i1$1, common, i2$1, i0, forms, platformBrowser, i5, rxjs, operators, kendoDataQuery, msalBrowser, angularOauth2OidcJwks, kendoAngularButtons, kendoAngularDateinputs, kendoAngularDialog, kendoAngularDropdowns, kendoAngularGrid, kendoAngularInputs, kendoAngularPopup, kendoAngularTooltip) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -13,14 +13,12 @@
                     var d = Object.getOwnPropertyDescriptor(e, k);
                     Object.defineProperty(n, k, d.get ? d : {
                         enumerable: true,
-                        get: function () {
-                            return e[k];
-                        }
+                        get: function () { return e[k]; }
                     });
                 }
             });
         }
-        n['default'] = e;
+        n["default"] = e;
         return Object.freeze(n);
     }
 
@@ -623,11 +621,12 @@
         function MenuItemGroupComponent(router) {
             this.router = router;
             this.collapsed = false;
-            this.router.isActive = function (url, exact) {
+            this.router.isActive = function (url, matchOptions) {
                 var _a;
-                return ((_a = this.routerState.snapshot.root.children) === null || _a === void 0 ? void 0 : _a.length) ? url.toString() ===
-                    urlDelimiter +
-                        this.routerState.snapshot.root.children[0].routeConfig.path.split('/:')[0]
+                return ((_a = this.routerState.snapshot.root.children) === null || _a === void 0 ? void 0 : _a.length)
+                    ? url.toString() ===
+                        urlDelimiter +
+                            this.routerState.snapshot.root.children[0].routeConfig.path.split('/:')[0]
                     : false;
             };
         }
@@ -776,7 +775,7 @@
         { type: i0.Component, args: [{
                     selector: 'tree-view-node-prop',
                     template: "<li class=\"tree-view-prop\">\n  <span class=\"prop-name\">{{ prop.startTag }}</span>\n  <span *ngIf=\"isSimpleValue\" [ngClass]=\"propClass\">{{ prop.value }}</span>\n  <ng-container *ngIf=\"isArrayValue\">\n    <span class=\"bracket\">{{ prop.brackets?.inside }}</span>\n    <ng-container *ngTemplateOutlet=\"arrayNode\"></ng-container>\n    <span class=\"bracket\">{{ prop.brackets?.outside }}</span>\n  </ng-container>\n  <ng-container *ngIf=\"isObjectValue\">\n    <ng-container *ngTemplateOutlet=\"singleNode\"></ng-container>\n  </ng-container>\n  <span class=\"prop-name\">{{ prop.endTag }}</span>\n</li>\n\n<ng-template #arrayNode>\n  <tree-view-node\n    *ngFor=\"let node of prop.value\"\n    [node]=\"node\"\n    [hasExpand]=\"true\"\n    class=\"array-node\"\n    #node\n  ></tree-view-node>\n</ng-template>\n\n<ng-template #singleNode>\n  <tree-view-node\n    *ngIf=\"isObjectValue\"\n    [node]=\"prop.value\"\n    [hasExpand]=\"true\"\n    #node\n  ></tree-view-node>\n</ng-template>\n",
-                    styles: [":host *{font-size:14px}:host li{position:relative}:host .prop-name{color:#555;font-weight:700}:host .tree-view-prop{list-style-type:none;margin:4px 0;position:relative;padding-left:20px}::ng-deep .tree-view-prop .number{color:#00f}::ng-deep .tree-view-prop .string{color:green}"]
+                    styles: [":host *{font-size:14px}:host li{position:relative}:host .prop-name{color:#555;font-weight:bold}:host .tree-view-prop{list-style-type:none;margin:4px 0}:host .tree-view-prop{position:relative;padding-left:20px}::ng-deep .tree-view-prop .number{color:#00f}::ng-deep .tree-view-prop .string{color:green}\n"]
                 },] }
     ];
     TreeViewNodePropComponent.propDecorators = {
@@ -1205,7 +1204,7 @@
         { type: i0.Component, args: [{
                     selector: 'tree-view',
                     template: "<div\n  class=\"tree-view\"\n  [ngClass]=\"collapsed ? 'collapsed' : 'expanded'\"\n  [class]=\"format\"\n  *ngIf=\"data\"\n>\n  <ng-container *ngIf=\"format != ContentTypesFormat.Text; else textFormat\">\n    <div>\n      <ng-container *ngTemplateOutlet=\"defaultActions\"></ng-container>\n    </div>\n    <div [ngClass]=\"allShow ? 'show-all tree-view-body' : 'tree-view-body'\">\n      <ng-container *ngIf=\"IsArray; then arrayNode; else singleNode\">\n      </ng-container>\n      <ng-template #singleNode>\n        <tree-view-node [node]=\"resolved.data\" #node> </tree-view-node>\n      </ng-template>\n\n      <ng-template #arrayNode>\n        <tree-view-node\n          *ngFor=\"let node of resolved.data\"\n          [node]=\"node\"\n          [hasExpand]=\"true\"\n          class=\"array-node\"\n          #node\n        >\n        </tree-view-node>\n      </ng-template>\n    </div>\n  </ng-container>\n\n  <ng-template #defaultActions>\n    <button\n      (click)=\"toggleExpandAll()\"\n      *ngIf=\"resolved.format !== ContentTypesFormat.Text\"\n      [disabled]=\"rawView\"\n      class=\"tree-view-action\"\n    >\n      <i [ngClass]=\"allShow ? 'fa fa-minus' : 'fa fa-plus'\"></i>\n    </button>\n    <button (click)=\"copyToClipboard()\" class=\"tree-view-action\">\n      <i class=\"fa fa-clipboard\"></i>\n    </button>\n    <button\n      (click)=\"toggleRawView()\"\n      class=\"tree-view-action\"\n      [ngClass]=\"rawView ? 'pressed' : ''\"\n      *ngIf=\"resolved.format !== ContentTypesFormat.Text\"\n    >\n      <i class=\"fa fa-file-text-o\"></i>\n    </button>\n  </ng-template>\n\n  <ng-template #textFormat>\n    <ng-container *ngTemplateOutlet=\"defaultActions\"> </ng-container>\n    <pre class=\"text-view tree-view-body\">{{ data }}</pre>\n  </ng-template>\n  <div *ngIf=\"hasCollapse\">\n    <button (click)=\"expandToggle()\" class=\"expand-toggler\">\n      <i\n        class=\"fa\"\n        [ngClass]=\"\n          collapsed ? 'fa-chevron-circle-down' : 'fa-chevron-circle-up'\n        \"\n      ></i>\n    </button>\n  </div>\n</div>\n",
-                    styles: [":host ::ng-deep .tree-view ul{padding-left:20px;margin:0}:host ::ng-deep .node-toggler{position:absolute;left:3px;color:#222;font-size:14px;font-weight:700;padding:1px;cursor:pointer;width:20px}:host .tree-view{position:relative}:host ::ng-deep .hidden{display:none}:host .tree-view-action{margin:3px}:host .tree-view-body{position:relative;margin:5px;padding:0 20px;font-family:monospace;overflow:hidden}:host .collapsed .tree-view-body{max-height:200px}:host .expand-toggler{width:100%;height:30px;background:none;border:none;outline:none;cursor:pointer;position:relative;background:linear-gradient(hsla(0,0%,100%,0),#fff 45%);max-width:100%;padding:0;left:0;transition:all .1s ease-in-out;margin-top:15px}:host .expand-toggler .fa{font-size:16px;color:#444;transition:all .3s ease-in-out}:host .collapsed .expand-toggler{height:60px;margin-top:-40px;padding-top:20px;position:absolute}:host .expand-toggler:hover .fa{color:#36517e;transform:scale(1.7) rotate(-90deg)}:host .collapsed{padding-bottom:20px}:host .text-view{white-space:pre-wrap}:host .tree-view-action:disabled{opacity:.65}:host .tree-view-action.pressed{box-shadow:inset 1px 1px 3px rgba(0,0,0,.26666666666666666)}::ng-deep .json .array-node{display:block}"]
+                    styles: [":host ::ng-deep .tree-view ul{padding-left:20px;margin:0}:host ::ng-deep .node-toggler{position:absolute;left:3px;color:#222;font-size:14px;font-weight:bold;padding:1px;cursor:pointer;width:20px}:host .tree-view{position:relative}:host ::ng-deep .hidden{display:none}:host .tree-view-action{margin:3px}:host .tree-view-body{position:relative;margin:5px;padding:0 20px;font-family:monospace;overflow:hidden}:host .collapsed .tree-view-body{max-height:200px}:host .expand-toggler{width:100%;height:30px;background:none;border:none;outline:none;cursor:pointer;position:relative;background:linear-gradient(#fff0,#ffff 45%);max-width:100%;padding:0;left:0px;transition:all ease-in-out .1s;margin-top:15px}:host .expand-toggler .fa{font-size:16px;color:#444;transition:all ease-in-out .3s}:host .collapsed .expand-toggler{height:60px;margin-top:-40px;padding-top:20px;position:absolute}:host .expand-toggler:hover .fa{color:#36517e;transform:scale(1.7) rotate(-90deg)}:host .collapsed{padding-bottom:20px}:host .text-view{white-space:pre-wrap}:host .tree-view-action:disabled{opacity:.65}:host .tree-view-action.pressed{box-shadow:1px 1px 3px #0004 inset}::ng-deep .json .array-node{display:block}\n"]
                 },] }
     ];
     TreeViewComponent.ctorParameters = function () { return [
@@ -1245,9 +1244,6 @@
         function IndiginaModule() {
         }
         IndiginaModule.forRoot = function (configuration) {
-            if (!configuration.appSettings.apiUrl.endsWith('/')) {
-                configuration.appSettings.apiUrl += '/';
-            }
             return {
                 ngModule: IndiginaModule,
                 providers: [
@@ -1634,6 +1630,7 @@
     ]; };
 
     var absoluteUrlRegExp = /^http(s)?:\/\//;
+    var slash = '/';
     var HttpService = /** @class */ (function () {
         function HttpService(appToastrService, httpClient, appSettings, translate, router, settingsService) {
             this.appToastrService = appToastrService;
@@ -1664,7 +1661,14 @@
             return this.httpClient.put(this.createUrl(path), data).pipe(operators.tap(function () { return _this.showSuccessMessage(successTranslateMessage !== null && successTranslateMessage !== void 0 ? successTranslateMessage : 'ToastrMessages.SavedSuccessfully'); }), operators.catchError(function (err) { return _this.handleServerError(err); }));
         };
         HttpService.prototype.createUrl = function (path) {
-            return absoluteUrlRegExp.test(path) ? path : this.appSettings.apiUrl + path;
+            if (absoluteUrlRegExp.test(path)) {
+                return path;
+            }
+            path = path.startsWith(slash) ? path.slice(1) : path;
+            var apiUrl = this.appSettings.apiUrl.endsWith(slash)
+                ? this.appSettings.apiUrl
+                : this.appSettings.apiUrl + slash;
+            return apiUrl + path;
         };
         HttpService.prototype.handleServerError = function (error) {
             if (error.error instanceof ErrorEvent) {
@@ -1734,7 +1738,7 @@
         { type: i0.Component, args: [{
                     selector: 'live-updates-control',
                     template: "<button (click)=\"toggle()\" class=\"k-button\">\n  <em [ngClass]=\"subscription.connected ? 'fa fa-pause' : 'fa fa-play'\"></em>\n  {{\n    (subscription.connected ? 'LiveFeed.Pause' : 'LiveFeed.Resume') | translate\n  }}\n</button>\n",
-                    styles: [":host .fa{margin-right:5px}"]
+                    styles: [":host .fa{margin-right:5px}\n"]
                 },] }
     ];
     LiveUpdatesControlComponent.propDecorators = {
@@ -1766,6 +1770,7 @@
             return rxjs.of(true);
         };
         AzureB2CProvider.prototype.login = function () {
+            this.authService.handleRedirectObservable().subscribe();
             if (!this.isUserLoggedIn()) {
                 this.authService.loginRedirect().subscribe();
             }
@@ -2020,7 +2025,7 @@
         { type: i0.Component, args: [{
                     selector: 'account-menu',
                     template: "<div class=\"profile-img left\" id=\"accountMenu\">\n  <div #accountMenuElement title=\"User Account\" (click)=\"toogle()\">\n    <img alt=\"image\" class=\"img-circle top-bar-profile left\" />\n  </div>\n  <kendo-popup\n    *ngIf=\"expand\"\n    [anchor]=\"accountMenu\"\n    popupClass=\"k-widget dropdown open\"\n  >\n    <ul class=\"dropdown-menu top-bar-dropdown animated fadeInLeft\">\n      <li class=\"top-bar-header-row media\">\n        <div class=\"media-left\">\n          <img alt=\"image\" class=\"img-circle\" />\n        </div>\n        <div class=\"media-body\">\n          <span class=\"left fa fa-user\" aria-hidden=\"true\"></span>\n          <span class=\"left pad5left\">{{ fullName }}</span>\n        </div>\n      </li>\n      <li class=\"pad5top\">\n        <a (click)=\"openLanguageSelector($event)\" data-icon=\"globe\">{{\n          'ChangeLanguage' | translate\n        }}</a>\n      </li>\n      <li>\n        <a [href]=\"accountUrl\" data-icon=\"desktop\" translate=\"Account\"></a>\n      </li>\n      <li>\n        <a translate=\"Logout\" data-icon=\"sign-out\" (click)=\"logout()\"></a>\n      </li>\n    </ul>\n  </kendo-popup>\n\n  <language-selector [(visible)]=\"languageSelectorVisible\"></language-selector>\n</div>\n",
-                    styles: [".top-bar-dropdown{right:-24px;top:42px}.top-bar-profile{cursor:pointer}"]
+                    styles: [".top-bar-dropdown{right:-24px;top:42px}.top-bar-profile{cursor:pointer}\n"]
                 },] }
     ];
     AccountMenuComponent.ctorParameters = function () { return [
@@ -2034,6 +2039,7 @@
         clickedOutside: [{ type: i0.HostListener, args: ['document:click', ['$event'],] }]
     };
 
+    var resetPasswordCanceledErrorCode = 'AADB2C90091';
     var AzureLoginCallbackComponent = /** @class */ (function () {
         function AzureLoginCallbackComponent(authService, settingsService, router) {
             this.authService = authService;
@@ -2042,14 +2048,16 @@
         }
         AzureLoginCallbackComponent.prototype.ngOnInit = function () {
             var _this = this;
-            this.authService
-                .handleRedirectObservable()
-                .subscribe(function (result) {
+            this.authService.handleRedirectObservable().subscribe(function (result) {
                 if (result) {
                     _this.settingsService.setToken(result.idToken);
                     _this.authService.instance.setActiveAccount(result.account);
                 }
                 _this.router.navigate(['home']);
+            }, function (error) {
+                if (error.errorMessage.includes(resetPasswordCanceledErrorCode)) {
+                    _this.router.navigate(['home']);
+                }
             });
         };
         AzureLoginCallbackComponent.prototype.logout = function () {
@@ -2103,7 +2111,7 @@
         { type: i0.Component, args: [{
                     selector: 'language-selector',
                     template: "<kendo-window\n  *ngIf=\"visible\"\n  class=\"language-selector\"\n  [draggable]=\"false\"\n  [resizable]=\"false\"\n>\n  <kendo-window-titlebar>\n    <div>{{ 'ChangeLanguage' | translate }}</div>\n    <button kendoWindowCloseAction (click)=\"close()\"></button>\n  </kendo-window-titlebar>\n  <div class=\"languages\" *ngIf=\"languages\">\n    <div *ngFor=\"let language of languages\" class=\"language-change-action\">\n      <button class=\"btn\" (click)=\"changeLanguage(language.code)\">\n        <span\n          *ngIf=\"currentLanguageCode == language.code\"\n          class=\"fa fa-check\"\n          aria-hidden=\"true\"\n        ></span>\n        {{ language.name }}\n      </button>\n    </div>\n  </div>\n</kendo-window>\n",
-                    styles: [".language-selector{right:40px;top:52px!important;left:auto}.language-selector kendo-window-titlebar{padding:5px 8px}.language-selector kendo-window-titlebar div{width:100%}.language-selector .btn{width:95%}.language-selector .fa{margin-right:5px}.language-change-action{padding:5px}"]
+                    styles: [".language-selector{right:40px;top:52px!important;left:auto}.language-selector kendo-window-titlebar{padding:5px 8px}.language-selector kendo-window-titlebar div{width:100%}.language-selector .btn{width:95%}.language-selector .fa{margin-right:5px}.language-change-action{padding:5px}\n"]
                 },] }
     ];
     LanguageSelectorComponent.ctorParameters = function () { return [
@@ -2423,7 +2431,7 @@
         { type: i0.Component, args: [{
                     selector: 'activity-filter',
                     template: "<div class=\"header-selection-field activity-filter\">\n  <div class=\"filter-row\">\n    <div>\n      <label for=\"datefrom\" class=\"title-field\">\n        <span>{{ 'ActivitiesFilter.DateFrom' | translate }}:</span>\n        <div>\n          <kendo-datetimepicker\n            format=\"dd/MM/yyyy HH:mm\"\n            [(value)]=\"filter.dateFrom\"\n          ></kendo-datetimepicker>\n        </div>\n      </label>\n    </div>\n    <div>\n      <label for=\"dateto\" class=\"title-field\">\n        <span>{{ 'ActivitiesFilter.DateTo' | translate }}:</span>\n        <div>\n          <kendo-datetimepicker\n            format=\"dd/MM/yyyy HH:mm\"\n            [(value)]=\"filter.dateTo\"\n          ></kendo-datetimepicker>\n        </div>\n      </label>\n    </div>\n    <div>\n      <label class=\"title-field\">\n        <span class=\"link-button\" (click)=\"setTodayFilter()\">\n          {{ 'ActivitiesFilter.FilterToday' | translate }}\n        </span>\n      </label>\n    </div>\n    <div class=\"filter-row\">\n      <div class=\"flag\" *ngIf=\"showArchiveSwitcher\">\n        <div class=\"checkbox\">\n          <label>\n            <input [(ngModel)]=\"filter.switchToArchive\" type=\"checkbox\" />\n            {{ 'ActivitiesFilter.SwitchToArchiveLabel' | translate }}\n          </label>\n        </div>\n      </div>\n      <div *ngIf=\"showSearhText\">\n        <label class=\"title-field\">\n          <span>{{ 'ActivitiesFilter.SearchLabel' | translate }}:</span>\n        </label>\n        <input\n          type=\"text\"\n          k-input\n          class=\"input k-input searchtext-input\"\n          [(ngModel)]=\"filter.searchText\"\n          (keyup.enter)=\"applyFilter()\"\n          [disabled]=\"filter.switchToArchive\"\n        />\n      </div>\n    </div>\n  </div>\n  <div class=\"filter-row\">\n    <ng-container *ngFor=\"let field of customFilterElements\">\n      <ng-container [ngSwitch]=\"field.fieldType\">\n        <ng-template [ngSwitchCase]=\"FieldTypes.Text\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <input\n                  type=\"text\"\n                  class=\"input k-input\"\n                  [(ngModel)]=\"field.filter.value\"\n                  [placeholder]=\"field.placeholder | translate\"\n                />\n              </div>\n            </label>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Dropdown\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <kendo-dropdownlist\n                  [data]=\"field.data\"\n                  textField=\"name\"\n                  [valueField]=\"field.valueField\"\n                  [defaultItem]=\"defaultNamedModel\"\n                  [(ngModel)]=\"field.filter.value\"\n                  [valuePrimitive]=\"true\"\n                  (valueChange)=\"fieldChange($event, field)\"\n                ></kendo-dropdownlist>\n              </div>\n            </label>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Checkbox\">\n          <div class=\"flag\">\n            <div class=\"checkbox\">\n              <label>\n                <input [(ngModel)]=\"field.filter.value\" type=\"checkbox\" />\n                {{ field.title | translate }}\n              </label>\n            </div>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Multiselect\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <kendo-multiselect\n                  kendoMultiSelectSummaryTag\n                  [autoClose]=\"false\"\n                  [data]=\"field.data\"\n                  [(ngModel)]=\"field.filter.values\"\n                  textField=\"name\"\n                  [valueField]=\"field.valueField\"\n                  [valuePrimitive]=\"true\"\n                  [placeholder]=\"field.placeholder | translate\"\n                  (valueChange)=\"fieldChange($event, field)\"\n                ></kendo-multiselect>\n              </div>\n            </label>\n          </div>\n        </ng-template>\n      </ng-container>\n    </ng-container>\n    <ng-content></ng-content>\n  </div>\n  <div class=\"row\">\n    <div class=\"col-md-12\">\n      <button class=\"btn btn-inverse\" (click)=\"applyFilter()\">\n        {{ 'Buttons.Apply' | translate }}\n      </button>\n      <button class=\"btn btn-inverse\" (click)=\"clearFilter()\">\n        {{ 'Buttons.Clear' | translate }}\n      </button>\n    </div>\n  </div>\n</div>\n<current-timezone></current-timezone>\n",
-                    styles: ["::ng-deep .filter-row{display:flex;flex-flow:row wrap;margin-bottom:20px}::ng-deep .filter-row>div{margin:0 10px 30px 5px;min-width:100px}::ng-deep .filter-row .title-field{margin:0;width:100%}::ng-deep .filter-row .flag{margin-top:10px!important}"]
+                    styles: ["::ng-deep .filter-row{display:flex;flex-flow:row wrap;margin-bottom:20px}::ng-deep .filter-row>div{margin:0 10px 30px 5px;min-width:100px}::ng-deep .filter-row .title-field{margin:0;width:100%}::ng-deep .filter-row .flag{margin-top:10px!important}\n"]
                 },] }
     ];
     ActivityFilterComponent.ctorParameters = function () { return [
@@ -2909,9 +2917,9 @@
             var filter = {
                 logic: 'and',
                 filters: this.searchTerm
-                    ? __spread([
+                    ? __spreadArray([
                         { field: nameField, operator: 'contains', value: this.searchTerm }
-                    ], this.filters) : this.filters,
+                    ], __read(this.filters)) : this.filters,
             };
             return filter;
         };
@@ -3070,7 +3078,7 @@
         { type: i0.Component, args: [{
                     selector: 'modal-window',
                     template: "<div class=\"modal-window window-wrapper\">\n  <div class=\"k-overlay\" *ngIf=\"opened\" (click)=\"close()\"></div>\n  <kendo-window (close)=\"close()\" [height]=\"830\" [width]=\"800\" *ngIf=\"opened\">\n    <kendo-window-titlebar>\n      <div class=\"k-window-title\"></div>\n      <button kendoWindowCloseAction></button>\n    </kendo-window-titlebar>\n    <ng-content></ng-content>\n  </kendo-window>\n</div>\n",
-                    styles: [".modal-window{z-index:11002}"]
+                    styles: [".modal-window{z-index:11002}\n"]
                 },] }
     ];
     ModalWindowComponent.ctorParameters = function () { return [
@@ -3140,11 +3148,11 @@
         };
         MulticheckFilterComponent.prototype.onInput = function (e) {
             var _this = this;
-            this.currentData = kendoDataQuery.distinct(__spread(this.currentData.filter(function (dataItem) { return _this.value.some(function (val) { return val === dataItem.id; }); }), kendoDataQuery.filterBy(this.data, {
+            this.currentData = kendoDataQuery.distinct(__spreadArray(__spreadArray([], __read(this.currentData.filter(function (dataItem) { return _this.value.some(function (val) { return val === dataItem.id; }); }))), __read(kendoDataQuery.filterBy(this.data, {
                 operator: 'contains',
                 field: 'name',
                 value: e.target.value,
-            })), 'name');
+            }))), 'name');
         };
         return MulticheckFilterComponent;
     }());
@@ -3152,7 +3160,7 @@
         { type: i0.Component, args: [{
                     selector: 'multicheck-filter',
                     template: "<ul>\n  <li *ngIf=\"showFilter\">\n    <input class=\"k-textbox\" (input)=\"onInput($event)\" />\n  </li>\n  <li\n    *ngFor=\"let item of currentData; let i = index\"\n    (click)=\"onSelectionChange(item)\"\n    [ngClass]=\"{ 'k-state-selected': isItemSelected(item) }\"\n  >\n    <input\n      type=\"checkbox\"\n      style=\"margin-right: 5px\"\n      id=\"chk-{{ item.id }}\"\n      class=\"k-checkbox\"\n      [checked]=\"isItemSelected(item)\"\n    />\n    <label\n      class=\"k-multiselect-checkbox k-checkbox-label\"\n      for=\"chk-{{ item.id }}\"\n    >\n      {{ item.name }}\n    </label>\n  </li>\n</ul>\n",
-                    styles: ["ul{list-style-type:none;height:200px;overflow-y:scroll;padding-left:0;padding-right:12px}ul>li{padding:8px 12px;border:1px solid rgba(0,0,0,.08);border-bottom:none}ul>li:last-of-type{border-bottom:1px solid rgba(0,0,0,.08)}.k-multiselect-checkbox{pointer-events:none}"]
+                    styles: ["ul{list-style-type:none;height:200px;overflow-y:scroll;padding-left:0;padding-right:12px}ul>li{padding:8px 12px;border:1px solid rgba(0,0,0,.08);border-bottom:none}ul>li:last-of-type{border-bottom:1px solid rgba(0,0,0,.08)}.k-multiselect-checkbox{pointer-events:none}\n"]
                 },] }
     ];
     MulticheckFilterComponent.propDecorators = {
@@ -3188,9 +3196,6 @@
         function KendoModule() {
         }
         KendoModule.forRoot = function (config) {
-            if (!config.appSettings.apiUrl.endsWith('/')) {
-                config.appSettings.apiUrl += '/';
-            }
             return {
                 ngModule: KendoModule,
                 providers: [
@@ -3712,33 +3717,23 @@
 
     Object.defineProperty(exports, 'LogLevel', {
         enumerable: true,
-        get: function () {
-            return signalR.LogLevel;
-        }
+        get: function () { return signalR.LogLevel; }
     });
     Object.defineProperty(exports, 'OAuthModule', {
         enumerable: true,
-        get: function () {
-            return i2.OAuthModule;
-        }
+        get: function () { return i2.OAuthModule; }
     });
     Object.defineProperty(exports, 'OAuthModuleConfig', {
         enumerable: true,
-        get: function () {
-            return i2.OAuthModuleConfig;
-        }
+        get: function () { return i2.OAuthModuleConfig; }
     });
     Object.defineProperty(exports, 'OAuthService', {
         enumerable: true,
-        get: function () {
-            return i2.OAuthService;
-        }
+        get: function () { return i2.OAuthService; }
     });
     Object.defineProperty(exports, 'OAuthStorage', {
         enumerable: true,
-        get: function () {
-            return i2.OAuthStorage;
-        }
+        get: function () { return i2.OAuthStorage; }
     });
     exports.AccountMenuComponent = AccountMenuComponent;
     exports.AccountService = AccountService;
@@ -3793,63 +3788,51 @@
     exports.momentTimezone = momentTimezone;
     exports.urlDeserialize = urlDeserialize;
     exports.urlSerialize = urlSerialize;
-    exports.ɵa = LocaleServiceSettingsFactory;
-    exports.ɵb = TranslateLoaderFactory;
-    exports.ɵc = AppSettingsFactory;
-    exports.ɵd = MenuItemGroupComponent;
-    exports.ɵe = TreeViewNodeComponent;
-    exports.ɵf = TreeViewNodePropComponent;
-    exports.ɵg = AuthHeadersInterceptor;
+    exports["ɵa"] = LocaleServiceSettingsFactory;
+    exports["ɵb"] = TranslateLoaderFactory;
+    exports["ɵc"] = AppSettingsFactory;
+    exports["ɵd"] = MenuItemGroupComponent;
+    exports["ɵe"] = TreeViewNodeComponent;
+    exports["ɵf"] = TreeViewNodePropComponent;
+    exports["ɵg"] = AuthHeadersInterceptor;
     Object.keys(animations).forEach(function (k) {
         if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
             enumerable: true,
-            get: function () {
-                return animations[k];
-            }
+            get: function () { return animations[k]; }
         });
     });
     Object.keys(i3).forEach(function (k) {
         if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
             enumerable: true,
-            get: function () {
-                return i3[k];
-            }
+            get: function () { return i3[k]; }
         });
     });
     Object.keys(httpClient).forEach(function (k) {
         if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
             enumerable: true,
-            get: function () {
-                return httpClient[k];
-            }
+            get: function () { return httpClient[k]; }
         });
     });
     Object.keys(i1).forEach(function (k) {
         if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
             enumerable: true,
-            get: function () {
-                return i1[k];
-            }
+            get: function () { return i1[k]; }
         });
     });
     Object.keys(ngxClipboard).forEach(function (k) {
         if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
             enumerable: true,
-            get: function () {
-                return ngxClipboard[k];
-            }
+            get: function () { return ngxClipboard[k]; }
         });
     });
     Object.keys(i1$1).forEach(function (k) {
         if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
             enumerable: true,
-            get: function () {
-                return i1$1[k];
-            }
+            get: function () { return i1$1[k]; }
         });
     });
 
     Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));
 //# sourceMappingURL=indigina-kendo.umd.js.map