i-tech-shared-components 1.1.26 → 1.1.28

package/lib/components/text/text-input.component.d.ts

@@ -2,17 +2,21 @@ import { EventEmitter } from '@angular/core';
 import { FormControlName } from '@angular/forms';
 import { InputService } from '../../services/input.service';
 import { AppInputInterface } from "../../interfaces/app-input.interface";
+import { MatInput } from "@angular/material/input";
 import * as i0 from "@angular/core";
 export declare class TextInputComponent {
     private inputService;
+    input: MatInput;
     set inputData(data: AppInputInterface);
     get inputData(): AppInputInterface;
     focusOutEmitter: EventEmitter<void>;
     private _inputData;
     ngControl: FormControlName;
+    closed: boolean;
     constructor(inputService: InputService);
     onFocusOut(): void;
     clear(): void;
+    toggleEye(): void;
     customErrorStateMatcher: {
         isErrorState: (control: any, form: any) => boolean;
     };

package/lib/interfaces/autocomplete-configs.interface.d.ts

@@ -34,4 +34,5 @@ export interface AutocompleteConfigsInterface {
     iconPrefixTooltip?: string | undefined;
     iconPrefixSvg?: string | undefined;
     iconPrefixColor?: string | undefined;
+    needTranslateOptions?: boolean;
 }

package/package.json

@@ -1,19 +1,18 @@
 {
   "name": "i-tech-shared-components",
-  "version": "1.1.26",
+  "version": "1.1.28",
   "peerDependencies": {
-    "@angular/animations": "^19.1.1",
-    "@angular/cdk": "^19.1.0",
-    "@angular/common": "^19.1.1",
-    "@angular/compiler": "^19.1.1",
-    "@angular/core": "^19.1.1",
-    "@angular/forms": "^19.1.1",
-    "@angular/material": "^19.1.0",
-    "ag-grid-angular": "^32.3.3",
-    "ag-grid-enterprise": "^32.3.3",
-    "ngx-mask": "^19.0.6",
-    "@ngx-translate/core": "^16.0.4",
-    "@ngx-translate/http-loader": "^16.0.1"
+    "@angular/material": "~18.2.14",
+    "@angular/animations": "~18.0.0",
+    "@angular/cdk": "~18.2.14",
+    "@angular/common": "~18.0.0",
+    "@angular/compiler": "~18.0.0",
+    "@angular/core": "~18.0.0",
+    "@angular/forms": "~18.0.0",
+    "@angular/router": "~18.0.0",
+    "@ngx-translate/core": "^15.0.0",
+    "@ngx-translate/http-loader": "^8.0.0",
+    "ngx-mask": "^16.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"
@@ -33,6 +32,8 @@
     },
     ".": {
       "types": "./index.d.ts",
+      "esm2022": "./esm2022/i-tech-shared-components.mjs",
+      "esm": "./esm2022/i-tech-shared-components.mjs",
       "default": "./fesm2022/i-tech-shared-components.mjs"
     }
   }

package/theme/_label.scss

@@ -76,12 +76,6 @@ body {
                   border: #FF4D4D,
                   text: #8B0000
           ),
-          gray: (
-                  main: #F0F0F4,
-                  hover: #E5E0F6,
-                  border: #fff,
-                  text: #647081
-          ),
   );
 
   --mdc-chip-container-shape-radius: 8px !important;
@@ -106,13 +100,6 @@ body {
     }
   }
 
-  .table_row_item {
-    display: flex;
-    align-items: center;
-    height: 100%;
-  }
-
-
   .mat-mdc-chip.small {
     // TODO need to review
     --mdc-chip-container-height: 28px !important;
@@ -130,4 +117,3 @@ body {
   }
 
 }
-

package/theme.scss

@@ -13,8 +13,7 @@
 @import "./theme/menu.scss";
 @import "./theme/ag-grid.scss";
 
