@flusys/ng-ui 7.0.0 → 7.0.2

package/fesm2022/flusys-ng-ui.mjs

@@ -3132,9 +3132,6 @@ class DatePickerComponent {
             this._open.set(false);
         }
     }
-    onInputClick(event) {
-        this.toggleCalendar(event);
-    }
     onInputKeyDown(event) {
         if (this.disabled() || this.readonly())
             return;
@@ -3469,7 +3466,7 @@ class DatePickerComponent {
             [placeholder]="placeholder()"
             [attr.aria-invalid]="invalid() ? true : null"
             [attr.aria-readonly]="readonly() ? true : null"
-            (click)="onInputClick($event)"
+            (click)="toggleCalendar($event)"
             (keydown)="onInputKeyDown($event)"
             (change)="onInputChange($any($event.target).value)"
           />
@@ -3864,7 +3861,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
             [placeholder]="placeholder()"
             [attr.aria-invalid]="invalid() ? true : null"
             [attr.aria-readonly]="readonly() ? true : null"
-            (click)="onInputClick($event)"
+            (click)="toggleCalendar($event)"
             (keydown)="onInputKeyDown($event)"
             (change)="onInputChange($any($event.target).value)"
           />
@@ -5346,9 +5343,6 @@ class ScrollerComponent {
         else
             el.scrollTo({ top: pos, behavior });
     }
-    scrollToTop(behavior = 'auto') {
-        this.scrollToIndex(0, behavior);
-    }
     ngAfterViewInit() {
         const el = this.viewportRef()?.nativeElement;
         if (!el)
@@ -11471,9 +11465,6 @@ class TreeTableComponent {
             return;
         this.onLazyLoad.emit(this.buildLazyEvent(event.first, event.last - event.first));
     }
-    onFilterInput(v) {
-        this.filterGlobal(v);
-    }
     filterGlobal(value) {
         this._filterText.set(value);
         this._currentFirst.set(0);
@@ -11822,7 +11813,7 @@ class TreeTableComponent {
                 class="flex-1 text-sm bg-transparent focus:outline-none text-(--f-text-color) placeholder:text-(--f-form-field-placeholder-color)"
                 placeholder="Search..."
                 [value]="filterText()"
-                (input)="onFilterInput($any($event.target).value)"
+                (input)="filterGlobal($any($event.target).value)"
               />
             </div>
           }
@@ -12009,7 +12000,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
                 class="flex-1 text-sm bg-transparent focus:outline-none text-(--f-text-color) placeholder:text-(--f-form-field-placeholder-color)"
                 placeholder="Search..."
                 [value]="filterText()"
-                (input)="onFilterInput($any($event.target).value)"
+                (input)="filterGlobal($any($event.target).value)"
               />
             </div>
           }
@@ -12370,7 +12361,7 @@ class TableComponent {
             this.onLazyLoad.emit(this.buildLazyEvent(this.first(), this.rows()));
         }
     }
-    onFilterInput(v) {
+    filterGlobal(v) {
         this._filterText.set(v);
         clearTimeout(this.filterInputTimeout);
         this.filterInputTimeout = setTimeout(() => {
@@ -12380,9 +12371,6 @@ class TableComponent {
             }
         }, this.filterDelay());
     }
-    filterGlobal(value) {
-        this.onFilterInput(value);
-    }
     filter(value, field, matchMode = 'contains') {
         clearTimeout(this.filterInputTimeout);
         this.filterInputTimeout = setTimeout(() => this.applyFilter(value, field, matchMode), this.filterDelay());
@@ -12694,7 +12682,7 @@ class TableComponent {
                 class="flex-1 text-sm bg-transparent focus:outline-none text-(--f-text-color) placeholder:text-(--f-form-field-placeholder-color)"
                 placeholder="Search..."
                 [value]="filterText()"
-                (input)="onFilterInput($any($event.target).value)"
+                (input)="filterGlobal($any($event.target).value)"
               />
             </div>
           }
@@ -12900,7 +12888,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
                 class="flex-1 text-sm bg-transparent focus:outline-none text-(--f-text-color) placeholder:text-(--f-form-field-placeholder-color)"
                 placeholder="Search..."
                 [value]="filterText()"
-                (input)="onFilterInput($any($event.target).value)"
+                (input)="filterGlobal($any($event.target).value)"
               />
             </div>
           }
@@ -22817,9 +22805,6 @@ class TreeComponent {
         }
         this.clearDragState();
     }
-    onDragEnd() {
-        this.clearDragState();
-    }
     clearDragState() {
         this._dragKey.set(null);
         this._dropTargetKey.set(null);
@@ -22999,7 +22984,7 @@ class TreeComponent {
         (dragover)="onDragOver($event, row)"
         (dragleave)="onDragLeave($event, row)"
         (drop)="onDrop($event, row)"
-        (dragend)="onDragEnd()"
+        (dragend)="clearDragState()"
       >
         @if (!row.leaf) {
           <button type="button" class="inline-flex items-center justify-center w-5 h-5 rounded-md hover:bg-(--f-content-hover-background) shrink-0 cursor-pointer" (click)="toggleExpand($event, row.key)">
@@ -23112,7 +23097,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
         (dragover)="onDragOver($event, row)"
         (dragleave)="onDragLeave($event, row)"
         (drop)="onDrop($event, row)"
-        (dragend)="onDragEnd()"
+        (dragend)="clearDragState()"
       >
         @if (!row.leaf) {
           <button type="button" class="inline-flex items-center justify-center w-5 h-5 rounded-md hover:bg-(--f-content-hover-background) shrink-0 cursor-pointer" (click)="toggleExpand($event, row.key)">
@@ -23646,7 +23631,6 @@ class CarouselComponent {
         else if (this.circular())
             this.setPage(0);
     }
-    goToPage(i) { this.setPage(i); }
     onKeydown(event) {
         const forwardKey = this.isVertical() ? 'ArrowDown' : 'ArrowRight';
         const backwardKey = this.isVertical() ? 'ArrowUp' : 'ArrowLeft';
@@ -23670,7 +23654,7 @@ class CarouselComponent {
         if (!button || !li?.parentElement)
             return;
         const index = Array.from(li.parentElement.children).indexOf(sibling);
-        this.goToPage(index);
+        this.setPage(index);
         button.focus();
     }
     onTouchStart(event) {
@@ -23777,7 +23761,7 @@ class CarouselComponent {
               [tabindex]="i === page() ? 0 : -1"
               class="w-2 h-2 rounded-full transition-colors cursor-pointer"
               [class]="i === page() ? 'bg-primary' : 'bg-(--f-content-border-color)'"
-              (click)="goToPage(i)"
+              (click)="setPage(i)"
             ></button>
           </li>
         }
@@ -23870,7 +23854,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
               [tabindex]="i === page() ? 0 : -1"
               class="w-2 h-2 rounded-full transition-colors cursor-pointer"
               [class]="i === page() ? 'bg-primary' : 'bg-(--f-content-border-color)'"
-              (click)="goToPage(i)"
+              (click)="setPage(i)"
             ></button>
           </li>
         }
@@ -23982,9 +23966,6 @@ class ScrollPanelComponent {
             clientHeight: el.clientHeight,
         });
     }
-    refresh() {
-        this.updateBars();
-    }
     scrollTop(value) {
         const el = this.contentRef()?.nativeElement;
         if (!el)
@@ -24529,8 +24510,6 @@ class PickListComponent {
             return next;
         });
     }
-    toggleSourceSelect(item) { this.toggleSelect('source', item); }
-    toggleTargetSelect(item) { this.toggleSelect('target', item); }
     moveToTarget() {
         const moving = [...this.sourceSelected()];
         if (!moving.length)
@@ -24678,7 +24657,6 @@ class PickListComponent {
         }
         this.clearDragState();
     }
-    onDragEnd() { this.clearDragState(); }
     clearDragState() {
         this._dragItem.set(null);
         this._dragZone.set(null);
@@ -24762,7 +24740,7 @@ class PickListComponent {
               (dragover)="onDragOver($event, item, 'source')"
               (dragleave)="onDragLeave($event, item)"
               (drop)="onDrop($event, item, 'source')"
-              (dragend)="onDragEnd()"
+              (dragend)="clearDragState()"
             >
               @if (itemTpl()) {
                 <ng-container [ngTemplateOutlet]="itemTpl()" [ngTemplateOutletContext]="{ $implicit: item, index: i, selected: sourceSelected().has(item) }" />
@@ -24814,7 +24792,7 @@ class PickListComponent {
               (dragover)="onDragOver($event, item, 'target')"
               (dragleave)="onDragLeave($event, item)"
               (drop)="onDrop($event, item, 'target')"
-              (dragend)="onDragEnd()"
+              (dragend)="clearDragState()"
             >
               @if (itemTpl()) {
                 <ng-container [ngTemplateOutlet]="itemTpl()" [ngTemplateOutletContext]="{ $implicit: item, index: i, selected: targetSelected().has(item) }" />
@@ -24869,7 +24847,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
               (dragover)="onDragOver($event, item, 'source')"
               (dragleave)="onDragLeave($event, item)"
               (drop)="onDrop($event, item, 'source')"
-              (dragend)="onDragEnd()"
+              (dragend)="clearDragState()"
             >
               @if (itemTpl()) {
                 <ng-container [ngTemplateOutlet]="itemTpl()" [ngTemplateOutletContext]="{ $implicit: item, index: i, selected: sourceSelected().has(item) }" />
@@ -24921,7 +24899,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
               (dragover)="onDragOver($event, item, 'target')"
               (dragleave)="onDragLeave($event, item)"
               (drop)="onDrop($event, item, 'target')"
-              (dragend)="onDragEnd()"
+              (dragend)="clearDragState()"
             >
               @if (itemTpl()) {
                 <ng-container [ngTemplateOutlet]="itemTpl()" [ngTemplateOutletContext]="{ $implicit: item, index: i, selected: targetSelected().has(item) }" />
@@ -25196,7 +25174,6 @@ class OrderListComponent {
         }
         this.clearDragState();
     }
-    onDragEnd() { this.clearDragState(); }
     clearDragState() {
         this._dragItem.set(null);
         this._dropTarget.set(null);
@@ -25247,7 +25224,7 @@ class OrderListComponent {
                 (dragover)="onDragOver($event, item)"
                 (dragleave)="onDragLeave($event, item)"
                 (drop)="onDrop($event, item)"
-                (dragend)="onDragEnd()"
+                (dragend)="clearDragState()"
               >
                 @if (itemTpl()) {
                   <ng-container [ngTemplateOutlet]="itemTpl()" [ngTemplateOutletContext]="{ $implicit: item, index: i, selected: isSelected(item) }" />
@@ -25326,7 +25303,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
                 (dragover)="onDragOver($event, item)"
                 (dragleave)="onDragLeave($event, item)"
                 (drop)="onDrop($event, item)"
-                (dragend)="onDragEnd()"
+                (dragend)="clearDragState()"
               >
                 @if (itemTpl()) {
                   <ng-container [ngTemplateOutlet]="itemTpl()" [ngTemplateOutletContext]="{ $implicit: item, index: i, selected: isSelected(item) }" />
@@ -25466,9 +25443,6 @@ class GalleriaComponent {
         else if (this.circular())
             this.setIndex(len - 1);
     }
-    selectIndex(i) {
-        this.setIndex(i);
-    }
     onKeydown(event) {
         if (event.key === 'ArrowRight') {
             event.preventDefault();
@@ -25578,7 +25552,7 @@ class GalleriaComponent {
                     [attr.aria-selected]="i === activeIndex()"
                     class="w-2 h-2 rounded-full transition-colors cursor-pointer"
                     [class]="i === activeIndex() ? 'bg-white' : 'bg-white/40'"
-                    (click)="selectIndex(i)"
+                    (click)="setIndex(i)"
                   ></button>
                 }
               </div>
@@ -25639,7 +25613,7 @@ class GalleriaComponent {
                     [attr.aria-current]="
                       $index === activeIndex() ? 'true' : null
                     "
-                    (click)="selectIndex($index)"
+                    (click)="setIndex($index)"
                   >
                     @if (thumbnailTpl()) {
                       <ng-container
@@ -25760,7 +25734,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
                     [attr.aria-selected]="i === activeIndex()"
                     class="w-2 h-2 rounded-full transition-colors cursor-pointer"
                     [class]="i === activeIndex() ? 'bg-white' : 'bg-white/40'"
-                    (click)="selectIndex(i)"
+                    (click)="setIndex(i)"
                   ></button>
                 }
               </div>
@@ -25821,7 +25795,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImpor
                     [attr.aria-current]="
                       $index === activeIndex() ? 'true' : null
                     "
-                    (click)="selectIndex($index)"
+                    (click)="setIndex($index)"
                   >
                     @if (thumbnailTpl()) {
                       <ng-container