@indice/ng-components 0.2.62 → 0.2.68

package/README.md

@@ -1,4 +1,4 @@
-# INDICE ANGULAR Components
-
-Indice common components for Angular 2+
-This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.2.14.
+# INDICE ANGULAR Components
+
+Indice common components for Angular 2+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.2.14.

package/bundles/indice-ng-components.umd.js

@@ -1078,7 +1078,7 @@
     ListViewEmptyStateComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'lib-list-view-empty-state',
-                    template: "<div class=\"p-20\">\r\n  <div class=\"text-center p-2\">\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"mx-auto h-12 w-12 text-gray-400\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n      <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4m0 5c0 2.21-3.582 4-8 4s-8-1.79-8-4\" />\r\n    </svg>\r\n    <h3 class=\"mt-2 text-sm font-medium text-gray-900\">{{title}}</h3>\r\n    <p class=\"mt-1 text-sm text-gray-500\">\r\n      {{subTitle}}\r\n    </p>\r\n    <div class=\"mt-6\" *ngIf=\"false\">\r\n      <button type=\"button\" class=\"inline-flex items-center px-4 py-2 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-gray-600 hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-1 focus:ring-gray-500\">\r\n        <!-- Heroicon name: solid/plus -->\r\n        <svg class=\"-ml-1 mr-2 h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" aria-hidden=\"true\">\r\n          <path vector-effect=\"non-scaling-stroke\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 13h6m-3-3v6m-9 1V7a2 2 0 012-2h6l2 2h6a2 2 0 012 2v8a2 2 0 01-2 2H5a2 2 0 01-2-2z\" />\r\n        </svg>\r\n        {{newItemLabel}}\r\n      </button>\r\n    </div>\r\n  </div>\r\n</div>\r\n"
+                    template: "<div class=\"p-20\">\n  <div class=\"text-center p-2\">\n    <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"mx-auto h-12 w-12 text-gray-400\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n      <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4m0 5c0 2.21-3.582 4-8 4s-8-1.79-8-4\" />\n    </svg>\n    <h3 class=\"mt-2 text-sm font-medium text-gray-900\">{{title}}</h3>\n    <p class=\"mt-1 text-sm text-gray-500\">\n      {{subTitle}}\n    </p>\n    <div class=\"mt-6\" *ngIf=\"false\">\n      <button type=\"button\" class=\"inline-flex items-center px-4 py-2 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-gray-600 hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-1 focus:ring-gray-500\">\n        <!-- Heroicon name: solid/plus -->\n        <svg class=\"-ml-1 mr-2 h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" aria-hidden=\"true\">\n          <path vector-effect=\"non-scaling-stroke\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 13h6m-3-3v6m-9 1V7a2 2 0 012-2h6l2 2h6a2 2 0 012 2v8a2 2 0 01-2 2H5a2 2 0 01-2-2z\" />\n        </svg>\n        {{newItemLabel}}\n      </button>\n    </div>\n  </div>\n</div>\n"
                 },] }
     ];
     ListViewEmptyStateComponent.ctorParameters = function () { return []; };
@@ -1545,7 +1545,7 @@
     ToggleComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'lib-toggle',
