ng-components-tsi 0.0.28 → 0.0.30

package/fesm2022/ng-components-tsi.mjs

@@ -1,7 +1,7 @@
 import * as i1 from '@angular/common';
 import { CommonModule, NgClass, NgTemplateOutlet, DecimalPipe, DatePipe } from '@angular/common';
 import * as i0 from '@angular/core';
-import { input, output, HostListener, Directive, inject, viewChild, effect, ViewChild, Component, signal, computed, Injectable, ChangeDetectionStrategy, contentChild, ContentChild, model, ViewChildren, ElementRef, linkedSignal, untracked, Renderer2, Input, TemplateRef, contentChildren } from '@angular/core';
+import { input, output, HostListener, Directive, inject, viewChild, effect, ViewChild, Component, signal, computed, Injectable, ChangeDetectionStrategy, contentChild, ContentChild, model, ViewChildren, ElementRef, Renderer2, Input, linkedSignal, untracked, TemplateRef, contentChildren } from '@angular/core';
 import * as i1$2 from '@angular/forms';
 import { FormsModule, NgModel } from '@angular/forms';
 import { DomSanitizer } from '@angular/platform-browser';
@@ -731,6 +731,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                 args: ['autocompleteItem']
             }] } });
 
+class AnimatedCheckboxDirective {
+    cbClass = '';
+    el = inject((ElementRef));
+    renderer = inject(Renderer2);
+    ngOnInit() {
+        const input = this.el.nativeElement;
+        const label = input.closest('label');
+        if (!label)
+            return;
+        this.renderer.addClass(label, 'checkbox-animated');
+        if (this.cbClass) {
+            this.renderer.addClass(label, this.cbClass);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnimatedCheckboxDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: AnimatedCheckboxDirective, isStandalone: true, selector: "input[type=checkbox][animatedCheckbox]", inputs: { cbClass: "cbClass" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnimatedCheckboxDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[type=checkbox][animatedCheckbox]',
+                    standalone: true
+                }]
+        }], propDecorators: { cbClass: [{
+                type: Input
+            }] } });
+
 class CheckBoxComponent {
     name = input();
     id = input();
@@ -742,11 +769,11 @@ class CheckBoxComponent {
     checked = input(false);
     changeCheck = output();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CheckBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: CheckBoxComponent, isStandalone: true, selector: "app-check-box", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, binding: { classPropertyName: "binding", publicName: "binding", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { binding: "bindingChange", changeCheck: "changeCheck" }, ngImport: i0, template: "<label [ngClass]=\"class()\" >\r\n    <input type=\"checkbox\" animatedCheckbox [name]=\"name()\" [id]=\"id()\" [value]=\"value()\" [(ngModel)]=\"binding\" [disabled]=\"disabled()\"\r\n    [checked]=\"checked()\" (change)=\"changeCheck.emit($event)\"\r\n    >\r\n    <span class=\"text-dark\">{{ label() }}</span>\r\n</label>", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: CheckBoxComponent, isStandalone: true, selector: "app-check-box", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, binding: { classPropertyName: "binding", publicName: "binding", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { binding: "bindingChange", changeCheck: "changeCheck" }, ngImport: i0, template: "<label [ngClass]=\"class()\" >\r\n    <input type=\"checkbox\" animatedCheckbox [name]=\"name()\" [id]=\"id()\" [value]=\"value()\" [(ngModel)]=\"binding\" [disabled]=\"disabled()\"\r\n    [checked]=\"checked()\" (change)=\"changeCheck.emit($event)\"\r\n    >\r\n    <span class=\"text-dark\">{{ label() }}</span>\r\n</label>", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: AnimatedCheckboxDirective, selector: "input[type=checkbox][animatedCheckbox]", inputs: ["cbClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: CheckBoxComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-check-box', imports: [FormsModule, NgClass], changeDetection: ChangeDetectionStrategy.OnPush, template: "<label [ngClass]=\"class()\" >\r\n    <input type=\"checkbox\" animatedCheckbox [name]=\"name()\" [id]=\"id()\" [value]=\"value()\" [(ngModel)]=\"binding\" [disabled]=\"disabled()\"\r\n    [checked]=\"checked()\" (change)=\"changeCheck.emit($event)\"\r\n    >\r\n    <span class=\"text-dark\">{{ label() }}</span>\r\n</label>" }]
+            args: [{ selector: 'app-check-box', imports: [FormsModule, NgClass, AnimatedCheckboxDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<label [ngClass]=\"class()\" >\r\n    <input type=\"checkbox\" animatedCheckbox [name]=\"name()\" [id]=\"id()\" [value]=\"value()\" [(ngModel)]=\"binding\" [disabled]=\"disabled()\"\r\n    [checked]=\"checked()\" (change)=\"changeCheck.emit($event)\"\r\n    >\r\n    <span class=\"text-dark\">{{ label() }}</span>\r\n</label>" }]
         }] });
 
 class AutocompleteV2Component {
@@ -3383,33 +3410,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                 }]
         }] });
 
-class AnimatedCheckboxDirective {
-    cbClass = '';
-    el = inject((ElementRef));
-    renderer = inject(Renderer2);
-    ngOnInit() {
-        const input = this.el.nativeElement;
-        const label = input.closest('label');
-        if (!label)
-            return;
-        this.renderer.addClass(label, 'checkbox-animated');
-        if (this.cbClass) {
-            this.renderer.addClass(label, this.cbClass);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnimatedCheckboxDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: AnimatedCheckboxDirective, isStandalone: true, selector: "input[type=checkbox][animatedCheckbox]", inputs: { cbClass: "cbClass" }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: AnimatedCheckboxDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'input[type=checkbox][animatedCheckbox]',
-                    standalone: true
-                }]
-        }], propDecorators: { cbClass: [{
-                type: Input
-            }] } });
-
 class TableUltimateComponent {
     tableHeaders = viewChild('thElement');
     customActions = contentChild('customActions');