ps-toolkit-ui 0.2.95 → 0.2.98

package/fesm2015/ps-toolkit-ui.js

@@ -1,5 +1,5 @@
 import { Inject, Component, Input, EventEmitter, Output, ViewChild, Pipe, NgModule, Injectable } from '@angular/core';
-import * as $ from 'jquery';
+import * as $$1 from 'jquery';
 import { ajax, param } from 'jquery';
 import { merge, get, set, cloneDeep } from 'lodash';
 import * as moment from 'jalali-moment';
@@ -28,9 +28,9 @@ class AccordionComponent {
     constructor() {
     }
     toggle(e) {
-        const chOpen = $(e.target).closest('.accordion').find('.content.open');
+        const chOpen = $$1(e.target).closest('.accordion').find('.content.open');
         const ocOpen = chOpen.closest('.accordion-item').find('.header > .icon');
-        const ch = $(e.target).closest('.accordion-item').find(' > .content');
+        const ch = $$1(e.target).closest('.accordion-item').find(' > .content');
         const oc = ch.closest('.accordion-item').find(' > .header > .icon');
         if (ch.hasClass('open')) {
             ch.removeClass('open');
@@ -783,9 +783,9 @@ class HelperClass {
     static addNotification(m, e = true) {
         const id = HelperClass.random(20);
         // tslint:disable-next-line
-        $('#Notifications').append('<div id="' + id + '" class="con"><div class="item ' + (e ? 'error' : 'success') + '"><i class="fas fa-times"></i><div>' + m + '</div></div></div>');
+        $$1('#Notifications').append('<div id="' + id + '" class="con"><div class="item ' + (e ? 'error' : 'success') + '"><i class="fas fa-times"></i><div>' + m + '</div></div></div>');
         setTimeout(() => {
-            const d = $('#' + id);
+            const d = $$1('#' + id);
             d.fadeOut(300, () => {
                 d.remove();
             });
@@ -1547,13 +1547,13 @@ class AccordionRowClass {
     }
     toggle() {
         setTimeout(() => {
-            $('#AccordionRow' + this.id + ' > .header').click();
+            $$1('#AccordionRow' + this.id + ' > .header').click();
         }, 100);
     }
     open() {
         setTimeout(() => {
-            if (!$('#AccordionRow' + this.id + ' > .content').hasClass('open')) {
-                $('#AccordionRow' + this.id + ' > .header').click();
+            if (!$$1('#AccordionRow' + this.id + ' > .content').hasClass('open')) {
+                $$1('#AccordionRow' + this.id + ' > .header').click();
             }
         }, 100);
     }
@@ -1573,7 +1573,7 @@ class HeaderComponent {
         };
     }
     showUserDropDown(e) {
-        $(e.target).closest('#Header').find('.user-drop-down').slideToggle(100);
+        $$1(e.target).closest('#Header').find('.user-drop-down').slideToggle(100);
     }
 }
 HeaderComponent.decorators = [
@@ -1621,7 +1621,7 @@ class SidebarItemComponent {
         };
     }
     openClose(e) {
-        const op = $(e.target).closest('.user-sidebar-item');
+        const op = $$1(e.target).closest('.user-sidebar-item');
         if (op.hasClass('open')) {
             op.removeClass('open');
             op.find(' > .children').slideUp();
@@ -1643,7 +1643,7 @@ class SidebarItemComponent {
         return false;
     }
     closeSidebar() {
-        $('#Sidebar').addClass('open').removeClass('close');
+        $$1('#Sidebar').addClass('open').removeClass('close');
     }
 }
 SidebarItemComponent.decorators = [
@@ -1720,7 +1720,7 @@ class SidebarComponent {
         return null;
     }
     toggleSidebar() {
-        $('#Sidebar').toggleClass('open').toggleClass('close');
+        $$1('#Sidebar').toggleClass('open').toggleClass('close');
     }
 }
 SidebarComponent.decorators = [
@@ -1989,15 +1989,15 @@ class TableRowComponent {
             }
             this.showChildren = new InputClass(this.table.environment, this.table.l, this.table.name + 'SubsetTitle', 'fa-duotone fa-angle-left f-s-22', this.row.Data.CountChild > 0 || (!this.table.childrenAutoLoad && this.children.length > 0) ? InputType.Icon : InputType.Hidden, 'h-25 m-h-5 d-ib va-m f-u');
             this.showChildren.onClick = () => {
-                if ($(this.childrenDiv.nativeElement).is(':visible')) {
-                    $(this.childrenDiv.nativeElement).slideUp();
+                if ($$1(this.childrenDiv.nativeElement).is(':visible')) {
+                    $$1(this.childrenDiv.nativeElement).slideUp();
                     this.showChildren.icon = 'fa-duotone fa-angle-left f-s-22';
                 }
                 else if (this.children.length === 0) {
                     this.loadChildren(this.row.Data.Id);
                 }
                 else {
-                    $(this.childrenDiv.nativeElement).slideDown();
+                    $$1(this.childrenDiv.nativeElement).slideDown();
                     this.showChildren.icon = 'fa-duotone fa-angle-down f-s-22';
                 }
             };
@@ -2020,7 +2020,7 @@ class TableRowComponent {
         new RequestClass(this.table.environment, this.table.l).send(this.table.url + `List/${p}`, Method.Post, null, this.showChildren, (result) => {
             this.children = result.List;
             setTimeout(() => {
-                $(this.childrenDiv.nativeElement).slideDown();
+                $$1(this.childrenDiv.nativeElement).slideDown();
                 this.showChildren.icon = 'fa-duotone fa-angle-down f-s-22';
             }, 50);
         });
@@ -2038,13 +2038,13 @@ class TableRowComponent {
         setTimeout(() => {
             if (this.table.hasChildren) {
                 // @ts-ignore
-                $(this.childrenDiv.nativeElement).sortable({
+                $$1(this.childrenDiv.nativeElement).sortable({
                     axis: 'y',
                     handle: '> .row > .item-con > .handle-sortable',
                     update: () => {
                         const data = [];
                         // @ts-ignore
-                        $(this.childrenDiv.nativeElement).sortable('toArray').forEach(x => data.push(x));
+                        $$1(this.childrenDiv.nativeElement).sortable('toArray').forEach(x => data.push(x));
                         new RequestClass(this.table.l).send(this.table.url + 'Sort', Method.Post, data, null, () => {
                             if (this.table.onSort) {
                                 this.table.onSort();
@@ -2058,7 +2058,7 @@ class TableRowComponent {
     getOptions() {
         const opts = [];
         for (const option of this.row.Options.filter(x => x.Type === PermissionTypeEnum.Option && x.InputAction === PermissionInputActionEnum.Input)) {
-            const inp = new InputClass(this.table.environment, this.table.l, option.Name, option.Icon, InputType.Check, 'h-25 m-h-5 d-ib va-m f-u');
+            const inp = new InputClass(this.table.environment, this.table.l, null, null, InputType.Check, 'h-25 without-border m-h-5 d-ib va-m f-u', this.row.Data[option.Action] === true);
             inp.row = this.row;
             inp.onChange = () => {
                 const p = new PermissionClass();
@@ -2368,8 +2368,8 @@ class ModalClass {
         if (this.onShow) {
             this.onShow();
         }
-        $('body').addClass('open-modal');
-        $('#' + this.id + 'Modal').fadeIn(300, () => {
+        $$1('body').addClass('open-modal');
+        $$1('#' + this.id + 'Modal').fadeIn(300, () => {
             if (this.form != null) {
                 const i = this.form.inputs.find(x => !x.disabled && x.type !== InputType.Label && x.type !== InputType.Hidden &&
                     x.type !== InputType.Constant && x.type !== InputType.Submit && x.type !== InputType.Button && x.type !== InputType.Icon &&
@@ -2381,8 +2381,8 @@ class ModalClass {
         });
     }
     hide() {
-        $('body').removeClass('open-modal');
-        $('#' + this.id + 'Modal').fadeOut(300, () => {
+        $$1('body').removeClass('open-modal');
+        $$1('#' + this.id + 'Modal').fadeOut(300, () => {
             if (this.form && this.form.name !== 'Confirm' && this.form.name !== 'Alert') {
                 this.form.clear();
                 if (this.form.onHideModal) {
@@ -2464,7 +2464,7 @@ class TableComponent {
             this.table.load(this.reload);
         };
         this.maximum.onClick = () => {
-            $(this.tableDiv.nativeElement).toggleClass('maximum');
+            $$1(this.tableDiv.nativeElement).toggleClass('maximum');
             this.maximum.icon = this.maximum.name === 'Minimum' ? 'fa-duotone fa-arrows-maximize' : 'fa-duotone fa-arrows-minimize';
             this.maximum.name = this.maximum.name === 'Minimum' ? 'Maximum' : 'Minimum';
         };
@@ -2503,13 +2503,13 @@ class TableComponent {
     setSortable() {
         setTimeout(() => {
             // @ts-ignore
-            $(this.rows.nativeElement).sortable({
+            $$1(this.rows.nativeElement).sortable({
                 axis: 'y',
                 items: 'tr',
                 update: () => {
                     const data = [];
                     // @ts-ignore
-                    $(this.rows.nativeElement).sortable('toArray').forEach(x => data.push(x));
+                    $$1(this.rows.nativeElement).sortable('toArray').forEach(x => data.push(x));
                     new RequestClass(this.table.l).send(this.table.url + 'Sort', Method.Post, { Ids: data }, null, () => {
                         if (this.table.onSort) {
                             this.table.onSort();
@@ -2540,7 +2540,7 @@ class TableComponent {
         this.confirm.show(this.table.l('DeleteConfirm'), this.table.url + 'Delete/' + e.id, null, e.accept);
     }
     changeSort(e, s) {
-        if ($(e.target).closest('.header-search').hasClass('header-search')) {
+        if ($$1(e.target).closest('.header-search').hasClass('header-search')) {
             return;
         }
         this.table.sortType = this.table.sort === s ? this.table.sortType === 'ASC' ? 'DESC' : 'ASC' : 'ASC';
@@ -2710,10 +2710,10 @@ class FormBankCardComponent {
         console.log(this.part1.data().toString() + this.part2.data().toString());
         const b = this.banks.filter(x => x.startWith.includes(this.part1.data().toString() + this.part2.data().toString().substring(0, 2)));
         if (b.length > 0) {
-            $(this.inputIcon.nativeElement).removeClass('fa-money-check').addClass(b[0].name);
+            $$1(this.inputIcon.nativeElement).removeClass('fa-money-check').addClass(b[0].name);
         }
         else {
-            $(this.inputIcon.nativeElement).addClass('fa-money-check').removeClass(this.banks.map(x => x.name));
+            $$1(this.inputIcon.nativeElement).addClass('fa-money-check').removeClass(this.banks.map(x => x.name));
         }
     }
     changeFocus(p, a) {
@@ -2794,7 +2794,7 @@ class FormButtonComponent {
         };
     }
     onFocusIn() {
-        $(this.inputBase.nativeElement).focus();
+        $$1(this.inputBase.nativeElement).focus();
     }
     onClick(e) {
         if (e.screenX && e.screenX !== 0 && e.screenY && e.screenY !== 0) {
@@ -2855,9 +2855,12 @@ class FormCheckboxComponent {
         this.changeIndex = new EventEmitter();
     }
     ngOnInit() {
+        if (this.inp.value === true) {
+            this.setValue(this.inp.value);
+        }
         this.inp.clear = () => {
             this.inp.error = null;
-            this.inp.value = this.inp.default;
+            this.setValue(this.inp.default);
         };
         this.inp.isValid = () => {
             this.inp.error = null;
@@ -2871,7 +2874,7 @@ class FormCheckboxComponent {
             return this.inp.value;
         };
         this.inp.setValue = (v) => {
-            this.inp.value = v;
+            this.setValue(v);
         };
         this.inp.focus = () => {
             this.onFocusIn();
@@ -2882,7 +2885,16 @@ class FormCheckboxComponent {
         this.inputBase.nativeElement.focus();
     }
     onClick() {
-        this.inp.value = !this.inp.value;
+        this.setValue(!this.inp.value);
+    }
+    setValue(v) {
+        this.inp.value = v;
+        if (v) {
+            $(this.inputCon.nativeElement).addClass('checked');
+        }
+        else {
+            $(this.inputCon.nativeElement).removeClass('checked');
+        }
     }
     onChange() {
         if (this.inp.onChange) {
@@ -2902,8 +2914,8 @@ class FormCheckboxComponent {
 FormCheckboxComponent.decorators = [
     { type: Component, args: [{
                 selector: 'lib-form-checkbox',
-                template: "<div #inputDiv [id]=\"inp.name + 'Input'\" [style]=\"inp.style\" [className]=\"'form-input-con checkbox w-100' + (inp.error == null ? '' : ' error') + (inp.disabled ? ' disabled' : '') + (inp.icon == null ? ' without-icon' : '') + (!inp.displayLabel ? ' without-label' : '') + ' ' + inp.class\">\r\n  <div class=\"form-input\" (click)=\"onFocusIn()\">\r\n    <div *ngIf=\"inp.displayLabel\" class=\"label\"></div>\r\n    <input (keydown)=\"onKeyDown($event)\" (change)=\"onChange()\" [disabled]=\"inp.disabled\" [checked]=\"inp.value == true\" #inputBase type=\"checkbox\" [name]=\"inp.name\" class=\"check\">\r\n    <div (click)=\"onClick()\" class=\"control\">{{inp.l(inp.name)}}</div>\r\n    <i *ngIf=\"inp.icon != null || inp.loading\" #inputIcon [className]=\"(inp.loading ? 'fa-duotone fa-spin fa-spinner' : inp.icon) + ' icon'\"></i>\r\n  </div>\r\n</div>\r\n",
-                styles: [".form-input-con.checkbox{padding:0 15px;position:relative}.form-input-con.checkbox .form-input{float:right;position:relative;width:100%}.form-input-con.checkbox .form-input .label{cursor:default;direction:rtl;font-size:12px;height:20px;margin-bottom:3px;padding:0 10px;text-align:right}.form-input-con.checkbox .form-input .control,.form-input-con.checkbox .form-input .label{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;float:right;line-height:20px;width:100%}.form-input-con.checkbox .form-input .control{align-items:center;background-color:#fff;border:var(--border-input);border-radius:var(--border-radius-base);cursor:pointer;display:flex;font-size:11px;justify-content:center;min-height:35px;padding:5px 45px;position:relative;text-align:center;z-index:2}.form-input-con.checkbox.without-border .form-input .control{border:unset}.form-input-con.checkbox .form-input .control:after{content:\"\\f0c8\";font-family:Font Awesome\\ 5 Pro;font-size:17px;font-weight:400;height:35px;line-height:32px;position:absolute;right:0;top:0;width:35px}.form-input-con.checkbox:not(.without-border) .form-input .check:focus+.control,.form-input-con.checkbox:not(.without-border) .form-input .control:hover{border:var(--border-input-dark);outline:none}.form-input-con.checkbox.error .form-input .control{border:var(--border-input-red)}.form-input-con.checkbox.error .form-input .control,.form-input-con.checkbox.error .form-input span.icon{color:var(--red)}.form-input-con.checkbox .form-input .check{cursor:pointer;height:0;opacity:0;position:absolute;right:50%;top:50%;width:0;z-index:1}.form-input-con.checkbox .form-input .check:checked+.control:after{animation:pop .18s ease-in;color:var(--green);content:\"\\f14a\";font-weight:900}.form-input-con.checkbox .form-input i.icon{color:var(--primary);cursor:pointer;font-size:13px;height:35px;left:0;line-height:35px;position:absolute;text-align:center;top:24px;transition:all .35s ease-in-out;width:35px;z-index:2}.form-input-con.checkbox.without-label .form-input i.icon{top:0}.form-input-con.checkbox.without-icon .form-input .control{padding:0 35px 0 0}.form-input-con.checkbox.h-30 .form-input .control{font-size:10px;line-height:28px;min-height:30px;padding:0 40px}.form-input-con.checkbox.h-30 .form-input .control:after{font-size:14px;height:30px;line-height:28px;width:30px}.form-input-con.checkbox.h-30 .form-input i.icon{font-size:11px;height:30px;line-height:30px;width:30px}.form-input-con.checkbox.h-30.without-icon .form-input .control{padding:0 0 0 40px}"]
+                template: "<div #inputDiv [id]=\"inp.name + 'Input'\" [style]=\"inp.style\" [className]=\"'form-input-con checkbox w-100' + (inp.error == null ? '' : ' error') + (inp.disabled ? ' disabled' : '') + (inp.icon == null ? ' without-icon' : '') + (!inp.displayLabel ? ' without-label' : '') + ' ' + inp.class\">\r\n  <div class=\"form-input\" (click)=\"onFocusIn()\">\r\n    <div *ngIf=\"inp.displayLabel\" class=\"label\"></div>\r\n    <input (keydown)=\"onKeyDown($event)\" #inputBase type=\"checkbox\" class=\"check\">\r\n    <div (click)=\"onClick()\" #inputCon class=\"control\">{{inp.l(inp.name)}}</div>\r\n    <i *ngIf=\"inp.icon != null || inp.loading\" #inputIcon [className]=\"(inp.loading ? 'fa-duotone fa-spin fa-spinner' : inp.icon) + ' icon'\"></i>\r\n  </div>\r\n</div>\r\n",
+                styles: [".form-input-con.checkbox{padding:0 15px;position:relative}.form-input-con.checkbox .form-input{float:right;position:relative;width:100%}.form-input-con.checkbox .form-input .label{cursor:default;direction:rtl;font-size:12px;height:20px;margin-bottom:3px;padding:0 10px;text-align:right}.form-input-con.checkbox .form-input .control,.form-input-con.checkbox .form-input .label{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;float:right;line-height:20px;width:100%}.form-input-con.checkbox .form-input .control{align-items:center;background-color:#fff;border:var(--border-input);border-radius:var(--border-radius-base);cursor:pointer;display:flex;font-size:11px;justify-content:center;min-height:35px;padding:5px 45px;position:relative;text-align:center;z-index:2}.form-input-con.checkbox.without-border .form-input .control{border:unset}.form-input-con.checkbox .form-input .control:after{content:\"\\f0c8\";font-family:Font Awesome\\ 5 Pro;font-size:17px;font-weight:400;height:35px;line-height:32px;position:absolute;right:0;top:0;width:35px}.form-input-con.checkbox:not(.without-border) .form-input .check:focus+.control,.form-input-con.checkbox:not(.without-border) .form-input .control:hover{border:var(--border-input-dark);outline:none}.form-input-con.checkbox.error .form-input .control{border:var(--border-input-red)}.form-input-con.checkbox.error .form-input .control,.form-input-con.checkbox.error .form-input span.icon{color:var(--red)}.form-input-con.checkbox .form-input .check{cursor:pointer;height:0;opacity:0;position:absolute;right:50%;top:50%;width:0;z-index:1}.form-input-con.checkbox .form-input .control.checked:after{animation:pop .18s ease-in;color:var(--green);content:\"\\f14a\";font-weight:900}.form-input-con.checkbox .form-input i.icon{color:var(--primary);cursor:pointer;font-size:13px;height:35px;left:0;line-height:35px;position:absolute;text-align:center;top:24px;transition:all .35s ease-in-out;width:35px;z-index:2}.form-input-con.checkbox.without-label .form-input i.icon{top:0}.form-input-con.checkbox.without-icon .form-input .control{padding:0 35px 0 0}.form-input-con.checkbox.h-30 .form-input .control{font-size:10px;line-height:28px;min-height:30px;padding:0 40px}.form-input-con.checkbox.h-30 .form-input .control:after{font-size:14px;height:30px;line-height:28px;width:30px}.form-input-con.checkbox.h-30 .form-input i.icon{font-size:11px;height:30px;line-height:30px;width:30px}.form-input-con.checkbox.h-30.without-icon .form-input .control{padding:0 30px 0 0}.form-input-con.checkbox.h-25 .form-input .control{font-size:10px;line-height:23px;min-height:25px;padding:0 25px}.form-input-con.checkbox.h-25 .form-input .control:after{font-size:14px;height:25px;line-height:23px;width:25px}.form-input-con.checkbox.h-25 .form-input i.icon{font-size:11px;height:25px;line-height:25px;width:25px}.form-input-con.checkbox.h-25.without-icon .form-input .control{padding:0 25px 0 0}"]
             },] }
 ];
 FormCheckboxComponent.ctorParameters = () => [];
@@ -2911,7 +2923,8 @@ FormCheckboxComponent.propDecorators = {
     inp: [{ type: Input }],
     changeIndex: [{ type: Output }],
     inputBase: [{ type: ViewChild, args: ['inputBase',] }],
-    inputDiv: [{ type: ViewChild, args: ['inputDiv',] }]
+    inputDiv: [{ type: ViewChild, args: ['inputDiv',] }],
+    inputCon: [{ type: ViewChild, args: ['inputCon',] }]
 };
 
 class FormDateComponent {
@@ -2966,7 +2979,7 @@ class FormDateComponent {
             this.openCalendar();
         };
         this.inp.focusOut = () => {
-            $(this.inputBase.nativeElement).blur();
+            $$1(this.inputBase.nativeElement).blur();
         };
     }
     setInpValue(v) {
@@ -3051,16 +3064,16 @@ class FormDateComponent {
     }
     openCalendar() {
         this.setPosition();
-        $(this.inputBase.nativeElement).focus();
+        $$1(this.inputBase.nativeElement).focus();
     }
     onKeyDown(e) {
         const code = e.keyCode || e.which;
         if (code === 9 || code === 13) {
             e.preventDefault();
-            $(this.inputDiv.nativeElement).removeClass('top');
+            $$1(this.inputDiv.nativeElement).removeClass('top');
             this.changeIndex.emit(code === 9 ? e.shiftKey ? 'ShiftTab' : 'Tab' : e.shiftKey ? 'ShiftEnter' : 'Enter');
             if (!this.inForm) {
-                $(this.inputBase.nativeElement).blur();
+                $$1(this.inputBase.nativeElement).blur();
             }
         }
     }
@@ -3092,7 +3105,7 @@ class FormDateComponent {
         }
     }
     onFocusOut() {
-        $(this.inputDiv.nativeElement).removeClass('top');
+        $$1(this.inputDiv.nativeElement).removeClass('top');
         this.inp.search = this.inp.value;
         this.state = 'day';
     }
@@ -3101,10 +3114,10 @@ class FormDateComponent {
         const offsetOfBottom = window.innerHeight - rect.bottom;
         const height = this.inputCalendarDiv.nativeElement.offsetHeight;
         if (offsetOfBottom < height) {
-            $(this.inputDiv.nativeElement).addClass('top');
+            $$1(this.inputDiv.nativeElement).addClass('top');
         }
         else {
-            $(this.inputDiv.nativeElement).removeClass('top');
+            $$1(this.inputDiv.nativeElement).removeClass('top');
         }
     }
     selectDate(d) {
@@ -3119,10 +3132,10 @@ class FormDateComponent {
         d.selected = true;
         this.cSearch = this.inp.search;
         setTimeout(() => {
-            $(this.inputDiv.nativeElement).removeClass('top');
+            $$1(this.inputDiv.nativeElement).removeClass('top');
             this.changeIndex.emit('Tab');
             if (!this.inForm) {
-                $(this.inputBase.nativeElement).blur();
+                $$1(this.inputBase.nativeElement).blur();
             }
         }, 10);
         if (this.inp.onChange) {
@@ -3347,7 +3360,7 @@ class FormFileComponent {
         });
     }
     onClick() {
-        $(this.inputBase.nativeElement).focus();
+        $$1(this.inputBase.nativeElement).focus();
     }
     onChange(e) {
         this.inp.error = null;
@@ -3366,7 +3379,7 @@ class FormFileComponent {
         }
     }
     onFocusIn() {
-        $(this.inputBase.nativeElement).focus();
+        $$1(this.inputBase.nativeElement).focus();
     }
     title() {
         if (this.inp.value == null || (this.inp.value instanceof Array && this.inp.value.length === 0)) {
@@ -3408,7 +3421,7 @@ class FormIconComponent {
         };
     }
     onFocusIn() {
-        $(this.inputBase.nativeElement).focus();
+        $$1(this.inputBase.nativeElement).focus();
     }
     onClick(e) {
         if (e.screenX && e.screenX !== 0 && e.screenY && e.screenY !== 0) {
@@ -3662,28 +3675,28 @@ class FormPlaqueSelectComponent {
             }
         };
         this.part1.onFocusOut = (e) => {
-            if (!$(e.relatedTarget).closest('.form-input.plaque-select').hasClass('plaque-select') && !$(e.rangeParent).closest('.form-input.plaque-select').hasClass('plaque-select')) {
+            if (!$$1(e.relatedTarget).closest('.form-input.plaque-select').hasClass('plaque-select') && !$$1(e.rangeParent).closest('.form-input.plaque-select').hasClass('plaque-select')) {
                 if (this.open) {
                     this.closeOptions();
                 }
             }
         };
         this.part2.onFocusOut = (e) => {
-            if (!$(e.relatedTarget).closest('.form-input.plaque-select').hasClass('plaque-select') && !$(e.rangeParent).closest('.form-input.plaque-select').hasClass('plaque-select')) {
+            if (!$$1(e.relatedTarget).closest('.form-input.plaque-select').hasClass('plaque-select') && !$$1(e.rangeParent).closest('.form-input.plaque-select').hasClass('plaque-select')) {
                 if (this.open) {
                     this.closeOptions();
                 }
             }
         };
         this.part3.onFocusOut = (e) => {
-            if (!$(e.relatedTarget).closest('.form-input.plaque-select').hasClass('plaque-select') && !$(e.rangeParent).closest('.form-input.plaque-select').hasClass('plaque-select')) {
+            if (!$$1(e.relatedTarget).closest('.form-input.plaque-select').hasClass('plaque-select') && !$$1(e.rangeParent).closest('.form-input.plaque-select').hasClass('plaque-select')) {
                 if (this.open) {
                     this.closeOptions();
                 }
             }
         };
         this.part4.onFocusOut = (e) => {
-            if (!$(e.relatedTarget).closest('.form-input.plaque-select').hasClass('plaque-select') && !$(e.rangeParent).closest('.form-input.plaque-select').hasClass('plaque-select')) {
+            if (!$$1(e.relatedTarget).closest('.form-input.plaque-select').hasClass('plaque-select') && !$$1(e.rangeParent).closest('.form-input.plaque-select').hasClass('plaque-select')) {
                 if (this.open) {
                     this.closeOptions();
                 }
@@ -3824,8 +3837,8 @@ class FormPlaqueSelectComponent {
     }
     setHoverCenter() {
         setTimeout(() => {
-            const hover = $(this.inputOptionsDiv.nativeElement).find('.option.hover');
-            const items = $(this.inputOptionsDiv.nativeElement).find('.items');
+            const hover = $$1(this.inputOptionsDiv.nativeElement).find('.option.hover');
+            const items = $$1(this.inputOptionsDiv.nativeElement).find('.items');
             if (hover.length === 0) {
                 return;
             }
@@ -4162,7 +4175,7 @@ class FormRadioComponent {
         }
     }
     onFocusIn() {
-        $(this.inputBase.nativeElement).focus();
+        $$1(this.inputBase.nativeElement).focus();
     }
 }
 FormRadioComponent.decorators = [
@@ -4191,8 +4204,8 @@ class FormSelectItemComponent {
         this.select.hover = opt.index;
     }
     toggleChildren(e) {
-        const ch = $(e.target).closest('.option-con').find(' > .children');
-        const oc = $(e.target).closest('.option-con').find(' > .caret-icon');
+        const ch = $$1(e.target).closest('.option-con').find(' > .children');
+        const oc = $$1(e.target).closest('.option-con').find(' > .caret-icon');
         if (ch.hasClass('open')) {
             ch.removeClass('open');
             ch.slideUp();
@@ -4277,7 +4290,7 @@ class FormSelectComponent {
             return !this.inp.multiple ? (this.inp.addNew ? this.inp.search : this.inp.value) : this.getSelected();
         };
         this.inp.focusOut = () => {
-            $(this.inputBase.nativeElement).blur();
+            $$1(this.inputBase.nativeElement).blur();
         };
     }
     loadOptions() {
@@ -4292,14 +4305,14 @@ class FormSelectComponent {
     openOptions() {
         this.setPosition();
         this.setHoverCenter();
-        $(this.inputBase.nativeElement).focus();
+        $$1(this.inputBase.nativeElement).focus();
     }
     onFocusOut() {
         this.closeOptions();
     }
     closeOptions() {
         setTimeout(() => {
-            $(this.inputDiv.nativeElement).removeClass('top');
+            $$1(this.inputDiv.nativeElement).removeClass('top');
             this.inp.hover = -1;
             if (this.inp.value === null) {
                 if (!this.inp.addNew) {
@@ -4320,10 +4333,10 @@ class FormSelectComponent {
         const offsetOfBottom = window.innerHeight - rect.bottom;
         const height = this.inputOptionsDiv.nativeElement.offsetHeight;
         if (offsetOfBottom < height) {
-            $(this.inputDiv.nativeElement).addClass('top');
+            $$1(this.inputDiv.nativeElement).addClass('top');
         }
         else {
-            $(this.inputDiv.nativeElement).removeClass('top');
+            $$1(this.inputDiv.nativeElement).removeClass('top');
         }
     }
     setOptions(r = this.inp.options) {
@@ -4341,7 +4354,7 @@ class FormSelectComponent {
         }
         else if (code === 13) {
             e.preventDefault();
-            if ($(this.inputBase.nativeElement).is(':focus')) {
+            if ($$1(this.inputBase.nativeElement).is(':focus')) {
                 const h = this.getSelectedHover();
                 if (!h) {
                     return;
@@ -4371,7 +4384,7 @@ class FormSelectComponent {
         }
     }
     toggleOption(e) {
-        if (this.inp.multiple && $(e.target).closest('.option').hasClass('option')) {
+        if (this.inp.multiple && $$1(e.target).closest('.option').hasClass('option')) {
             return;
         }
         this.openOptions();
@@ -4482,7 +4495,7 @@ class FormSelectComponent {
         setTimeout(() => {
             this.changeIndex.emit(i);
             if (!this.inForm) {
-                $(this.inputBase.nativeElement).blur();
+                $$1(this.inputBase.nativeElement).blur();
             }
         }, 10);
         setTimeout(() => {
@@ -4491,8 +4504,8 @@ class FormSelectComponent {
     }
     setHoverCenter() {
         setTimeout(() => {
-            const hover = $(this.inputOptionsDiv.nativeElement).find('.option.hover');
-            const items = $(this.inputOptionsDiv.nativeElement).find('.items');
+            const hover = $$1(this.inputOptionsDiv.nativeElement).find('.option.hover');
+            const items = $$1(this.inputOptionsDiv.nativeElement).find('.items');
             if (hover.length === 0) {
                 return;
             }
@@ -5004,7 +5017,7 @@ class FormTimeComponent {
             this.openOptions();
         };
         this.inp.focusOut = () => {
-            $(this.inputBase.nativeElement).blur();
+            $$1(this.inputBase.nativeElement).blur();
         };
     }
     toggleTime() {
@@ -5012,27 +5025,27 @@ class FormTimeComponent {
     }
     openOptions() {
         this.setPosition();
-        $(this.inputBase.nativeElement).focus();
+        $$1(this.inputBase.nativeElement).focus();
     }
     setPosition() {
         const rect = this.inputDiv.nativeElement.getBoundingClientRect();
         const offsetOfBottom = window.innerHeight - rect.bottom;
         const height = this.inputOptionsDiv.nativeElement.offsetHeight;
         if (offsetOfBottom < height) {
-            $(this.inputDiv.nativeElement).addClass('top');
+            $$1(this.inputDiv.nativeElement).addClass('top');
         }
         else {
-            $(this.inputDiv.nativeElement).removeClass('top');
+            $$1(this.inputDiv.nativeElement).removeClass('top');
         }
     }
     onKeyDown(e) {
         const code = e.keyCode || e.which;
         if (code === 9 || code === 13) {
             e.preventDefault();
-            $(this.inputDiv.nativeElement).removeClass('top');
+            $$1(this.inputDiv.nativeElement).removeClass('top');
             this.changeIndex.emit(code === 9 ? e.shiftKey ? 'ShiftTab' : 'Tab' : e.shiftKey ? 'ShiftEnter' : 'Enter');
             if (!this.inForm) {
-                $(this.inputBase.nativeElement).blur();
+                $$1(this.inputBase.nativeElement).blur();
             }
         }
     }
@@ -5055,7 +5068,7 @@ class FormTimeComponent {
         }
     }
     onFocusOut() {
-        $(this.inputDiv.nativeElement).removeClass('top');
+        $$1(this.inputDiv.nativeElement).removeClass('top');
         this.inp.search = this.inp.value;
     }
     selectTime(v, s) {
@@ -5099,8 +5112,8 @@ class FormTreeItemComponent {
         this.item.parent = this.parent;
     }
     openClose(e) {
-        const ch = $(e.target).closest('.row-item').find(' > .children');
-        const oc = $(e.target).closest('.row-item').find(' > .open-close');
+        const ch = $$1(e.target).closest('.row-item').find(' > .children');
+        const oc = $$1(e.target).closest('.row-item').find(' > .open-close');
         if (ch.hasClass('open')) {
             ch.removeClass('open');
             ch.stop().slideUp();
@@ -5174,7 +5187,7 @@ class FormTreeComponent {
         }
     }
     onFocusIn() {
-        $(this.inputBase.nativeElement).focus();
+        $$1(this.inputBase.nativeElement).focus();
     }
     getSelected() {
         let l = [];
@@ -6259,15 +6272,15 @@ class TableOldRowComponent {
             }
             this.showChildren = new InputClass(this.table.environment, this.table.l, this.table.name + 'SubsetTitle', 'fa-duotone fa-angle-left f-s-22', this.row.Data.CountChild > 0 || (!this.table.childrenAutoLoad && this.children.length > 0) ? InputType.Icon : InputType.Hidden, 'h-25 m-h-5 d-ib va-m f-u');
             this.showChildren.onClick = () => {
-                if ($(this.childrenDiv.nativeElement).is(':visible')) {
-                    $(this.childrenDiv.nativeElement).hide();
+                if ($$1(this.childrenDiv.nativeElement).is(':visible')) {
+                    $$1(this.childrenDiv.nativeElement).hide();
                     this.showChildren.icon = 'fa-duotone fa-angle-left f-s-22';
                 }
                 else if (this.children.length === 0) {
                     this.loadChildren(this.row.Data.Id);
                 }
                 else {
-                    $(this.childrenDiv.nativeElement).show();
+                    $$1(this.childrenDiv.nativeElement).show();
                     this.showChildren.icon = 'fa-duotone fa-angle-down f-s-22';
                 }
             };
@@ -6290,7 +6303,7 @@ class TableOldRowComponent {
         new RequestClass(this.table.environment, this.table.l).send(this.table.url + `List/${p}`, Method.Post, null, this.showChildren, (result) => {
             this.children = result.List;
             setTimeout(() => {
-                $(this.childrenDiv.nativeElement).slideDown();
+                $$1(this.childrenDiv.nativeElement).slideDown();
                 this.showChildren.icon = 'fa-duotone fa-angle-down f-s-22';
             }, 50);
         });
@@ -6308,13 +6321,13 @@ class TableOldRowComponent {
         setTimeout(() => {
             if (this.table.hasChildren) {
                 // @ts-ignore
-                $(this.childrenDiv.nativeElement).sortable({
+                $$1(this.childrenDiv.nativeElement).sortable({
                     axis: 'y',
                     handle: '> .row > .item-con > .handle-sortable',
                     update: () => {
                         const data = [];
                         // @ts-ignore
-                        $(this.childrenDiv.nativeElement).sortable('toArray').forEach(x => data.push(x));
+                        $$1(this.childrenDiv.nativeElement).sortable('toArray').forEach(x => data.push(x));
                         new RequestClass(this.table.l).send(this.table.url + 'Sort', Method.Post, data, null, () => {
                             if (this.table.onSort) {
                                 this.table.onSort();
@@ -6665,7 +6678,7 @@ class TableOldComponent {
             this.table.load(this.reload);
         };
         this.maximum.onClick = () => {
-            $(this.tableDiv.nativeElement).toggleClass('maximum');
+            $$1(this.tableDiv.nativeElement).toggleClass('maximum');
             this.maximum.icon = this.maximum.name === 'Minimum' ? 'fa-duotone fa-arrows-maximize' : 'fa-duotone fa-arrows-minimize';
             this.maximum.name = this.maximum.name === 'Minimum' ? 'Maximum' : 'Minimum';
         };
@@ -6704,13 +6717,13 @@ class TableOldComponent {
     setSortable() {
         setTimeout(() => {
             // @ts-ignore
-            $(this.rows.nativeElement).sortable({
+            $$1(this.rows.nativeElement).sortable({
                 axis: 'y',
                 items: 'tr',
                 update: () => {
                     const data = [];
                     // @ts-ignore
-                    $(this.rows.nativeElement).sortable('toArray').forEach(x => data.push(x));
+                    $$1(this.rows.nativeElement).sortable('toArray').forEach(x => data.push(x));
                     new RequestClass(this.table.l).send(this.table.url + 'Sort', Method.Post, { Ids: data }, null, () => {
                         if (this.table.onSort) {
                             this.table.onSort();
@@ -6741,7 +6754,7 @@ class TableOldComponent {
         this.confirm.show(this.table.l('DeleteConfirm'), this.table.url + 'Delete/' + e.id, null, e.accept);
     }
     changeSort(e, s) {
-        if ($(e.target).closest('.header-search').hasClass('header-search')) {
+        if ($$1(e.target).closest('.header-search').hasClass('header-search')) {
             return;
         }
         this.table.sortType = this.table.sort === s ? this.table.sortType === 'ASC' ? 'DESC' : 'ASC' : 'ASC';