bpm-core 0.0.59 → 0.0.60

package/lib/components/shared-components/form-field/checkbox/checkbox.component.d.ts

@@ -1,8 +1,8 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import { ControlValueAccessorDirective } from '../control-value-accessor.directive';
 import { MatDialog } from '@angular/material/dialog';
 import * as i0 from "@angular/core";
-export declare class CheckBoxComponent<Type> extends ControlValueAccessorDirective<Type> {
+export declare class CheckBoxComponent<Type> extends ControlValueAccessorDirective<Type> implements OnInit {
     containTerms: boolean;
     termsLabel: string;
     linkText: string;
@@ -11,6 +11,7 @@ export declare class CheckBoxComponent<Type> extends ControlValueAccessorDirecti
     termsBody: any;
     downloadCheckBox: EventEmitter<any>;
     dialog: MatDialog;
+    ngOnInit(): void;
     openUrl(): void;
     valueChange(event: any): void;
     openTermsPopup(): void;

package/lib/components/shared-components/form-field/control-value-accessor.directive.d.ts

@@ -1,5 +1,5 @@
 import { Injector, OnInit } from '@angular/core';
-import { ControlValueAccessor, FormBuilder, FormControl } from '@angular/forms';
+import { ControlValueAccessor, FormBuilder, FormControl, Validators } from '@angular/forms';
 import { CoreI18nService, CoreService } from '../../../services';
 import { DomSanitizer } from "@angular/platform-browser";
 import { ToastrService } from "ngx-toastr";
@@ -34,6 +34,7 @@ export declare class ControlValueAccessorDirective<Type> implements ControlValue
     attachments: any[];
     startDateControl: FormControl<any>;
     endDateControl: FormControl<any>;
+    Validators: typeof Validators;
     minDateValue: any;
     maxDateValue: any;
     maxDate: string;

package/lib/components/shared-components/form-field/input-telephone/input-telephone.component.d.ts

@@ -1,10 +1,16 @@
 import { CountryISO, SearchCountryField } from 'ngx-intl-tel-input-gg';
+import { OnInit } from '@angular/core';
 import { ControlValueAccessorDirective } from '../control-value-accessor.directive';
 import * as i0 from "@angular/core";
-export declare class InputTelephoneComponent<Type> extends ControlValueAccessorDirective<Type> {
+export declare class InputTelephoneComponent<Type> extends ControlValueAccessorDirective<Type> implements OnInit {
     floatLabel: any;
     className: string;
     controlValue: string;
+    errorMessages: {
+        required: any;
+        validatePhoneNumber: any;
+    };
+    ngOnInit(): void;
     CountryISO: typeof CountryISO;
     SearchCountryField: typeof SearchCountryField;
     show: boolean;

package/lib/components/shared-components/form-field/shared-imports.d.ts

@@ -9,7 +9,7 @@ import { EnOnlyDirective } from "../../../directives/en.directive";
 import { ArOnlyDirective } from "../../../directives/ar.directive";
 import { NgClass } from "@angular/common";
 import { TranslatePipe } from "../../../pipes/translate.pipe";
-export declare const MatDatePickerImports: (typeof MatDatepickerInput | typeof MatDatepickerToggle | typeof MatDatepickerModule)[];
+export declare const MatDatePickerImports: (typeof MatDatepickerToggle | typeof MatDatepickerInput | typeof MatDatepickerModule)[];
 export declare const MatFormImports: (typeof MatFormFieldModule | typeof MatFormField | typeof MatInput)[];
-export declare const Shareds: (typeof TranslatePipe | typeof NgClass | typeof ValidationErrorsComponent | typeof FormLabelComponent | typeof InfoItemComponent | typeof ReactiveFormsModule)[];
+export declare const Shareds: (typeof FormLabelComponent | typeof ValidationErrorsComponent | typeof InfoItemComponent | typeof ReactiveFormsModule | typeof NgClass | typeof TranslatePipe)[];
 export declare const TextLanguageDirectives: (typeof EnOnlyDirective | typeof ArOnlyDirective)[];

package/lib/testComponent/request-details-section/request-details-section.component.d.ts

@@ -1,7 +1,7 @@
 import { DestroyRef, OnInit } from '@angular/core';
 import { Form, Section } from "../../interfaces";
 import { ActionStateService, CoreI18nService } from "../../services";
-import { FormBuilder, FormGroup } from "@angular/forms";
+import { FormBuilder, FormGroup, ValidatorFn } from "@angular/forms";
 import * as i0 from "@angular/core";
 export declare class RequestDetailsSectionComponent implements OnInit {
     i18n: CoreI18nService;
@@ -22,6 +22,7 @@ export declare class RequestDetailsSectionComponent implements OnInit {
     columnsConfig: any[];
     columns: string[];
     destroyRef: DestroyRef;
+    requiredSearchable: boolean;
     isError: boolean;
     categoryData: {
         assetDeviceType: any;
@@ -57,6 +58,7 @@ export declare class RequestDetailsSectionComponent implements OnInit {
     initializeColumnConfig(): void;
     createForm(): void;
     editAsset(asset: any): void;
+    startsWithDMOEOrCR(): ValidatorFn;
     deleteAsset(asset: any): void;
     formValue(form: any): void;
     checkValidity(action: string): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bpm-core",
-  "version": "0.0.59",
+  "version": "0.0.60",
   "peerDependencies": {
     "@angular/common": "^18.2.0",
     "@angular/core": "^18.2.0",

package/src/lib/assets/scss/_general.scss

@@ -1,13 +1,17 @@
 // Custom Theming for Angular Material
 @use "@angular/material" as mat;
 @include mat.core();
-// $my-theme: mat.define-typography-level(
-//   $font-family: var(--font-family),
-//   $font-weight: 400,
-//   $font-size: 1rem,
-//   $line-height: 1,
-//   $letter-spacing: normal,
-// );
+
+:root {
+  --purple: #4f008c;
+  --lighten-purple: #a54ee1;
+  --yellow: #ffdd40;
+  --green: #00c48c;
+  --red: #bd1427;
+  --gray: #d6d6d4;
+  --black: #1d252d;
+  --box-shadow: 0 7px 10px 0 rgba(var(--rgb-black), 0.03);
+}
 
 .main-card {
   background-color: var(--white);
@@ -23,7 +27,6 @@
 }
 
 .main-section {
-
   //padding: 40px 0;
   @media (max-width: 767px) {
     // padding: 64px 0;
@@ -180,56 +183,6 @@ ds-message::part(base) {
   }
 }
 
-//ds-status[status="rejected"]::part(base) {
-//  --status-bg: rgba(var(--rgb-red), 10%);
-//  --status-color: var(--red);
-//}
-//ds-status[status="sent"]::part(base) {
-//  --status-bg: rgba(var(--rgb-secondary), 10%);
-//  --status-color: var(--secondary);
-//}
-//ds-status[status="returned"]::part(base) {
-//  --status-bg: rgba(var(--rgb-purple), 10%);
-//  --status-color: var(--purple);
-//}
-ds-status[status="expired"]::part(base) {
-  --status-bg: rgba(var(--rgb-dark-gray), 30%);
-  --status-color: var(--dark-gray);
-}
-
-//ds-status[status="submit"]::part(base) {
-//  --status-bg: rgba(var(--rgb-coral), 10%);
-//  --status-color: var(--coral);
-//}
-ds-status[status="canceled"]::part(base) {
-  --status-bg: rgba(var(--rgb-dark-gray), 80%);
-  --status-color: var(--dark-gray);
-  color: var(--black);
-}
-
-//ds-status[status="accepted"]::part(base) {
-//  --status-bg: rgba(var(--rgb-green), 10%) !important;
-//  --status-color: var(--green) !important;
-//}
-ds-status[status="send_back"]::part(base) {
-  --status-bg: rgba(var(--rgb-orange), 10%);
-  --status-color: var(--orange);
-}
-
-ds-status[status="send_back"][no-opacity]::part(base) {
-  --status-bg: var(--orange);
-  --status-color: var(--white);
-}
-
-//ds-status[status="pending"]::part(base) {
-//  --status-bg: rgba(var(--rgb-yellow), 10%);
-//  --status-color: var(--black);
-//}
-ds-status[status="queued"]::part(base) {
-  --status-bg: rgba(250, 221, 96, 0.5);
-  --status-color: #1d252d;
-}
-
 [dir="rtl"] .decisions-container--status {
   right: auto !important;
   left: 0;
@@ -248,18 +201,6 @@ ds-button.support {
   }
 }
 
-.table {
-  ds-button[icon]::part(base) {
-    --btn-bg-color: var(--white);
-    --btn-border-color: var(--white);
-  }
-
-  ds-button[icon].table-icon-btn-white::part(base) {
-    --btn-bg-color: var(--light-gray);
-    --btn-border-color: var(--light-gray);
-  }
-}
-
 ds-button[icon].btn-icon-white::part(base) {
   --btn-bg-color: var(--white);
   --btn-border-color: var(--white);
@@ -369,14 +310,6 @@ mat-form-field.mat-mdc-form-field.mat-mdc-form-field-type-mat-select.white-selec
   display: inline-flex;
 }
 
-table {
-  ds-attachments {
-    &::part(base) {
-      --file-bg: var(--white);
-    }
-  }
-}
-
 @media (max-height: 500px) {
   .mdc-menu-surface.mat-mdc-select-panel {
     max-height: 200px !important;
@@ -461,13 +394,6 @@ mat-sidenav {
   }
 }
 
-table {
-  tr {
-    th {
-      text-align: start;
-    }
-  }
-}
 
 .icon-btn-shadow::part(base) {
   --btn-bg-color: var(--white);
@@ -600,7 +526,7 @@ table {
     width: 280px;
     height: 35px;
 
-    >input,
+    > input,
     .ss-date-picker {
       flex-grow: 1;
       min-width: 180px;
@@ -710,12 +636,8 @@ table {
   }
 }
 
-.mat-date-range-input-wrapper {
-  width: 75px;
-}
-
 .mpa_resources_details {
-  >.edit-mode {
+  > .edit-mode {
     margin-bottom: 90px !important;
     display: block;
   }
@@ -788,7 +710,8 @@ table {
 
   //animation: ;
 
-  .mat-horizontal-stepper-content:not(.mat-horizontal-stepper-content-inactive) & {
+  .mat-horizontal-stepper-content:not(.mat-horizontal-stepper-content-inactive)
+    & {
     //opacity: 1;
     animation: discountFadeIn 0.5s ease-in-out 0.5s forwards;
   }
@@ -827,10 +750,6 @@ text {
   font-family: var(--font-family);
 }
 
-.table-responsive table tbody tr td {
-  line-height: 1.3;
-  max-width: 200px;
-}
 
 .filter-has-value {
   position: relative;
@@ -859,8 +778,8 @@ text {
   justify-content: center;
   transition: var(--default-transition);
 
-  >.sfi,
-  >ds-icon {
+  > .sfi,
+  > ds-icon {
     transition: var(--default-transition);
   }
 
@@ -1028,55 +947,10 @@ body {
   font: inherit;
 }
 
-.hup-main-container:not([aria-hidden="true"])~.cdk-overlay-container {
+.hup-main-container:not([aria-hidden="true"]) ~ .cdk-overlay-container {
   z-index: calc(var(--main-toolbar-zIndex) + 2) !important;
 }
 
-.new-primary-table .table-responsive.table-container {
-  max-height: 80vh;
-  overflow: auto;
-  table.primary-table {
-    --th-height: 30px;
-    --th-bg: var(--purple);
-    --th-fc: var(--black);
-    --tr-even-bc: var(--white);
-    --tr-odd-bc: rgba(165, 79, 224, 0.08);
-    --tr-border: 1px solid transparent;
-    --th-border: 1px solid transparent;
-    --th-fc: var(--white);
-    --th-fs: 10px;
-    --th-border: 0px solid var(--light-gray);
-    --border-spacing: 0;
-    --border-collapse: separate;
-    --td-radius: 64x;
-    --cell-pading: 0px 25px;
-    background-color: var(--off-white);
-    --td-fs: 12px;
-    --td-fw: var(--font-regular);
-
-    tr {
-      box-shadow: 0px 0.2px 0px 1px #f3f3f1;
-    }
-  }
-}
-
-.table-responsive table, .table-responsive .primary-table{
-  --cell-pading : .35rem !important;
-}
-
-.form-label {
-  font-size: 0.78rem;
-}
-
-mat-form-field.mat-mdc-form-field .mdc-text-field {
-  border: 1px solid #d6d6d4;
-}
-
-mat-form-field.mat-mdc-form-field .mat-mdc-form-field-icon-suffix {
-  width: auto;
-  min-width: fit-content;
-}
-
 ds-button.disabled::part(base) {
   opacity: 50%;
 }
@@ -1220,7 +1094,7 @@ ds-button[disabled] {
             }
           }
 
-          +div+[ng-reflect-state="edit"] {
+          + div + [ng-reflect-state="edit"] {
             margin-left: -18px;
 
             [dir="rtl"] & {
@@ -1329,10 +1203,6 @@ ds-button::part(base) {
   min-width: 495px !important;
 }
 
-ds-status.inbox::part(base) {
-  --status-width: 35px;
-}
-
 .ssms-container {
   width: 900px;
 
@@ -1375,7 +1245,7 @@ div.mat-mdc-select-panel {
   }
 
   app-search-form {
-    >div {
+    > div {
       margin-top: -1.5rem !important;
     }
   }
@@ -1499,7 +1369,6 @@ full-calendar.fc {
       border: 1px solid;
 
       th {
-
         // text-align: center;
         //  border-right: 0px;
         //  border-left: 0px;
@@ -1658,7 +1527,8 @@ full-calendar.fc {
       }
 
       .fc-prev-button,
-      .fc-next-button {}
+      .fc-next-button {
+      }
     }
   }
 }
@@ -2017,3 +1887,45 @@ ul.ul-custom {
     }
   }
 }
+
+.avatar {
+  min-width: auto;
+  width: auto;
+  height: auto;
+  &.avatar--medium {
+    --default-size: 40px;
+    min-width: 40px;
+  }
+  &.avatar--small {
+    --default-size: 30px;
+    min-width: 30px;
+  }
+}
+
+mat-form-field.mat-mdc-form-field .mat-mdc-form-field-icon-suffix {
+  width: auto;
+  min-width: fit-content;
+}
+
+
+.input-disabled {
+  pointer-events: none;
+  opacity: 1.5;
+}
+
+:host {
+  flex-grow: 1;
+  ::ng-deep {
+    mat-form-field.custom-textarea .mat-form-field-flex {
+      padding: var(--input-padding);
+    }
+  }
+}
+
+:host {
+  ::ng-deep {
+    table mat-form-field.custom-textarea .mat-form-field-flex {
+      --input-height: 80px;
+    }
+  }
+}

package/src/lib/assets/scss/_upgrade.scss

@@ -58,6 +58,12 @@ mat-error {
 mat-form-field.mat-mdc-form-field .mdc-text-field--invalid.mat-mdc-text-field-wrapper {
   border: 1px solid var(--red) !important;
 }
+mat-form-field.mat-mdc-form-field.custom-validation .mdc-text-field--invalid.mat-mdc-text-field-wrapper {
+  border: 1px solid #d6d6d4 !important;
+}
+mat-form-field.mat-mdc-form-field.custom-validation-error .mat-mdc-text-field-wrapper {
+  border: 1px solid var(--red) !important
+}
 
 mat-slide-toggle {
   --mdc-switch-disabled-unselected-track-color: var(--dark-gray);

package/src/lib/assets/scss/base.scss

@@ -1,21 +1,26 @@
-@use './bootstrap';
-@use './general';
-@use './main-sidenav';
-@use './custom-popover';
-@use './categories';
-@use './toaster';
-@use './swiper';
-@use './input-telephone';
-@use './bottom-sheet';
-@use './stepper';
-@use './user-list';
+@use "./bootstrap";
+@use "./general";
+@use "./main-sidenav";
+@use "./custom-popover";
+@use "./categories";
+@use "./toaster";
+@use "./swiper";
+@use "./input-telephone";
+@use "./bottom-sheet";
+@use "./stepper";
+@use "./user-list";
 
+@use "./settings";
 
+@use "./upgrade";
 
-@use './settings';
-@use './font-custom';
+@use "./charts";
 
-@use './upgrade';
+// components
+@use "./components/fields";
+@use "./components/table";
+@use "./components/status";
+@use "./components/toggle";
 
-
-@use './charts';
+// rtl
+@use "./rtl";