@indice/ng-components 0.2.148-beta → 0.2.148

package/lib/pages/auth/auth-callback/auth-callback.component.d.ts

@@ -9,5 +9,5 @@ export declare class AuthCallbackComponent implements OnInit {
     status: string;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AuthCallbackComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AuthCallbackComponent, "lib-auth-callback", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AuthCallbackComponent, "lib-auth-callback", never, {}, {}, never, never, false>;
 }

package/lib/pages/auth/auth-renew/auth-renew.component.d.ts

@@ -8,5 +8,5 @@ export declare class AuthRenewComponent implements OnInit {
     constructor(authService: AuthService, router: Router);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AuthRenewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AuthRenewComponent, "lib-auth-renew", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AuthRenewComponent, "lib-auth-renew", never, {}, {}, never, never, false>;
 }

package/lib/pages/auth/logged-out/logged-out.component.d.ts

@@ -8,5 +8,5 @@ export declare class LoggedOutComponent implements OnInit {
     finished: boolean;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LoggedOutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LoggedOutComponent, "lib-logged-out", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoggedOutComponent, "lib-logged-out", never, {}, {}, never, never, false>;
 }

package/lib/pages/http-status/error/error.component.d.ts

@@ -4,5 +4,5 @@ export declare class ErrorComponent implements OnInit {
     error: string;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ErrorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ErrorComponent, "lib-error", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ErrorComponent, "lib-error", never, {}, {}, never, never, false>;
 }

package/lib/pages/http-status/page-not-found/page-not-found.component.d.ts

@@ -4,5 +4,5 @@ export declare class PageNotFoundComponent implements OnInit {
     constructor();
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PageNotFoundComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PageNotFoundComponent, "lib-page-not-found", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PageNotFoundComponent, "lib-page-not-found", never, {}, {}, never, never, false>;
 }

package/lib/pages/http-status/unauthorized/unauthorized.component.d.ts

@@ -4,5 +4,5 @@ export declare class UnauthorizedComponent implements OnInit {
     constructor();
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UnauthorizedComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UnauthorizedComponent, "lib-unauthorized", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UnauthorizedComponent, "lib-unauthorized", never, {}, {}, never, never, false>;
 }

package/lib/pipes/address.pipe.d.ts

@@ -4,5 +4,5 @@ import * as i0 from "@angular/core";
 export declare class AddressPipe implements PipeTransform {
     transform(value: IAddress | undefined): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AddressPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<AddressPipe, "address">;
+    static ɵpipe: i0.ɵɵPipeDeclaration<AddressPipe, "address", false>;
 }

package/lib/pipes/duration-format.pipe.d.ts

@@ -4,5 +4,5 @@ export declare class DurationFormatPipe implements PipeTransform {
     transform(value: any, arg1: any, arg2: any): string;
     private format;
     static ɵfac: i0.ɵɵFactoryDeclaration<DurationFormatPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<DurationFormatPipe, "durationFormat">;
+    static ɵpipe: i0.ɵɵPipeDeclaration<DurationFormatPipe, "durationFormat", false>;
 }

package/lib/services/modal-service/modal-backdrop-component.d.ts

