bc-primeng-ui 0.0.1 → 0.0.3

package/fesm2022/bc-primeng-ui.mjs

@@ -378,7 +378,6 @@ class CustomDatepickerComponent {
     }
     ngControlInstance = null;
     ngOnInit() {
-        debugger;
         if (this.controlContainer && this.formControlName) {
             this.control = this.controlContainer.control?.get(this.formControlName);
             if (this.control) {
@@ -1808,6 +1807,13 @@ function extractCode(input) {
     const match = input.match(/^\d+/);
     return match ? match[0] : '';
 }
+function isMobileSizeDevice() {
+    //return /Mobi|Android/i.test(navigator.userAgent);
+    return window.innerWidth < 768;
+}
+function isMobileDevice() {
+    return /Mobi|Android/i.test(navigator.userAgent);
+}
 //#endregion
 //#endregion
 
@@ -2102,7 +2108,7 @@ class BCBaseDataComponent extends BCBaseComponent {
     /**
      * if the search should be executed automatically on initialization. Default is true
      */
-    loadDataOnInitialization = true;
+    loadDataOnInitialization = false;
     ngOnInit() {
         super.ngOnInit(); // calls initSession of BaseComponent
         this.searchStateService
@@ -2281,7 +2287,7 @@ class BCBaseDataComponent extends BCBaseComponent {
             draggable: true,
             resizable: false,
             contentStyle: { overflow: 'auto' },
-            style: { width: '40vw' },
+            style: { width: isMobileSizeDevice() ? '95vw' : '40vw' },
         });
         ds?.onClose.subscribe((result) => {
             if (!result)
@@ -4511,7 +4517,6 @@ class BCCheckboxComponent {
           [inputId]="inputId"
           [binary]="true"
           [formControl]="control"
-          [disabled]="isDisabled"
           (onChange)="onCheckboxChange($event)"
           [ngClass]="{ 'ng-invalid ng-dirty': showError }"
         ></p-checkbox>
@@ -4525,18 +4530,17 @@ class BCCheckboxComponent {
 
       <bc-form-field-error [control]="control" [fieldName]="label"> </bc-form-field-error>
     </div>
-  `, isInline: true, styles: [".field-checkbox-wrapper{margin-bottom:1rem}.flex{display:flex}.align-items-center{align-items:center}.ml-2{margin-left:.5rem}.cursor-pointer{cursor:pointer}.required:after{content:\"*\";color:#c62828;margin-left:.25rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i2$3.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["hostName", "value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "component", type: FormFieldErrorComponent, selector: "bc-form-field-error", inputs: ["control", "fieldName", "style"] }] });
+  `, isInline: true, styles: [".field-checkbox-wrapper{margin-bottom:1rem}.flex{display:flex}.align-items-center{align-items:center}.ml-2{margin-left:.5rem}.cursor-pointer{cursor:pointer}.required:after{content:\"*\";color:#c62828;margin-left:.25rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i2$3.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["hostName", "value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "component", type: FormFieldErrorComponent, selector: "bc-form-field-error", inputs: ["control", "fieldName", "style"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: BCCheckboxComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bc-checkbox', standalone: true, imports: [CommonModule, CheckboxModule, FormFieldErrorComponent], template: `
+            args: [{ selector: 'bc-checkbox', standalone: true, imports: [CommonModule, CheckboxModule, FormFieldErrorComponent, ReactiveFormsModule], template: `
     <div class="field-checkbox-wrapper">
       <div class="flex align-items-center">
         <p-checkbox
           [inputId]="inputId"
           [binary]="true"
           [formControl]="control"
-          [disabled]="isDisabled"
           (onChange)="onCheckboxChange($event)"
           [ngClass]="{ 'ng-invalid ng-dirty': showError }"
         ></p-checkbox>