@bnsights/bbsf-controls 1.0.24 → 1.0.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bnsights-bbsf-controls-1.0.25.tgz +0 -0
- package/bnsights-bbsf-controls.d.ts +0 -23
- package/bnsights-bbsf-controls.metadata.json +1 -1
- package/bundles/bnsights-bbsf-controls.umd.js +24 -25
- package/bundles/bnsights-bbsf-controls.umd.js.map +1 -1
- package/esm2015/bnsights-bbsf-controls.js +1 -24
- package/esm2015/lib/controls/ImageUpload/ImageUpload.component.js +2 -2
- package/esm2015/lib/controls/TextBox/TextBox.component.js +1 -1
- package/esm2015/lib/controls/bbsf-controls.module.js +1 -2
- package/esm2015/public-api.js +24 -23
- package/fesm2015/bnsights-bbsf-controls.js +2 -3
- package/fesm2015/bnsights-bbsf-controls.js.map +1 -1
- package/package.json +1 -1
- package/public-api.d.ts +23 -0
- package/bnsights-bbsf-controls-1.0.24.tgz +0 -0
|
@@ -3370,7 +3370,7 @@
|
|
|
3370
3370
|
ImageUploaderComponent.decorators = [
|
|
3371
3371
|
{ type: i0.Component, args: [{
|
|
3372
3372
|
selector: 'BBSF-ImageUpload',
|
|
3373
|
-
template: "<div class=\"b-control b-image-upload\">\r\n <div class=\"form-group row validate is-invalid\" [formGroup]=\"group\">\r\n <label class=\"b-label col-form-label col-sm-12 \" [ngClass]=\"(options.ViewType==1)?'col-md-12':'col-md-3'\" [hidden]=\"options.HideLabel\">\r\n {{options.LabelValue}}\r\n <span *ngIf=\"(options.ShowAsterisk&&options.IsRequired)||(options.IsRequired)\" class=\"text-danger Required-text\" aria-required=\"true\">*</span>\r\n\r\n <ejs-tooltip id=\"tooltip\" content='{{ValidationMessage}}' tipPointerPosition='Middle'>\r\n <i class=\"fa fa-info-circle\" data-plugin=\"tooltip\" data-html=\"true\">\r\n </i>\r\n </ejs-tooltip>\r\n </label>\r\n\r\n <div class=\"col-sm-12\" [ngClass]=\"(options.ViewType==1)?'':'col-md-9'\">\r\n\r\n <div *ngIf=\"options.AllowDropZone\" style=\"max-width:200px !important; max-height: 200px !important;\" class=\"d-inline-flex h-auto w-auto overflow-hidden m-0 {{options.ExtraClasses}}\" ngx-dropzone [disabled]=\"options.IsDisabled\" [accept]=\"AcceptedType\" [multiple]=\"options.IsMultiple\"\r\n (change)=\"onFileChange($event)\" aria-describedby=\"email-error\" aria-invalid=\"true\" ngDefaultControl formControlName=\"{{options.Name}}\" [maxFileSize]=\"options.FileMaxSizeInMB\"\r\n id=\"{{options.Name}}\" [class.is-invalid]=\"ImageUploadFormControl.invalid && ImageUploadFormControl.touched\">\r\n <ngx-dropzone-label class=\"h-100 m-0\" style=\"max-width: 200px !important;\">\r\n <div class=\"h-100\">\r\n <img [src]=\"ImageSource\" class=\"h-100 w-100\" />\r\n </div>\r\n </ngx-dropzone-label>\r\n\r\n\r\n <ngx-dropzone-image-preview style=\"max-width:200px !important; max-height: 200px !important;\" *ngFor=\"let f of files\" [file]=\"f\" [removable]=\"true\" (removed)=\"removeFromControlValue(f)\"\r\n ngProjectAs=\"ngx-dropzone-preview\" class=\"b-img-preview w-100 h-100 m-0\">\r\n </ngx-dropzone-image-preview>\r\n </div>\r\n\r\n <div class=\"ImageUploadClassSelector\" *ngIf=\"!options.AllowDropZone\" >\r\n <ngx-dropzone-label class=\"h-100 m-0\" *ngIf=\"files.length==0\" >\r\n <div style=\"max-width:200px !important; max-height: 200px !important;\" class=\"h-100 file-fake-input\" #element (click)=\"showImageUploader(element)\">\r\n <img [src]=\"ImageSource\" class=\"h-100 w-100\" />\r\n </div
|
|
3373
|
+
template: "<div class=\"b-control b-image-upload\">\r\n <div class=\"form-group row validate is-invalid\" [formGroup]=\"group\">\r\n <label class=\"b-label col-form-label col-sm-12 \" [ngClass]=\"(options.ViewType==1)?'col-md-12':'col-md-3'\" [hidden]=\"options.HideLabel\">\r\n {{options.LabelValue}}\r\n <span *ngIf=\"(options.ShowAsterisk&&options.IsRequired)||(options.IsRequired)\" class=\"text-danger Required-text\" aria-required=\"true\">*</span>\r\n\r\n <ejs-tooltip id=\"tooltip\" content='{{ValidationMessage}}' tipPointerPosition='Middle'>\r\n <i class=\"fa fa-info-circle\" data-plugin=\"tooltip\" data-html=\"true\">\r\n </i>\r\n </ejs-tooltip>\r\n </label>\r\n\r\n <div class=\"col-sm-12\" [ngClass]=\"(options.ViewType==1)?'':'col-md-9'\">\r\n\r\n <div *ngIf=\"options.AllowDropZone\" style=\"max-width:200px !important; max-height: 200px !important;\" class=\"d-inline-flex h-auto w-auto overflow-hidden m-0 {{options.ExtraClasses}}\" ngx-dropzone [disabled]=\"options.IsDisabled\" [accept]=\"AcceptedType\" [multiple]=\"options.IsMultiple\"\r\n (change)=\"onFileChange($event)\" aria-describedby=\"email-error\" aria-invalid=\"true\" ngDefaultControl formControlName=\"{{options.Name}}\" [maxFileSize]=\"options.FileMaxSizeInMB\"\r\n id=\"{{options.Name}}\" [class.is-invalid]=\"ImageUploadFormControl.invalid && ImageUploadFormControl.touched\">\r\n <ngx-dropzone-label class=\"h-100 m-0\" style=\"max-width: 200px !important;\">\r\n <div class=\"h-100\">\r\n <img [src]=\"ImageSource\" class=\"h-100 w-100\" />\r\n </div>\r\n </ngx-dropzone-label>\r\n\r\n\r\n <ngx-dropzone-image-preview style=\"max-width:200px !important; max-height: 200px !important;\" *ngFor=\"let f of files\" [file]=\"f\" [removable]=\"true\" (removed)=\"removeFromControlValue(f)\"\r\n ngProjectAs=\"ngx-dropzone-preview\" class=\"b-img-preview w-100 h-100 m-0\">\r\n </ngx-dropzone-image-preview>\r\n </div>\r\n\r\n <div class=\"ImageUploadClassSelector\" *ngIf=\"!options.AllowDropZone\" >\r\n <ngx-dropzone-label class=\"h-100 m-0\" *ngIf=\"files.length==0\" >\r\n <div style=\"max-width:200px !important; max-height: 200px !important;\" class=\"h-100 file-fake-input\" #element (click)=\"showImageUploader(element)\">\r\n <img [src]=\"ImageSource\" class=\"h-100 w-100\" />\r\n </div>\r\n </ngx-dropzone-label>\r\n\r\n <div style=\"border: none !important; max-width:200px !important; max-height: 200px !important;\" class=\" fileSelector customImageUploadPlacment d-inline-flex h-auto w-auto overflow-hidden m-0 {{options.ExtraClasses}}\" ngx-dropzone [disabled]=\"options.IsDisabled\" [accept]=\"AcceptedType\" [multiple]=\"options.IsMultiple\"\r\n (change)=\"onFileChange($event)\" aria-describedby=\"email-error\" aria-invalid=\"true\" ngDefaultControl formControlName=\"{{options.Name}}\" [maxFileSize]=\"options.FileMaxSizeInMB\"\r\n id=\"{{options.Name}}\" [class.is-invalid]=\"ImageUploadFormControl.invalid && ImageUploadFormControl.touched\">\r\n \r\n\r\n\r\n <ngx-dropzone-image-preview style=\"max-width:200px !important; max-height: 200px !important;\" *ngFor=\"let f of files\" [file]=\"f\" [removable]=\"true\" (removed)=\"removeFromControlValue(f)\"\r\n ngProjectAs=\"ngx-dropzone-preview\" class=\"b-img-preview w-100 h-100 m-0\">\r\n </ngx-dropzone-image-preview>\r\n </div>\r\n </div>\r\n\r\n\r\n <div id=\"mdlSample\" class=\"modal fade\" role=\"dialog\" style=\"z-index: 11 !important ;\"\r\n [ngStyle]=\"{'display': mdlSampleIsOpen ? 'block' : 'none', 'opacity': 1}\">\r\n <div class=\"modal-dialog modal-lg\">\r\n <div class=\"modal-content\">\r\n <div class=\"modal-header\">\r\n <h4 class=\"modal-title\">\r\n Crop Image\r\n </h4>\r\n </div>\r\n <div class=\"modal-body py-5\">\r\n <div *ngIf=\"imageUrl\">\r\n <angular-cropper #angularCropper [cropperOptions]=\"config\" [imageUrl]=\"imageUrl\">\r\n </angular-cropper>\r\n <img [src]=\"imgwUrl\" />\r\n </div>\r\n <div style=\"text-align:center;\">\r\n <div class=\"btn-group\">\r\n <button type=\"button\" (click)=\"zoomImage(0.1)\" class=\"btn btn-default\" data-method=\"zoom\" data-option=\"0.1\" title=\"Zoom In\">\r\n <span class=\"docs-tooltip\" data-toggle=\"tooltip\" title=\"\" data-original-title=\"cropper.zoom(0.1)\">\r\n <span class=\"fa fa-search-plus\"></span>\r\n </span>\r\n </button>\r\n <button type=\"button\" (click)=\"zoomImage(-0.1)\" class=\"btn btn-default\" data-method=\"zoom\" data-option=\"-0.1\" title=\"Zoom Out\">\r\n <span class=\"docs-tooltip\" data-toggle=\"tooltip\" title=\"\" data-original-title=\"cropper.zoom(-0.1)\">\r\n <span class=\"fa fa-search-minus\"></span>\r\n </span>\r\n </button>\r\n </div>\r\n <div class=\"btn-group\">\r\n <button type=\"button\" (click)=\"moveImage(-10,0)\" class=\"btn btn-default\" data-method=\"move\" data-option=\"-10\" data-second-option=\"0\" title=\"Move Left\">\r\n <span class=\"docs-tooltip\" data-toggle=\"tooltip\" title=\"\" data-original-title=\"cropper.move(-10, 0)\" aria-describedby=\"tooltip631939\">\r\n <span class=\"fa fa-arrow-left\"></span>\r\n </span>\r\n </button>\r\n <button type=\"button\" (click)=\"moveImage(10,0)\" class=\"btn btn-default\" data-method=\"move\" data-option=\"10\" data-second-option=\"0\" title=\"Move Right\">\r\n <span class=\"docs-tooltip\" data-toggle=\"tooltip\" title=\"\" data-original-title=\"cropper.move(10, 0)\">\r\n <span class=\"fa fa-arrow-right\"></span>\r\n </span>\r\n </button>\r\n <button type=\"button\" (click)=\"moveImage(0,-10)\" class=\"btn btn-default\" data-method=\"move\" data-option=\"0\" data-second-option=\"-10\" title=\"Move Up\">\r\n <span class=\"docs-tooltip\" data-toggle=\"tooltip\" title=\"\" data-original-title=\"cropper.move(0, -10)\">\r\n <span class=\"fa fa-arrow-up\"></span>\r\n </span>\r\n </button>\r\n <button type=\"button\" (click)=\"moveImage(0,10)\" class=\"btn btn-default\" data-method=\"move\" data-option=\"0\" data-second-option=\"10\" title=\"Move Down\">\r\n <span class=\"docs-tooltip\" data-toggle=\"tooltip\" title=\"\" data-original-title=\"cropper.move(0, 10)\">\r\n <span class=\"fa fa-arrow-down\"></span>\r\n </span>\r\n </button>\r\n </div>\r\n <div class=\"btn-group\">\r\n <button type=\"button\" (click)=\"rotateImage(-45)\" class=\"btn btn-default\" data-method=\"rotate\" data-option=\"-45\" title=\"Rotate Left\">\r\n <span class=\"docs-tooltip\" data-toggle=\"tooltip\" title=\"\" data-original-title=\"cropper.rotate(-45)\" aria-describedby=\"tooltip236044\">\r\n <span class=\"fa fa-undo-alt\"></span>\r\n </span>\r\n </button>\r\n <button type=\"button\" (click)=\"rotateImage(45)\" class=\"btn btn-default\" data-method=\"rotate\" data-option=\"45\" title=\"Rotate Right\">\r\n <span class=\"docs-tooltip\" data-toggle=\"tooltip\" title=\"\" data-original-title=\"cropper.rotate(45)\">\r\n <span class=\"fa fa-redo-alt\"></span>\r\n </span>\r\n </button>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n <div class=\"modal-footer\" align=\"right\">\r\n <button type=\"button\" id=\"btnClose\" class=\"btn btn-default\" (click)=\"openModal(false)\">\r\n <i class=\"fa fa-times fa-fw\"></i> Cancel\r\n </button>\r\n <button type=\"button\" (click)=\"cropImage()\" id=\"btnOK\" class=\"btn btn-success\">\r\n <i class=\"fa fa-check fa-fw\"></i>\r\n Crop\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"text-danger Required-text\"\r\n *ngIf=\"(ImageUploadFormControl.invalid && ImageUploadFormControl.touched)\">\r\n {{getErrorValidation(ImageUploadFormControl.errors|keyvalue)}}\r\n </div>\r\n\r\n <div class=\"d-flex justify-content-between align-items-center\">\r\n <div class=\"control-desc text-dark\">{{options.LabelDescription}}</div>\r\n </div>\r\n\r\n <div *ngIf=\"(group.valid&&group.dirty&&group.touched )||(group.untouched&&group.invalid&&group.dirty) \">{{resetError()}}</div>\r\n\r\n </div>\r\n\r\n </div>\r\n</div>\r\n",
|
|
3374
3374
|
styles: [".e-tip-content{background-color:#afafaf;color:#fff;padding-left:10px;padding-right:10px;padding-top:2px}.my-drop-zone{border:dotted 3px lightgray}.nv-file-over{border:dotted 3px red}.another-file-over-class{border:dotted 3px green}html,body{height:100%}.modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006}.modal-content{position:relative;background-color:#fefefe;margin:auto;padding:0;border:1px solid #888;width:80%;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s}@keyframes animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}.close{color:#fff;float:right;font-size:28px;font-weight:bold}.ImageUploadClassSelector img{cursor:pointer}.d-inline-flex.h-auto.m-0.overflow-hidden.w-auto.ng-untouched.ng-pristine.ng-valid{border-radius:40px;border-color:#c7c7c7}\n"]
|
|
3375
3375
|
},] }
|
|
3376
3376
|
];
|
|
@@ -5736,7 +5736,6 @@
|
|
|
5736
5736
|
ToggleslideComponent,
|
|
5737
5737
|
HtmlEditorComponent,
|
|
5738
5738
|
MultiLingualHtmlEditorComponent,
|
|
5739
|
-
FileUploadComponent,
|
|
5740
5739
|
ImageUploaderComponent,
|
|
5741
5740
|
ProfileImageUploaderComponent,
|
|
5742
5741
|
CalendarComponent,
|
|
@@ -6655,76 +6654,76 @@
|
|
|
6655
6654
|
exports.Attribute = Attribute;
|
|
6656
6655
|
exports.AutocompleteDTO = AutocompleteDTO;
|
|
6657
6656
|
exports.AutocompleteOptions = AutocompleteOptions;
|
|
6657
|
+
exports.AutocompleteTextBoxComponent = AutocompleteTextBoxComponent;
|
|
6658
6658
|
exports.BBSFControlsModule = BBSFControlsModule;
|
|
6659
|
+
exports.CalendarComponent = CalendarComponent;
|
|
6659
6660
|
exports.CalendarEventDTO = CalendarEventDTO;
|
|
6660
6661
|
exports.CalendarOptions = CalendarOptions;
|
|
6661
6662
|
exports.CancelDTO = CancelDTO;
|
|
6663
|
+
exports.CheckBoxComponent = CheckBoxComponent;
|
|
6662
6664
|
exports.CheckBoxOptions = CheckBoxOptions;
|
|
6665
|
+
exports.ConfirmationModalComponent = ConfirmationModalComponent;
|
|
6663
6666
|
exports.ConfirmationModalOptions = ConfirmationModalOptions;
|
|
6664
6667
|
exports.ControlUtility = ControlUtility;
|
|
6665
6668
|
exports.CustomValidation = CustomValidation;
|
|
6666
6669
|
exports.CustomValidator = CustomValidator;
|
|
6670
|
+
exports.DateInputComponent = DateInputComponent;
|
|
6667
6671
|
exports.DatePickerOptions = DatePickerOptions;
|
|
6672
|
+
exports.DropdownListComponent = DropdownListComponent;
|
|
6668
6673
|
exports.DropdownListItem = DropdownListItem;
|
|
6669
6674
|
exports.DropdownOptions = DropdownOptions;
|
|
6670
6675
|
exports.EditPersonalImage = EditPersonalImage;
|
|
6671
6676
|
exports.EnglishArabicDTO = EnglishArabicDTO;
|
|
6672
6677
|
exports.ErrorMassageValidation = ErrorMassageValidation;
|
|
6678
|
+
exports.FileUploadComponent = FileUploadComponent;
|
|
6673
6679
|
exports.FileUploadModel = FileUploadModel;
|
|
6674
6680
|
exports.FileUploadOptions = FileUploadOptions;
|
|
6675
6681
|
exports.FilterItem = FilterItem;
|
|
6682
|
+
exports.FormComponent = FormComponent;
|
|
6676
6683
|
exports.FormOptions = FormOptions;
|
|
6677
6684
|
exports.GlobalSettings = GlobalSettings;
|
|
6685
|
+
exports.HtmlEditorComponent = HtmlEditorComponent;
|
|
6678
6686
|
exports.HtmlEditorOptions = HtmlEditorOptions;
|
|
6679
6687
|
exports.ImageUploadOptions = ImageUploadOptions;
|
|
6688
|
+
exports.ImageUploaderComponent = ImageUploaderComponent;
|
|
6689
|
+
exports.JwPaginationComponent = JwPaginationComponent;
|
|
6690
|
+
exports.MapAutoCompleteComponent = MapAutoCompleteComponent;
|
|
6680
6691
|
exports.MapAutoCompleteOptions = MapAutoCompleteOptions;
|
|
6681
6692
|
exports.MapAutocompleteDTO = MapAutocompleteDTO;
|
|
6693
|
+
exports.MultiLingualHtmlEditorComponent = MultiLingualHtmlEditorComponent;
|
|
6682
6694
|
exports.MultiLingualHtmlEditorOptions = MultiLingualHtmlEditorOptions;
|
|
6695
|
+
exports.MultiLingualTextAreaComponent = MultiLingualTextAreaComponent;
|
|
6683
6696
|
exports.MultiLingualTextAreaOptions = MultiLingualTextAreaOptions;
|
|
6697
|
+
exports.MultiLingualTextBoxComponent = MultiLingualTextBoxComponent;
|
|
6684
6698
|
exports.MultiLingualTextBoxOptions = MultiLingualTextBoxOptions;
|
|
6685
6699
|
exports.MultipleFileUploadModel = MultipleFileUploadModel;
|
|
6686
6700
|
exports.OnPagingFiltersChangeService = OnPagingFiltersChangeService;
|
|
6701
|
+
exports.PagingComponent = PagingComponent;
|
|
6687
6702
|
exports.PagingDTO = PagingDTO;
|
|
6688
6703
|
exports.PagingOptions = PagingOptions;
|
|
6704
|
+
exports.PhoneComponent = PhoneComponent;
|
|
6689
6705
|
exports.PhoneOptions = PhoneOptions;
|
|
6690
6706
|
exports.ProfileImageUploadOptions = ProfileImageUploadOptions;
|
|
6707
|
+
exports.ProfileImageUploaderComponent = ProfileImageUploaderComponent;
|
|
6691
6708
|
exports.ProfilePictureDTO = ProfilePictureDTO;
|
|
6709
|
+
exports.RadioButtonComponent = RadioButtonComponent;
|
|
6692
6710
|
exports.RadioButtonItem = RadioButtonItem;
|
|
6693
6711
|
exports.RadioButtonOptions = RadioButtonOptions;
|
|
6694
6712
|
exports.RangeNumber = RangeNumber;
|
|
6695
6713
|
exports.SaveDTO = SaveDTO;
|
|
6714
|
+
exports.TagsInputComponent = TagsInputComponent;
|
|
6696
6715
|
exports.TagsInputDTO = TagsInputDTO;
|
|
6697
6716
|
exports.TagsInputOptions = TagsInputOptions;
|
|
6717
|
+
exports.TextAreaComponent = TextAreaComponent;
|
|
6698
6718
|
exports.TextAreaOptions = TextAreaOptions;
|
|
6699
6719
|
exports.TextBoxOptions = TextBoxOptions;
|
|
6720
|
+
exports.TextboxComponent = TextboxComponent;
|
|
6700
6721
|
exports.ToggleSlideOptions = ToggleSlideOptions;
|
|
6722
|
+
exports.ToggleslideComponent = ToggleslideComponent;
|
|
6701
6723
|
exports.UploadPersonalImage = UploadPersonalImage;
|
|
6702
6724
|
exports.environment = environment;
|
|
6703
6725
|
exports.options = options;
|
|
6704
6726
|
exports["ɵ0"] = ɵ0;
|
|
6705
|
-
exports["ɵa"] = DateInputComponent;
|
|
6706
|
-
exports["ɵb"] = FileUploadComponent;
|
|
6707
|
-
exports["ɵc"] = MultiLingualTextBoxComponent;
|
|
6708
|
-
exports["ɵd"] = TextboxComponent;
|
|
6709
|
-
exports["ɵe"] = TextAreaComponent;
|
|
6710
|
-
exports["ɵf"] = MultiLingualTextAreaComponent;
|
|
6711
|
-
exports["ɵg"] = CheckBoxComponent;
|
|
6712
|
-
exports["ɵh"] = DropdownListComponent;
|
|
6713
|
-
exports["ɵi"] = PhoneComponent;
|
|
6714
|
-
exports["ɵj"] = ToggleslideComponent;
|
|
6715
|
-
exports["ɵk"] = HtmlEditorComponent;
|
|
6716
|
-
exports["ɵl"] = MultiLingualHtmlEditorComponent;
|
|
6717
|
-
exports["ɵm"] = ImageUploaderComponent;
|
|
6718
|
-
exports["ɵn"] = ProfileImageUploaderComponent;
|
|
6719
|
-
exports["ɵo"] = CalendarComponent;
|
|
6720
|
-
exports["ɵp"] = MapAutoCompleteComponent;
|
|
6721
|
-
exports["ɵq"] = AutocompleteTextBoxComponent;
|
|
6722
|
-
exports["ɵr"] = TagsInputComponent;
|
|
6723
|
-
exports["ɵs"] = PagingComponent;
|
|
6724
|
-
exports["ɵt"] = JwPaginationComponent;
|
|
6725
|
-
exports["ɵu"] = RadioButtonComponent;
|
|
6726
|
-
exports["ɵv"] = FormComponent;
|
|
6727
|
-
exports["ɵw"] = ConfirmationModalComponent;
|
|
6728
6727
|
|
|
6729
6728
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
6730
6729
|
|