@indice/ng-components 0.2.175 → 0.3.1

package/lib/types.d.ts

@@ -1,177 +1,179 @@
-import { Observable } from 'rxjs';
-export interface IAppNotifications {
-    messages: Observable<IResultSet<NavLink>>;
-    getMessage?: (predicate: (value: any, index: number, obj: any[]) => any) => any | undefined;
-    markMessageRead?: (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[]>;
-    profile: Observable<NavLink[]>;
-    profileActions: Observable<NavLink[]>;
-    legal: Observable<NavLink[]>;
-    brand: Observable<NavLink[]>;
-    notifications?: Observable<NavLink>;
-}
-export declare class NavLink {
-    constructor(text: string, path: string, exact?: boolean, external?: boolean, icon?: string, data?: any);
-    text: string;
-    path: string;
-    exact: boolean;
-    external: boolean;
-    icon: string | undefined;
-    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 {
-    isRead: boolean;
-    creationDate?: Date | undefined;
-    constructor(text: string, path: string, isRead: boolean, creationDate?: Date | undefined);
-}
-export declare class ViewAction {
-    type: string;
-    key: string | null;
-    param: any;
-    icon: string;
-    tooltip: string | null;
-    text?: string;
-    constructor(type: string, key: string | null, param: any, icon: string, tooltip: string | null, text?: string);
-}
-export declare class ListViewType {
-    static Tiles: string;
-    static Table: string;
-    static Map: string;
-    static Gallery: string;
-}
-export declare class RouterViewAction extends ViewAction {
-    outlet: string | null;
-    link: string | null;
-    constructor(icon: string, link: string, outlet: string | null, tooltip: string | null, text?: string);
-}
-export declare class SwitchViewAction extends ViewAction {
-    constructor(view: string, icon: string, tooltip: string | null);
-}
-export interface IResultSet<T> {
-    count: number;
-    items: T[];
-}
-export declare class HeaderMetaItem {
-    key: string | null;
-    icon: string | null;
-    text: string | null;
-}
-export declare class MenuOption {
-    constructor(text: string, value: any, description?: string, data?: any, icon?: string);
-    text: string;
-    value: any;
-    description: string | undefined;
-    data: any | undefined;
-    icon: string | undefined;
-}
-export declare enum PagerPosition {
-    Top = "top",
-    Bottom = "bottom",
-    Both = "both"
-}
-export interface IAddress {
-    id?: string;
-    street?: string | null;
-    streetNumber?: string | null;
-    city?: string | null;
-    region?: string | null;
-    postalCode?: string | null;
-    country?: string | null;
-}
-export interface IShellConfig {
-    appLogo: string;
-    appLogoAlt: string;
-    breadcrumb: boolean;
-    customFooterComponent?: any;
-    customHeaderComponent?: any;
-    fluid: boolean;
-    layout?: ShellLayoutType;
-    showAlertsOnHeader?: boolean;
-    showFooter: boolean;
-    showHeader: boolean;
-    showLangsOnHeader?: boolean;
-    showUserNameOnHeader?: boolean;
-}
-export declare enum ShellLayoutType {
-    Stacked = "Stacked",
-    Sidebar = "Sidebar"
-}
-export declare class DefaultShellConfig implements IShellConfig {
-    appLogo: string;
-    appLogoAlt: string;
-    breadcrumb: boolean;
-    fluid: boolean;
-    layout: ShellLayoutType;
-    showAlertsOnHeader: boolean;
-    showFooter: boolean;
-    showHeader: boolean;
-    showUserNameOnHeader: boolean;
-}
-export declare enum SCREEN_SIZE {
-    XS = 0,
-    SM = 1,
-    MD = 2,
-    LG = 3,
-    XL = 4
-}
-export interface IScreenSize {
-    id: SCREEN_SIZE;
-    name: string;
-    css: string;
-}
-export declare enum ToastType {
-    Info = "info",
-    Success = "success",
-    Error = "error",
-    Warning = "warning"
-}
-export declare const NULL_TOAST: Toast;
-export interface Toast {
-    type: ToastType;
-    title: string;
-    body: string;
-    delay: number;
-}
-export declare enum SidePaneSize {
-    Default = "",
-    Small25 = "25%",
-    Medium50 = "50%",
-    Large75 = "75%"
-}
-export declare enum SidePaneOverlayType {
-    Default = "",
-    None = "-opacity-0",
-    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;
-}
-export declare type UserSettingKey = 'MobileSideBar';
+import { Observable } from 'rxjs';
+import { Params } from '@angular/router';
+export interface IAppNotifications {
+    messages: Observable<IResultSet<NavLink>>;
+    getMessage?: (predicate: (value: any, index: number, obj: any[]) => any) => any | undefined;
+    markMessageRead?: (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[]>;
+    profile: Observable<NavLink[]>;
+    profileActions: Observable<NavLink[]>;
+    legal: Observable<NavLink[]>;
+    brand: Observable<NavLink[]>;
+    notifications?: Observable<NavLink>;
+}
+export declare class NavLink {
+    constructor(text: string, path: string, exact?: boolean, external?: boolean, icon?: string, data?: any, queryParams?: Params);
+    text: string;
+    path: string;
+    exact: boolean;
+    external: boolean;
+    icon: string | undefined;
+    type: string;
+    data: any | undefined;
+    queryParams: Params | 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 {
+    isRead: boolean;
+    creationDate?: Date | undefined;
+    constructor(text: string, path: string, isRead: boolean, creationDate?: Date | undefined);
+}
+export declare class ViewAction {
+    type: string;
+    key: string | null;
+    param: any;
+    icon: string;
+    tooltip: string | null;
+    text?: string;
+    constructor(type: string, key: string | null, param: any, icon: string, tooltip: string | null, text?: string);
+}
+export declare class ListViewType {
+    static Tiles: string;
+    static Table: string;
+    static Map: string;
+    static Gallery: string;
+}
+export declare class RouterViewAction extends ViewAction {
+    outlet: string | null;
+    link: string | null;
+    constructor(icon: string, link: string, outlet: string | null, tooltip: string | null, text?: string);
+}
+export declare class SwitchViewAction extends ViewAction {
+    constructor(view: string, icon: string, tooltip: string | null);
+}
+export interface IResultSet<T> {
+    count: number;
+    items: T[];
+}
+export declare class HeaderMetaItem {
+    key: string | null;
+    icon: string | null;
+    text: string | null;
+}
+export declare class MenuOption {
+    constructor(text: string, value: any, description?: string, data?: any, icon?: string);
+    text: string;
+    value: any;
+    description: string | undefined;
+    data: any | undefined;
+    icon: string | undefined;
+}
+export declare enum PagerPosition {
+    Top = "top",
+    Bottom = "bottom",
+    Both = "both"
+}
+export interface IAddress {
+    id?: string;
+    street?: string | null;
+    streetNumber?: string | null;
+    city?: string | null;
+    region?: string | null;
+    postalCode?: string | null;
+    country?: string | null;
+}
+export interface IShellConfig {
+    appLogo: string;
+    appLogoAlt: string;
+    breadcrumb: boolean;
+    customFooterComponent?: any;
+    customHeaderComponent?: any;
+    fluid: boolean;
+    layout?: ShellLayoutType;
+    showAlertsOnHeader?: boolean;
+    showFooter: boolean;
+    showHeader: boolean;
+    showLangsOnHeader?: boolean;
+    showUserNameOnHeader?: boolean;
+}
+export declare enum ShellLayoutType {
+    Stacked = "Stacked",
+    Sidebar = "Sidebar"
+}
+export declare class DefaultShellConfig implements IShellConfig {
+    appLogo: string;
+    appLogoAlt: string;
+    breadcrumb: boolean;
+    fluid: boolean;
+    layout: ShellLayoutType;
+    showAlertsOnHeader: boolean;
+    showFooter: boolean;
+    showHeader: boolean;
+    showUserNameOnHeader: boolean;
+}
+export declare enum SCREEN_SIZE {
+    XS = 0,
+    SM = 1,
+    MD = 2,
+    LG = 3,
+    XL = 4
+}
+export interface IScreenSize {
+    id: SCREEN_SIZE;
+    name: string;
+    css: string;
+}
+export declare enum ToastType {
+    Info = "info",
+    Success = "success",
+    Error = "error",
+    Warning = "warning"
+}
+export declare const NULL_TOAST: Toast;
+export interface Toast {
+    type: ToastType;
+    title: string;
+    body: string;
+    delay: number;
+}
+export declare enum SidePaneSize {
+    Default = "",
+    Small25 = "25%",
+    Medium50 = "50%",
+    Large75 = "75%"
+}
+export declare enum SidePaneOverlayType {
+    Default = "",
+    None = "-opacity-0",
+    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;
+}
+export type UserSettingKey = 'MobileSideBar';

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*/