@bnsights/bbsf-controls 1.0.65 → 1.0.67

package/lib/controls/ImageUpload/ImageUpload.component.d.ts

@@ -6,6 +6,7 @@ import { ImageUploadOptions } from '../../Shared/Models/ImageUploadOptions';
 import { CropperComponent } from 'angular-cropperjs';
 import { ControlValidationService, UtilityService } from '@bnsights/bbsf-utilities';
 import { GlobalSettings } from '../../Shared/services/GlobalSettings.service';
+import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
 export declare class ImageUploaderComponent implements OnInit {
     private zone;
     private controlUtility;
@@ -14,6 +15,7 @@ export declare class ImageUploaderComponent implements OnInit {
     UtilityService: UtilityService;
     private controlValidationService;
     private globalSettings;
+    private modalService;
     static controlContainerstatic: any;
     fileInput: ElementRef;
     files: File[];
@@ -42,7 +44,7 @@ export declare class ImageUploaderComponent implements OnInit {
     validationRules: any[];
     validationRulesasync: any[];
     maxFileSize: number;
-    constructor(zone: NgZone, controlUtility: ControlUtility, controlContainer: ControlContainer, ImageUplaoderControlHost: FormGroupDirective, UtilityService: UtilityService, controlValidationService: ControlValidationService, globalSettings: GlobalSettings);
+    constructor(zone: NgZone, controlUtility: ControlUtility, controlContainer: ControlContainer, ImageUplaoderControlHost: FormGroupDirective, UtilityService: UtilityService, controlValidationService: ControlValidationService, globalSettings: GlobalSettings, modalService: NgbModal);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     showImageUploader(element: HTMLElement): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bnsights/bbsf-controls",
-  "version": "1.0.65",
+  "version": "1.0.67",
   "peerDependencies": {
     "@angular/common": "~12.2.12",
     "@angular/core": "~12.2.12"

package/src/lib/assets/Style-rtl.scss

@@ -0,0 +1,152 @@
+@import "Style.scss";
+
+/*bbsf controls*/
+.bbsf-control.form-group {
+  .bbsf-horizontal {
+    .bbsf-label {
+      margin-left: 1rem;
+      margin-right: 0px;
+    }
+  }
+
+  .bbsf-input-container {
+    position: relative;
+
+    &.p-40px {
+      input {
+        padding-left: 40px;
+        padding-right: 1rem;
+
+        &[dir = "ltr"] {
+          padding-left: 1rem !important;
+          padding-right: 40px !important;
+        }
+      }
+    }
+    /* input with icon*/
+    .bbsf-left-icon {
+      left: auto;
+      right: 0px;
+      margin-left: 0 !important;
+      margin-right: 0.7rem;
+
+      + input {
+        padding-right: 2.7rem;
+        padding-left: 1rem !important;
+      }
+    }
+
+    .bbsf-right-icon {
+      left: 0px;
+      right: auto;
+      margin-left: 0.7rem;
+      margin-right: 0;
+
+
+      + input {
+        padding-right: 1rem !important;
+        padding-left: 2.7rem;
+      }
+    }
+    //copy to clipboard
+    .copy-clipboard {
+      left: 0px;
+      right: auto;
+      border-top-left-radius: $bbsf-rounded;
+      border-bottom-left-radius: $bbsf-rounded;
+      border-top-right-radius: 0px;
+      border-bottom-right-radius: 0px;
+    }
+
+    .form-control {
+
+      &.is-invalid {
+        background-position: left calc(0.375em + 2rem) center;
+      }
+
+      &[dir = "ltr"] {
+
+        + .copy-clipboard {
+          right: 0px !important;
+          left: auto !important;
+          border-top-right-radius: $bbsf-rounded;
+          border-bottom-right-radius: $bbsf-rounded;
+          border-top-left-radius: 0px;
+          border-bottom-left-radius: 0px;
+        }
+      }
+
+      &.is-invalid {
+        background-position: left calc(0.375em + 0.1875rem) center;
+      }
+    }
+  }
+}
+
+//checkbox
+.bbsf-checkbox {
+  .bbsf-input-container {
+    .label-subtext-container {
+      margin-top: -4px;
+      margin-right: 0.55rem;
+      margin-left: 0;
+    }
+  }
+}
+
+//dropdown
+.bbsf-dropdown.form-group {
+
+  .bbsf-input-container {
+
+    .form-control {
+      &.is-invalid {
+        background-position: left calc(0.375em + 2rem) center;
+      }
+
+      .ng-select-container {
+
+        .ng-arrow-wrapper {
+          margin-right: 10px;
+          margin-left: 0px;
+        }
+      }
+
+      .ng-dropdown-panel {
+
+        .ng-dropdown-panel-items {
+          .ng-option {
+            &.ng-option-selected:after {
+              left: 30px;
+              right: initial;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .ng-select-multiple {
+    .ng-value {
+      margin-left: .4rem;
+      margin-right: 0;
+    }
+
+    .ng-value-icon {
+      margin-left: .2rem;
+      margin-right: 0;
+    }
+  }
+}
+//tags input
+.bbsf-control.form-group.bbsf-tags-input {
+  .user-initials {
+    margin-left: 10px;
+    margin-right: 0px;
+  }
+
+  .tags-input__tag-remove-btn {
+    margin-right: 3px;
+    margin-left: 0px;
+  }
+}

package/src/lib/assets/Style.scss

@@ -0,0 +1,14 @@
+
+@import "sass/base.scss";
+@import"sass/textarea.scss";
+@import"sass/checkbox.scss";
+@import"sass/dropdown.scss";
+@import"sass/image-upload.scss";
+@import"sass/tags-input.scss";
+@import"sass/paging.scss";
+@import"sass/repeater.scss";
+@import"sass/confirmation-modal.scss";
+//fontawesome
+@import "fontawesome/fontawesome.scss";
+//toaster
+@import'~ngx-toastr/toastr.css';