@@ -16,5 +16,5 @@ export declare class ModalBackdropComponent implements OnInit {
     hide(): void;
     reflow(element: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalBackdropComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModalBackdropComponent, "lib-modal-backdrop", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModalBackdropComponent, "lib-modal-backdrop", never, {}, {}, never, never, false>;
 }

package/lib/services/modal-service/modal-container-component.d.ts

@@ -29,5 +29,5 @@ export declare class ModalContainerComponent implements OnInit, OnDestroy {
     hide(result?: any): void;
     private _hide;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModalContainerComponent, "lib-modal-container", never, {}, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModalContainerComponent, "lib-modal-container", never, {}, {}, never, ["*"], false>;
 }

package/lib/tokens.d.ts

@@ -1,4 +1,8 @@
 import { InjectionToken } from '@angular/core';
-import { IAppLinks, IShellConfig } from './types';
+import { LibTabGroupComponent } from './controls/tabs/lib-tab-group.component';
+import { IAppLinks, IAppLanguagesService, IAppNotifications, IShellConfig } from './types';
 export declare const APP_LINKS: InjectionToken<IAppLinks>;
+export declare const APP_NOTIFICATIONS: InjectionToken<IAppNotifications>;
 export declare const SHELL_CONFIG: InjectionToken<IShellConfig>;
+export declare const APP_LANGUAGES: InjectionToken<IAppLanguagesService>;
+export declare const LIBTABGROUP_ACCESSOR: InjectionToken<LibTabGroupComponent>;

package/lib/types.d.ts

@@ -1,4 +1,16 @@
-import { Observable } from "rxjs";
+import { Observable } from 'rxjs';
+export interface IAppNotifications {
+    messages: Observable<IResultSet<NavLink>>;
+    getMessage?: (predicate: (value: any, index: number, obj: any[]) => any) => any | undefined;
+    refresh?: () => void | undefined;
+    inboxAction?: () => void | undefined;
+}
+export interface IAppLanguagesService {
+    options: Observable<MenuOption[]> | undefined;
+    selected?: string;
+    default?: string;
+    setSelected?: (lang: string) => void | undefined;
+}
 export interface IAppLinks {
     public: Observable<NavLink[]>;
     main: Observable<NavLink[]>;
@@ -6,27 +18,30 @@ export interface IAppLinks {
     profileActions: Observable<NavLink[]>;
     legal: Observable<NavLink[]>;
     brand: Observable<NavLink[]>;
-    notifications?: Observable<NotificationNavLink[]>;
-    allNotifications?: Observable<NavLink>;
+    notifications?: Observable<NavLink>;
 }
 export declare class NavLink {
-    constructor(text: string, path: string, exact?: boolean, external?: boolean, icon?: string, isRead?: boolean, creationDate?: Date);
+    constructor(text: string, path: string, exact?: boolean, external?: boolean, icon?: string, data?: any);
     text: string;
     path: string;
     exact: boolean;
     external: boolean;
     icon: string | undefined;
-    isRead?: boolean;
-    creationDate?: Date;
+    type: string;
+    data: any | undefined;
 }
 export declare class ExternalNavLink extends NavLink {
     constructor(text: string, path: string, openInNewTab?: boolean, icon?: string);
+    type: string;
 }
 export declare class FragmentNavLink extends NavLink {
     constructor(text: string, path: string, icon?: string);
+    type: string;
 }
 export declare class NotificationNavLink extends NavLink {
-    constructor(text: string, path: string, isRead: boolean, creationDate?: Date);
+    isRead: boolean;
+    creationDate?: Date | undefined;
+    constructor(text: string, path: string, isRead: boolean, creationDate?: Date | undefined);
 }
 export declare class ViewAction {
     type: string;
@@ -77,22 +92,29 @@ export interface IAddress {
     country?: string | null;
 }
 export interface IShellConfig {
+    layout?: ShellLayoutType;
     appLogo: string;
     appLogoAlt: string;
     showHeader: boolean;
     showUserNameOnHeader?: boolean;
-    showNotifications: boolean;
-    showFooter: boolean;
+    showAlertsOnHeader?: boolean;
     customHeaderComponent?: any;
+    showFooter: boolean;
     customFooterComponent?: any;
     fluid: boolean;
+    showLangsOnHeader?: boolean;
+}
+export declare enum ShellLayoutType {
+    Stacked = "Stacked",
+    Sidebar = "Sidebar"
 }
 export declare class DefaultShellConfig implements IShellConfig {
+    layout: ShellLayoutType;
     appLogo: string;
     appLogoAlt: string;
     showHeader: boolean;
     showUserNameOnHeader: boolean;
-    showNotifications: boolean;
+    showAlertsOnHeader: boolean;
     showFooter: boolean;
     fluid: boolean;
 }
@@ -133,3 +155,13 @@ export declare enum SidePaneOverlayType {
     Light = "",
     Dark = "-opacity-50"
 }
+export interface IValidationProblemDetails {
+    type?: string | undefined;
+    title?: string | undefined;
+    status?: number | undefined;
+    detail?: string | undefined;
+    instance?: string | undefined;
+    errors?: {
+        [key: string]: string[];
+    } | undefined;
+}

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.148-beta",
+  "version": "0.2.148",
   "description": "Indice common components for Angular v12",
   "repository": {
     "type": "git",
@@ -21,26 +21,40 @@
   },
   "homepage": "https://github.com/indice-co/Indice.Angular#readme",
   "peerDependencies": {
-    "@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",
+    "@angular/common": ">=13.3.11",
+    "@angular/core": ">=13.3.11",
+    "@angular/router": ">=13.3.11",
+    "@indice/ng-auth": "^0.2.1-beta.2",
     "@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"
+    "oidc-client": "^1.11.5",
+    "rxjs": "^6.6.7",
+    "tailwindcss": "^2.1.2",
+    "uuid": "8.3.2"
   },
-  "dependencies": {
-    "tslib": "^2.0.0"
+  "module": "fesm2015/indice-ng-components.mjs",
+  "es2020": "fesm2020/indice-ng-components.mjs",
+  "esm2020": "esm2020/indice-ng-components.mjs",
+  "fesm2020": "fesm2020/indice-ng-components.mjs",
+  "fesm2015": "fesm2015/indice-ng-components.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2020": "./esm2020/indice-ng-components.mjs",
+      "es2020": "./fesm2020/indice-ng-components.mjs",
+      "es2015": "./fesm2015/indice-ng-components.mjs",
+      "node": "./fesm2015/indice-ng-components.mjs",
+      "default": "./fesm2020/indice-ng-components.mjs"
+    }
   },
-  "main": "bundles/indice-ng-components.umd.js",
-  "module": "fesm2015/indice-ng-components.js",
-  "es2015": "fesm2015/indice-ng-components.js",
-  "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.3.0"
+  }
 }

package/public-api.d.ts

@@ -15,6 +15,10 @@ 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/combobox/combobox.component';
+export * from './lib/controls/tabs/lib-tab.component';
+export * from './lib/controls/tabs/lib-tab-group.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 +34,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';