i-tech-shared-components 1.1.22 → 1.1.24

package/package.json

@@ -1,18 +1,19 @@
 {
   "name": "i-tech-shared-components",
-  "version": "1.1.22",
+  "version": "1.1.24",
   "peerDependencies": {
-    "@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"
+    "@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"
   },
   "dependencies": {
     "tslib": "^2.3.0"
@@ -32,8 +33,6 @@
     },
     ".": {
       "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/_flex.scss

@@ -0,0 +1,92 @@
+.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/_label.scss

@@ -76,6 +76,12 @@ body {
                   border: #FF4D4D,
                   text: #8B0000
           ),
+          gray: (
+                  main: #F0F0F4,
+                  hover: #E5E0F6,
+                  border: #fff,
+                  text: #647081
+          ),
   );
 
   --mdc-chip-container-shape-radius: 8px !important;
@@ -100,6 +106,13 @@ 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;
@@ -117,3 +130,4 @@ body {
   }
 
 }
+

package/theme/_margin_padding_height_width.scss

@@ -0,0 +1,143 @@
+.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/_mat-selects.scss

@@ -120,7 +120,8 @@ body {
       pointer-events: none;
 
       &.custom-value {
-        color: #{mat.get-theme-color($m3-light-theme, tertiary, 30)};
+        font-weight: 500;
+        color: #{mat.get-theme-color($m3-light-theme, tertiary, 30)} !important;
       }
     }
 
@@ -168,7 +169,8 @@ body {
     .search-input {
       position: absolute;
       input {
-        padding-left: 10px;
+        padding-right: max(16px, var(--mdc-outlined-text-field-container-shape, var(--mat-app-corner-extra-small))) !important;
+        padding-left: max(16px, var(--mdc-outlined-text-field-container-shape, var(--mat-app-corner-extra-small)) + 4px) !important;
       }
     }
     .mat-mdc-select {

package/theme/_material_ovveride.scss

@@ -0,0 +1,82 @@
+// 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

@@ -0,0 +1,56 @@
+.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

@@ -0,0 +1,87 @@
+// 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

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

package/theme.scss

@@ -13,7 +13,8 @@
 @import "./theme/menu.scss";
 @import "./theme/ag-grid.scss";
 
-@include mat.core();
+@include mat.elevation-classes();
+@include mat.app-background();
 
 body {
   // BASE CSS PROPERTIES
@@ -22,7 +23,8 @@ body {
   font-style: normal;
   font-size: 12px;
 
-  @include mat.core-theme($m3-light-theme);
+  @include mat.elevation-classes();
+  @include mat.app-background();
   @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/esm2022/i-tech-shared-components.mjs

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './public-api';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaS10ZWNoLXNoYXJlZC1jb21wb25lbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkLWNvbXBvbmVudHMvc3JjL2ktdGVjaC1zaGFyZWQtY29tcG9uZW50cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19