ps-toolkit-ui 1.3.62 → 1.3.65

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';
@@ -27,9 +27,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');
@@ -787,9 +787,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();
             });
@@ -1497,13 +1497,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);
     }
@@ -1523,7 +1523,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 = [
@@ -1571,7 +1571,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();
@@ -1593,7 +1593,7 @@ class SidebarItemComponent {
         return false;
     }
     closeSidebar() {
-        $('#Sidebar').addClass('open').removeClass('close');
+        $$1('#Sidebar').addClass('open').removeClass('close');
     }
 }
 SidebarItemComponent.decorators = [
@@ -1670,7 +1670,7 @@ class SidebarComponent {
         return null;
     }
     toggleSidebar() {
-        $('#Sidebar').toggleClass('open').toggleClass('close');
+        $$1('#Sidebar').toggleClass('open').toggleClass('close');
     }
 }
 SidebarComponent.decorators = [
@@ -1940,15 +1940,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';
                 }
             };
@@ -1972,7 +1972,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);
         });
@@ -1990,13 +1990,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();
@@ -2328,8 +2328,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 &&
@@ -2341,8 +2341,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) {
@@ -2424,7 +2424,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';
         };
@@ -2463,13 +2463,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();
@@ -2500,7 +2500,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';
@@ -2669,10 +2669,10 @@ class FormBankCardComponent {
     setIcon() {
         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) {
@@ -2753,7 +2753,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) {
@@ -2926,7 +2926,7 @@ class FormDateComponent {
             this.openCalendar();
         };
         this.inp.focusOut = () => {
-            $(this.inputBase.nativeElement).blur();
+            $$1(this.inputBase.nativeElement).blur();
         };
     }
     setInpValue(v) {
@@ -3011,16 +3011,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();
             }
         }
     }
@@ -3052,7 +3052,7 @@ class FormDateComponent {
         }
     }
     onFocusOut() {
-        $(this.inputDiv.nativeElement).removeClass('top');
+        $$1(this.inputDiv.nativeElement).removeClass('top');
         this.inp.search = this.inp.value;
         this.state = 'day';
     }
@@ -3061,10 +3061,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) {
@@ -3079,10 +3079,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) {
@@ -3307,7 +3307,7 @@ class FormFileComponent {
         });
     }
     onClick() {
-        $(this.inputBase.nativeElement).focus();
+        $$1(this.inputBase.nativeElement).focus();
     }
     onChange(e) {
         this.inp.error = null;
@@ -3326,7 +3326,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)) {
@@ -3368,7 +3368,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) {
@@ -3622,28 +3622,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();
                 }
@@ -3784,8 +3784,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;
             }
@@ -4078,8 +4078,9 @@ class FormPlaqueComponent {
     onFocusIn(e = null) {
         if (e == null || !(e.screenX && e.screenX !== 0 && e.screenY && e.screenY !== 0)) {
             setTimeout(() => {
-                this.part1.focus();
-            }, 1000);
+                console.log($('#Part1Input .control'));
+                $('#Part1Input .control').focus();
+            }, 100);
         }
     }
     onKeyDown(e) {
@@ -4171,7 +4172,7 @@ class FormRadioComponent {
         }
     }
     onFocusIn() {
-        $(this.inputBase.nativeElement).focus();
+        $$1(this.inputBase.nativeElement).focus();
     }
 }
 FormRadioComponent.decorators = [
@@ -4200,8 +4201,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();
@@ -4286,7 +4287,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() {
@@ -4301,14 +4302,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) {
@@ -4329,10 +4330,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) {
@@ -4350,7 +4351,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;
@@ -4380,7 +4381,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();
@@ -4491,7 +4492,7 @@ class FormSelectComponent {
         setTimeout(() => {
             this.changeIndex.emit(i);
             if (!this.inForm) {
-                $(this.inputBase.nativeElement).blur();
+                $$1(this.inputBase.nativeElement).blur();
             }
         }, 10);
         setTimeout(() => {
@@ -4500,8 +4501,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;
             }
@@ -4784,7 +4785,6 @@ class FormTextboxComponent {
             this.inp.value = v != null ? v.toString() : '';
         };
         this.inp.focus = (changeIndex = false) => {
-            console.log('this.inp.focus');
             this.onFocusIn(changeIndex);
         };
         this.inp.isValid = () => {
@@ -4883,14 +4883,11 @@ class FormTextboxComponent {
         };
     }
     onFocusIn(changeIndex = false) {
-        console.log('11111onFocusIn');
         if (changeIndex) {
             this.inputBase.nativeElement.select();
-            console.log('this.inputBase.nativeElement.select');
         }
         else {
             this.inputBase.nativeElement.focus();
-            console.log('this.inputBase.nativeElement.focus');
         }
     }
     onChange(e) {
@@ -5017,7 +5014,7 @@ class FormTimeComponent {
             this.openOptions();
         };
         this.inp.focusOut = () => {
-            $(this.inputBase.nativeElement).blur();
+            $$1(this.inputBase.nativeElement).blur();
         };
     }
     toggleTime() {
@@ -5025,27 +5022,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();
             }
         }
     }
@@ -5068,7 +5065,7 @@ class FormTimeComponent {
         }
     }
     onFocusOut() {
-        $(this.inputDiv.nativeElement).removeClass('top');
+        $$1(this.inputDiv.nativeElement).removeClass('top');
         this.inp.search = this.inp.value;
     }
     selectTime(v, s) {
@@ -5113,8 +5110,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();
@@ -5188,7 +5185,7 @@ class FormTreeComponent {
         }
     }
     onFocusIn() {
-        $(this.inputBase.nativeElement).focus();
+        $$1(this.inputBase.nativeElement).focus();
     }
     getSelected() {
         let l = [];