-                    template: "<button type=\"button\"\n        [ngClass]=\"value ? 'enabled' : 'disabled'\"\n        class=\"toggle-button\"\n        role=\"switch\"\n        aria-checked=\"false\"\n        aria-labelledby=\"isPrivate\"\n        (click)=\"changeValue()\"\n        (blur)=\"onBlur($event)\"\n        value=\"{{value}}\"\n        [disabled]=\"disabled\"\n        [title]=\"disabled ? '\u03A4\u03BF \u03B1\u03C1\u03C7\u03B5\u03AF\u03BF \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B9\u03B4\u03C9\u03C4\u03B9\u03BA\u03CC' : '\u0399\u03B4\u03B9\u03C9\u03C4\u03B9\u03BA\u03CC'\">\n    <span aria-hidden=\"true\"\n          [ngClass]=\"value ? 'enabled-anim' : 'disabled-anim'\"\n          class=\"toggle-span\"></span>\n</button>",
+                    template: "<button type=\"button\"\r\n        [ngClass]=\"value ? 'enabled' : 'disabled'\"\r\n        class=\"toggle-button\"\r\n        role=\"switch\"\r\n        aria-checked=\"false\"\r\n        aria-labelledby=\"isPrivate\"\r\n        (click)=\"changeValue()\"\r\n        (blur)=\"onBlur($event)\"\r\n        value=\"{{value}}\"\r\n        [disabled]=\"disabled\"\r\n        [title]=\"disabled ? '\u03A4\u03BF \u03B1\u03C1\u03C7\u03B5\u03AF\u03BF \u03C0\u03C1\u03AD\u03C0\u03B5\u03B9 \u03BD\u03B1 \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B9\u03B4\u03C9\u03C4\u03B9\u03BA\u03CC' : '\u0399\u03B4\u03B9\u03C9\u03C4\u03B9\u03BA\u03CC'\">\r\n    <span aria-hidden=\"true\"\r\n          [ngClass]=\"value ? 'enabled-anim' : 'disabled-anim'\"\r\n          class=\"toggle-span\"></span>\r\n</button>",
                     providers: [
                         {
                             provide: forms.NG_VALUE_ACCESSOR,
@@ -1916,6 +1916,7 @@
             this.sectionLinksPath = 'main';
             // tslint:disable-next-line:no-input-rename
             this.profileMenuVisible = true;
+            // tslint:disable-next-line:no-input-rename
             this.showUserNameOnHeader = false;
             this.border = true;
             this.sectionLinks = [];
@@ -1927,7 +1928,6 @@
             this.user = null;
             this.avatarName = null;
             this.routeSubject = this.router.events.pipe(operators.filter(function (event) { return event instanceof router.NavigationStart; }));
-            this.userSubject = this.authService.user$;
         }
         ShellHeaderComponent.prototype.ngOnDestroy = function () {
             console.log(this.showUserNameOnHeader);
@@ -1953,11 +1953,11 @@
                 console.log(user);
                 _this.setCurrentUser(user);
             }, function (error) {
-                //console.log(error);
+                console.error(error);
             });
             // Detect user changes and display / or not user info accordingly...
-            this.userSub$ = this.userSubject.subscribe(function (user) {
-                //console.log('ShellHeaderComponent user subscription');
+            this.userSub$ = this.authService.user$.subscribe(function (user) {
+                // console.log('ShellHeaderComponent user subscription');
                 _this.setCurrentUser(user);
             });
         };
@@ -1975,8 +1975,8 @@
             var _a, _b;
             this.user = user;
             if (this.user && this.user.profile) {
-                this.avatarName = "" + ((_a = this.user.profile.given_name) === null || _a === void 0 ? void 0 : _a.charAt(0)) + ((_b = this.user.profile.family_name) === null || _b === void 0 ? void 0 : _b.charAt(0));
-                //console.log('load user', this.avatarName);
+                this.avatarName = ("" + ((_a = this.user.profile.given_name) === null || _a === void 0 ? void 0 : _a.charAt(0)) + ((_b = this.user.profile.family_name) === null || _b === void 0 ? void 0 : _b.charAt(0))).toUpperCase();
+                // console.log('load user', this.avatarName);
             }
         };
         return ShellHeaderComponent;
@@ -2185,10 +2185,10 @@
                 this.router.navigateByUrl('/', { skipLocationChange: true }).then(function () { return _this.router.navigateByUrl(_this.returnPath || '/'); });
             }
             else {
-                if (this.router.url.split('/(')[0] && !this.forceLocationBack) {
+                if ((this.router.url.split('/(')[0] !== this.router.url) && !this.forceLocationBack) {
                     this.router.navigateByUrl(this.router.url.split('/(')[0]);
                 }
-                else if (this.router.url.split('(')[0] && !this.forceLocationBack) {
+                else if ((this.router.url.split('(')[0] !== this.router.url) && !this.forceLocationBack) {
                     this.router.navigateByUrl(this.router.url.split('(')[0]);
                 }
                 else {