@indice/ng-components 0.2.145-beta → 0.2.146

package/modal.css

@@ -1,157 +1,157 @@
-.modal-open {
-  overflow: hidden;
-}
-.modal-open .modal {
-  overflow-x: hidden;
-  overflow-y: auto;
-}
-.modal {
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: 1050;
-  display: none;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  outline: 0;
-}
-.modal-dialog {
-  position: relative;
-  width: auto;
-  margin: 0.5rem;
-  pointer-events: none;
-}
-.modal.fade .modal-dialog {
-  transition: transform 0.3s ease-out;
-  transform: translate(0, -50px);
-}
-
-.fade {
-  transition: opacity 0.15s linear;
-}
-.fade:not(.show) {
-  opacity: 0;
-}
-@media (prefers-reduced-motion: reduce) {
-  .modal.fade .modal-dialog {
-    transition: none;
-  }
-}
-.modal.show .modal-dialog {
-  transform: none;
-}
-.modal.modal-static .modal-dialog {
-  transform: scale(1.02);
-}
-.modal-dialog-scrollable {
-  display: flex;
-  max-height: subtract(100%, 1rem);
-}
-.modal-dialog-scrollable .modal-content {
-  max-height: subtract(100vh, 1rem);
-  overflow: hidden;
-}
-.modal-dialog-scrollable .modal-header,
-.modal-dialog-scrollable .modal-footer {
-  flex-shrink: 0;
-}
-.modal-dialog-scrollable .modal-body {
-  overflow-y: auto;
-}
-.modal-dialog-centered {
-  display: flex;
-  align-items: center;
-  min-height: subtract(100%, 1rem);
-}
-.modal-dialog-centered::before {
-  display: block;
-  height: subtract(100vh, 1rem);
-  height: -webkit-min-content;
-  height: min-content;
-  content: "";
-}
-.modal-dialog-centered.modal-dialog-scrollable {
-  flex-direction: column;
-  justify-content: center;
-  height: 100%;
-}
-.modal-dialog-centered.modal-dialog-scrollable .modal-content {
-  max-height: none;
-}
-.modal-dialog-centered.modal-dialog-scrollable::before {
-  content: none;
-}
-.modal-content {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  pointer-events: auto;
-  background-color: #fff;
-  background-clip: padding-box;
-  border: 1px solid rgba(0, 0, 0, 0.2);
-  border-radius: 0.3rem;
-  outline: 0;
-}
-.modal-backdrop {
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: 1040;
-  width: 100vw;
-  height: 100vh;
-  background-color: #000;
-}
-.modal-backdrop.fade {
-  opacity: 0;
-}
-.modal-backdrop.show {
-  opacity: 0.5;
-}
-.modal-scrollbar-measure {
-  position: absolute;
-  top: -9999px;
-  width: 50px;
-  height: 50px;
-  overflow: scroll;
-}
-@media (min-width: 576px) {
-  .modal-dialog {
-    max-width: 500px;
-    margin: 1.75rem auto;
-  }
-
-  .modal-dialog-scrollable {
-    max-height: subtract(100%, 3.5rem);
-  }
-  .modal-dialog-scrollable .modal-content {
-    max-height: subtract(100vh, 3.5rem);
-  }
-
-  .modal-dialog-centered {
-    min-height: subtract(100%, 3.5rem);
-  }
-  .modal-dialog-centered::before {
-    height: subtract(100vh, 3.5rem);
-    height: -webkit-min-content;
-    height: min-content;
-  }
-
-  .modal-sm {
-    max-width: 300px;
-  }
-}
-@media (min-width: 992px) {
-  .modal-lg,
-  .modal-xl {
-    max-width: 800px;
-  }
-}
-@media (min-width: 1200px) {
-  .modal-xl {
-    max-width: 1140px;
-  }
-}
-
-/*# sourceMappingURL=styles.css.map*/
+.modal-open {
+  overflow: hidden;
+}
+.modal-open .modal {
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+.modal {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 1050;
+  display: none;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  outline: 0;
+}
+.modal-dialog {
+  position: relative;
+  width: auto;
+  margin: 0.5rem;
+  pointer-events: none;
+}
+.modal.fade .modal-dialog {
+  transition: transform 0.3s ease-out;
+  transform: translate(0, -50px);
+}
+
+.fade {
+  transition: opacity 0.15s linear;
+}
+.fade:not(.show) {
+  opacity: 0;
+}
+@media (prefers-reduced-motion: reduce) {
+  .modal.fade .modal-dialog {
+    transition: none;
+  }
+}
+.modal.show .modal-dialog {
+  transform: none;
+}
+.modal.modal-static .modal-dialog {
+  transform: scale(1.02);
+}
+.modal-dialog-scrollable {
+  display: flex;
+  max-height: subtract(100%, 1rem);
+}
+.modal-dialog-scrollable .modal-content {
+  max-height: subtract(100vh, 1rem);
+  overflow: hidden;
+}
+.modal-dialog-scrollable .modal-header,
+.modal-dialog-scrollable .modal-footer {
+  flex-shrink: 0;
+}
+.modal-dialog-scrollable .modal-body {
+  overflow-y: auto;
+}
+.modal-dialog-centered {
+  display: flex;
+  align-items: center;
+  min-height: subtract(100%, 1rem);
+}
+.modal-dialog-centered::before {
+  display: block;
+  height: subtract(100vh, 1rem);
+  height: -webkit-min-content;
+  height: min-content;
+  content: "";
+}
+.modal-dialog-centered.modal-dialog-scrollable {
+  flex-direction: column;
+  justify-content: center;
+  height: 100%;
+}
+.modal-dialog-centered.modal-dialog-scrollable .modal-content {
+  max-height: none;
+}
+.modal-dialog-centered.modal-dialog-scrollable::before {
+  content: none;
+}
+.modal-content {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  pointer-events: auto;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 0.3rem;
+  outline: 0;
+}
+.modal-backdrop {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 1040;
+  width: 100vw;
+  height: 100vh;
+  background-color: #000;
+}
+.modal-backdrop.fade {
+  opacity: 0;
+}
+.modal-backdrop.show {
+  opacity: 0.5;
+}
+.modal-scrollbar-measure {
+  position: absolute;
+  top: -9999px;
+  width: 50px;
+  height: 50px;
+  overflow: scroll;
+}
+@media (min-width: 576px) {
+  .modal-dialog {
+    max-width: 500px;
+    margin: 1.75rem auto;
+  }
+
+  .modal-dialog-scrollable {
+    max-height: subtract(100%, 3.5rem);
+  }
+  .modal-dialog-scrollable .modal-content {
+    max-height: subtract(100vh, 3.5rem);
+  }
+
+  .modal-dialog-centered {
+    min-height: subtract(100%, 3.5rem);
+  }
+  .modal-dialog-centered::before {
+    height: subtract(100vh, 3.5rem);
+    height: -webkit-min-content;
+    height: min-content;
+  }
+
+  .modal-sm {
+    max-width: 300px;
+  }
+}
+@media (min-width: 992px) {
+  .modal-lg,
+  .modal-xl {
+    max-width: 800px;
+  }
+}
+@media (min-width: 1200px) {
+  .modal-xl {
+    max-width: 1140px;
+  }
+}
+
+/*# sourceMappingURL=styles.css.map*/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@indice/ng-components",
-  "version": "0.2.145-beta",
+  "version": "0.2.146",
   "description": "Indice common components for Angular v12",
   "repository": {
     "type": "git",
@@ -24,17 +24,15 @@
     "@angular/common": "^12.0.1",
     "@angular/core": "^12.0.1",
     "@angular/router": "^12.0.1",
-    "@indice/ng-auth": "^0.1.19",
-    "oidc-client": "^1.11.5",
-    "tailwindcss": "^2.1.2",
+    "@indice/ng-auth": "^0.1.26",
     "@tailwindcss/aspect-ratio": "^0.2.0",
     "@tailwindcss/forms": "^0.3.2",
     "@tailwindcss/line-clamp": "^0.2.0",
     "@tailwindcss/typography": "^0.4.0",
-    "rxjs": "^6.6.7"
-  },
-  "dependencies": {
-    "tslib": "^2.0.0"
+    "oidc-client": "^1.11.5",
+    "rxjs": "^6.6.7",
+    "tailwindcss": "^2.1.2",
+    "uuid": "8.3.2"
   },
   "main": "bundles/indice-ng-components.umd.js",
   "module": "fesm2015/indice-ng-components.js",
@@ -42,5 +40,8 @@
   "esm2015": "esm2015/indice-ng-components.js",
   "fesm2015": "fesm2015/indice-ng-components.js",
   "typings": "indice-ng-components.d.ts",
-  "sideEffects": false
+  "sideEffects": false,
+  "dependencies": {
+    "tslib": "^2.2.0"
+  }
 }

