ngx-lite-form 1.1.8-pr.22.20250922042916 → 1.1.8-pr.23.20250922044725

package/fesm2022/ngx-lite-form.mjs

@@ -129,7 +129,7 @@ class FormUtils {
                         missingRequirements.push('at least one number (0-9)');
                     }
                     // Check if the pattern requires special characters
-                    if (patternRequiredValue.includes('(?=.*[@$!%*?&]') && !/[@$!%*?&^()_+\-=\[\]{};':"\\|,.<>\/?#~`]/.test(value)) {
+                    if (patternRequiredValue.includes('(?=.*[@$!%*?&]') && !/[@$!%*?&^()_+\-=[]{}|;':"\\|,.<>?`#~]/.test(value)) {
                         missingRequirements.push('at least one special character (!@#$%^&*()_+-=[]{}|;\':",./<>?)');
                     }
                     // Check for minimum length in pattern (e.g., {8,} or {8,50})
@@ -157,7 +157,7 @@ class FormUtils {
                     if (!/\d/.test(value)) {
                         missingRequirements.push('at least one number (0-9)');
                     }
-                    if (!/[@$!%*?&^()_+\-=\[\]{};':"\\|,.<>\/?#~`]/.test(value)) {
+                    if (!/[@$!%*?&^()_+\-=[]{}|;':"\\|,.<>?`#~]/.test(value)) {
                         missingRequirements.push('at least one special character (!@#$%^&*()_+-=[]{}|;\':",./<>?)');
                     }
                 }
@@ -245,7 +245,7 @@ class FormUtils {
             score += 1;
         else
             feedback.push('Add numbers');
-        if (/[@$!%*?&^()_+\-=\[\]{};':"\\|,.<>\/?#~`]/.test(password))
+        if (/[@$!%*?&^()_+\-=[]{}|;':"\\|,.<>?`#~]/.test(password))
             score += 1;
         else
             feedback.push('Add special characters');
@@ -328,15 +328,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
         }], ctorParameters: () => [] });
 
 class LiteSelect {
-    elementRef;
+    _elementRef;
     inEdit = input(true, ...(ngDevMode ? [{ debugName: "inEdit" }] : []));
     control = input({ label: '', formControl: new FormControl(null), options: [], displayWith: (option) => option }, ...(ngDevMode ? [{ debugName: "control" }] : []));
     showOptions = 'collapse';
     // Separate input text from FormControl value
     inputText = '';
     FormUtils = FormUtils;
-    constructor(elementRef) {
-        this.elementRef = elementRef;
+    constructor(_elementRef) {
+        this._elementRef = _elementRef;
         effect(() => {
             // Sync inputText with FormControl value when it changes
             const value = this.control().formControl.value;
@@ -351,7 +351,7 @@ class LiteSelect {
     onDocumentClick(event) {
         if (this.showOptions === 'expand') {
             const target = event.target;
-            if (!this.elementRef.nativeElement.contains(target)) {
+            if (!this._elementRef.nativeElement.contains(target)) {
                 this.showOptions = 'collapse';
             }
         }
@@ -437,7 +437,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
             }] } });
 
 class LiteMultiSelect {
-    elementRef;
+    _elementRef;
     inEdit = input(true, ...(ngDevMode ? [{ debugName: "inEdit" }] : []));
     control = input({
         label: '',
@@ -455,12 +455,12 @@ class LiteMultiSelect {
     containerHeight = '36px';
     selectedItemsRef;
     FormUtils = FormUtils;
-    constructor(elementRef) {
-        this.elementRef = elementRef;
+    constructor(_elementRef) {
+        this._elementRef = _elementRef;
         effect(() => {
             // Effect to react to FormControl value changes
             // Selected items are now displayed inline, so no need to update inputText
-            const values = this.control().formControl.value || [];
+            const _values = this.control().formControl.value || [];
             // Component will re-render automatically when values change
         });
         // Subscribe to value changes to update container height
@@ -481,7 +481,7 @@ class LiteMultiSelect {
     onDocumentClick(event) {
         if (this.showOptions === 'expand') {
             const target = event.target;
-            if (!this.elementRef.nativeElement.contains(target)) {
+            if (!this._elementRef.nativeElement.contains(target)) {
                 this.showOptions = 'collapse';
                 this.filterText = ''; // Clear filter when closing
                 // No need to update display text since selected items are shown inline
@@ -691,7 +691,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
         }], ctorParameters: () => [] });
 
 class LiteDate {
-    elementRef;
+    _elementRef;
     inEdit = input(true, ...(ngDevMode ? [{ debugName: "inEdit" }] : []));
     control = input({
         label: '',
@@ -811,14 +811,14 @@ class LiteDate {
         return days;
     }
     FormUtils = FormUtils;
-    constructor(elementRef) {
-        this.elementRef = elementRef;
+    constructor(_elementRef) {
+        this._elementRef = _elementRef;
         effect(() => {
             const control = this.control();
             // console.log('LiteDate initialized with control:', control);
             // Subscribe to form control value changes to trigger reactivity
             if (control && control.formControl) {
-                const subscription = control.formControl.valueChanges.subscribe(value => {
+                const _subscription = control.formControl.valueChanges.subscribe(value => {
                     console.log('Form value changed:', value);
                     this.formValueChangeSignal.set(Date.now()); // Use timestamp to ensure change detection
                 });
@@ -828,7 +828,7 @@ class LiteDate {
         });
     }
     onDocumentClick(event) {
-        if (!this.elementRef.nativeElement.contains(event.target)) {
+        if (!this._elementRef.nativeElement.contains(event.target)) {
             this.showCalendar.set(false);
         }
     }
@@ -1111,7 +1111,7 @@ class LiteDate {
         }
     }
     calculateCalendarPosition() {
-        const element = this.elementRef.nativeElement;
+        const element = this._elementRef.nativeElement;
         const rect = element.getBoundingClientRect();
         const calendarHeight = 300; // Approximate height of calendar panel
         const spaceBelow = window.innerHeight - rect.bottom;
@@ -1261,7 +1261,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
         }], ctorParameters: () => [] });
 
 class LiteFile {
-    sanitizer;
+    _sanitizer;
     file_icon = `<svg xmlns="http://www.w3.org/2000/svg" class="file-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
       <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
       <polyline points="14,2 14,8 20,8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line>
@@ -1286,8 +1286,8 @@ class LiteFile {
     maxFileSize = computed(() => this.control().maxFileSize ?? 10 * 1024 * 1024, ...(ngDevMode ? [{ debugName: "maxFileSize" }] : []));
     maxFiles = computed(() => this.control().maxFiles ?? 10, ...(ngDevMode ? [{ debugName: "maxFiles" }] : []));
     showPreview = computed(() => this.control().showPreview ?? true, ...(ngDevMode ? [{ debugName: "showPreview" }] : []));
-    constructor(sanitizer) {
-        this.sanitizer = sanitizer;
+    constructor(_sanitizer) {
+        this._sanitizer = _sanitizer;
         effect(() => {
             // console.log('LiteFile initialized with control:', this.control());
             // Sync files with form control
@@ -1348,7 +1348,7 @@ class LiteFile {
     svgToBase64DataUrl(svgString) {
         const base64 = btoa(svgString);
         const img = `data:image/svg+xml;base64,${base64}`;
-        return this.sanitizer.bypassSecurityTrustUrl(img);
+        return this._sanitizer.bypassSecurityTrustUrl(img);
     }
     handleFiles(newFiles) {
         const currentFiles = this.files();
@@ -1497,7 +1497,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
             }] } });
 
 class LiteDateTime {
-    elementRef;
+    _elementRef;
     inEdit = input(true, ...(ngDevMode ? [{ debugName: "inEdit" }] : []));
     control = input({
         label: '',
@@ -1583,8 +1583,8 @@ class LiteDateTime {
         return days;
     }
     FormUtils = FormUtils;
-    constructor(elementRef) {
-        this.elementRef = elementRef;
+    constructor(_elementRef) {
+        this._elementRef = _elementRef;
         effect(() => {
             const control = this.control();
             // console.log('LiteDateTime with control:', control);
@@ -1607,7 +1607,7 @@ class LiteDateTime {
         });
     }
     onDocumentClick(event) {
-        if (!this.elementRef.nativeElement.contains(event.target)) {
+        if (!this._elementRef.nativeElement.contains(event.target)) {
             this.showCalendar.set(false);
         }
     }
@@ -1770,7 +1770,7 @@ class LiteDateTime {
         }
     }
     calculateCalendarPosition() {
-        const element = this.elementRef.nativeElement;
+        const element = this._elementRef.nativeElement;
         const rect = element.getBoundingClientRect();
         const calendarHeight = 300; // Approximate height of calendar panel
         const spaceBelow = window.innerHeight - rect.bottom;