-@include mat.elevation-classes();
-@include mat.app-background();
+@include mat.core();
 
 body {
   // BASE CSS PROPERTIES
@@ -23,8 +22,7 @@ body {
   font-style: normal;
   font-size: 12px;
 
-  @include mat.elevation-classes();
-  @include mat.app-background();
+  @include mat.core-theme($m3-light-theme);
   @include mat.all-component-themes($m3-light-theme);
   @include mat.color-variants-backwards-compatibility($m3-light-theme);
   @include mat.form-field-theme($m3-light-theme, $color-variant: secondary);

package/theme/_flex.scss

@@ -1,92 +0,0 @@
-.flex_between_align_center {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.flex_wrap {
-  display: flex;
-  flex-wrap: wrap;
-}
-
-.flex_align_baseline {
-  display: flex;
-  align-items: baseline;
-}
-
-.flex_center_align_center {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.flex_between {
-  display: flex;
-  justify-content: space-between;
-}
-
-.flex_column {
-  flex-direction: column;
-}
-
-.flex_align_center {
-  display: flex;
-  align-items: center;
-}
-
-.flex_around_align_center {
-  display: flex;
-  align-items: center;
-  justify-content: space-around;
-}
-
-.flex_center_align_around {
-  display: flex;
-  align-items: center;
-  justify-content: space-around;
-}
-
-.flex {
-  display: flex;
-}
-
-.flex_end {
-  display: flex;
-  justify-content: flex-end;
-}
-.flex_start {
-  display: flex;
-  justify-content: flex-start;
-}
-.flex_align_start {
-  display: flex;
-  align-items: flex-start;
-}
-.flex_align_end_center {
-  display: flex;
-  justify-content: center;
-  align-items: flex-end;
-}
-
-.flex_center {
-  display: flex;
-  justify-content: center;
-}
-
-.absolute {
-  position: absolute !important;
-}
-.relative {
-  position: relative !important;
-}
-
-.position_center {
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-
-.flex_align_end {
-  display: flex;
-  align-items: flex-end;
-}

package/theme/_margin_padding_height_width.scss

@@ -1,143 +0,0 @@
-.float-r {
-  float: right;
-}
-
-// Margins
-.mt-4 { margin-top: 4px;}
-.mt-5 { margin-top: 5px; }
-.mt-8 { margin-top: 8px; }
-.mt-10 { margin-top: 10px; }
-.mb-10 { margin-bottom: 10px; }
-.mb-20 { margin-bottom: 20px; }
-.mt-20 { margin-top: 20px; }
-.mt-15 { margin-top: 15px; }
-.mt-16 { margin-top: 16px; }
-.mt-25 { margin-top: 25px; }
-.mt-30 { margin-top: 30px; }
-.mt-40 { margin-top: 40px; }
-.mt-45 { margin-top: 45px; }
-.mt-50 { margin-top: 50px; }
-.mt-70 {
-  margin-top: 70px;
-}
-.ml-20 { margin-left: 20px; }
-.ml-25 { margin-left: 25px; }
-.ml-36 { margin-left: 36px; }
-.ml-30 { margin-left: 30px; }
-.ml-32 { margin-left: 32px; }
-.ml-18 { margin-left: 18px; }
-.ml-16 { margin-left: 16px; }
-.ml-15 { margin-left: 15px; }
-.ml-12 { margin-left: 12px; }
-.ml-10 { margin-left: 10px; }
-.ml-6  { margin-left: 6px;  }
-.ml-5 { margin-left: 5px; }
-.ml-35 { margin-left: 35px; }
-.ml-40 { margin-left: 40px; }
-.ml-45 { margin-left: 45px; }
-.ml-50 { margin-left: 50px; }
-.mb-30 { margin-bottom: 30px; }
-.mb-20 { margin-bottom: 20px; }
-.mt-25 { margin-top: 25px; }
-
-
-
-.mr-20 { margin-right: 20px; }
-.mr-10 { margin-right: 10px; }
-.mr-5 { margin-right: 5px; }
-.m-auto {margin: 0 auto !important;}
-.ml-auto {margin-left: auto}
-.input-ml-20 {margin-left: 0 !important;}
-.mt-tab-20 {
-  & .mat-tab-body-content {
-    //margin-top: 20px;
-  }
-}
-.input-ml-items-3 { margin-left: calc(10% / 2 )}
-// End of Margins
-// Paddings
-.pl-10 { padding-left: 10px !important; }
-.pl-20 { padding-left: 20px !important; }
-.pl-40 { padding-left: 40px !important;}
-.pr-20 {padding-right: 20px !important;}
-.pr-30 {padding-right: 30px !important;}
-.pb-10 {padding-bottom: 10px !important;}
-.pb-20 {padding-bottom: 20px !important;}
-.pt-5 { padding-top: 5px !important; }
-.pt-10 {padding-top: 10px !important;}
-.pt-20 {padding-top: 20px !important;}
-.pt-30 {padding-top: 30px !important;}
-.pt-40 {padding-top: 40px !important;}
-.pt-50 {padding-top: 50px !important;}
-.pr-10 {padding-right: 10px !important;}
-.p-10 {padding: 10px !important;}
-.p-15 {padding: 15px !important;}
-.p-rl-10 {
-  padding: 0 10px;
-}
-.p-rl-20 {
-  padding: 0 20px;
-}
-.p-20 {
- padding: 20px;
-}
-.p-30 {
-  padding: 30px;
-}
-.p-50 {
-  padding: 50px;
-}
-// End of Paddings
-
-.w-100 {width: 100%}
-.h-100 {height: 100%}
-.h-100-minus-40 { height: calc(100% - 40px);}
-.h-100-minus-60 { height: calc(100% - 60px);}
-.h-100-minus-100 { height: calc(100% - 100px);}
-.vh-100-minus-40 { height: calc(100vh - 150px);}
-.vh-100-minus-155 { height: calc(100vh - 155px);}
-.vh-100-overflowY {height: 100vh;overflow-y: auto}
-.tab-h-100 {
-  & mat-tab-body {
-    height: 100%
-  }
-}
-
-.dialog_single_input {
-  width: 176px;
-}
-.h-w-100-no-overflow {
-  width: 100%;
-  height: 100%;
-  overflow-y: hidden;
-}
-.w-fit_cont {width: fit-content !important;}
-.w-imp-100 {width: 100% !important;}
-.w-15 {width: 15%}
-.w-20 {width: 20%}
-.w-25 {width: 25%}
-.w-30 {width: 30%}
-.w-40 {width: 40%}
-.w-45 {width: 45%}
-.w-50 {width: 50%}
-.w-70 {width: 70%}
-.w-60 {width: 60%}
-.w-80 {width: 80%}
-.wp-70 {width: 70px}
-.vw-20 {width: 20vw}
-.vw-80 {width: 80vw}
-.w-90 {width: 90%}
-.h-40px {height: 40px!important}
-
-@import "./variables/desctop_sizes";
-
-@media (max-width: (map-get( $desktopSizes , tablet ) - 1)) {
-  .w-tablet-100 { width: 100% !important;}
-  .w-tablet-45 { width: 45% !important;}
-  .mt-tablet-20 { margin-top: 20px !important;}
-  .mt-tablet-15 { margin-top: 15px !important;}
-}
-
-@media (min-width: (map-get( $desktopSizes , desktop-lg ) - 1)) {
-  //.vh-100-minus-40 { height: calc(100vh - 200px);}
-}

package/theme/_material_ovveride.scss

@@ -1,82 +0,0 @@
-// Dialog Css
-.mat-mdc-dialog-container {
-  background: var(--white-color);
-  padding: 0 !important;
-  border: 1px solid var(--gray-icon-color);
-  border-radius: 10px !important;
-  box-shadow: unset !important;
-  transition-duration: unset !important;
-  max-width: 75vw;
-
-  .mdc-dialog__container {
-    height: 100%;
-    width: 100%;
-    transition-duration: unset !important;
-    .mdc-dialog__surface {
-      width: 100%;
-      overflow-x: hidden !important;
-      border-radius: unset !important;
-      box-shadow: unset !important;
-      background: unset !important;
-      padding: 35px !important;
-      .modal_content {
-        min-height: 180px;
-        min-width: 375px;
-      }
-    }
-  }
-
-}
-
-.sidebar_modal .mat-mdc-dialog-container {
-  border: unset !important;
-  border-left: 1px solid #707070 !important;
-  border-radius: 10px 0 0 10px !important;
-}
-
-// End of Dialog Css
-
-// TOGGLE CHECKBOX
-.mat-slide-toggle-thumb-container {
-  top: 1px !important;
-}
-
-.home_page_container_modal_login {
-  .mat-mdc-dialog-container {
-    border-radius: 20px !important;
-  }
-}
-
-@import "./variables/desctop_sizes";
-
-.mat-mdc-menu-content {
-  padding: 10px 0 !important;
-  .mat-mdc-menu-item {
-    padding: 10px 20px !important;
-    min-height: unset !important;
-  }
-  .menu_draw {
-    width: calc(100% - 40px);
-    margin: 8px auto 5px;
-    height: 1px;
-    background: #D7D9DE;
-  }
-}
-
-
-@media (min-width: (map-get($desktopSizes, large_3))) and (max-width: (map-get( $desktopSizes , large_4 ) - 1)) {
-  .mat-mdc-dialog-container {
-    min-width: 457px !important;
-    .mdc-dialog__surface {
-      padding: 35px !important;
-      .modal_content {
-        min-height: 216px !important;
-        min-width: 387px !important;
-      }
-    }
-  }
-
-  .standard_dialog {
-    min-height: 246px !important;
-  }
-}

package/theme/_modal_and_cards.scss

@@ -1,56 +0,0 @@
-.modal_content {
-  flex-direction: column;
-  min-height: 100px;
-  height: 100%;
-  &--content {
-    height: 100%;
-  }
-}
-
-// Cards
-.card {
-  background-color: var(--white-color);
-  border-radius: 15px;
-  margin: 20px 0;
-  padding: 35px;
-  box-shadow: 0 5px 14px var(--box-shadow-color-bold);
-}
-
-.app_card{
-  background: #FFFFFF 0 0 no-repeat padding-box;
-  box-shadow: 0 5px 14px var(--box-shadow-color);
-  border-radius: 16px;
-  padding: 20px;
-}
-
-.white-space {
-  white-space: pre-line;
-};
-// New Card
-.card_section {
-  background-color: var(--white-color);
-  border-radius: 5px;
-  padding: 32px 16px;
-  border: 1px solid var(--card-border-color);
-  width: 100%;
-}
-
-
-@import "./variables/desctop_sizes";
-
-@media (max-width: (map-get( $desktopSizes , medium ) - 1)) {
-  .modal_content {
-    &--content {
-      height: auto;
-    }
-  }
-}
-
-// SHIFT BASE ASSIGNMENT
-app-add-shift-template {
-  display: block;
-  position: relative;
-  height: 100%;
-  width: 100%;
-}
-// END OF SHIFT BASE ASSIGNMENT

package/theme/_texts.scss

@@ -1,87 +0,0 @@
-// Texts
-.title_text { font-size: 28px;  font-weight: bold; line-height: 1.2 !important;}
-
-.big_title_text { font-size: 32px;}
-
-.normal_text { font-size: 12px;}
-
-.sub_title_text {font-size: 20px; line-height: 1.4;}
-
-.sub_title_text_without_line_height {
-  font-size: 20px;
-}
-
-.line_height_24 {
-  line-height: 24px;
-}
-
-.middle_text {font-size: 16px;}
-
-.sub_middle_text {font-size: 18px;}
-
-.middle_small_text {font-size: 14px;}
-
-.font_size_13 {font-size: 13px};
-
-.small_text {font-size: 10px;}
-
-.bol_400 {
-  font-weight: 400;
-}
-.bold { font-weight: 600; }
-
-.font_weight_500 {
-  font-weight: 500;
-}
-
-.font_weight_700 {
-  font-weight: 700;
-}
-
-.font_w_700 {
-  font-weight: 700;
-}
-
-.font_weight_400 {
-  font-weight: 400;
-}
-
-.break_all { word-break: break-all;}
-// End of Texts
-
-// Mobile Texts
-.mobile_middle_text {font-size: 15px; font-weight: 600; letter-spacing: 0.5px}
-
-.mobile_normal_text {font-size: 12px; letter-spacing: 0.4px}
-// End of Mobile Texts
-
-.initial_text {
-  line-height: initial;
-}
-
-.text-center {
-  text-align: center;
-}
-
-.ellipsis {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.normal_weight { font-weight: 400; }
-.base-bold { font-weight: bold; }
-.bold { font-weight: 500; }
-.very_bold { font-weight: 700; }
-.bold_600 { font-weight: 600; }
-
-.pointer { cursor: pointer !important;}
-
-.underline { text-decoration: underline; }
-
-.text_decoration_none { text-decoration: none}
-
-.modal-title-text { font-size: 22px; line-height: 30px }
-.modal-sub-title-text { font-size: 18px; line-height: 24px }
-.modal-body-text { font-size: 18px; line-height: 24px; }
-

package/theme/variables/_desctop_sizes.scss

@@ -1,8 +0,0 @@
-$desktopSizes: (
-        mobile: 560px,
-        tablet: 768px,
-        tabletForLanding: 880px,
-        laptop: 1240px,
-        desktop: 1460px,
-        desktop-lg: 2200px
-);