@indice/ng-components 0.2.142-beta → 0.2.142

package/lib/controls/nav-links-list/nav-links-list.component.d.ts

@@ -0,0 +1,15 @@
+import { Observable } from 'rxjs';
+import { OnInit } from '@angular/core';
+import { NavLink } from '../../types';
+import * as i0 from "@angular/core";
+export declare class NavLinksListComponent implements OnInit {
+    links: Observable<NavLink[]> | undefined;
+    activeFragment: Observable<string> | undefined;
+    navLinkClass: string | string;
+    navLinkActiveClass: string | string[];
+    containerClass: string | string[];
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavLinksListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavLinksListComponent, "lib-nav-links-list", never, { "links": "links"; "activeFragment": "active-fragment"; "navLinkClass": "link-class"; "navLinkActiveClass": "link-active-class"; "containerClass": "container-class"; }, {}, never, never>;
+}

package/lib/controls/notifications-indicator/notifications-indicator.component.d.ts

@@ -0,0 +1,23 @@
+import { IAppNotifications, NavLink } from './../../types';
+import { OnInit, OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class NotificationsIndicatorComponent implements OnInit, OnDestroy {
+    notifications: IAppNotifications;
+    links: any;
+    menuExpanded: boolean;
+    unreadCount: number;
+    items: any[];
+    allNotificationsLink?: NavLink;
+    private notificationsSub$;
+    private inboxAction;
+    newArrival: boolean;
+    constructor(notifications: IAppNotifications, links: any);
+    ngOnDestroy(): void;
+    ngOnInit(): void;
+    toggleMenu(): void;
+    doInboxAction(): void;
+    removeItem(index: number): void;
+    onClickOutside($event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NotificationsIndicatorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationsIndicatorComponent, "lib-notifications-indicator", never, {}, {}, never, never>;
+}

package/lib/layouts/shell/shell-header/shell-header.component.d.ts

@@ -1,47 +1,41 @@
+import { AuthService } from '@indice/ng-auth';
 import { OnInit, OnDestroy } from '@angular/core';
 import { User } from 'oidc-client';
-import { Router } from '@angular/router';
-import { IShellConfig, NavLink, NotificationNavLink } from '../../../types';
-import { Observable, Subscription } from 'rxjs';
-import { AuthService } from '@indice/ng-auth';
-import { NotificationsService } from '../../../services/notifications.service';
+import { ActivatedRoute, Event, Router } from '@angular/router';
+import { NavLink } from '../../../types';
+import { Observable } from 'rxjs';
+import { Subscription } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class ShellHeaderComponent implements OnInit, OnDestroy {
-    private authService;
-    private router;
+    protected authService: AuthService;
+    protected router: Router;
+    protected route: ActivatedRoute;
+    config: any;
     links: any;
-    private _notifications;
     sectionLinksPath: string;
-    notificationLinksPath: string;
-    allNotificationsLinkPath: string;
-    config: IShellConfig;
-    border: boolean;
-    showNotifications: boolean | undefined;
-    showUserNameOnHeader: boolean | undefined;
-    notificationsMenuVisible: boolean;
     profileMenuVisible: boolean;
+    showUserNameOnHeader: boolean | undefined;
+    showAlerts: boolean | undefined;
+    langs: string[] | undefined;
+    currentLang: string | undefined;
+    border: boolean;
     sectionLinks: Observable<NavLink[]>;
-    notificationLinks: Observable<NotificationNavLink[]>;
-    allNotificationsLink: Observable<NavLink>;
     mobileMenuExpanded: boolean;
     userMenuExpanded: boolean;
-    notificationsMenuExpanded: boolean;
     protected routeSubject: Observable<Event>;
     protected routerSub$: Subscription | null;
     protected userSub$: Subscription | null;
     protected statusSub$: Subscription | null;
     user: User | null;
     avatarName: string | null;
-    notificationsCount: Observable<number>;
-    constructor(authService: AuthService, router: Router, links: any, _notifications: NotificationsService);
-    ngOnDestroy(): void;
+    activeFragment: any | null;
+    constructor(authService: AuthService, router: Router, route: ActivatedRoute, config: any, links: any);
     ngOnInit(): void;
-    private setCurrentUser;
-    onClickOutsideProfile($event: any): void;
-    onClickOutsideNotifications($event: any): void;
+    ngOnDestroy(): void;
+    onClickOutside($event: any): void;
     signin(event: any | null | undefined): void;
-    expandUserMenu(): void;
-    expandNotificationsMenu(): void;
+    private setCurrentUser;
+    setCurrentLang(lang: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ShellHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ShellHeaderComponent, "lib-shell-header", never, { "sectionLinksPath": "section-links"; "notificationLinksPath": "notification-links"; "allNotificationsLinkPath": "all-notifications"; "config": "config"; "border": "border"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ShellHeaderComponent, "lib-shell-header", never, { "sectionLinksPath": "section-links"; "profileMenuVisible": "profile-menu"; "showUserNameOnHeader": "show-userName"; "showAlerts": "show-alerts"; "langs": "langs"; "currentLang": "current-lang"; "border": "border"; }, {}, never, never>;
 }

package/lib/layouts/shell/shell-layout/shell-layout.component.d.ts

@@ -6,16 +6,17 @@ import { DynamicComponentHostDirective } from '../../../directives/dynamic-compo
 import { ComponentLoaderFactory } from '../../../services/component-loader/component-loader.factory';
 import * as i0 from "@angular/core";
 export declare class ShellLayoutComponent implements OnInit, OnDestroy, AfterViewInit, AfterViewChecked {
+    private document;
     private router;
     private location;
     private config;
     private componentLoaderFactory;
     dynamicComponentHosts: QueryList<DynamicComponentHostDirective> | null;
-    private routerSub$;
     showRightPaneSM: boolean;
+    private routerSub$;
     activeConfig: IShellConfig;
     loaded: boolean;
-    constructor(router: Router, location: Location, config: IShellConfig | null, componentLoaderFactory: ComponentLoaderFactory);
+    constructor(document: any, router: Router, location: Location, config: IShellConfig | null, componentLoaderFactory: ComponentLoaderFactory);
     ngAfterViewChecked(): void;
     ngOnInit(): void;
     ngAfterViewInit(): void;

package/lib/layouts/views/form-layout/form-layout.component.d.ts

@@ -3,7 +3,7 @@ import { Router } from '@angular/router';
 import { RouterViewAction, ViewAction } from '../../../types';
 import * as i0 from "@angular/core";
 export declare class FormLayoutComponent implements OnInit {
-    private _router;
+    private router$;
     private searchInput$?;
     title: string | null;
     searchPlaceholder: string | null;
@@ -12,8 +12,7 @@ export declare class FormLayoutComponent implements OnInit {
     onAction: EventEmitter<ViewAction>;
     onSearch: EventEmitter<string>;
     onComplete: EventEmitter<boolean>;
-    showRightPaneSM: boolean;
-    constructor(_router: Router);
+    constructor(router$: Router);
     ngOnInit(): void;
     onSidePaneDeactivated($event: any): void;
     emitActionClick(action: ViewAction): void;

package/lib/ng-components.module.d.ts

@@ -1,5 +1,4 @@
 import { ToasterService } from './services/toaster.service';
-import { NotificationsService } from './services/notifications.service';
 import * as i0 from "@angular/core";
 import * as i1 from "./directives/click-outside.directive";
 import * as i2 from "./directives/dynamic-component-host.directive";
@@ -34,13 +33,17 @@ import * as i30 from "./pages/http-status/page-not-found/page-not-found.componen
 import * as i31 from "./pages/http-status/unauthorized/unauthorized.component";
 import * as i32 from "./pipes/address.pipe";
 import * as i33 from "./pipes/duration-format.pipe";
-import * as i34 from "./pipes/obs-with-status.pipe";
-import * as i35 from "@angular/common";
-import * as i36 from "@angular/router";
-import * as i37 from "@indice/ng-auth";
+import * as i34 from "./controls/nav-links-list/nav-links-list.component";
+import * as i35 from "./controls/notifications-indicator/notifications-indicator.component";
+import * as i36 from "@angular/common";
+import * as i37 from "@angular/router";
+import * as i38 from "@indice/ng-auth";
 export declare class IndiceComponentsModule {
-    static forRoot(): i0.ModuleWithProviders<IndiceComponentsModule>;
+    static forRoot(): {
+        ngModule: typeof IndiceComponentsModule;
+        providers: (typeof ToasterService)[];
+    };
     static ɵfac: i0.ɵɵFactoryDeclaration<IndiceComponentsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<IndiceComponentsModule, [typeof i1.ClickOutsideDirective, typeof i2.DynamicComponentHostDirective, typeof i3.DropDownMenuComponent, typeof i4.PagerComponent, typeof i5.ListViewComponent, typeof i6.ListColumnComponent, typeof i7.ListTileComponent, typeof i8.ListDetailsSectionComponent, typeof i9.ListViewEmptyStateComponent, typeof i10.SkeletonLoaderComponent, typeof i11.CollapsiblePanelComponent, typeof i12.KpiTileComponent, typeof i13.SidePaneComponent, typeof i14.DatepickerComponent, typeof i15.AvatarInitialsComponent, typeof i16.ToggleComponent, typeof i17.ToasterContainerComponent, typeof i18.ToasterComponent, typeof i19.ShellLayoutComponent, typeof i20.ShellHeaderComponent, typeof i21.ShellFooterComponent, typeof i22.ViewLayoutComponent, typeof i23.SideViewLayoutComponent, typeof i24.ModelViewLayoutComponent, typeof i25.FormLayoutComponent, typeof i26.AuthCallbackComponent, typeof i27.AuthRenewComponent, typeof i28.LoggedOutComponent, typeof i29.ErrorComponent, typeof i30.PageNotFoundComponent, typeof i31.UnauthorizedComponent, typeof i32.AddressPipe, typeof i33.DurationFormatPipe, typeof i34.ObsWithStatusPipe], [typeof i35.CommonModule, typeof i36.RouterModule, typeof i37.IndiceAuthModule], [typeof i1.ClickOutsideDirective, typeof i3.DropDownMenuComponent, typeof i4.PagerComponent, typeof i5.ListViewComponent, typeof i6.ListColumnComponent, typeof i7.ListTileComponent, typeof i8.ListDetailsSectionComponent, typeof i9.ListViewEmptyStateComponent, typeof i12.KpiTileComponent, typeof i10.SkeletonLoaderComponent, typeof i19.ShellLayoutComponent, typeof i20.ShellHeaderComponent, typeof i21.ShellFooterComponent, typeof i22.ViewLayoutComponent, typeof i23.SideViewLayoutComponent, typeof i24.ModelViewLayoutComponent, typeof i25.FormLayoutComponent, typeof i26.AuthCallbackComponent, typeof i27.AuthRenewComponent, typeof i28.LoggedOutComponent, typeof i29.ErrorComponent, typeof i30.PageNotFoundComponent, typeof i31.UnauthorizedComponent, typeof i32.AddressPipe, typeof i33.DurationFormatPipe, typeof i34.ObsWithStatusPipe, typeof i11.CollapsiblePanelComponent, typeof i13.SidePaneComponent, typeof i14.DatepickerComponent, typeof i17.ToasterContainerComponent, typeof i18.ToasterComponent, typeof i15.AvatarInitialsComponent, typeof i16.ToggleComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IndiceComponentsModule, [typeof i1.ClickOutsideDirective, typeof i2.DynamicComponentHostDirective, typeof i3.DropDownMenuComponent, typeof i4.PagerComponent, typeof i5.ListViewComponent, typeof i6.ListColumnComponent, typeof i7.ListTileComponent, typeof i8.ListDetailsSectionComponent, typeof i9.ListViewEmptyStateComponent, typeof i10.SkeletonLoaderComponent, typeof i11.CollapsiblePanelComponent, typeof i12.KpiTileComponent, typeof i13.SidePaneComponent, typeof i14.DatepickerComponent, typeof i15.AvatarInitialsComponent, typeof i16.ToggleComponent, typeof i17.ToasterContainerComponent, typeof i18.ToasterComponent, typeof i19.ShellLayoutComponent, typeof i20.ShellHeaderComponent, typeof i21.ShellFooterComponent, typeof i22.ViewLayoutComponent, typeof i23.SideViewLayoutComponent, typeof i24.ModelViewLayoutComponent, typeof i25.FormLayoutComponent, typeof i26.AuthCallbackComponent, typeof i27.AuthRenewComponent, typeof i28.LoggedOutComponent, typeof i29.ErrorComponent, typeof i30.PageNotFoundComponent, typeof i31.UnauthorizedComponent, typeof i32.AddressPipe, typeof i33.DurationFormatPipe, typeof i34.NavLinksListComponent, typeof i35.NotificationsIndicatorComponent], [typeof i36.CommonModule, typeof i37.RouterModule, typeof i38.IndiceAuthModule], [typeof i1.ClickOutsideDirective, typeof i3.DropDownMenuComponent, typeof i4.PagerComponent, typeof i5.ListViewComponent, typeof i6.ListColumnComponent, typeof i7.ListTileComponent, typeof i8.ListDetailsSectionComponent, typeof i9.ListViewEmptyStateComponent, typeof i12.KpiTileComponent, typeof i10.SkeletonLoaderComponent, typeof i19.ShellLayoutComponent, typeof i20.ShellHeaderComponent, typeof i21.ShellFooterComponent, typeof i22.ViewLayoutComponent, typeof i23.SideViewLayoutComponent, typeof i24.ModelViewLayoutComponent, typeof i25.FormLayoutComponent, typeof i26.AuthCallbackComponent, typeof i27.AuthRenewComponent, typeof i28.LoggedOutComponent, typeof i29.ErrorComponent, typeof i30.PageNotFoundComponent, typeof i31.UnauthorizedComponent, typeof i32.AddressPipe, typeof i33.DurationFormatPipe, typeof i11.CollapsiblePanelComponent, typeof i13.SidePaneComponent, typeof i14.DatepickerComponent, typeof i17.ToasterContainerComponent, typeof i18.ToasterComponent, typeof i15.AvatarInitialsComponent, typeof i16.ToggleComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<IndiceComponentsModule>;
 }

package/lib/tokens.d.ts

@@ -1,4 +1,5 @@
 import { InjectionToken } from '@angular/core';
 import { IAppLinks, IShellConfig } from './types';
 export declare const APP_LINKS: InjectionToken<IAppLinks>;
+export declare const APP_NOTIFICATIONS: InjectionToken<IAppLinks>;
 export declare const SHELL_CONFIG: InjectionToken<IShellConfig>;

package/lib/types.d.ts

@@ -1,4 +1,8 @@
-import { Observable } from "rxjs";
+import { Observable } from 'rxjs';
+export interface IAppNotifications {
+    messages: Observable<IResultSet<NavLink>>;
+    inboxAction?: () => void | undefined;
+}
 export interface IAppLinks {
     public: Observable<NavLink[]>;
     main: Observable<NavLink[]>;
@@ -6,27 +10,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;
@@ -81,18 +88,19 @@ export interface IShellConfig {
     appLogoAlt: string;
     showHeader: boolean;
     showUserNameOnHeader?: boolean;
-    showNotifications: boolean;
-    showFooter: boolean;
+    showAlertsOnHeader?: boolean;
     customHeaderComponent?: any;
+    showFooter: boolean;
     customFooterComponent?: any;
     fluid: boolean;
+    langs?: string[];
 }
 export declare class DefaultShellConfig implements IShellConfig {
     appLogo: string;
     appLogoAlt: string;
     showHeader: boolean;
     showUserNameOnHeader: boolean;
-    showNotifications: boolean;
+    showAlertsOnHeader: boolean;
     showFooter: boolean;
     fluid: boolean;
 }
@@ -133,3 +141,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.142-beta",
+  "version": "0.2.142",
   "description": "Indice common components for Angular v12",
   "repository": {
     "type": "git",
@@ -24,7 +24,7 @@
     "@angular/common": "^12.0.1",
     "@angular/core": "^12.0.1",
     "@angular/router": "^12.0.1",
-    "@indice/ng-auth": "^0.1.19",
+    "@indice/ng-auth": "^0.1.26",
     "oidc-client": "^1.11.5",
     "tailwindcss": "^2.1.2",
     "@tailwindcss/aspect-ratio": "^0.2.0",
@@ -34,13 +34,26 @@
     "rxjs": "^6.6.7"
   },
   "dependencies": {
-    "tslib": "^2.0.0"
+    "tslib": "^2.4.0"
   },
-  "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",
+  "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": "indice-ng-components.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./indice-ng-components.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"
+    }
+  },
   "sideEffects": false
 }

package/public-api.d.ts

@@ -15,6 +15,7 @@ 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/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 +31,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';