@indice/ng-components 0.2.167 → 0.2.169

package/lib/types.d.ts

@@ -50,7 +50,8 @@ export declare class ViewAction {
     param: any;
     icon: string;
     tooltip: string | null;
-    constructor(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;
@@ -61,7 +62,7 @@ export declare class ListViewType {
 export declare class RouterViewAction extends ViewAction {
     outlet: string | null;
     link: string | null;
-    constructor(icon: string, link: string, outlet: string | null, tooltip: 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);
@@ -98,31 +99,33 @@ export interface IAddress {
     country?: string | null;
 }
 export interface IShellConfig {
-    layout?: ShellLayoutType;
     appLogo: string;
     appLogoAlt: string;
-    showHeader: boolean;
-    showUserNameOnHeader?: boolean;
-    showAlertsOnHeader?: boolean;
-    customHeaderComponent?: any;
-    showFooter: boolean;
+    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 {
-    layout: ShellLayoutType;
     appLogo: string;
     appLogoAlt: string;
-    showHeader: boolean;
-    showUserNameOnHeader: boolean;
+    breadcrumb: boolean;
+    fluid: boolean;
+    layout: ShellLayoutType;
     showAlertsOnHeader: boolean;
     showFooter: boolean;
-    fluid: boolean;
+    showHeader: boolean;
+    showUserNameOnHeader: boolean;
 }
 export declare enum SCREEN_SIZE {
     XS = 0,
@@ -171,3 +174,4 @@ export interface IValidationProblemDetails {
         [key: string]: string[];
     } | undefined;
 }
+export declare 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*/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@indice/ng-components",
-  "version": "0.2.167",
+  "version": "0.2.169",
   "description": "Indice common components for Angular v12",
   "repository": {
     "type": "git",

package/public-api.d.ts

@@ -1,6 +1,8 @@
 export * from './lib/directives/click-outside.directive';
 export * from './lib/controls/drop-down-menu/drop-down-menu.component';
 export * from './lib/controls/pager/pager.component';
+export * from './lib/controls/breadcrumb/breadcrumb.component';
+export * from './lib/controls/breadcrumb/breadcrumb-item';
 export * from './lib/controls/list-view/list-view.component';
 export * from './lib/controls/list-view/list-column.component';
 export * from './lib/controls/list-view/list-tile.component';
@@ -19,11 +21,14 @@ 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/controls/tabs/lib-tab-label.directive';
 export * from './lib/controls/stepper/lib-stepper.component';
 export * from './lib/controls/stepper/lib-step.component';
 export * from './lib/controls/stepper/lib-step-label.directive';
 export * from './lib/controls/stepper/lib-step-info.directive';
 export * from './lib/controls/stepper/types/stepper-type';
+export * from './lib/controls/toggle-button/toggle-button.component';
+export * from './lib/controls/toggle-buttons-list/toggle-buttons-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';
@@ -50,4 +55,6 @@ export * from './lib/services/modal-service/modal-service';
 export { ModalOptions, MODAL_CONFIG_DEFAULT_OVERRIDE, CloseInterceptorFn } from './lib/services/modal-service/modal-options.class';
 export * from './lib/services/modal-service/modal.class';
 export * from './lib/services/toaster.service';
+export * from './lib/services/breadcrumb.service';
+export * from './lib/services/user-settings.service';
 export * from './lib/ng-components.module';