package/public-api.d.ts

@@ -15,6 +15,9 @@ export * from './lib/controls/toaster/toaster.component';
 export * from './lib/controls/avatar-initials/avatar-initials.component';
 export * from './lib/controls/toggle/toggle.component';
 export * from './lib/controls/side-pane/side-pane.component';
+export * from './lib/controls/nav-links-list/nav-links-list.component';
+export * from './lib/controls/tabs/lib-tab-group.component';
+export * from './lib/controls/tabs/lib-tab.component';
 export * from './lib/layouts/shell/shell-layout/shell-layout.component';
 export * from './lib/layouts/shell/shell-header/shell-header.component';
 export * from './lib/layouts/shell/shell-footer/shell-footer.component';
@@ -30,7 +33,6 @@ export * from './lib/pages/http-status/page-not-found/page-not-found.component';
 export * from './lib/pages/http-status/unauthorized/unauthorized.component';
 export * from './lib/pipes/address.pipe';
 export * from './lib/pipes/duration-format.pipe';
-export * from './lib/pipes/obs-with-status.pipe';
 export * from './lib/tokens';
 export * from './lib/types';
 export * from './lib/icons';

package/esm2015/lib/pipes/obs-with-status.pipe.js

@@ -1,26 +0,0 @@
-import { Pipe } from '@angular/core';
-import { of } from 'rxjs';
-import { catchError, map, startWith } from 'rxjs/operators';
-import * as i0 from "@angular/core";
-const defaultError = 'Something went wrong';
-export class ObsWithStatusPipe {
-    transform(val) {
-        return val.pipe(map((value) => {
-            return {
-                loading: value.type === 'start',
-                error: value.type === 'error' ? defaultError : '',
-                value: value.type ? value.value : value,
-            };
-        }), startWith({ loading: true }), catchError(error => of({ loading: false, error: typeof error === 'string' ? error : defaultError })));
-    }
-}
-ObsWithStatusPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.1", ngImport: i0, type: ObsWithStatusPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-ObsWithStatusPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.0.1", ngImport: i0, type: ObsWithStatusPipe, name: "obsWithStatus", pure: false });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.1", ngImport: i0, type: ObsWithStatusPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'obsWithStatus',
-                    pure: false
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2JzLXdpdGgtc3RhdHVzLnBpcGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1jb21wb25lbnRzL3NyYy9saWIvcGlwZXMvb2JzLXdpdGgtc3RhdHVzLnBpcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBaUIsTUFBTSxlQUFlLENBQUM7QUFDcEQsT0FBTyxFQUFjLEVBQUUsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUN0QyxPQUFPLEVBQUUsVUFBVSxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7QUFRNUQsTUFBTSxZQUFZLEdBQUcsc0JBQXNCLENBQUM7QUFNNUMsTUFBTSxPQUFPLGlCQUFpQjtJQUMxQixTQUFTLENBQVUsR0FBa0I7UUFDakMsT0FBTyxHQUFHLENBQUMsSUFBSSxDQUNYLEdBQUcsQ0FBQyxDQUFDLEtBQVUsRUFBRSxFQUFFO1lBQ2YsT0FBTztnQkFDSCxPQUFPLEVBQUUsS0FBSyxDQUFDLElBQUksS0FBSyxPQUFPO2dCQUMvQixLQUFLLEVBQUUsS0FBSyxDQUFDLElBQUksS0FBSyxPQUFPLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsRUFBRTtnQkFDakQsS0FBSyxFQUFFLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUs7YUFDMUMsQ0FBQztRQUNOLENBQUMsQ0FBQyxFQUNGLFNBQVMsQ0FBQyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQyxFQUM1QixVQUFVLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxPQUFPLEtBQUssS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsWUFBWSxFQUFFLENBQUMsQ0FBQyxDQUN2RyxDQUFDO0lBQ04sQ0FBQzs7OEdBYlEsaUJBQWlCOzRHQUFqQixpQkFBaUI7MkZBQWpCLGlCQUFpQjtrQkFKN0IsSUFBSTttQkFBQztvQkFDRixJQUFJLEVBQUUsZUFBZTtvQkFDckIsSUFBSSxFQUFFLEtBQUs7aUJBQ2QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQaXBlLCBQaXBlVHJhbnNmb3JtIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE9ic2VydmFibGUsIG9mIH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IGNhdGNoRXJyb3IsIG1hcCwgc3RhcnRXaXRoIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xyXG5cclxuZXhwb3J0IGludGVyZmFjZSBPYnNXaXRoU3RhdHVzUmVzdWx0PFQ+IHtcclxuICAgIGxvYWRpbmc/OiBib29sZWFuO1xyXG4gICAgdmFsdWU/OiBUO1xyXG4gICAgZXJyb3I/OiBzdHJpbmc7XHJcbn1cclxuXHJcbmNvbnN0IGRlZmF1bHRFcnJvciA9ICdTb21ldGhpbmcgd2VudCB3cm9uZyc7XHJcblxyXG5AUGlwZSh7XHJcbiAgICBuYW1lOiAnb2JzV2l0aFN0YXR1cycsXHJcbiAgICBwdXJlOiBmYWxzZVxyXG59KVxyXG5leHBvcnQgY2xhc3MgT2JzV2l0aFN0YXR1c1BpcGUgaW1wbGVtZW50cyBQaXBlVHJhbnNmb3JtIHtcclxuICAgIHRyYW5zZm9ybTxUID0gYW55Pih2YWw6IE9ic2VydmFibGU8VD4pOiBPYnNlcnZhYmxlPE9ic1dpdGhTdGF0dXNSZXN1bHQ8VD4+IHtcclxuICAgICAgICByZXR1cm4gdmFsLnBpcGUoXHJcbiAgICAgICAgICAgIG1hcCgodmFsdWU6IGFueSkgPT4ge1xyXG4gICAgICAgICAgICAgICAgcmV0dXJuIHtcclxuICAgICAgICAgICAgICAgICAgICBsb2FkaW5nOiB2YWx1ZS50eXBlID09PSAnc3RhcnQnLFxyXG4gICAgICAgICAgICAgICAgICAgIGVycm9yOiB2YWx1ZS50eXBlID09PSAnZXJyb3InID8gZGVmYXVsdEVycm9yIDogJycsXHJcbiAgICAgICAgICAgICAgICAgICAgdmFsdWU6IHZhbHVlLnR5cGUgPyB2YWx1ZS52YWx1ZSA6IHZhbHVlLFxyXG4gICAgICAgICAgICAgICAgfTtcclxuICAgICAgICAgICAgfSksXHJcbiAgICAgICAgICAgIHN0YXJ0V2l0aCh7IGxvYWRpbmc6IHRydWUgfSksXHJcbiAgICAgICAgICAgIGNhdGNoRXJyb3IoZXJyb3IgPT4gb2YoeyBsb2FkaW5nOiBmYWxzZSwgZXJyb3I6IHR5cGVvZiBlcnJvciA9PT0gJ3N0cmluZycgPyBlcnJvciA6IGRlZmF1bHRFcnJvciB9KSlcclxuICAgICAgICApO1xyXG4gICAgfVxyXG59Il19

package/lib/pipes/obs-with-status.pipe.d.ts

@@ -1,13 +0,0 @@
-import { PipeTransform } from '@angular/core';
-import { Observable } from 'rxjs';
-import * as i0 from "@angular/core";
-export interface ObsWithStatusResult<T> {
-    loading?: boolean;
-    value?: T;
-    error?: string;
-}
-export declare class ObsWithStatusPipe implements PipeTransform {
-    transform<T = any>(val: Observable<T>): Observable<ObsWithStatusResult<T>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ObsWithStatusPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<ObsWithStatusPipe, "obsWithStatus">;
-}