zek 17.3.32 → 17.3.36

package/fesm2022/zek.mjs

@@ -1,17 +1,17 @@
 import * as i0 from '@angular/core';
-import { Injectable, InjectionToken, Inject, Directive, inject, Input, EventEmitter, Output, ViewChild, Pipe, Component, forwardRef, NgModule, HostListener, ViewEncapsulation, ChangeDetectionStrategy, Optional } from '@angular/core';
+import { Injectable, inject, InjectionToken, Inject, Directive, Input, EventEmitter, Output, ViewChild, Pipe, Component, forwardRef, NgModule, HostListener, ViewEncapsulation, ChangeDetectionStrategy, Optional } from '@angular/core';
 import * as i1 from '@angular/router';
-import { NavigationStart, ActivatedRoute, Router, RouterModule } from '@angular/router';
+import { Router, NavigationStart, ActivatedRoute, RouterModule } from '@angular/router';
 import { BehaviorSubject, Subject, catchError, of, firstValueFrom, timer } from 'rxjs';
-import * as i1$1 from '@ngx-translate/core';
+import * as i2 from '@ngx-translate/core';
 import { TranslateService, TranslateModule } from '@ngx-translate/core';
-import * as i1$2 from '@angular/common/http';
+import * as i1$1 from '@angular/common/http';
 import { HttpParams, HttpHeaders, HTTP_INTERCEPTORS } from '@angular/common/http';
-import * as i1$3 from '@angular/common';
+import * as i1$2 from '@angular/common';
 import { CommonModule, DatePipe } from '@angular/common';
-import * as i1$5 from '@angular/forms';
+import * as i1$4 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, FormsModule, NG_VALIDATORS } from '@angular/forms';
-import * as i1$4 from '@angular/platform-browser';
+import * as i1$3 from '@angular/platform-browser';
 import { finalize, map, takeWhile } from 'rxjs/operators';
 
 var PrintType;
@@ -26,15 +26,13 @@ class ArrayHelper {
     static insert(value, index, v) {
         value.splice(index, 0, v);
     }
-    ;
     static contains(value, v) {
-        for (var i = 0; i < value.length; i++) {
+        for (let i = 0; i < value.length; i++) {
             if (value[i] === v)
                 return true;
         }
         return false;
     }
-    ;
     static isArray(arg) {
         return Array.isArray(arg) && arg.length > 0;
     }
@@ -49,9 +47,11 @@ class ArrayHelper {
     //     return arr;
     // }
     static distinct(source) {
-        let length = source.length, result = [], seen = new Set();
+        const length = source.length;
+        const result = [];
+        const seen = new Set();
         for (let index = 0; index < length; index++) {
-            let value = source[index];
+            const value = source[index];
             if (seen.has(value))
                 continue;
             seen.add(value);
@@ -118,12 +118,12 @@ class ArrayHelper {
     static enumToKeyPairBaseArray(value) {
         const keys = Object.keys(value);
         const slice = keys.length / 2;
-        let result = [];
+        const result = [];
         // for (let i = 0; i < slice; i++) {
         //     result.push({ key: +keys[i], value: keys[i + slice] } as T);
         // }
         for (let i = slice; i < keys.length; i++) {
-            let name = keys[i];
+            const name = keys[i];
             result.push({ key: +value[name], value: name });
         }
         return result;
@@ -314,7 +314,7 @@ class Convert {
     static parseNumber(value) {
         if (typeof value === 'undefined' || value == null || (typeof value === 'string' && value.length === 0))
             return null;
-        let n = Number(value);
+        const n = Number(value);
         return !isNaN(n) ? n : null;
     }
     static toNumber(value, defaultValue = 0) {
@@ -336,7 +336,7 @@ class CssHelper {
         if (!addClasses || addClasses === '') {
             return clazz;
         }
-        let arr = ArrayHelper.distinct(this.parseClassNames(clazz).concat(this.parseClassNames(addClasses)));
+        const arr = ArrayHelper.distinct(this.parseClassNames(clazz).concat(this.parseClassNames(addClasses)));
         return Array.isArray(clazz) ? arr : arr.join(' ');
     }
     static removeClass(clazz, removeClasses) {
@@ -346,11 +346,11 @@ class CssHelper {
         if (!removeClasses || removeClasses === '' || removeClasses.length === 0) {
             return clazz;
         }
-        let arrClasses = this.parseClassNames(clazz);
-        let arrRemove = this.parseClassNames(removeClasses);
-        var arr = [];
+        const arrClasses = this.parseClassNames(clazz);
+        const arrRemove = this.parseClassNames(removeClasses);
+        const arr = [];
         for (var i = 0; i < arrClasses.length; i++) {
-            let val = arrClasses[i];
+            const val = arrClasses[i];
             if (!ArrayHelper.contains(arrRemove, val)) {
                 arr.push(val);
             }
@@ -407,8 +407,8 @@ class OverlapHelper {
             }
             return end2 == end1 ? PeriodRelation.EnclosingEndTouching : PeriodRelation.Enclosing;
         }
-        let periodContainsMyStart = this.hasInside(start2, end2, start1);
-        let periodContainsMyEnd = this.hasInside(start2, end2, end1);
+        const periodContainsMyStart = this.hasInside(start2, end2, start1);
+        const periodContainsMyEnd = this.hasInside(start2, end2, end1);
         if (periodContainsMyStart && periodContainsMyEnd) {
             if (start2 == start1) {
                 return PeriodRelation.InsideStartTouching;
@@ -433,7 +433,7 @@ class OverlapHelper {
         return this.hasInside(start1, end1, start2) || this.hasInside(start1, end1, end2) || (start2 < start1 && end2 > end1);
     }
     static overlaps(start1, end1, start2, end2) {
-        var relation = this.getRelation(start1, end1, start2, end2);
+        const relation = this.getRelation(start1, end1, start2, end2);
         return relation != PeriodRelation.After &&
             relation != PeriodRelation.StartTouching &&
             relation != PeriodRelation.EndTouching &&
@@ -462,27 +462,26 @@ class TimeHelper {
         return '';
     }
     static toDate(time) {
-        let date = new Date(0);
-        let tmp = this.parseTime(time);
+        const date = new Date(0);
+        const tmp = this.parseTime(time);
         if (!tmp)
             return date;
-        let timeDate = new Date('1970-01-01T' + time + 'Z');
+        const timeDate = new Date('1970-01-01T' + time + 'Z');
         date.setTime(date.getTime() + timeDate.getTime());
         return date;
     }
-    ;
     static intersects(start1, end1, start2, end2) {
-        let startDate1 = this.toDate(start1);
-        let endDate1 = this.toDate(end1);
-        let startDate2 = this.toDate(start2);
-        let endDate2 = this.toDate(end2);
+        const startDate1 = this.toDate(start1);
+        const endDate1 = this.toDate(end1);
+        const startDate2 = this.toDate(start2);
+        const endDate2 = this.toDate(end2);
         return OverlapHelper.intersects(startDate1, endDate1, startDate2, endDate2);
     }
     static overlaps(start1, end1, start2, end2) {
-        let startDate1 = this.toDate(start1);
-        let endDate1 = this.toDate(end1);
-        let startDate2 = this.toDate(start2);
-        let endDate2 = this.toDate(end2);
+        const startDate1 = this.toDate(start1);
+        const endDate1 = this.toDate(end1);
+        const startDate2 = this.toDate(start2);
+        const endDate2 = this.toDate(end2);
         return OverlapHelper.overlaps(startDate1, endDate1, startDate2, endDate2);
     }
 }
@@ -491,10 +490,9 @@ class DateHelper {
     static minDate() {
         return new Date(0);
     }
-    ;
     static equals(value1, value2) {
-        let val1 = (value1 === undefined || value1 === null) ? null : value1;
-        let val2 = (value2 === undefined || value2 === null) ? null : value2;
+        const val1 = (value1 === undefined || value1 === null) ? null : value1;
+        const val2 = (value2 === undefined || value2 === null) ? null : value2;
         if (val1 === val2) {
             return true;
         }
@@ -504,8 +502,8 @@ class DateHelper {
         return val1.getTime() === val2.getTime();
     }
     static getDates(start, end) {
-        var dates = new Array();
-        var date = new Date(start.valueOf());
+        const dates = new Array();
+        let date = new Date(start.valueOf());
         while (date <= end) {
             dates.push(new Date(date));
             date = this.addDays(date, 1);
@@ -513,24 +511,24 @@ class DateHelper {
         return dates;
     }
     static dateOnly(value) {
-        let year = value.getFullYear();
-        let month = value.getMonth();
-        let day = value.getDate();
-        let date = new Date(Date.UTC(year, month, day));
+        const year = value.getFullYear();
+        const month = value.getMonth();
+        const day = value.getDate();
+        const date = new Date(Date.UTC(year, month, day));
         return date;
     }
     static today() {
         return this.dateOnly(new Date());
     }
     static toISODateString(value) {
-        let date = this.parseDate(value);
+        const date = this.parseDate(value);
         if (!date)
             return null;
-        let year = date.getFullYear();
+        const year = date.getFullYear();
         // Add +1 to month since 0 is January
-        let month = date.getMonth() + 1;
-        let day = date.getDate();
-        let str = `${year}-${month < 10 ? '0' : ''}${month}-${day < 10 ? '0' : ''}${day}`;
+        const month = date.getMonth() + 1;
+        const day = date.getDate();
+        const str = `${year}-${month < 10 ? '0' : ''}${month}-${day < 10 ? '0' : ''}${day}`;
         return str;
     }
     //** Offes seconds ( offsetmin * 60sec * 1000ms) */
@@ -542,42 +540,39 @@ class DateHelper {
         return new Date(utc.getTime() - this._utcDiff);
     }
     static addTime(value, time) {
-        let tmp = TimeHelper.parseTime(time);
+        const tmp = TimeHelper.parseTime(time);
         if (!tmp)
             return value;
-        let timeDate = new Date('1970-01-01T' + time + 'Z');
-        let date = value;
+        const timeDate = new Date('1970-01-01T' + time + 'Z');
+        const date = value;
         date.setTime(date.getTime() + timeDate.getTime());
         return date;
     }
-    ;
     static addYears(v, years) {
         if (!years)
             return v;
-        let date = v;
+        const date = v;
         date.setFullYear(v.getFullYear() + years);
         return date;
     }
     static addMonths(v, months) {
         if (!months)
             return v;
-        let date = v;
+        const date = v;
         date.setMonth(date.getMonth() + months);
         return date;
     }
-    ;
     static addDays(v, days) {
         if (!days)
             return v;
-        let date = v;
+        const date = v;
         date.setDate(date.getDate() + days);
         return date;
     }
-    ;
     static addHours(v, hours) {
         if (!hours)
             return v;
-        let date = new Date(v);
+        const date = new Date(v);
         //todo need to check if this line needs --> date = new Date(date.getTime());
         date.setHours(date.getHours() + hours);
         return date;
@@ -585,7 +580,7 @@ class DateHelper {
     static addMinutes(v, minutes) {
         if (!minutes)
             return v;
-        let date = new Date(v);
+        const date = new Date(v);
         //todo need to check if this line needs --> date = new Date(date.getTime());
         date.setMinutes(date.getMinutes() + minutes);
         return date;
@@ -593,76 +588,65 @@ class DateHelper {
     static addSeconds(v, seconds) {
         if (!seconds)
             return v;
-        let date = v;
+        const date = v;
         date.setSeconds(date.getSeconds() + seconds);
         return date;
     }
-    ;
     static isToday(date) {
-        let today = new Date();
+        const today = new Date();
         return this.isSameDate(date, today);
     }
-    ;
     static clone(date) {
         return new Date(+date);
     }
-    ;
     static isAnotherMonth(a, b) {
         return b && a.getMonth() !== b.getMonth();
     }
-    ;
     static isWeekend(v) {
         return v.getDay() === 0 || v.getDay() === 6;
     }
-    ;
     static isSameDate(a, b) {
         return b && a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
     }
-    ;
     static getAge(value, now) {
         if (value === undefined || value === null || value === '' || value !== value)
             return null;
         const date = this.toDate(value);
-        let nowTime = now ? now.getTime() : Date.now();
-        let timeDiff = nowTime - date.getTime();
+        const nowTime = now ? now.getTime() : Date.now();
+        const timeDiff = nowTime - date.getTime();
         return Math.floor((timeDiff / 86400000) / 365.25); //86400000 = (1000 * 60 * 60 * 24) = 1000 millisecond * 60second  * 60minute * 24hour
     }
-    ;
     static subtractMonths(endDate, starDate) {
-        let start = starDate <= endDate ? starDate : endDate;
-        let end = starDate <= endDate ? endDate : starDate;
-        let plus = starDate <= endDate ? 1 : -1;
+        const start = starDate <= endDate ? starDate : endDate;
+        const end = starDate <= endDate ? endDate : starDate;
+        const plus = starDate <= endDate ? 1 : -1;
         let months = (end.getFullYear() - start.getFullYear()) * 12;
         months -= start.getMonth();
         months += end.getMonth();
         return months * plus;
     }
-    ;
     static subtractDays(value, date) {
         if (!date)
             return null;
         date = this.toDate(date);
-        let timeDiff = date.getTime() - value.getTime();
+        const timeDiff = date.getTime() - value.getTime();
         return Math.floor(timeDiff / 86400000); //86400000 = (1000 * 60 * 60 * 24) = 1000 millisecond * 60second  * 60minute * 24hour
     }
-    ;
     static subtractHours(value, date) {
         if (!date)
             return null;
         date = this.toDate(date);
-        let timeDiff = date.getTime() - value.getTime();
+        const timeDiff = date.getTime() - value.getTime();
         return Math.floor((timeDiff % 86400000) / 3600000);
     }
-    ;
     static subtractMinutes(value, date) {
         if (!date)
             return null;
         date = this.toDate(date);
-        let timeDiff = date.getTime() - value.getTime();
+        const timeDiff = date.getTime() - value.getTime();
         //
         return Math.floor(((timeDiff % 86400000) % 3600000) / 60000);
     }
-    ;
     static { this.ISO8601_DATE_REGEX = /^(\d{4})-?(\d\d)-?(\d\d)(?:T(\d\d)(?::?(\d\d)(?::?(\d\d)(?:\.(\d+))?)?)?(Z|([+-])(\d\d):?(\d\d))?)?$/; }
     //        1        2       3         4          5          6          7          8  9     10      11
     static parseDate(value) {
@@ -767,10 +751,10 @@ class ErrorHelper {
                 : error;
             const result = [];
             const properties = Object.keys(errors);
-            for (let property of properties) {
+            for (const property of properties) {
                 const messages = errors[property];
                 if (messages instanceof Array) {
-                    for (let message of messages) {
+                    for (const message of messages) {
                         result.push({ key: property, value: message });
                     }
                 }
@@ -781,6 +765,19 @@ class ErrorHelper {
     }
 }
 
+class ExcelHelper {
+    static getColumnName(columnNumber) {
+        let dividend = columnNumber;
+        let columnName = '';
+        while (dividend > 0) {
+            const modulo = Math.floor((dividend - 1) % 26);
+            columnName = String.fromCharCode(65 + modulo) + columnName;
+            dividend = Math.floor((dividend - modulo) / 26);
+        }
+        return columnName;
+    }
+}
+
 class FileHelper {
     static getExtension(path) {
         if (path === undefined || path == null)
@@ -791,9 +788,9 @@ class FileHelper {
         const directorySeparatorChar = '\\';
         const altDirectorySeparatorChar = '/';
         const volumeSeparatorChar = ':';
-        let length = path.length;
+        const length = path.length;
         for (let i = length; --i >= 0;) {
-            let ch = path[i];
+            const ch = path[i];
             if (ch === '.') {
                 if (i !== length - 1)
                     return path.substring(i, length);
@@ -813,7 +810,7 @@ class FileHelper {
             nav.msSaveOrOpenBlob(blob, fileName);
         }
         else {
-            let a = document.createElement('a');
+            const a = document.createElement('a');
             a.href = URL.createObjectURL(blob);
             a.download = fileName;
             a.target = '_blank';
@@ -844,8 +841,8 @@ class ObjectHelper {
             return true;
         // if (typeof obj === 'undefined' || obj === null)
         //     return true;
-        for (let prop in obj) {
-            let v = obj[prop];
+        for (const prop in obj) {
+            const v = obj[prop];
             if (!this.isEmptyValue(v))
                 return false;
             // if (typeof (obj[prop]) !== undefined && obj[prop] !== null && obj[prop] !== '') {
@@ -860,7 +857,6 @@ class ObjectHelper {
     static deleteNullKeys(val) {
         this.deleteNullFields(val);
     }
-    ;
     static deleteNullFields(val) {
         if (!val)
             return;
@@ -872,7 +868,6 @@ class ObjectHelper {
         }
         return val;
     }
-    ;
     static assignFields(target, source) {
         let t = target;
         let s = source;
@@ -910,7 +905,7 @@ class FilterHelper {
     static isEmpty(obj) {
         if (typeof obj === 'undefined' || obj === null)
             return true;
-        let tmp = Object.assign({}, obj);
+        const tmp = Object.assign({}, obj);
         delete tmp.page;
         delete tmp.pageSize;
         delete tmp.sort;
@@ -918,9 +913,9 @@ class FilterHelper {
     }
 }
 
-var handler = (function () {
-    var i = 1;
-    var listeners = {};
+const handler = (function () {
+    let i = 1;
+    const listeners = {};
     return {
         addListener: function (element, event, handler, options) {
             element.addEventListener(event, handler, options);
@@ -934,7 +929,7 @@ var handler = (function () {
         },
         removeListener: function (id) {
             if (id in listeners) {
-                var h = listeners[id];
+                const h = listeners[id];
                 h.element.removeEventListener(h.event, h.handler, h.options);
                 delete listeners[id];
             }
@@ -955,7 +950,7 @@ class HtmlHelper {
             .replace(/>/g, '&gt;');
     }
     static addInput(type, name, id = name, force = false) {
-        let node = document.createElement('input');
+        const node = document.createElement('input');
         node.type = type;
         node.name = name;
         node.id = id;
@@ -980,13 +975,13 @@ class HtmlHelper {
         //2022-02-24 document.getElementsByTagName('head')[0].appendChild(script);
     }
     static loadScripts(...scripts) {
-        var promises = [];
+        const promises = [];
         scripts.forEach((script) => promises.push(this.internalLoadScript(script)));
         return Promise.all(promises);
     }
     static internalLoadScript(src) {
         return new Promise((resolve, reject) => {
-            let script = document.createElement('script');
+            const script = document.createElement('script');
             script.src = src;
             script.type = 'text/javascript';
             if (script.readyState) { //IE
@@ -1010,9 +1005,9 @@ class HtmlHelper {
 
 class JwtHelper {
     static decode(token) {
-        let base64Url = token.split('.')[1];
-        let base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');
-        let jsonPayload = decodeURIComponent(atob(base64).split('').map(function (c) {
+        const base64Url = token.split('.')[1];
+        const base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');
+        const jsonPayload = decodeURIComponent(atob(base64).split('').map(function (c) {
             return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
         }).join(''));
         return JSON.parse(jsonPayload);
@@ -1023,13 +1018,11 @@ class MathHelper {
     static round(value, decimals = 0) {
         return Math.round(Number(value) * Math.pow(10, decimals)) / (Math.pow(10, decimals));
     }
-    ;
     static clamp(v, min, max) {
         return Math.max(min, Math.min(max, v));
     }
     static sum(...values) {
         return values.reduce((acc, cur) => acc + cur, 0);
-        ;
     }
 }
 
@@ -1127,13 +1120,13 @@ class StorageHelper {
         localStorage.setItem(key, value);
     }
     static get(key) {
-        let str = localStorage.getItem(key);
+        const str = localStorage.getItem(key);
         if (!str) {
             return null;
         }
         // assume it is an object that has been stringified
         if (str[0] === '{') {
-            let v = JSON.parse(str);
+            const v = JSON.parse(str);
             return v;
         }
         return str;
@@ -1172,7 +1165,7 @@ class StringHelper {
     static trim(val, ch) {
         if (!val || !ch)
             return val;
-        var start = 0, end = val.length;
+        let start = 0, end = val.length;
         while (start < end && val[start] === ch)
             ++start;
         while (end > start && val[end - 1] === ch)
@@ -1182,7 +1175,8 @@ class StringHelper {
     static trimStart(val, ch) {
         if (!val || !ch)
             return val;
-        var start = 0, end = val.length;
+        let start = 0;
+        const end = val.length;
         while (start < end && val[start] === ch)
             ++start;
         return (start > 0) ? val.substring(start, end) : val;
@@ -1190,7 +1184,7 @@ class StringHelper {
     static trimEnd(val, ch) {
         if (!val || !ch)
             return val;
-        var start = 0, end = val.length;
+        let start = 0, end = val.length;
         while (end > start && val[end - 1] === ch)
             --end;
         return (end < val.length) ? val.substring(start, end) : val;
@@ -1204,7 +1198,7 @@ class StringHelper {
     static trimAny(val, chars) {
         if (!val || !chars)
             return val;
-        var start = 0, end = val.length;
+        let start = 0, end = val.length;
         while (start < end && chars.indexOf(val[start]) >= 0)
             ++start;
         while (end > start && chars.indexOf(val[end - 1]) >= 0)
@@ -1213,21 +1207,21 @@ class StringHelper {
     }
 }
 
-var firstBy = (function () {
+const firstBy = (function () {
     function identity(v) { return v; }
     function ignoreCase(v) { return typeof (v) === "string" ? v.toLowerCase() : v; }
     function makeCompareFunction(f, opt) {
         opt = typeof (opt) === "number" ? { direction: opt } : opt || {};
         if (typeof (f) != "function") {
-            var prop = f;
+            const prop = f;
             // make unary function
             f = function (v1) { return !!v1[prop] ? v1[prop] : ""; };
         }
         if (f.length === 1) {
             // f is a unary function mapping a single item to its sort score
-            var uf = f;
-            var preprocess = opt.ignoreCase ? ignoreCase : identity;
-            var cmp = opt.cmp || function (v1, v2) { return v1 < v2 ? -1 : v1 > v2 ? 1 : 0; };
+            const uf = f;
+            const preprocess = opt.ignoreCase ? ignoreCase : identity;
+            const cmp = opt.cmp || function (v1, v2) { return v1 < v2 ? -1 : v1 > v2 ? 1 : 0; };
             f = function (v1, v2) { return cmp(preprocess(uf(v1)), preprocess(uf(v2))); };
         }
         if (opt.direction === -1)
@@ -1241,9 +1235,9 @@ var firstBy = (function () {
         /* should get value false for the first call. This can be done by calling the
         exported function, or the firstBy property on it (for es6 module compatibility)
         */
-        var x = (typeof (this) == "function" && !this.firstBy) ? this : false;
-        var y = makeCompareFunction(func, opt);
-        var f = x ? function (a, b) {
+        const x = (typeof (this) == "function" && !this.firstBy) ? this : false;
+        const y = makeCompareFunction(func, opt);
+        const f = x ? function (a, b) {
             return x(a, b) || y(a, b);
         }
             : y;
@@ -1259,7 +1253,7 @@ class TmpHelper {
     static get(key, remove = true) {
         if (!key)
             return;
-        let v = this._obj[key];
+        const v = this._obj[key];
         if (remove)
             this.remove(key);
         return v;
@@ -1284,16 +1278,16 @@ class UrlHelper {
         return url.substring(0, url.lastIndexOf('/') + 1);
     }
     static getAction(url) {
-        let action = url.substring(url.lastIndexOf('/') + 1);
-        let i = action.indexOf(';');
+        const action = url.substring(url.lastIndexOf('/') + 1);
+        const i = action.indexOf(';');
         return i === -1 ? action : action.substring(0, i);
     }
     static getNoParam(url) {
-        let i1 = url.indexOf('?');
-        let i2 = url.indexOf(';');
+        const i1 = url.indexOf('?');
+        const i2 = url.indexOf(';');
         if (i1 !== -1) {
             if (i2 !== -1) {
-                let min = i1 < i2 ? i1 : i2;
+                const min = i1 < i2 ? i1 : i2;
                 return url.substring(0, min);
             }
             return url.substring(0, i1);
@@ -1340,7 +1334,7 @@ class AuthService {
     }
     get user() {
         if (!this._isInitialized) {
-            let user = StorageHelper.get('login');
+            const user = StorageHelper.get('login');
             if (user) {
                 user.id = ObjectHelper.isDefined(user.id) ? Convert.parseNumber(user.id) : user.id;
                 user.expired = ObjectHelper.isDefined(user.expired) ? DateHelper.parseDate(user.expired) : user.expired;
@@ -1357,7 +1351,7 @@ class AuthService {
     }
     _starRefreshTokenTimer() {
         this._stopRefreshTokenTimer();
-        let user = this._user;
+        const user = this._user;
         if (user && user.refreshTokenTime) {
             let timeout = user.refreshTokenTime.getTime() - Date.now(); // - (60 * 1000);
             if (timeout < 0) {
@@ -1383,7 +1377,7 @@ class AuthService {
         }
     }
     isAuthenticated() {
-        let expired = this.getExpired() || new Date(0); // if getExpired is null return min JS date
+        const expired = this.getExpired() || new Date(0); // if getExpired is null return min JS date
         const newValue = new Date() < expired;
         if (this._oldValue !== newValue) {
             this._oldValue = newValue;
@@ -1441,14 +1435,14 @@ class AuthService {
         this.login(null);
     }
     getExpired() {
-        let user = this.user;
+        const user = this.user;
         if (user) {
             return user.expired;
         }
         return null;
     }
     getRefreshTokenExpired() {
-        let user = this.user;
+        const user = this.user;
         if (user) {
             return user.refreshTokenTime;
         }
@@ -1496,9 +1490,9 @@ class AuthService {
         if (value) {
             for (let i = 0; i < permissions.length; i++) {
                 const p = permissions[i];
-                let found = userPermissions[p];
+                const found = userPermissions[p];
                 if (found) {
-                    let hasPermission = BitwiseHelper.hasFlag(found, value);
+                    const hasPermission = BitwiseHelper.hasFlag(found, value);
                     if (hasPermission)
                         return true;
                 }
@@ -1507,7 +1501,7 @@ class AuthService {
         else {
             for (let i = 0; i < permissions.length; i++) {
                 const p = permissions[i];
-                let found = userPermissions[p];
+                const found = userPermissions[p];
                 if (found)
                     return true;
             }
@@ -1519,7 +1513,7 @@ class AuthService {
         // const allowedRoles = data.roles;
         // let isInRole = this.isInRole(allowedRoles);
         const permission = data.permission;
-        let hasPermission = this.hasPermission(permission);
+        const hasPermission = this.hasPermission(permission);
         // return isInRole && hasPermission;
         return hasPermission;
     }
@@ -1530,6 +1524,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
             type: Injectable
         }] });
 
+const canActivate = (route, state) => {
+    const authService = inject(AuthService);
+    const router = inject(Router);
+    if (!authService.isAuthenticated()) {
+        router.navigate(['/login'], { queryParams: { returnUrl: state.url } });
+        return false;
+    }
+    return authService.hasDataPermission(route.data);
+};
+/**
+ * @deprecated Please use canActivate
+ * @see {@link canActivate}
+ */
 class AuthGuardService {
     constructor(authService, router) {
         this.authService = authService;
@@ -1633,7 +1640,7 @@ class AlertService {
         });
     }
     add(alertType, message, keepAfterRouteChange = false) {
-        let messages = [];
+        const messages = [];
         messages.push(message);
         this.addRange(alertType, messages, keepAfterRouteChange);
     }
@@ -1754,10 +1761,10 @@ class HttpErrorHandler {
                         : error;
                     const errorMessages = [];
                     const properties = Object.getOwnPropertyNames(errors);
-                    for (let property of properties) {
+                    for (const property of properties) {
                         const messages = errors[property];
                         if (messages instanceof Array) {
-                            for (let message of messages) {
+                            for (const message of messages) {
                                 const messageKey = `Validation.${message}`;
                                 let translatedMessage = this.translate.instant(messageKey);
                                 // if translation not found then use message
@@ -1802,12 +1809,12 @@ class HttpErrorHandler {
                 break;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: HttpErrorHandler, deps: [{ token: AlertService }, { token: i1$1.TranslateService }, { token: i1.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: HttpErrorHandler, deps: [{ token: AlertService }, { token: i2.TranslateService }, { token: i1.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: HttpErrorHandler }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: HttpErrorHandler, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: AlertService }, { type: i1$1.TranslateService }, { type: i1.Router }] });
+        }], ctorParameters: () => [{ type: AlertService }, { type: i2.TranslateService }, { type: i1.Router }] });
 
 const API_BASE_URL = new InjectionToken('API_BASE_URL');
 const DATE_FORMAT = new InjectionToken('DATE_FORMAT');
@@ -1854,7 +1861,7 @@ class WebApiClient {
             const field = obj[key];
             if (field === undefined || field === null || (typeof field === 'string' && field.length === 0))
                 continue;
-            let value = field;
+            const value = field;
             // if (typeof field === 'string' && field.length > 0) {
             //     value = field.replace(/\+/gi, '%2B');
             // }
@@ -1917,12 +1924,12 @@ class WebApiClient {
             httpHeaders = httpHeaders.set('Authorization', token);
         return httpHeaders;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: WebApiClient, deps: [{ token: i1$2.HttpClient }, { token: AuthService }, { token: API_BASE_URL }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: WebApiClient, deps: [{ token: i1$1.HttpClient }, { token: AuthService }, { token: API_BASE_URL }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: WebApiClient }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: WebApiClient, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$2.HttpClient }, { type: AuthService }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: i1$1.HttpClient }, { type: AuthService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [API_BASE_URL]
                 }] }] });
@@ -2106,7 +2113,7 @@ class CoreUiComponent extends CoreComponent {
     }
     set value(newValue) {
         if (this._value !== newValue) {
-            let cancelEventArgs = {
+            const cancelEventArgs = {
                 oldValue: this._value,
                 newValue: newValue
             };
@@ -2140,7 +2147,7 @@ class CoreUiComponent extends CoreComponent {
         return this._readonly;
     }
     set readonly(value) {
-        let v = Convert.toBooleanProperty(value);
+        const v = Convert.toBooleanProperty(value);
         if (this._readonly !== v) {
             this._readonly = v;
             this.onReadOnlyChanged();
@@ -2152,7 +2159,7 @@ class CoreUiComponent extends CoreComponent {
         return this._disabled;
     }
     set disabled(value) {
-        let v = Convert.toBooleanProperty(value);
+        const v = Convert.toBooleanProperty(value);
         if (this._disabled !== v) {
             this._disabled = v;
             this.onDisabledChanged();
@@ -2164,7 +2171,7 @@ class CoreUiComponent extends CoreComponent {
         return this._required;
     }
     set required(value) {
-        let v = Convert.toBooleanProperty(value);
+        const v = Convert.toBooleanProperty(value);
         if (this._required !== v) {
             this._required = v;
             this.onRequiredChanged();
@@ -2299,7 +2306,7 @@ class EditFormComponent extends BaseComponent {
     async approve() {
         if (this.id) {
             this.approveModel.ids = [this.id];
-            let approved = await this.internalApprove(this.approveModel);
+            const approved = await this.internalApprove(this.approveModel);
             if (approved) {
                 this.load();
             }
@@ -2320,7 +2327,7 @@ class EditFormComponent extends BaseComponent {
     async disapprove() {
         if (this.id) {
             this.approveModel.ids = [this.id];
-            let disapproved = await this.internalDisapprove(this.approveModel);
+            const disapproved = await this.internalDisapprove(this.approveModel);
             if (disapproved) {
                 this.load();
             }
@@ -2353,7 +2360,7 @@ class EditBaseComponent extends EditFormComponent {
     }
     async internalSave(navigateToReturnUrl) {
         this.alert.clear();
-        let data = await firstValueFrom(this.service.save(this.model));
+        const data = await firstValueFrom(this.service.save(this.model));
         let success = false;
         if (typeof data === 'number' && data > 0) {
             success = true;
@@ -2363,7 +2370,7 @@ class EditBaseComponent extends EditFormComponent {
             success = true;
         }
         if (success) {
-            let message = await firstValueFrom(this.translate.get('Alert.SaveSuccess'));
+            const message = await firstValueFrom(this.translate.get('Alert.SaveSuccess'));
             this.alert.success(message, null, 'fa-solid fa-floppy-disk');
             if (navigateToReturnUrl === true) {
                 this.navigateReturnUrl();
@@ -2376,46 +2383,46 @@ class EditBaseComponent extends EditFormComponent {
             // }
         }
         else {
-            let message = await firstValueFrom(this.translate.get('Alert.SaveError'));
+            const message = await firstValueFrom(this.translate.get('Alert.SaveError'));
             this.alert.error(message, null, 'fa-solid fa-floppy-disk');
             return false;
         }
     }
     async internalApprove(model) {
-        let data = await firstValueFrom(this.service.approve(model));
+        const data = await firstValueFrom(this.service.approve(model));
         if (data && data.length > 0) {
-            let message = await firstValueFrom(this.translate.get('Alert.Approved'));
+            const message = await firstValueFrom(this.translate.get('Alert.Approved'));
             this.alert.success(message, null, 'fa-solid fa-floppy-disk');
             return true;
         }
         else {
-            let message = await firstValueFrom(this.translate.get('Alert.ApproveError'));
+            const message = await firstValueFrom(this.translate.get('Alert.ApproveError'));
             this.alert.error(message, null, 'fa-solid fa-floppy-disk');
             return false;
         }
     }
     async internalDisapprove(model) {
-        let data = await firstValueFrom(this.service.disapprove(model));
+        const data = await firstValueFrom(this.service.disapprove(model));
         if (data && data.length > 0) {
-            let message = await firstValueFrom(this.translate.get('Alert.Disapproved'));
+            const message = await firstValueFrom(this.translate.get('Alert.Disapproved'));
             this.alert.success(message, null, 'fa-solid fa-floppy-disk');
             return true;
         }
         else {
-            let message = await firstValueFrom(this.translate.get('Alert.DisapproveError'));
+            const message = await firstValueFrom(this.translate.get('Alert.DisapproveError'));
             this.alert.error(message, null, 'fa-solid fa-floppy-disk');
             return false;
         }
     }
     async internalSubmit(model) {
-        let data = await firstValueFrom(this.service.approve(model));
+        const data = await firstValueFrom(this.service.approve(model));
         if (data && data.length > 0) {
-            let message = await firstValueFrom(this.translate.get('Alert.Submitted'));
+            const message = await firstValueFrom(this.translate.get('Alert.Submitted'));
             this.alert.success(message, null, 'fa-solid fa-floppy-disk');
             return true;
         }
         else {
-            let message = await firstValueFrom(this.translate.get('Alert.SubmitError'));
+            const message = await firstValueFrom(this.translate.get('Alert.SubmitError'));
             this.alert.error(message, null, 'fa-solid fa-floppy-disk');
             return false;
         }
@@ -2433,9 +2440,9 @@ class EditBaseComponent extends EditFormComponent {
         super.print(this.id, printType);
     }
     async restore() {
-        let data = await firstValueFrom(this.service.restore(this.id));
+        const data = await firstValueFrom(this.service.restore(this.id));
         if (data?.success) {
-            let message = await firstValueFrom(this.translate.get('Alert.Restored'));
+            const message = await firstValueFrom(this.translate.get('Alert.Restored'));
             this.alert.success(message);
             this.load();
         }
@@ -2627,7 +2634,7 @@ class ListBaseComponent extends BaseComponent {
     initDefaultFilter() {
     }
     initStoredFilter() {
-        let filterParam = this.getQueryParam('filter') || this.getParam('filter');
+        const filterParam = this.getQueryParam('filter') || this.getParam('filter');
         if (filterParam) {
             const tmp = StorageHelper.get('filter');
             if (tmp && tmp.url && tmp.url === this.url && tmp.filter) {
@@ -2690,18 +2697,18 @@ class ListBaseComponent extends BaseComponent {
     }
     async delete(id) {
         this.alert.clear();
-        let data = await firstValueFrom(this.service.delete(id));
+        const data = await firstValueFrom(this.service.delete(id));
         if (data?.success) {
-            let message = await firstValueFrom(this.translate.get('Alert.Deleted'));
+            const message = await firstValueFrom(this.translate.get('Alert.Deleted'));
             this.alert.error(message, null, 'fa-solid fa-trash');
             this.refresh();
         }
     }
     async delete2(id, id2) {
         this.alert.clear();
-        let data = await firstValueFrom(this.service.delete2(id, id2));
+        const data = await firstValueFrom(this.service.delete2(id, id2));
         if (data?.success) {
-            let message = await firstValueFrom(this.translate.get('Alert.Deleted'));
+            const message = await firstValueFrom(this.translate.get('Alert.Deleted'));
             this.alert.error(message, null, 'fa-solid fa-trash');
             this.refresh();
         }
@@ -2718,7 +2725,7 @@ class ListBaseComponent extends BaseComponent {
     }
     select(item) {
         item.selected = !item.selected;
-        let id = item.id;
+        const id = item.id;
         if (id) {
             if (item.selected) {
                 this.selectedIds.push(id);
@@ -2731,12 +2738,12 @@ class ListBaseComponent extends BaseComponent {
     showApproveModal(id) {
         if (!id || !this.approveModal)
             return;
-        let tmp = { ids: [id] };
+        const tmp = { ids: [id] };
         this.approveModel = {};
         this.approveModal.show(tmp);
     }
     showApproveSelectedModal() {
-        let tmp = { ids: this.getSelectedIds() };
+        const tmp = { ids: this.getSelectedIds() };
         if (!tmp.ids || tmp.ids.length === 0 || !this.approveModal)
             return;
         this.approveModel = {};
@@ -2746,22 +2753,22 @@ class ListBaseComponent extends BaseComponent {
         if (!m)
             return;
         this.alert.clear();
-        let data = await firstValueFrom(this.service.approve(m));
+        const data = await firstValueFrom(this.service.approve(m));
         if (!data || data.length === 0)
             return;
-        let message = await firstValueFrom(this.translate.get(this.approvedMesage));
+        const message = await firstValueFrom(this.translate.get(this.approvedMesage));
         this.alert.success(message, null, 'fa-solid fa-thumbs-up');
         this.refresh();
     }
     showDisapproveModal(id) {
         if (!id || !this.disapproveModal)
             return;
-        let tmp = { ids: [id] };
+        const tmp = { ids: [id] };
         this.approveModel = {};
         this.disapproveModal.show(tmp);
     }
     showDisapproveSelectedModal() {
-        let tmp = { ids: this.getSelectedIds() };
+        const tmp = { ids: this.getSelectedIds() };
         if (!tmp.ids || tmp.ids.length === 0 || !this.disapproveModal)
             return;
         this.approveModel = {};
@@ -2777,10 +2784,10 @@ class ListBaseComponent extends BaseComponent {
                 delete m.comment;
         }
         this.alert.clear();
-        let data = await firstValueFrom(this.service.disapprove(m));
+        const data = await firstValueFrom(this.service.disapprove(m));
         if (!data || data.length === 0)
             return;
-        let message = await firstValueFrom(this.translate.get(this.disapprovedMesage));
+        const message = await firstValueFrom(this.translate.get(this.disapprovedMesage));
         this.alert.success(message, null, 'fa-solid fa-thumbs-down');
         this.refresh();
     }
@@ -2797,13 +2804,13 @@ class ListBaseComponent extends BaseComponent {
     showSum() { }
     async sum() {
         this.sumModel = null;
-        let data = await firstValueFrom(this.service.sum(this.internalFilter));
+        const data = await firstValueFrom(this.service.sum(this.internalFilter));
         if (data) {
             this.sumModel = data;
             this.showSum();
         }
         else {
-            let message = await firstValueFrom(this.translate.get('Alert.SumError'));
+            const message = await firstValueFrom(this.translate.get('Alert.SumError'));
             this.alert.error(message);
         }
     }
@@ -2815,7 +2822,7 @@ class ListBaseComponent extends BaseComponent {
     print(printType) {
         if (!this.model || !this.model.items)
             return;
-        let ids = this.getSelectedIds();
+        const ids = this.getSelectedIds();
         for (const id of ids) {
             super.print(id, printType);
         }
@@ -2841,7 +2848,7 @@ class AgePipe {
         if (typeof value === 'undefined' || value === null || value === '' || value !== value)
             return null;
         const date = DateHelper.toDate(value);
-        let timeDiff = (now ? DateHelper.toDate(now).getTime() : Date.now()) - date.getTime();
+        const timeDiff = (now ? DateHelper.toDate(now).getTime() : Date.now()) - date.getTime();
         return Math.floor((timeDiff / (1000 * 3600 * 24)) / 365.25);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: AgePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
@@ -2883,7 +2890,7 @@ class ZekAlert extends CoreComponent {
         this.cssIcon = BootstrapHelper.cssAlertIcon(this._type);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekAlert, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekAlert, isStandalone: true, selector: "zek-alert", inputs: { type: "type", showClose: "showClose", title: "title" }, usesInheritance: true, ngImport: i0, template: "<div class=\"alert {{cssAlert}} alert-dismissible fade show\" role=\"alert\">\r\n    <button *ngIf=\"_showClose\" type=\"button\" class=\"btn-close\" data-bs-dismiss=\"alert\" aria-label=\"Close\"></button>\r\n    <div class=\"row\">\r\n        <div class=\"col-auto pe-1\" *ngIf=\"cssIcon\">\r\n            <span class=\"flex-shrink-0\"><i class=\"{{cssIcon}}\"></i></span>\r\n        </div>\r\n        <div class=\"col-auto\">\r\n            <div *ngIf=\"title\">\r\n                <h5 class=\"alert-heading\">{{title}}</h5>\r\n            </div>\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </div>\r\n</div>", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekAlert, isStandalone: true, selector: "zek-alert", inputs: { type: "type", showClose: "showClose", title: "title" }, usesInheritance: true, ngImport: i0, template: "<div class=\"alert {{cssAlert}} alert-dismissible fade show\" role=\"alert\">\r\n    <button *ngIf=\"_showClose\" type=\"button\" class=\"btn-close\" data-bs-dismiss=\"alert\" aria-label=\"Close\"></button>\r\n    <div class=\"row\">\r\n        <div class=\"col-auto pe-1\" *ngIf=\"cssIcon\">\r\n            <span class=\"flex-shrink-0\"><i class=\"{{cssIcon}}\"></i></span>\r\n        </div>\r\n        <div class=\"col-auto\">\r\n            <div *ngIf=\"title\">\r\n                <h5 class=\"alert-heading\">{{title}}</h5>\r\n            </div>\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </div>\r\n</div>", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekAlert, decorators: [{
             type: Component,
@@ -2904,7 +2911,7 @@ class ZekToast {
         return this._delay;
     }
     set delay(v) {
-        let tmp = clamp$1(Convert.toNumber(v) || 0);
+        const tmp = clamp$1(Convert.toNumber(v) || 0);
         if (this._delay !== tmp) {
             this._delay = tmp;
         }
@@ -2964,7 +2971,7 @@ class ZekToast {
         if (this.icon && !toast.icon) {
             toast.icon = BootstrapHelper.cssAlertIcon(toast.type);
         }
-        var v = toast;
+        let v = toast;
         switch (toast.type) {
             case 'primary':
                 v.css = 'bg-primary text-white';
@@ -3001,7 +3008,7 @@ class ZekToast {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekToast, deps: [{ token: AlertService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekToast, isStandalone: true, selector: "zek-toast", inputs: { delay: "delay", icon: "icon" }, ngImport: i0, template: "<div class=\"toast-container position-fixed top-0 end-0 p-3\">\r\n    <div *ngFor=\"let toast of toasts\" class=\"toast fade show border-0 {{ toast.css }}\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" [attr.data-bs-delay]=\"_delay\">\r\n        <div class=\"toast-header\">\r\n            <span class=\"me-1\" *ngIf=\"icon && toast.icon\"><i class=\"{{ toast.icon }}\"></i></span>\r\n            <strong class=\"me-auto\" *ngIf=\"toast.title\">{{ toast.title }}</strong>\r\n            <button type=\"button\" class=\"btn-close ms-auto me-2\" data-bs-dismiss=\"toast\" aria-label=\"Close\" (click)=\"remove(toast)\"></button>\r\n        </div>\r\n        <div class=\"toast-body\">\r\n            {{ toast.message }}\r\n        </div>\r\n    </div>\r\n    <!-- <div *ngFor=\"let toast of toasts\" class=\"toast fade show\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" data-bs-delay=\"3000\">\r\n        <div class=\"toast-body\">\r\n            <div class=\"row\">\r\n                <div class=\"col-auto pe-1 border-start border-8 {{toast.borderColor}}\">\r\n                    <span *ngIf=\"toast.icon\" class=\"icon flex-shrink-0 {{toast.iconColor}}\"><i class=\"{{toast.icon}}\"></i></span>\r\n                </div>\r\n                <div class=\"col\">\r\n                    <div *ngIf=\"toast.title\"><h5>{{toast.title}}</h5></div>\r\n                    {{ toast.message }}\r\n                </div>\r\n                <div class=\"col-auto p-0\">\r\n                    <button type=\"button\" class=\"btn-close ms-auto me-2\" data-bs-dismiss=\"toast\" aria-label=\"Close\" (click)=\"remove(toast)\"></button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div> -->\r\n</div>", styles: [":host>.toast-container{z-index:999999;opacity:.9}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekToast, isStandalone: true, selector: "zek-toast", inputs: { delay: "delay", icon: "icon" }, ngImport: i0, template: "<div class=\"toast-container position-fixed top-0 end-0 p-3\">\r\n    <div *ngFor=\"let toast of toasts\" class=\"toast fade show border-0 {{ toast.css }}\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" [attr.data-bs-delay]=\"_delay\">\r\n        <div class=\"toast-header\">\r\n            <span class=\"me-1\" *ngIf=\"icon && toast.icon\"><i class=\"{{ toast.icon }}\"></i></span>\r\n            <strong class=\"me-auto\" *ngIf=\"toast.title\">{{ toast.title }}</strong>\r\n            <button type=\"button\" class=\"btn-close ms-auto me-2\" data-bs-dismiss=\"toast\" aria-label=\"Close\" (click)=\"remove(toast)\"></button>\r\n        </div>\r\n        <div class=\"toast-body\">\r\n            {{ toast.message }}\r\n        </div>\r\n    </div>\r\n    <!-- <div *ngFor=\"let toast of toasts\" class=\"toast fade show\" role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" data-bs-delay=\"3000\">\r\n        <div class=\"toast-body\">\r\n            <div class=\"row\">\r\n                <div class=\"col-auto pe-1 border-start border-8 {{toast.borderColor}}\">\r\n                    <span *ngIf=\"toast.icon\" class=\"icon flex-shrink-0 {{toast.iconColor}}\"><i class=\"{{toast.icon}}\"></i></span>\r\n                </div>\r\n                <div class=\"col\">\r\n                    <div *ngIf=\"toast.title\"><h5>{{toast.title}}</h5></div>\r\n                    {{ toast.message }}\r\n                </div>\r\n                <div class=\"col-auto p-0\">\r\n                    <button type=\"button\" class=\"btn-close ms-auto me-2\" data-bs-dismiss=\"toast\" aria-label=\"Close\" (click)=\"remove(toast)\"></button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div> -->\r\n</div>", styles: [":host>.toast-container{z-index:999999;opacity:.9}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekToast, decorators: [{
             type: Component,
@@ -3055,7 +3062,7 @@ class ZekValidation {
         return BootstrapHelper.cssAlert(alert.type);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekValidation, deps: [{ token: AlertService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekValidation, isStandalone: true, selector: "zek-validation", ngImport: i0, template: "<div *ngFor=\"let alert of alerts\" class=\"alert {{ cssAlert(alert) }} alert-dismissible fade show mt-3\" role=\"alert\">\r\n    <button (click)=\"remove(alert)\" type=\"button\" class=\"btn-close\" aria-label=\"Close\"></button>\r\n    <div *ngFor=\"let message of alert.messages\">\r\n        <i *ngIf=\"cssIcon(alert)\" class=\"{{ cssIcon(alert) }}\"></i>\r\n        {{message}}\r\n    </div>\r\n    <ng-content></ng-content>\r\n</div>", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekValidation, isStandalone: true, selector: "zek-validation", ngImport: i0, template: "<div *ngFor=\"let alert of alerts\" class=\"alert {{ cssAlert(alert) }} alert-dismissible fade show mt-3\" role=\"alert\">\r\n    <button (click)=\"remove(alert)\" type=\"button\" class=\"btn-close\" aria-label=\"Close\"></button>\r\n    <div *ngFor=\"let message of alert.messages\">\r\n        <i *ngIf=\"cssIcon(alert)\" class=\"{{ cssIcon(alert) }}\"></i>\r\n        {{message}}\r\n    </div>\r\n    <ng-content></ng-content>\r\n</div>", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekValidation, decorators: [{
             type: Component,
@@ -3172,7 +3179,7 @@ class ZekButtonBrowse extends CoreUiComponent {
     }
     get modal() {
         if (!this._modal) {
-            let modalEl = document.getElementById(this.modalId);
+            const modalEl = document.getElementById(this.modalId);
             this._modal = new bootstrap.Modal(modalEl, { backdrop: false });
         }
         return this._modal;
@@ -3247,7 +3254,7 @@ class ZekButtonBrowse extends CoreUiComponent {
         this.onBindText.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekButtonBrowse, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekButtonBrowse, selector: "zek-bb", inputs: { id: "id", type: "type", text: "text", readOnly: "readOnly", hide: "hide", showInput: "showInput", multiSelect: "multiSelect", size: "size", scrollable: "scrollable", fullscreen: "fullscreen", showHeader: "showHeader" }, outputs: { onShowModal: "onShowModal", onChooseAll: "onChooseAll", onKeyPairChange: "onKeyPairChange", onBindText: "onBindText" }, providers: [ZEK_BB_CONTROL_VALUE_ACCESSOR], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"!hide && showInput\" class=\"input-group\">\r\n    <input type=\"text\" class=\"form-control\" [ngClass]=\"{ 'ng-valid required': !required || value, 'ng-invalid': required && !value }\" (keyup)=\"_onKey($event)\" title=\"ID = {{value}}\" [value]=\"text\" [attr.readonly]=\"true\">\r\n    <button type=\"button\" [disabled]=\"disabled || readOnly\" class=\"btn btn-outline-secondary\" (click)=\"showModal()\">\r\n        <i class=\"fa-solid fa-ellipsis\"></i>\r\n    </button>\r\n    <button type=\"button\" [disabled]=\"disabled || readOnly\" class=\"btn btn-outline-secondary dropdown-toggle dropdown-toggle-split\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\r\n        <span class=\"visually-hidden\">Toggle Dropdown</span>\r\n    </button>\r\n    <ul class=\"dropdown-menu\">\r\n        <li><a class=\"dropdown-item\" (click)=\"delete()\" href=\"javascript:void(0)\"> <i class=\"fa-solid fa-trash\"></i> Delete <kbd>delete</kbd> </a></li>\r\n    </ul>\r\n</div>\r\n<div *ngIf=\"!hide || disabled || readOnly\" class=\"modal fade\" [id]=\"modalId\" tabindex=\"-1\" aria-labelledby=\"bb-modal-label\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [ngClass]=\"{\r\n        'modal-sm': size === 'sm',\r\n        'modal-lg': size === 'lg', \r\n        'modal-xl': size === 'xl'\r\n    }\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <h5 class=\"modal-title\" id=\"{{modalId}}-label\">{{'Action.Choose' | translate }}</h5>\r\n                <button type=\"button\" (click)=\"close()\" class=\"btn-close\" data-bs-dismiss2=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                <ng-content></ng-content>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekButtonBrowse, selector: "zek-bb", inputs: { id: "id", type: "type", text: "text", readOnly: "readOnly", hide: "hide", showInput: "showInput", multiSelect: "multiSelect", size: "size", scrollable: "scrollable", fullscreen: "fullscreen", showHeader: "showHeader" }, outputs: { onShowModal: "onShowModal", onChooseAll: "onChooseAll", onKeyPairChange: "onKeyPairChange", onBindText: "onBindText" }, providers: [ZEK_BB_CONTROL_VALUE_ACCESSOR], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"!hide && showInput\" class=\"input-group\">\r\n    <input type=\"text\" class=\"form-control\" [ngClass]=\"{ 'ng-valid required': !required || value, 'ng-invalid': required && !value }\" (keyup)=\"_onKey($event)\" title=\"ID = {{value}}\" [value]=\"text\" [attr.readonly]=\"true\">\r\n    <button type=\"button\" [disabled]=\"disabled || readOnly\" class=\"btn btn-outline-secondary\" (click)=\"showModal()\">\r\n        <i class=\"fa-solid fa-ellipsis\"></i>\r\n    </button>\r\n    <button type=\"button\" [disabled]=\"disabled || readOnly\" class=\"btn btn-outline-secondary dropdown-toggle dropdown-toggle-split\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\r\n        <span class=\"visually-hidden\">Toggle Dropdown</span>\r\n    </button>\r\n    <ul class=\"dropdown-menu\">\r\n        <li><a class=\"dropdown-item\" (click)=\"delete()\" href=\"javascript:void(0)\"> <i class=\"fa-solid fa-trash\"></i> Delete <kbd>delete</kbd> </a></li>\r\n    </ul>\r\n</div>\r\n<div *ngIf=\"!hide || disabled || readOnly\" class=\"modal fade\" [id]=\"modalId\" tabindex=\"-1\" aria-labelledby=\"bb-modal-label\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [ngClass]=\"{\r\n        'modal-sm': size === 'sm',\r\n        'modal-lg': size === 'lg', \r\n        'modal-xl': size === 'xl'\r\n    }\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <h5 class=\"modal-title\" id=\"{{modalId}}-label\">{{'Action.Choose' | translate }}</h5>\r\n                <button type=\"button\" (click)=\"close()\" class=\"btn-close\" data-bs-dismiss2=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                <ng-content></ng-content>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekButtonBrowse, decorators: [{
             type: Component,
@@ -3309,7 +3316,7 @@ class ZekButtonBrowseModalToolbar {
         this.onChooseAll.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekButtonBrowseModalToolbar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekButtonBrowseModalToolbar, selector: "zek-bb-modal-toolbar", inputs: { multiSelect: "multiSelect" }, outputs: { onSearch: "onSearch", onReset: "onReset", onChooseAll: "onChooseAll" }, ngImport: i0, template: "<ng-content select=\"[left]\"></ng-content>\r\n<button type=\"button\" (click)=\"search()\" class=\"btn btn-primary me-2\" id=\"bb-filter-button\" title=\"Filter\">\r\n    <i class=\"fa-solid fa-filter\" aria-hidden=\"true\"></i>\r\n</button>\r\n<button type=\"button\" (click)=\"reset()\" class=\"btn btn-secondary me-2\" title=\"Reset\">\r\n    <i class=\"fa-solid fa-xmark\" aria-hidden=\"true\"></i>\r\n</button>\r\n<button *ngIf=\"multiSelect\" type=\"button\" (click)=\"chooseAll()\" class=\"btn btn-secondary me-2\" title=\"Choose All\">\r\n    <i class=\"fa-solid fa-hand-point-up\" aria-hidden=\"true\"></i>\r\n</button>\r\n<ng-content></ng-content>", dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekButtonBrowseModalToolbar, selector: "zek-bb-modal-toolbar", inputs: { multiSelect: "multiSelect" }, outputs: { onSearch: "onSearch", onReset: "onReset", onChooseAll: "onChooseAll" }, ngImport: i0, template: "<ng-content select=\"[left]\"></ng-content>\r\n<button type=\"button\" (click)=\"search()\" class=\"btn btn-primary me-2\" id=\"bb-filter-button\" title=\"Filter\">\r\n    <i class=\"fa-solid fa-filter\" aria-hidden=\"true\"></i>\r\n</button>\r\n<button type=\"button\" (click)=\"reset()\" class=\"btn btn-secondary me-2\" title=\"Reset\">\r\n    <i class=\"fa-solid fa-xmark\" aria-hidden=\"true\"></i>\r\n</button>\r\n<button *ngIf=\"multiSelect\" type=\"button\" (click)=\"chooseAll()\" class=\"btn btn-secondary me-2\" title=\"Choose All\">\r\n    <i class=\"fa-solid fa-hand-point-up\" aria-hidden=\"true\"></i>\r\n</button>\r\n<ng-content></ng-content>", dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekButtonBrowseModalToolbar, decorators: [{
             type: Component,
@@ -3450,7 +3457,7 @@ class ZekCard {
         this.cdRef.detectChanges();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekCard, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekCard, isStandalone: true, selector: "zek-card", inputs: { css: "css" }, viewQueries: [{ propertyName: "headerWrapper", first: true, predicate: ["headerRef"], descendants: true }, { propertyName: "bodyRef", first: true, predicate: ["bodyRef"], descendants: true }, { propertyName: "footerRef", first: true, predicate: ["footerRef"], descendants: true }], ngImport: i0, template: "<div class=\"card {{css}}\">\r\n    <div class=\"card-header\" #headerRef *ngIf=\"showHeader\">\r\n        <ng-content select=\"[card-header]\"></ng-content>\r\n    </div>\r\n    <div class=\"card-body\" #bodyRef *ngIf=\"showBody\">\r\n        <ng-content select=\"[card-body]\"></ng-content>\r\n    </div>\r\n    <ng-content></ng-content>\r\n    <div class=\"card-footer\" #footerRef *ngIf=\"showFooter\">\r\n        <ng-content select=\"[card-footer]\"></ng-content>\r\n    </div>\r\n</div>", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekCard, isStandalone: true, selector: "zek-card", inputs: { css: "css" }, viewQueries: [{ propertyName: "headerWrapper", first: true, predicate: ["headerRef"], descendants: true }, { propertyName: "bodyRef", first: true, predicate: ["bodyRef"], descendants: true }, { propertyName: "footerRef", first: true, predicate: ["footerRef"], descendants: true }], ngImport: i0, template: "<div class=\"card {{css}}\">\r\n    <div class=\"card-header\" #headerRef *ngIf=\"showHeader\">\r\n        <ng-content select=\"[card-header]\"></ng-content>\r\n    </div>\r\n    <div class=\"card-body\" #bodyRef *ngIf=\"showBody\">\r\n        <ng-content select=\"[card-body]\"></ng-content>\r\n    </div>\r\n    <ng-content></ng-content>\r\n    <div class=\"card-footer\" #footerRef *ngIf=\"showFooter\">\r\n        <ng-content select=\"[card-footer]\"></ng-content>\r\n    </div>\r\n</div>", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekCard, decorators: [{
             type: Component,
@@ -3489,7 +3496,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
                 }]
         }] });
 
-class DateAgoPipe {
+class ZekDateAgoPipe {
     transform(value, args) {
         if (value === undefined || value === null || value === '' || value !== value)
             return null;
@@ -3519,10 +3526,10 @@ class DateAgoPipe {
         }
         return date;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: DateAgoPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.4", ngImport: i0, type: DateAgoPipe, isStandalone: true, name: "dateAgo" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekDateAgoPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.4", ngImport: i0, type: ZekDateAgoPipe, isStandalone: true, name: "dateAgo" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: DateAgoPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekDateAgoPipe, decorators: [{
             type: Pipe,
             args: [{
                     standalone: true,
@@ -3586,10 +3593,10 @@ class DateValueAccessor {
             this.onChangeDate(e); //execude 
         });
         setTimeout(() => {
-            let min = this.el.nativeElement.getAttribute('min');
-            let max = this.el.nativeElement.getAttribute('max');
-            let minDate = min ? DateHelper.toDate(min) : null;
-            let maxDate = max ? DateHelper.toDate(max) : null;
+            const min = this.el.nativeElement.getAttribute('min');
+            const max = this.el.nativeElement.getAttribute('max');
+            const minDate = min ? DateHelper.toDate(min) : null;
+            const maxDate = max ? DateHelper.toDate(max) : null;
             this.datepicker.setOptions({
                 minDate: minDate, //String|Date|Number
                 maxDate: maxDate, //String|Date|Number
@@ -3667,7 +3674,7 @@ class DateValueAccessor {
     }
     //write from model to el.nativeElement
     writeValue(value) {
-        let date = DateHelper.parseDate(value);
+        const date = DateHelper.parseDate(value);
         this.oldValue = date;
         if (date) {
             this.datepicker.setDate(date, { clear: true }); //to display in input
@@ -3802,7 +3809,7 @@ class ZekEditToolbar {
         this.onExport.emit(1);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekEditToolbar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekEditToolbar, isStandalone: true, selector: "zek-edit-toolbar", inputs: { showSave: "showSave", showCancel: "showCancel", showExport: "showExport", showPrint: "showPrint", readOnly: "readOnly" }, outputs: { onSave: "onSave", onCancel: "onCancel", onPrint: "onPrint", onExport: "onExport" }, ngImport: i0, template: "<div class=\"btn-toolbar\" role=\"toolbar\" aria-label=\"Action toolbar\">\r\n    <ng-content select=\"[left]\"></ng-content>\r\n    <div *ngIf=\"showSave\" class=\"btn-group me-2\" role=\"group\" aria-label=\"Save group\">\r\n        <button type=\"submit\" class=\"btn btn-primary\" [disabled]=\"readOnly\"><i class=\"fa-solid fa-floppy-disk\"></i> {{ 'Action.Save' | translate }}</button>\r\n    </div>\r\n    <div *ngIf=\"showCancel\" class=\"btn-group me-2\" role=\"group\" aria-label=\"Cancel group\">\r\n        <button type=\"button\" class=\"btn btn-secondary\" (click)=\"cancel()\"><i class=\"fa-solid fa-ban\"></i> {{ 'Action.Close' | translate }}</button>\r\n    </div>\r\n    <div *ngIf=\"showPrint\" class=\"btn-group me-2\" role=\"group\" aria-label=\"Print group\">\r\n        <button type=\"button\" class=\"btn btn-secondary\" (click)=\"print(printType.Pdf)\"><i class=\"fa-solid fa-print\"></i> {{ 'Action.Print' | translate }}</button>\r\n        <div class=\"btn-group\" role=\"group\">\r\n            <button type=\"button\" class=\"btn btn-secondary dropdown-toggle\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\r\n                <!-- dropdown-toggle-split -->\r\n                <span class=\"visually-hidden\">Toggle Dropend</span>\r\n            </button>\r\n            <ul class=\"dropdown-menu\">\r\n                <li><button type=\"button\" class=\"dropdown-item\" (click)=\"print(printType.Show)\"><i class=\"fa-solid fa-print\"></i> {{ 'Action.Print' | translate }}</button></li>\r\n                <li><button type=\"button\" class=\"dropdown-item\" (click)=\"print(printType.Pdf)\"><i class=\"fa-solid fa-file-pdf\"></i> {{ 'Action.Print' | translate }} PDF</button></li>\r\n                <ng-content select=\"[print]\"></ng-content>\r\n            </ul>\r\n        </div>\r\n    </div>\r\n    <div *ngIf=\"showExport\" class=\"btn-group\" role=\"group\" aria-label=\"Filter / Export group\">\r\n        <div class=\"btn-group\" role=\"group\">\r\n            <button id=\"btnGroupExport\" type=\"button\" class=\"btn btn-secondary dropdown-toggle\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\"><i class=\"fa-solid fa-download\"></i> {{ 'Action.Export' | translate }}</button>\r\n            <ul class=\"dropdown-menu\" aria-labelledby=\"btnGroupExport\">\r\n                <li><a class=\"dropdown-item\" href=\"javascript:void(0)\" (click)=\"exportExcel()\"><i class=\"fa-solid fa-file-excel\"></i> Excel</a></li>\r\n                <ng-content select=\"[export]\"></ng-content>\r\n            </ul>\r\n        </div>\r\n    </div>\r\n    <ng-content></ng-content>\r\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekEditToolbar, isStandalone: true, selector: "zek-edit-toolbar", inputs: { showSave: "showSave", showCancel: "showCancel", showExport: "showExport", showPrint: "showPrint", readOnly: "readOnly" }, outputs: { onSave: "onSave", onCancel: "onCancel", onPrint: "onPrint", onExport: "onExport" }, ngImport: i0, template: "<div class=\"btn-toolbar\" role=\"toolbar\" aria-label=\"Action toolbar\">\r\n    <ng-content select=\"[left]\"></ng-content>\r\n    <div *ngIf=\"showSave\" class=\"btn-group me-2\" role=\"group\" aria-label=\"Save group\">\r\n        <button type=\"submit\" class=\"btn btn-primary\" [disabled]=\"readOnly\"><i class=\"fa-solid fa-floppy-disk\"></i> {{ 'Action.Save' | translate }}</button>\r\n    </div>\r\n    <div *ngIf=\"showCancel\" class=\"btn-group me-2\" role=\"group\" aria-label=\"Cancel group\">\r\n        <button type=\"button\" class=\"btn btn-secondary\" (click)=\"cancel()\"><i class=\"fa-solid fa-ban\"></i> {{ 'Action.Close' | translate }}</button>\r\n    </div>\r\n    <div *ngIf=\"showPrint\" class=\"btn-group me-2\" role=\"group\" aria-label=\"Print group\">\r\n        <button type=\"button\" class=\"btn btn-secondary\" (click)=\"print(printType.Pdf)\"><i class=\"fa-solid fa-print\"></i> {{ 'Action.Print' | translate }}</button>\r\n        <div class=\"btn-group\" role=\"group\">\r\n            <button type=\"button\" class=\"btn btn-secondary dropdown-toggle\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\r\n                <!-- dropdown-toggle-split -->\r\n                <span class=\"visually-hidden\">Toggle Dropend</span>\r\n            </button>\r\n            <ul class=\"dropdown-menu\">\r\n                <li><button type=\"button\" class=\"dropdown-item\" (click)=\"print(printType.Show)\"><i class=\"fa-solid fa-print\"></i> {{ 'Action.Print' | translate }}</button></li>\r\n                <li><button type=\"button\" class=\"dropdown-item\" (click)=\"print(printType.Pdf)\"><i class=\"fa-solid fa-file-pdf\"></i> {{ 'Action.Print' | translate }} PDF</button></li>\r\n                <ng-content select=\"[print]\"></ng-content>\r\n            </ul>\r\n        </div>\r\n    </div>\r\n    <div *ngIf=\"showExport\" class=\"btn-group\" role=\"group\" aria-label=\"Filter / Export group\">\r\n        <div class=\"btn-group\" role=\"group\">\r\n            <button id=\"btnGroupExport\" type=\"button\" class=\"btn btn-secondary dropdown-toggle\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\"><i class=\"fa-solid fa-download\"></i> {{ 'Action.Export' | translate }}</button>\r\n            <ul class=\"dropdown-menu\" aria-labelledby=\"btnGroupExport\">\r\n                <li><a class=\"dropdown-item\" href=\"javascript:void(0)\" (click)=\"exportExcel()\"><i class=\"fa-solid fa-file-excel\"></i> Excel</a></li>\r\n                <ng-content select=\"[export]\"></ng-content>\r\n            </ul>\r\n        </div>\r\n    </div>\r\n    <ng-content></ng-content>\r\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekEditToolbar, decorators: [{
             type: Component,
@@ -3877,9 +3884,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
 
 let uniqueId$3 = 0;
 class ZekModal extends CoreComponent {
-    constructor(translate) {
+    constructor() {
         super();
-        this.translate = translate;
+        this.translate = inject(TranslateService);
         this._uniqueId = `zek-modal-${++uniqueId$3}`;
         /** The unique ID for the radio button. */
         this.id = this._uniqueId;
@@ -3922,7 +3929,7 @@ class ZekModal extends CoreComponent {
             });
         }
         setTimeout(() => {
-            let modalEl = this.getModalElement();
+            const modalEl = this.getModalElement();
             if (modalEl) {
                 this.shownHandler = handler.addListener(modalEl, 'shown.bs.modal', () => {
                     this.onShown.emit();
@@ -4018,7 +4025,7 @@ class ZekModal extends CoreComponent {
         return document.getElementById(this.modalId);
     }
     getModal() {
-        let modalEl = this.getModalElement();
+        const modalEl = this.getModalElement();
         return new bootstrap.Modal(modalEl, { backdrop: 'static' });
     }
     cssButton() {
@@ -4051,14 +4058,14 @@ class ZekModal extends CoreComponent {
             this._modal.hide();
         }
         else {
-            let btn = document.getElementById(this.cancelButtonId);
+            const btn = document.getElementById(this.cancelButtonId);
             if (btn) {
                 btn.click();
             }
         }
     }
     ok() {
-        let event = new ValidEventArgs();
+        const event = new ValidEventArgs();
         this.onValidating.emit(event);
         if (!event.valid)
             return;
@@ -4070,13 +4077,13 @@ class ZekModal extends CoreComponent {
         e.preventDefault();
         this.ok();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekModal, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekModal, selector: "zek-modal", inputs: { id: "id", model: "model", showOk: "showOk", disabledOk: "disabledOk", showCancel: "showCancel", autoHide: "autoHide", title: "title", text: "text", icon: "icon", okButtonText: "okButtonText", componentType: "componentType", size: "size", large: "large", xl: "xl", scrollable: "scrollable", fullscreen: "fullscreen", showHeader: "showHeader", showFooter: "showFooter" }, outputs: { onShown: "onShown", onHidden: "onHidden", onOk: "onOk", onValidating: "onValidating" }, usesInheritance: true, ngImport: i0, template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [ngClass]=\"{\r\n        'modal-sm': size === 'sm',\r\n        'modal-lg': size === 'lg', \r\n        'modal-xl': size === 'xl'\r\n    }\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{title}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button [class.visually-hidden]=\"!showOk\" [disabled]=\"disabledOk\" type=\"button\" class=\"btn {{cssButton()}}\" id=\"{{okButtonId}}\" (click)=\"ok()\">\r\n                    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i> {{ okButtonText }}\r\n                </button>\r\n                <button [class.visually-hidden]=\"!showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"{{cancelButtonId}}\" data-bs-dismiss=\"modal\">\r\n                    <i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekModal, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekModal, selector: "zek-modal", inputs: { id: "id", model: "model", showOk: "showOk", disabledOk: "disabledOk", showCancel: "showCancel", autoHide: "autoHide", title: "title", text: "text", icon: "icon", okButtonText: "okButtonText", componentType: "componentType", size: "size", large: "large", xl: "xl", scrollable: "scrollable", fullscreen: "fullscreen", showHeader: "showHeader", showFooter: "showFooter" }, outputs: { onShown: "onShown", onHidden: "onHidden", onOk: "onOk", onValidating: "onValidating" }, usesInheritance: true, ngImport: i0, template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [ngClass]=\"{\r\n        'modal-sm': size === 'sm',\r\n        'modal-lg': size === 'lg', \r\n        'modal-xl': size === 'xl'\r\n    }\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{title}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button [class.visually-hidden]=\"!showOk\" [disabled]=\"disabledOk\" type=\"button\" class=\"btn {{cssButton()}}\" id=\"{{okButtonId}}\" (click)=\"ok()\">\r\n                    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i> {{ okButtonText }}\r\n                </button>\r\n                <button [class.visually-hidden]=\"!showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"{{cancelButtonId}}\" data-bs-dismiss=\"modal\">\r\n                    <i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekModal, decorators: [{
             type: Component,
             args: [{ selector: 'zek-modal', template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [ngClass]=\"{\r\n        'modal-sm': size === 'sm',\r\n        'modal-lg': size === 'lg', \r\n        'modal-xl': size === 'xl'\r\n    }\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{title}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button [class.visually-hidden]=\"!showOk\" [disabled]=\"disabledOk\" type=\"button\" class=\"btn {{cssButton()}}\" id=\"{{okButtonId}}\" (click)=\"ok()\">\r\n                    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i> {{ okButtonText }}\r\n                </button>\r\n                <button [class.visually-hidden]=\"!showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"{{cancelButtonId}}\" data-bs-dismiss=\"modal\">\r\n                    <i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>" }]
-        }], ctorParameters: () => [{ type: i1$1.TranslateService }], propDecorators: { id: [{
+        }], ctorParameters: () => [], propDecorators: { id: [{
                 type: Input
             }], model: [{
                 type: Input
@@ -4121,81 +4128,96 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
             }], onValidating: [{
                 type: Output
             }] } });
+/**
+ * @deprecated Please use ZekModal
+ */
 class ZekDeleteModal extends ZekModal {
-    constructor(translate) {
-        super(translate);
+    constructor() {
+        super();
         this.icon = 'fa-solid fa-trash';
-        translate.get('Action.Delete').subscribe((res) => this.title = res);
-        translate.get('Alert.DeleteQuestion').subscribe((res) => this.text = res);
+        this.translate.get('Action.Delete').subscribe((res) => this.title = res);
+        this.translate.get('Alert.DeleteQuestion').subscribe((res) => this.text = res);
         this.componentType = ComponentType.Delete;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekDeleteModal, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekDeleteModal, selector: "zek-delete-modal", usesInheritance: true, ngImport: i0, template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [ngClass]=\"{\r\n        'modal-sm': size === 'sm',\r\n        'modal-lg': size === 'lg', \r\n        'modal-xl': size === 'xl'\r\n    }\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{title}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button [class.visually-hidden]=\"!showOk\" [disabled]=\"disabledOk\" type=\"button\" class=\"btn {{cssButton()}}\" id=\"{{okButtonId}}\" (click)=\"ok()\">\r\n                    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i> {{ okButtonText }}\r\n                </button>\r\n                <button [class.visually-hidden]=\"!showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"{{cancelButtonId}}\" data-bs-dismiss=\"modal\">\r\n                    <i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekDeleteModal, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekDeleteModal, selector: "zek-delete-modal", usesInheritance: true, ngImport: i0, template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [ngClass]=\"{\r\n        'modal-sm': size === 'sm',\r\n        'modal-lg': size === 'lg', \r\n        'modal-xl': size === 'xl'\r\n    }\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{title}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button [class.visually-hidden]=\"!showOk\" [disabled]=\"disabledOk\" type=\"button\" class=\"btn {{cssButton()}}\" id=\"{{okButtonId}}\" (click)=\"ok()\">\r\n                    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i> {{ okButtonText }}\r\n                </button>\r\n                <button [class.visually-hidden]=\"!showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"{{cancelButtonId}}\" data-bs-dismiss=\"modal\">\r\n                    <i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekDeleteModal, decorators: [{
             type: Component,
             args: [{ selector: 'zek-delete-modal', template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [ngClass]=\"{\r\n        'modal-sm': size === 'sm',\r\n        'modal-lg': size === 'lg', \r\n        'modal-xl': size === 'xl'\r\n    }\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{title}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button [class.visually-hidden]=\"!showOk\" [disabled]=\"disabledOk\" type=\"button\" class=\"btn {{cssButton()}}\" id=\"{{okButtonId}}\" (click)=\"ok()\">\r\n                    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i> {{ okButtonText }}\r\n                </button>\r\n                <button [class.visually-hidden]=\"!showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"{{cancelButtonId}}\" data-bs-dismiss=\"modal\">\r\n                    <i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>" }]
-        }], ctorParameters: () => [{ type: i1$1.TranslateService }] });
+        }], ctorParameters: () => [] });
+/**
+ * @deprecated Please use ZekModal
+ */
 class ZekApproveModal extends ZekModal {
-    constructor(translate) {
-        super(translate);
+    constructor() {
+        super();
         this.icon = 'fa-solid fa-thumbs-up';
-        translate.get('Action.Approve').subscribe((res) => this.title = res);
-        translate.get('Alert.ApproveQuestion').subscribe((res) => this.text = res);
+        this.translate.get('Action.Approve').subscribe((res) => this.title = res);
+        this.translate.get('Alert.ApproveQuestion').subscribe((res) => this.text = res);
         this.componentType = ComponentType.Success;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekApproveModal, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekApproveModal, selector: "zek-approve-modal", usesInheritance: true, ngImport: i0, template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [ngClass]=\"{\r\n        'modal-sm': size === 'sm',\r\n        'modal-lg': size === 'lg', \r\n        'modal-xl': size === 'xl'\r\n    }\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{title}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button [class.visually-hidden]=\"!showOk\" [disabled]=\"disabledOk\" type=\"button\" class=\"btn {{cssButton()}}\" id=\"{{okButtonId}}\" (click)=\"ok()\">\r\n                    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i> {{ okButtonText }}\r\n                </button>\r\n                <button [class.visually-hidden]=\"!showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"{{cancelButtonId}}\" data-bs-dismiss=\"modal\">\r\n                    <i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekApproveModal, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekApproveModal, selector: "zek-approve-modal", usesInheritance: true, ngImport: i0, template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [ngClass]=\"{\r\n        'modal-sm': size === 'sm',\r\n        'modal-lg': size === 'lg', \r\n        'modal-xl': size === 'xl'\r\n    }\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{title}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button [class.visually-hidden]=\"!showOk\" [disabled]=\"disabledOk\" type=\"button\" class=\"btn {{cssButton()}}\" id=\"{{okButtonId}}\" (click)=\"ok()\">\r\n                    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i> {{ okButtonText }}\r\n                </button>\r\n                <button [class.visually-hidden]=\"!showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"{{cancelButtonId}}\" data-bs-dismiss=\"modal\">\r\n                    <i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekApproveModal, decorators: [{
             type: Component,
             args: [{ selector: 'zek-approve-modal', template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [ngClass]=\"{\r\n        'modal-sm': size === 'sm',\r\n        'modal-lg': size === 'lg', \r\n        'modal-xl': size === 'xl'\r\n    }\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{title}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button [class.visually-hidden]=\"!showOk\" [disabled]=\"disabledOk\" type=\"button\" class=\"btn {{cssButton()}}\" id=\"{{okButtonId}}\" (click)=\"ok()\">\r\n                    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i> {{ okButtonText }}\r\n                </button>\r\n                <button [class.visually-hidden]=\"!showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"{{cancelButtonId}}\" data-bs-dismiss=\"modal\">\r\n                    <i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>" }]
-        }], ctorParameters: () => [{ type: i1$1.TranslateService }] });
+        }], ctorParameters: () => [] });
+/**
+ * @deprecated Please use ZekModal
+ */
 class ZekSubmitModal extends ZekModal {
-    constructor(translate) {
-        super(translate);
+    constructor() {
+        super();
         this.icon = 'fa-solid fa-thumbs-up';
-        translate.get('Action.Submit').subscribe((res) => this.title = res);
-        translate.get('Alert.SubmitQuestion').subscribe((res) => this.text = res);
+        this.translate.get('Action.Submit').subscribe((res) => this.title = res);
+        this.translate.get('Alert.SubmitQuestion').subscribe((res) => this.text = res);
         this.componentType = ComponentType.Success;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekSubmitModal, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekSubmitModal, selector: "zek-submit-modal", usesInheritance: true, ngImport: i0, template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [ngClass]=\"{\r\n        'modal-sm': size === 'sm',\r\n        'modal-lg': size === 'lg', \r\n        'modal-xl': size === 'xl'\r\n    }\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{title}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button [class.visually-hidden]=\"!showOk\" [disabled]=\"disabledOk\" type=\"button\" class=\"btn {{cssButton()}}\" id=\"{{okButtonId}}\" (click)=\"ok()\">\r\n                    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i> {{ okButtonText }}\r\n                </button>\r\n                <button [class.visually-hidden]=\"!showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"{{cancelButtonId}}\" data-bs-dismiss=\"modal\">\r\n                    <i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekSubmitModal, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekSubmitModal, selector: "zek-submit-modal", usesInheritance: true, ngImport: i0, template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [ngClass]=\"{\r\n        'modal-sm': size === 'sm',\r\n        'modal-lg': size === 'lg', \r\n        'modal-xl': size === 'xl'\r\n    }\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{title}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button [class.visually-hidden]=\"!showOk\" [disabled]=\"disabledOk\" type=\"button\" class=\"btn {{cssButton()}}\" id=\"{{okButtonId}}\" (click)=\"ok()\">\r\n                    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i> {{ okButtonText }}\r\n                </button>\r\n                <button [class.visually-hidden]=\"!showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"{{cancelButtonId}}\" data-bs-dismiss=\"modal\">\r\n                    <i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekSubmitModal, decorators: [{
             type: Component,
             args: [{ selector: 'zek-submit-modal', template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [ngClass]=\"{\r\n        'modal-sm': size === 'sm',\r\n        'modal-lg': size === 'lg', \r\n        'modal-xl': size === 'xl'\r\n    }\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{title}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button [class.visually-hidden]=\"!showOk\" [disabled]=\"disabledOk\" type=\"button\" class=\"btn {{cssButton()}}\" id=\"{{okButtonId}}\" (click)=\"ok()\">\r\n                    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i> {{ okButtonText }}\r\n                </button>\r\n                <button [class.visually-hidden]=\"!showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"{{cancelButtonId}}\" data-bs-dismiss=\"modal\">\r\n                    <i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>" }]
-        }], ctorParameters: () => [{ type: i1$1.TranslateService }] });
+        }], ctorParameters: () => [] });
+/**
+ * @deprecated Please use ZekModal
+ */
 class ZekDisapproveModal extends ZekModal {
-    constructor(translate) {
-        super(translate);
+    constructor() {
+        super();
         this.icon = 'fa-solid fa-thumbs-down';
-        translate.get('Action.Disapprove').subscribe((res) => this.title = res);
-        translate.get('Alert.DisapproveQuestion').subscribe((res) => this.text = res);
+        this.translate.get('Action.Disapprove').subscribe((res) => this.title = res);
+        this.translate.get('Alert.DisapproveQuestion').subscribe((res) => this.text = res);
         this.componentType = ComponentType.Delete;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekDisapproveModal, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekDisapproveModal, selector: "zek-disapprove-modal", usesInheritance: true, ngImport: i0, template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [ngClass]=\"{\r\n        'modal-sm': size === 'sm',\r\n        'modal-lg': size === 'lg', \r\n        'modal-xl': size === 'xl'\r\n    }\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{title}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button [class.visually-hidden]=\"!showOk\" [disabled]=\"disabledOk\" type=\"button\" class=\"btn {{cssButton()}}\" id=\"{{okButtonId}}\" (click)=\"ok()\">\r\n                    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i> {{ okButtonText }}\r\n                </button>\r\n                <button [class.visually-hidden]=\"!showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"{{cancelButtonId}}\" data-bs-dismiss=\"modal\">\r\n                    <i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekDisapproveModal, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekDisapproveModal, selector: "zek-disapprove-modal", usesInheritance: true, ngImport: i0, template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [ngClass]=\"{\r\n        'modal-sm': size === 'sm',\r\n        'modal-lg': size === 'lg', \r\n        'modal-xl': size === 'xl'\r\n    }\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{title}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button [class.visually-hidden]=\"!showOk\" [disabled]=\"disabledOk\" type=\"button\" class=\"btn {{cssButton()}}\" id=\"{{okButtonId}}\" (click)=\"ok()\">\r\n                    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i> {{ okButtonText }}\r\n                </button>\r\n                <button [class.visually-hidden]=\"!showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"{{cancelButtonId}}\" data-bs-dismiss=\"modal\">\r\n                    <i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekDisapproveModal, decorators: [{
             type: Component,
             args: [{ selector: 'zek-disapprove-modal', template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [ngClass]=\"{\r\n        'modal-sm': size === 'sm',\r\n        'modal-lg': size === 'lg', \r\n        'modal-xl': size === 'xl'\r\n    }\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{title}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button [class.visually-hidden]=\"!showOk\" [disabled]=\"disabledOk\" type=\"button\" class=\"btn {{cssButton()}}\" id=\"{{okButtonId}}\" (click)=\"ok()\">\r\n                    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i> {{ okButtonText }}\r\n                </button>\r\n                <button [class.visually-hidden]=\"!showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"{{cancelButtonId}}\" data-bs-dismiss=\"modal\">\r\n                    <i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>" }]
-        }], ctorParameters: () => [{ type: i1$1.TranslateService }] });
+        }], ctorParameters: () => [] });
+/**
+ * @deprecated Please use ZekModal
+ */
 class ZekRestoreModal extends ZekModal {
-    constructor(translate) {
-        super(translate);
+    constructor() {
+        super();
         this.icon = 'fa-solid fa-rotate-right';
-        translate.get('Action.Restore').subscribe((res) => this.title = res);
-        translate.get('Action.RestoreQuestion').subscribe((res) => this.text = res);
+        this.translate.get('Action.Restore').subscribe((res) => this.title = res);
+        this.translate.get('Action.RestoreQuestion').subscribe((res) => this.text = res);
         this.componentType = ComponentType.Success;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekRestoreModal, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekRestoreModal, selector: "zek-restore-modal", usesInheritance: true, ngImport: i0, template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [ngClass]=\"{\r\n        'modal-sm': size === 'sm',\r\n        'modal-lg': size === 'lg', \r\n        'modal-xl': size === 'xl'\r\n    }\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{title}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button [class.visually-hidden]=\"!showOk\" [disabled]=\"disabledOk\" type=\"button\" class=\"btn {{cssButton()}}\" id=\"{{okButtonId}}\" (click)=\"ok()\">\r\n                    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i> {{ okButtonText }}\r\n                </button>\r\n                <button [class.visually-hidden]=\"!showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"{{cancelButtonId}}\" data-bs-dismiss=\"modal\">\r\n                    <i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekRestoreModal, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekRestoreModal, selector: "zek-restore-modal", usesInheritance: true, ngImport: i0, template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [ngClass]=\"{\r\n        'modal-sm': size === 'sm',\r\n        'modal-lg': size === 'lg', \r\n        'modal-xl': size === 'xl'\r\n    }\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{title}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button [class.visually-hidden]=\"!showOk\" [disabled]=\"disabledOk\" type=\"button\" class=\"btn {{cssButton()}}\" id=\"{{okButtonId}}\" (click)=\"ok()\">\r\n                    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i> {{ okButtonText }}\r\n                </button>\r\n                <button [class.visually-hidden]=\"!showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"{{cancelButtonId}}\" data-bs-dismiss=\"modal\">\r\n                    <i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekRestoreModal, decorators: [{
             type: Component,
             args: [{ selector: 'zek-restore-modal', template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [ngClass]=\"{\r\n        'modal-sm': size === 'sm',\r\n        'modal-lg': size === 'lg', \r\n        'modal-xl': size === 'xl'\r\n    }\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{title}}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button [class.visually-hidden]=\"!showOk\" [disabled]=\"disabledOk\" type=\"button\" class=\"btn {{cssButton()}}\" id=\"{{okButtonId}}\" (click)=\"ok()\">\r\n                    <i *ngIf=\"icon\" class=\"{{ icon }}\"></i> {{ okButtonText }}\r\n                </button>\r\n                <button [class.visually-hidden]=\"!showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"{{cancelButtonId}}\" data-bs-dismiss=\"modal\">\r\n                    <i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}\r\n                </button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>" }]
-        }], ctorParameters: () => [{ type: i1$1.TranslateService }] });
+        }], ctorParameters: () => [] });
 
 class ZekFilterModal extends ZekModal {
     constructor() {
@@ -4206,7 +4228,7 @@ class ZekFilterModal extends ZekModal {
         this.onReset.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekFilterModal, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekFilterModal, selector: "zek-filter-modal", outputs: { onReset: "onReset" }, usesInheritance: true, ngImport: i0, template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [ngClass]=\"{\r\n        'modal-sm': size === 'sm',\r\n        'modal-lg': size === 'lg', \r\n        'modal-xl': size === 'xl'\r\n    }\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{ 'Action.Filter' | translate }}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button type=\"button\" class=\"btn btn-primary\" (click)=\"ok()\"><i class=\"fa-solid fa-filter\"></i> {{ 'Action.Filter' | translate }}</button>\r\n                <button *ngIf=\"showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"modal-cancel-button-{{elementId}}\" data-bs-dismiss=\"modal\"><i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}</button>\r\n                <button type=\"button\" class=\"btn btn-secondary\" (click)=\"reset()\"><i class=\"fa-solid fa-xmark\"></i> {{ 'Action.Reset' | translate }}</button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekFilterModal, selector: "zek-filter-modal", outputs: { onReset: "onReset" }, usesInheritance: true, ngImport: i0, template: "<div (keydown.enter)=\"keyDown($event)\" class=\"modal fade\" data-bs-backdrop=\"static\" id=\"{{modalId}}\" tabindex=\"-1\" attr.aria-labelledby=\"{{lableId}}\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" [ngClass]=\"{\r\n        'modal-sm': size === 'sm',\r\n        'modal-lg': size === 'lg', \r\n        'modal-xl': size === 'xl'\r\n    }\" [class.modal-dialog-scrollable]=\"scrollable\" [class.modal-fullscreen]=\"fullscreen\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\" *ngIf=\"showHeader\">\r\n                <ng-content select=\"header\"></ng-content>\r\n                <h5 class=\"modal-title\" id=\"{{lableId}}\">{{ 'Action.Filter' | translate }}</h5>\r\n                <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\r\n            </div>\r\n            <div class=\"modal-body\">\r\n                {{text}}\r\n                <ng-content></ng-content>\r\n            </div>\r\n            <div class=\"modal-footer\" *ngIf=\"showFooter\">\r\n                <ng-content select=\"footer\"></ng-content>\r\n                <button type=\"button\" class=\"btn btn-primary\" (click)=\"ok()\"><i class=\"fa-solid fa-filter\"></i> {{ 'Action.Filter' | translate }}</button>\r\n                <button *ngIf=\"showCancel\" type=\"button\" class=\"btn btn-secondary\" id=\"modal-cancel-button-{{elementId}}\" data-bs-dismiss=\"modal\"><i class=\"fa-solid fa-ban\"></i> {{ 'Action.Cancel' | translate }}</button>\r\n                <button type=\"button\" class=\"btn btn-secondary\" (click)=\"reset()\"><i class=\"fa-solid fa-xmark\"></i> {{ 'Action.Reset' | translate }}</button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekFilterModal, decorators: [{
             type: Component,
@@ -4225,7 +4247,7 @@ class ZekSumModal {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekSumModal, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekSumModal, selector: "zek-sum-modal", inputs: { model: "model" }, viewQueries: [{ propertyName: "modal", first: true, predicate: ["sumModal"], descendants: true }], ngImport: i0, template: "<zek-modal #sumModal [showCancel]=\"false\" [title]=\"'Action.Sum' | translate\">\r\n    <table class=\"table table-striped table-borderless table-hover\">\r\n        <tbody>\r\n            <tr *ngFor=\"let item of model\">\r\n                <td class=\"w-75\">{{item.key}}</td>\r\n                <td class=\"w-25\">\r\n                    <ng-container *ngIf=\"item.key != 'Count'; else elseBlock\">{{item.value | number:'1.2' }}</ng-container>\r\n                    <ng-template #elseBlock>{{item.value}}</ng-template>\r\n                </td>\r\n            <tr>\r\n        </tbody>\r\n    </table>\r\n</zek-modal>", dependencies: [{ kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ZekModal, selector: "zek-modal", inputs: ["id", "model", "showOk", "disabledOk", "showCancel", "autoHide", "title", "text", "icon", "okButtonText", "componentType", "size", "large", "xl", "scrollable", "fullscreen", "showHeader", "showFooter"], outputs: ["onShown", "onHidden", "onOk", "onValidating"] }, { kind: "pipe", type: i1$3.DecimalPipe, name: "number" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekSumModal, selector: "zek-sum-modal", inputs: { model: "model" }, viewQueries: [{ propertyName: "modal", first: true, predicate: ["sumModal"], descendants: true }], ngImport: i0, template: "<zek-modal #sumModal [showCancel]=\"false\" [title]=\"'Action.Sum' | translate\">\r\n    <table class=\"table table-striped table-borderless table-hover\">\r\n        <tbody>\r\n            <tr *ngFor=\"let item of model\">\r\n                <td class=\"w-75\">{{item.key}}</td>\r\n                <td class=\"w-25\">\r\n                    <ng-container *ngIf=\"item.key != 'Count'; else elseBlock\">{{item.value | number:'1.2' }}</ng-container>\r\n                    <ng-template #elseBlock>{{item.value}}</ng-template>\r\n                </td>\r\n            <tr>\r\n        </tbody>\r\n    </table>\r\n</zek-modal>", dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ZekModal, selector: "zek-modal", inputs: ["id", "model", "showOk", "disabledOk", "showCancel", "autoHide", "title", "text", "icon", "okButtonText", "componentType", "size", "large", "xl", "scrollable", "fullscreen", "showHeader", "showFooter"], outputs: ["onShown", "onHidden", "onOk", "onValidating"] }, { kind: "pipe", type: i1$2.DecimalPipe, name: "number" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekSumModal, decorators: [{
             type: Component,
@@ -4317,7 +4339,7 @@ class ZekSafePipe {
                 return this.sanitizer.bypassSecurityTrustHtml(value);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekSafePipe, deps: [{ token: i1$4.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekSafePipe, deps: [{ token: i1$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
     static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.4", ngImport: i0, type: ZekSafePipe, isStandalone: true, name: "safe" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekSafePipe, decorators: [{
@@ -4326,11 +4348,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
                     standalone: true,
                     name: 'safe'
                 }]
-        }], ctorParameters: () => [{ type: i1$4.DomSanitizer }] });
+        }], ctorParameters: () => [{ type: i1$3.DomSanitizer }] });
 
 class ZekFileViewer extends CoreComponent {
     show(url, extension) {
-        let ext = extension || FileHelper.getExtension(url);
+        const ext = extension || FileHelper.getExtension(url);
         switch (ext) {
             case '.docx':
             case '.doc':
@@ -4362,7 +4384,7 @@ class ZekFileViewer extends CoreComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekFileViewer, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekFileViewer, isStandalone: true, selector: "zek-file-viewer", providers: [], viewQueries: [{ propertyName: "viewModal", first: true, predicate: ["viewModal"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<zek-modal #viewModal [fullscreen]=\"true\" [showHeader]=\"true\" [showFooter]=\"false\">\r\n    <ng-container *ngIf=\"src\">\r\n        <iframe id=\"office\" width=\"100%\" height=\"99%\" frameborder=\"0\" marginheight=\"0\" marginwidth=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"\r\n            [src]=\"src | safe:'resourceUrl'\">\r\n        </iframe>\r\n    </ng-container>\r\n</zek-modal>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ZekModalModule }, { kind: "component", type: ZekModal, selector: "zek-modal", inputs: ["id", "model", "showOk", "disabledOk", "showCancel", "autoHide", "title", "text", "icon", "okButtonText", "componentType", "size", "large", "xl", "scrollable", "fullscreen", "showHeader", "showFooter"], outputs: ["onShown", "onHidden", "onOk", "onValidating"] }, { kind: "pipe", type: ZekSafePipe, name: "safe" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekFileViewer, isStandalone: true, selector: "zek-file-viewer", providers: [], viewQueries: [{ propertyName: "viewModal", first: true, predicate: ["viewModal"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<zek-modal #viewModal [fullscreen]=\"true\" [showHeader]=\"true\" [showFooter]=\"false\">\r\n    <ng-container *ngIf=\"src\">\r\n        <iframe id=\"office\" width=\"100%\" height=\"99%\" frameborder=\"0\" marginheight=\"0\" marginwidth=\"0\" scrolling=\"no\" allowfullscreen=\"allowfullscreen\"\r\n            [src]=\"src | safe:'resourceUrl'\">\r\n        </iframe>\r\n    </ng-container>\r\n</zek-modal>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ZekModalModule }, { kind: "component", type: ZekModal, selector: "zek-modal", inputs: ["id", "model", "showOk", "disabledOk", "showCancel", "autoHide", "title", "text", "icon", "okButtonText", "componentType", "size", "large", "xl", "scrollable", "fullscreen", "showHeader", "showFooter"], outputs: ["onShown", "onHidden", "onOk", "onValidating"] }, { kind: "pipe", type: ZekSafePipe, name: "safe" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekFileViewer, decorators: [{
             type: Component,
@@ -4454,7 +4476,7 @@ class ZekGoogleLoginButton extends CoreComponent {
         });
     }
     renderButton() {
-        let options = { theme: "outline", size: "large" };
+        const options = { theme: "outline", size: "large" };
         if (this._width)
             options.width = this._width;
         if (this._text)
@@ -4643,7 +4665,7 @@ class ZekGridToolbar {
         this.onRestore.emit(this.model);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekGridToolbar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekGridToolbar, isStandalone: true, selector: "zek-grid-toolbar", inputs: { model: "model", showEdit: "showEdit", editEnabled: "editEnabled", showDelete: "showDelete", deleteEnabled: "deleteEnabled", showRestore: "showRestore", restoreEnabled: "restoreEnabled", approveText: "approveText", showApprove: "showApprove", approveEnabled: "approveEnabled", disapproveText: "disapproveText", showDisapprove: "showDisapprove", disapproveEnabled: "disapproveEnabled" }, outputs: { onEdit: "onEdit", onDelete: "onDelete", onApprove: "onApprove", onDisapprove: "onDisapprove", onRestore: "onRestore" }, ngImport: i0, template: "<div class=\"btn-group btn-group-sm\" role=\"group\" aria-label=\"Table action group\">\r\n    <button *ngIf=\"showEdit\" (click)=\"edit()\" type=\"button\" class=\"btn btn-secondary\" title=\"{{ 'Action.Edit' | translate }}\" [disabled]=\"!editEnabled\">\r\n        <i class=\"fa-solid fa-pencil\"></i>\r\n    </button>\r\n    <button *ngIf=\"showApprove\" (click)=\"approve()\" type=\"button\" class=\"btn btn-success\" title=\"{{ approveText | translate }}\" [disabled]=\"!approveEnabled\">\r\n        <i class=\"fa-solid fa-thumbs-up\"></i>\r\n    </button>\r\n    <button *ngIf=\"showDisapprove\" (click)=\"disapprove()\" type=\"button\" class=\"btn btn-danger\" title=\"{{ disapproveText | translate }}\" [disabled]=\"!disapproveEnabled\">\r\n        <i class=\"fa-solid fa-thumbs-down\"></i>\r\n    </button>\r\n    <button *ngIf=\"showDelete\" (click)=\"delete()\" type=\"button\" class=\"btn btn-danger\" title=\"{{ 'Action.Delete' | translate }}\" [disabled]=\"!deleteEnabled\">\r\n        <i class=\"fa-solid fa-trash\"></i>\r\n    </button>\r\n    <button *ngIf=\"showRestore\" (click)=\"restore()\" type=\"button\" class=\"btn btn-success\" title=\"{{ 'Action.Restore' | translate }}\" [disabled]=\"!restoreEnabled\">\r\n        <i class=\"fa-solid fa-clock-rotate-left\"></i>\r\n    </button>\r\n    <ng-content></ng-content>\r\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekGridToolbar, isStandalone: true, selector: "zek-grid-toolbar", inputs: { model: "model", showEdit: "showEdit", editEnabled: "editEnabled", showDelete: "showDelete", deleteEnabled: "deleteEnabled", showRestore: "showRestore", restoreEnabled: "restoreEnabled", approveText: "approveText", showApprove: "showApprove", approveEnabled: "approveEnabled", disapproveText: "disapproveText", showDisapprove: "showDisapprove", disapproveEnabled: "disapproveEnabled" }, outputs: { onEdit: "onEdit", onDelete: "onDelete", onApprove: "onApprove", onDisapprove: "onDisapprove", onRestore: "onRestore" }, ngImport: i0, template: "<div class=\"btn-group btn-group-sm\" role=\"group\" aria-label=\"Table action group\">\r\n    <button *ngIf=\"showEdit\" (click)=\"edit()\" type=\"button\" class=\"btn btn-secondary\" title=\"{{ 'Action.Edit' | translate }}\" [disabled]=\"!editEnabled\">\r\n        <i class=\"fa-solid fa-pencil\"></i>\r\n    </button>\r\n    <button *ngIf=\"showApprove\" (click)=\"approve()\" type=\"button\" class=\"btn btn-success\" title=\"{{ approveText | translate }}\" [disabled]=\"!approveEnabled\">\r\n        <i class=\"fa-solid fa-thumbs-up\"></i>\r\n    </button>\r\n    <button *ngIf=\"showDisapprove\" (click)=\"disapprove()\" type=\"button\" class=\"btn btn-danger\" title=\"{{ disapproveText | translate }}\" [disabled]=\"!disapproveEnabled\">\r\n        <i class=\"fa-solid fa-thumbs-down\"></i>\r\n    </button>\r\n    <button *ngIf=\"showDelete\" (click)=\"delete()\" type=\"button\" class=\"btn btn-danger\" title=\"{{ 'Action.Delete' | translate }}\" [disabled]=\"!deleteEnabled\">\r\n        <i class=\"fa-solid fa-trash\"></i>\r\n    </button>\r\n    <button *ngIf=\"showRestore\" (click)=\"restore()\" type=\"button\" class=\"btn btn-success\" title=\"{{ 'Action.Restore' | translate }}\" [disabled]=\"!restoreEnabled\">\r\n        <i class=\"fa-solid fa-clock-rotate-left\"></i>\r\n    </button>\r\n    <ng-content></ng-content>\r\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekGridToolbar, decorators: [{
             type: Component,
@@ -4688,7 +4710,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
 
 class ZekGridToolbarBar extends ZekGridToolbar {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekGridToolbarBar, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekGridToolbarBar, isStandalone: true, selector: "zek-grid-toolbar-bar", usesInheritance: true, ngImport: i0, template: "<button type=\"button\" class=\"btn btn-light btn-sm\" data-bs-toggle=\"dropdown\">\r\n    <i class=\"fa-solid fa-ellipsis\"></i>\r\n</button>\r\n<ul class=\"dropdown-menu\">\r\n    <li><button *ngIf=\"showEdit\" (click)=\"edit()\" type=\"button\" class=\"dropdown-item\" [disabled]=\"!editEnabled\">\r\n        <i class=\"fa-solid fa-pencil\"></i> {{ 'Action.Edit' | translate }}\r\n    </button></li>\r\n    <li><button *ngIf=\"showApprove\" (click)=\"approve()\" type=\"button\" class=\"dropdown-item\" [disabled]=\"!approveEnabled\">\r\n        <i class=\"fa-solid fa-thumbs-up\"></i> {{ approveText | translate }}\r\n    </button></li>\r\n    <li><button *ngIf=\"showDisapprove\" (click)=\"disapprove()\" type=\"button\" class=\"dropdown-item\" [disabled]=\"!disapproveEnabled\">\r\n        <i class=\"fa-solid fa-thumbs-down\"></i> {{ disapproveText | translate }}\r\n    </button></li>\r\n    <li><button *ngIf=\"showDelete\" (click)=\"delete()\" type=\"button\" class=\"dropdown-item\" [disabled]=\"!deleteEnabled\">\r\n        <i class=\"fa-solid fa-trash\"></i> {{ 'Action.Delete' | translate }}\r\n    </button></li>\r\n    <li><button *ngIf=\"showRestore\" (click)=\"restore()\" type=\"button\" class=\"dropdown-item\" [disabled]=\"!restoreEnabled\">\r\n        <i class=\"fa-solid fa-clock-rotate-left\"></i> {{ 'Action.Restore' | translate }}\r\n    </button></li>\r\n    <ng-content></ng-content>\r\n</ul>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekGridToolbarBar, isStandalone: true, selector: "zek-grid-toolbar-bar", usesInheritance: true, ngImport: i0, template: "<button type=\"button\" class=\"btn btn-light btn-sm\" data-bs-toggle=\"dropdown\">\r\n    <i class=\"fa-solid fa-ellipsis\"></i>\r\n</button>\r\n<ul class=\"dropdown-menu\">\r\n    <li><button *ngIf=\"showEdit\" (click)=\"edit()\" type=\"button\" class=\"dropdown-item\" [disabled]=\"!editEnabled\">\r\n        <i class=\"fa-solid fa-pencil\"></i> {{ 'Action.Edit' | translate }}\r\n    </button></li>\r\n    <li><button *ngIf=\"showApprove\" (click)=\"approve()\" type=\"button\" class=\"dropdown-item\" [disabled]=\"!approveEnabled\">\r\n        <i class=\"fa-solid fa-thumbs-up\"></i> {{ approveText | translate }}\r\n    </button></li>\r\n    <li><button *ngIf=\"showDisapprove\" (click)=\"disapprove()\" type=\"button\" class=\"dropdown-item\" [disabled]=\"!disapproveEnabled\">\r\n        <i class=\"fa-solid fa-thumbs-down\"></i> {{ disapproveText | translate }}\r\n    </button></li>\r\n    <li><button *ngIf=\"showDelete\" (click)=\"delete()\" type=\"button\" class=\"dropdown-item\" [disabled]=\"!deleteEnabled\">\r\n        <i class=\"fa-solid fa-trash\"></i> {{ 'Action.Delete' | translate }}\r\n    </button></li>\r\n    <li><button *ngIf=\"showRestore\" (click)=\"restore()\" type=\"button\" class=\"dropdown-item\" [disabled]=\"!restoreEnabled\">\r\n        <i class=\"fa-solid fa-clock-rotate-left\"></i> {{ 'Action.Restore' | translate }}\r\n    </button></li>\r\n    <ng-content></ng-content>\r\n</ul>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekGridToolbarBar, decorators: [{
             type: Component,
@@ -4768,7 +4790,7 @@ class ZekListToolbar {
         this.onExport.emit(1);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekListToolbar, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekListToolbar, isStandalone: true, selector: "zek-list-toolbar", inputs: { isFiltered: "isFiltered", showCreate: "showCreate", showFilter: "showFilter", showPrint: "showPrint", showSum: "showSum", showExport: "showExport" }, outputs: { onRefresh: "onRefresh", onFilter: "onFilter", onPrint: "onPrint", onSum: "onSum", onExport: "onExport" }, ngImport: i0, template: "<div class=\"btn-toolbar\" role=\"toolbar\" aria-label=\"Toolbar\">\r\n    <div class=\"btn-group me-2\" role=\"group\" aria-label=\"Action group\">\r\n        <button *ngIf=\"showCreate\" type=\"button\" class=\"btn btn-primary\" (click)=\"create()\"><i class=\"fa-solid fa-plus\"></i> {{ 'Action.Create' | translate }}</button>\r\n    </div>\r\n    <div class=\"btn-group me-2\" role=\"group\" aria-label=\"Filter group\">\r\n        <button *ngIf=\"showFilter\" type=\"button\" class=\"btn btn-secondary\" [ngClass]=\"{'btn-outline-success': isFiltered, 'btn-secondary': !isFiltered }\" (click)=\"filter()\" data-bs-toggle0=\"modal\" data-bs-backdrop0=\"static\" data-bs-target0=\"#filter-modal\"><i class=\"fa-solid fa-filter\"></i> {{ 'Action.Filter' | translate }}</button>\r\n        <button type=\"button\" class=\"btn btn-secondary\" title=\"{{ 'Action.Refresh' | translate }}\" (click)=\"refresh()\"><i class=\"fa-solid fa-rotate\"></i></button>\r\n    </div>\r\n    <div *ngIf=\"showPrint\" class=\"btn-group me-2\" role=\"group\" aria-label=\"Print group\">\r\n        <button type=\"button\" class=\"btn btn-secondary\" (click)=\"print(printType.Pdf)\"><i class=\"fa-solid fa-print\"></i> {{ 'Action.Print' | translate }}</button>\r\n        <div class=\"btn-group\" role=\"group\">\r\n            <button type=\"button\" class=\"btn btn-secondary dropdown-toggle dropdown-toggle-split\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\r\n                <span class=\"visually-hidden\">Toggle Dropdown</span>\r\n            </button>\r\n            <ul class=\"dropdown-menu\">\r\n                <li><button type=\"button\" class=\"dropdown-item\" (click)=\"print(printType.Show)\"><i class=\"fa-solid fa-print\"></i> {{ 'Action.Print' | translate }}</button></li>\r\n                <li><button type=\"button\" class=\"dropdown-item\" (click)=\"print(printType.Pdf)\"><i class=\"fa-solid fa-file-pdf\"></i> {{ 'Action.Print' | translate }} PDF</button></li>\r\n            </ul>\r\n        </div>\r\n    </div>\r\n    <div *ngIf=\"showSum\" class=\"btn-group me-2\" role=\"group\" aria-label=\"Sum group\">\r\n        <button type=\"button\" class=\"btn btn-secondary\" (click)=\"sum()\"><i class=\"fa-solid fa-sigma\"></i> {{ 'Action.Sum' | translate }}</button>\r\n    </div>\r\n    <div *ngIf=\"showExport\" class=\"btn-group me-2\" role=\"group\" aria-label=\"Export group\">\r\n        <div class=\"btn-group\" role=\"group\">\r\n            <button id=\"btn-group-export\" type=\"button\" class=\"btn btn-secondary dropdown-toggle\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\"><i class=\"fa-solid fa-download\"></i> {{ 'Action.Export' | translate }}</button>\r\n            <ul class=\"dropdown-menu\" aria-labelledby=\"btn-group-export\">\r\n                <li><a class=\"dropdown-item\" href=\"javascript:void(0)\" (click)=\"exportExcel()\"><i class=\"fa-solid fa-file-excel\"></i> Excel</a></li>\r\n            </ul>\r\n        </div>\r\n    </div>\r\n    <ng-content></ng-content>\r\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekListToolbar, isStandalone: true, selector: "zek-list-toolbar", inputs: { isFiltered: "isFiltered", showCreate: "showCreate", showFilter: "showFilter", showPrint: "showPrint", showSum: "showSum", showExport: "showExport" }, outputs: { onRefresh: "onRefresh", onFilter: "onFilter", onPrint: "onPrint", onSum: "onSum", onExport: "onExport" }, ngImport: i0, template: "<div class=\"btn-toolbar\" role=\"toolbar\" aria-label=\"Toolbar\">\r\n    <div class=\"btn-group me-2\" role=\"group\" aria-label=\"Action group\">\r\n        <button *ngIf=\"showCreate\" type=\"button\" class=\"btn btn-primary\" (click)=\"create()\"><i class=\"fa-solid fa-plus\"></i> {{ 'Action.Create' | translate }}</button>\r\n    </div>\r\n    <div class=\"btn-group me-2\" role=\"group\" aria-label=\"Filter group\">\r\n        <button *ngIf=\"showFilter\" type=\"button\" class=\"btn btn-secondary\" [ngClass]=\"{'btn-outline-success': isFiltered, 'btn-secondary': !isFiltered }\" (click)=\"filter()\" data-bs-toggle0=\"modal\" data-bs-backdrop0=\"static\" data-bs-target0=\"#filter-modal\"><i class=\"fa-solid fa-filter\"></i> {{ 'Action.Filter' | translate }}</button>\r\n        <button type=\"button\" class=\"btn btn-secondary\" title=\"{{ 'Action.Refresh' | translate }}\" (click)=\"refresh()\"><i class=\"fa-solid fa-rotate\"></i></button>\r\n    </div>\r\n    <div *ngIf=\"showPrint\" class=\"btn-group me-2\" role=\"group\" aria-label=\"Print group\">\r\n        <button type=\"button\" class=\"btn btn-secondary\" (click)=\"print(printType.Pdf)\"><i class=\"fa-solid fa-print\"></i> {{ 'Action.Print' | translate }}</button>\r\n        <div class=\"btn-group\" role=\"group\">\r\n            <button type=\"button\" class=\"btn btn-secondary dropdown-toggle dropdown-toggle-split\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\r\n                <span class=\"visually-hidden\">Toggle Dropdown</span>\r\n            </button>\r\n            <ul class=\"dropdown-menu\">\r\n                <li><button type=\"button\" class=\"dropdown-item\" (click)=\"print(printType.Show)\"><i class=\"fa-solid fa-print\"></i> {{ 'Action.Print' | translate }}</button></li>\r\n                <li><button type=\"button\" class=\"dropdown-item\" (click)=\"print(printType.Pdf)\"><i class=\"fa-solid fa-file-pdf\"></i> {{ 'Action.Print' | translate }} PDF</button></li>\r\n            </ul>\r\n        </div>\r\n    </div>\r\n    <div *ngIf=\"showSum\" class=\"btn-group me-2\" role=\"group\" aria-label=\"Sum group\">\r\n        <button type=\"button\" class=\"btn btn-secondary\" (click)=\"sum()\"><i class=\"fa-solid fa-sigma\"></i> {{ 'Action.Sum' | translate }}</button>\r\n    </div>\r\n    <div *ngIf=\"showExport\" class=\"btn-group me-2\" role=\"group\" aria-label=\"Export group\">\r\n        <div class=\"btn-group\" role=\"group\">\r\n            <button id=\"btn-group-export\" type=\"button\" class=\"btn btn-secondary dropdown-toggle\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\"><i class=\"fa-solid fa-download\"></i> {{ 'Action.Export' | translate }}</button>\r\n            <ul class=\"dropdown-menu\" aria-labelledby=\"btn-group-export\">\r\n                <li><a class=\"dropdown-item\" href=\"javascript:void(0)\" (click)=\"exportExcel()\"><i class=\"fa-solid fa-file-excel\"></i> Excel</a></li>\r\n            </ul>\r\n        </div>\r\n    </div>\r\n    <ng-content></ng-content>\r\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekListToolbar, decorators: [{
             type: Component,
@@ -4869,7 +4891,7 @@ class ZekLoading {
 <div *ngIf="show" id="loading" class="progress">
     <div class="progress-bar progress-bar-striped progress-bar-animated bg-danger" role="progressbar" style="width:100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
 </div>
-`, isInline: true, styles: ["#loading{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:fixed;inset:0;z-index:10000;background-color:#00000080;outline:0;height:3px}#loading>.progress-bar{-webkit-transition:none!important;transition:none!important}\n"], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+`, isInline: true, styles: ["#loading{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:fixed;inset:0;z-index:10000;background-color:#00000080;outline:0;height:3px}#loading>.progress-bar{-webkit-transition:none!important;transition:none!important}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekLoading, decorators: [{
             type: Component,
@@ -4914,7 +4936,7 @@ class NumericDirective {
         return this._digits;
     }
     set digits(v) {
-        let tmp = MathHelper.clamp(Convert.toNumber(v) || 0, 0, 29);
+        const tmp = MathHelper.clamp(Convert.toNumber(v) || 0, 0, 29);
         this._digits = tmp;
     }
     get negative() {
@@ -4928,7 +4950,7 @@ class NumericDirective {
             return String(value).match(new RegExp(/^-?\d+$/));
         }
         else {
-            var regExpString = "^-?\\s*((\\d+(\\.\\d{0," +
+            const regExpString = "^-?\\s*((\\d+(\\.\\d{0," +
                 this._digits +
                 "})?)|((\\d*(\\.\\d{1," +
                 this._digits +
@@ -4941,7 +4963,7 @@ class NumericDirective {
             return String(value).match(new RegExp(/^\d+$/));
         }
         else {
-            var regExpString = "^\\s*((\\d+(\\.\\d{0," +
+            const regExpString = "^\\s*((\\d+(\\.\\d{0," +
                 this._digits +
                 "})?)|((\\d*(\\.\\d{1," +
                 this._digits +
@@ -4951,8 +4973,8 @@ class NumericDirective {
     }
     run(oldValue) {
         setTimeout(() => {
-            let currentValue = this.el.nativeElement.value;
-            let allowNegative = this._negative;
+            const currentValue = this.el.nativeElement.value;
+            const allowNegative = this._negative;
             if (allowNegative) {
                 if (!["", "-"].includes(currentValue) &&
                     !this.checkAllowNegative(currentValue)) {
@@ -5009,7 +5031,7 @@ class ZekPageTitle {
         this._isEditPage = Convert.toBooleanProperty(v);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekPageTitle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekPageTitle, isStandalone: true, selector: "zek-page-title", inputs: { icon: "icon", title: "title", isEditPage: "isEditPage", modelId: "modelId" }, ngImport: i0, template: "<h1 class=\"h2 pt-3 pb-2 mb-3 border-bottom\">\r\n    <i *ngIf=\"icon\" class=\"{{icon}}\"></i><ng-container *ngIf=\"icon\">&nbsp;</ng-container>{{ title }}&nbsp;<ng-container *ngIf=\"isEditPage\">\r\n        <small class=\"text-muted\" *ngIf=\"modelId && modelId > 0 else elseBlock\">[<ng-container>{{ 'Action.Edit' | translate }}</ng-container>]</small>\r\n        <ng-template #elseBlock>\r\n            <small class=\"text-muted\">[<ng-container>{{ 'Action.Create' | translate }}</ng-container>]</small>\r\n        </ng-template>\r\n    </ng-container>\r\n</h1>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekPageTitle, isStandalone: true, selector: "zek-page-title", inputs: { icon: "icon", title: "title", isEditPage: "isEditPage", modelId: "modelId" }, ngImport: i0, template: "<h1 class=\"h2 pt-3 pb-2 mb-3 border-bottom\">\r\n    <i *ngIf=\"icon\" class=\"{{icon}}\"></i><ng-container *ngIf=\"icon\">&nbsp;</ng-container>{{ title }}&nbsp;<ng-container *ngIf=\"isEditPage\">\r\n        <small class=\"text-muted\" *ngIf=\"modelId && modelId > 0 else elseBlock\">[<ng-container>{{ 'Action.Edit' | translate }}</ng-container>]</small>\r\n        <ng-template #elseBlock>\r\n            <small class=\"text-muted\">[<ng-container>{{ 'Action.Create' | translate }}</ng-container>]</small>\r\n        </ng-template>\r\n    </ng-container>\r\n</h1>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekPageTitle, decorators: [{
             type: Component,
@@ -5051,7 +5073,7 @@ class ZekPager {
         this.onPageSizeChange.emit(pageSize);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekPager, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekPager, isStandalone: true, selector: "zek-pager", inputs: { pager: "pager", showPageSize: "showPageSize", pagerAlign: "pagerAlign" }, outputs: { onPageChange: "onPageChange", onPageSizeChange: "onPageSizeChange" }, ngImport: i0, template: "<div *ngIf=\"pager\" class=\"row\">\r\n    <div [ngClass]=\"{ 'col-sm-8': showPageSize, 'col-sm-12': !showPageSize}\">\r\n        <nav aria-label=\"Pagination\">\r\n            <ul class=\"pagination\" [ngClass]=\"{ 'justify-content-center': pagerAlign === 'center', 'justify-content-end': pagerAlign === 'end'}\">\r\n                <li [class.disabled]=\"pager.isFirstPage\" class=\"page-item\">\r\n                    <a class=\"page-link\" (click)=\"setPage(1)\" href=\"javascript:void(0)\" [attr.aria-disabled]=\"pager.isFirstPage ? 'true' : null\" aria-label=\"First\">\r\n                        <span aria-hidden=\"true\">&laquo;&laquo;</span>\r\n                    </a>\r\n                </li>\r\n                <li [class.disabled]=\"!pager.hasPreviousPage\" class=\"page-item\">\r\n                    <a class=\"page-link\" (click)=\"setPage(pager.pageNumber - 1)\" href=\"javascript:void(0)\" [attr.aria-disabled]=\"!pager.hasPreviousPage ? 'true' : null\" aria-label=\"Previous\">\r\n                        <span aria-hidden=\"true\">&laquo;</span>\r\n                    </a>\r\n                </li>\r\n                <li *ngFor=\"let page of pager.pages\" [class.active]=\"page === pager.pageNumber\" class=\"page-item\"><a class=\"page-link\" (click)=\"setPage(page)\" href=\"javascript:void(0)\">{{page}}</a></li>\r\n                <li [class.disabled]=\"!pager.hasNextPage\" class=\"page-item\">\r\n                    <a class=\"page-link\" (click)=\"setPage(pager.pageNumber + 1)\" href=\"javascript:void(0)\" [attr.aria-disabled]=\"!pager.hasNextPage ? 'true' : null\" aria-label=\"Next\">\r\n                        <span aria-hidden=\"true\">&raquo;</span>\r\n                    </a>\r\n                </li>\r\n                <li [class.disabled]=\"pager.isLastPage\" class=\"page-item\">\r\n                    <a class=\"page-link\" (click)=\"setPage(pager.pageCount)\" href=\"javascript:void(0)\" [attr.aria-disabled]=\"pager.isLastPage ? 'true' : null\" aria-label=\"Last\">\r\n                        <span aria-hidden=\"true\">&raquo;&raquo;</span>\r\n                    </a>\r\n                </li>\r\n            </ul>\r\n        </nav>\r\n    </div>\r\n    <div class=\"col-sm-4\" *ngIf=\"showPageSize\">\r\n        <div class=\"float-end\">\r\n            <div class=\"dropdown\">\r\n                <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" id=\"page-size-button\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\r\n                    {{pager.pageSize}}\r\n                </button>\r\n                <ul class=\"dropdown-menu dropdown-menu-end\" aria-labelledby=\"page-size-button\">\r\n                    <li><h6 class=\"dropdown-header\">{{ 'Pagination.PageSize' | translate }}</h6></li>\r\n                    <li><a class=\"dropdown-item\" [class.active]=\"pager.pageSize === 10\" (click)=\"setPageSize(10)\" href=\"javascript:void(0)\">10</a></li>\r\n                    <li><a class=\"dropdown-item\" [class.active]=\"pager.pageSize === 20\" (click)=\"setPageSize(20)\" href=\"javascript:void(0)\">20</a></li>\r\n                    <li><a class=\"dropdown-item\" [class.active]=\"pager.pageSize === 50\" (click)=\"setPageSize(50)\" href=\"javascript:void(0)\">50</a></li>\r\n                    <li><a class=\"dropdown-item\" [class.active]=\"pager.pageSize === 100\" (click)=\"setPageSize(100)\" href=\"javascript:void(0)\">100</a></li>\r\n                    <li><a class=\"dropdown-item\" [class.active]=\"pager.pageSize === 500\" (click)=\"setPageSize(500)\" href=\"javascript:void(0)\">500</a></li>\r\n                </ul>\r\n            </div>\r\n        </div>\r\n        <div class=\"float-end mt-2\">\r\n            {{pager.firstItemOnPage}} - {{pager.lastItemOnPage}} of {{pager.totalItemCount}} &nbsp;\r\n        </div>\r\n    </div>\r\n</div>", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekPager, isStandalone: true, selector: "zek-pager", inputs: { pager: "pager", showPageSize: "showPageSize", pagerAlign: "pagerAlign" }, outputs: { onPageChange: "onPageChange", onPageSizeChange: "onPageSizeChange" }, ngImport: i0, template: "<div *ngIf=\"pager\" class=\"row\">\r\n    <div [ngClass]=\"{ 'col-sm-8': showPageSize, 'col-sm-12': !showPageSize}\">\r\n        <nav aria-label=\"Pagination\">\r\n            <ul class=\"pagination\" [ngClass]=\"{ 'justify-content-center': pagerAlign === 'center', 'justify-content-end': pagerAlign === 'end'}\">\r\n                <li [class.disabled]=\"pager.isFirstPage\" class=\"page-item\">\r\n                    <a class=\"page-link\" (click)=\"setPage(1)\" href=\"javascript:void(0)\" [attr.aria-disabled]=\"pager.isFirstPage ? 'true' : null\" aria-label=\"First\">\r\n                        <span aria-hidden=\"true\">&laquo;&laquo;</span>\r\n                    </a>\r\n                </li>\r\n                <li [class.disabled]=\"!pager.hasPreviousPage\" class=\"page-item\">\r\n                    <a class=\"page-link\" (click)=\"setPage(pager.pageNumber - 1)\" href=\"javascript:void(0)\" [attr.aria-disabled]=\"!pager.hasPreviousPage ? 'true' : null\" aria-label=\"Previous\">\r\n                        <span aria-hidden=\"true\">&laquo;</span>\r\n                    </a>\r\n                </li>\r\n                <li *ngFor=\"let page of pager.pages\" [class.active]=\"page === pager.pageNumber\" class=\"page-item\"><a class=\"page-link\" (click)=\"setPage(page)\" href=\"javascript:void(0)\">{{page}}</a></li>\r\n                <li [class.disabled]=\"!pager.hasNextPage\" class=\"page-item\">\r\n                    <a class=\"page-link\" (click)=\"setPage(pager.pageNumber + 1)\" href=\"javascript:void(0)\" [attr.aria-disabled]=\"!pager.hasNextPage ? 'true' : null\" aria-label=\"Next\">\r\n                        <span aria-hidden=\"true\">&raquo;</span>\r\n                    </a>\r\n                </li>\r\n                <li [class.disabled]=\"pager.isLastPage\" class=\"page-item\">\r\n                    <a class=\"page-link\" (click)=\"setPage(pager.pageCount)\" href=\"javascript:void(0)\" [attr.aria-disabled]=\"pager.isLastPage ? 'true' : null\" aria-label=\"Last\">\r\n                        <span aria-hidden=\"true\">&raquo;&raquo;</span>\r\n                    </a>\r\n                </li>\r\n            </ul>\r\n        </nav>\r\n    </div>\r\n    <div class=\"col-sm-4\" *ngIf=\"showPageSize\">\r\n        <div class=\"float-end\">\r\n            <div class=\"dropdown\">\r\n                <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" id=\"page-size-button\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\r\n                    {{pager.pageSize}}\r\n                </button>\r\n                <ul class=\"dropdown-menu dropdown-menu-end\" aria-labelledby=\"page-size-button\">\r\n                    <li><h6 class=\"dropdown-header\">{{ 'Pagination.PageSize' | translate }}</h6></li>\r\n                    <li><a class=\"dropdown-item\" [class.active]=\"pager.pageSize === 10\" (click)=\"setPageSize(10)\" href=\"javascript:void(0)\">10</a></li>\r\n                    <li><a class=\"dropdown-item\" [class.active]=\"pager.pageSize === 20\" (click)=\"setPageSize(20)\" href=\"javascript:void(0)\">20</a></li>\r\n                    <li><a class=\"dropdown-item\" [class.active]=\"pager.pageSize === 50\" (click)=\"setPageSize(50)\" href=\"javascript:void(0)\">50</a></li>\r\n                    <li><a class=\"dropdown-item\" [class.active]=\"pager.pageSize === 100\" (click)=\"setPageSize(100)\" href=\"javascript:void(0)\">100</a></li>\r\n                    <li><a class=\"dropdown-item\" [class.active]=\"pager.pageSize === 500\" (click)=\"setPageSize(500)\" href=\"javascript:void(0)\">500</a></li>\r\n                </ul>\r\n            </div>\r\n        </div>\r\n        <div class=\"float-end mt-2\">\r\n            {{pager.firstItemOnPage}} - {{pager.lastItemOnPage}} of {{pager.totalItemCount}} &nbsp;\r\n        </div>\r\n    </div>\r\n</div>", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekPager, decorators: [{
             type: Component,
@@ -5070,7 +5092,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
 
 class ZekFieldValidator {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekFieldValidator, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekFieldValidator, isStandalone: true, selector: "zek-field-validator, [zek-field-validator]", inputs: { field: "field" }, host: { properties: { "class": "\"invalid-tooltip\"" } }, ngImport: i0, template: "<ng-container *ngIf=\"field && field.invalid && field.errors && (field.dirty || field.touched || field.formDirective?.submitted)\">\r\n    <ng-container *ngIf=\"field.errors.required\">{{ 'Validation.Required' | translate }}</ng-container>\r\n    <ng-container *ngIf=\"field.errors.minlength\">{{ 'Validation.MinLengthFormat' | translate:{ value: field.errors.minlength.requiredLength } }}</ng-container>\r\n    <ng-container *ngIf=\"field.errors.maxlength\">{{ 'Validation.MaxLengthFormat' | translate:{ value: field.errors.maxlength.requiredLength } }}</ng-container>\r\n    <ng-container *ngIf=\"field.errors.min\">{{ 'Validation.Min' | translate:{ value: field.errors.min.min } }}</ng-container>\r\n    <ng-container *ngIf=\"field.errors.max\">{{ 'Validation.Max' | translate:{ value: field.errors.min.max } }}</ng-container>\r\n    <ng-container *ngIf=\"field.errors.email\">{{ 'Validation.Pattern' | translate }}</ng-container>\r\n    <ng-container *ngIf=\"field.errors.pattern\">{{ 'Validation.Pattern' | translate }}</ng-container><!-- {{ field.errors.pattern.requiredPattern }} -->\r\n    <ng-container *ngIf=\"field.errors.mismatch\">{{ 'Validation.Mismatch' | translate }}</ng-container>\r\n    <ng-container *ngIf=\"field.errors.server\">{{field.errors.server}}</ng-container>\r\n</ng-container>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekFieldValidator, isStandalone: true, selector: "zek-field-validator, [zek-field-validator]", inputs: { field: "field" }, host: { properties: { "class": "\"invalid-tooltip\"" } }, ngImport: i0, template: "<ng-container *ngIf=\"field && field.invalid && field.errors && (field.dirty || field.touched || field.formDirective?.submitted)\">\r\n    <ng-container *ngIf=\"field.errors.required\">{{ 'Validation.Required' | translate }}</ng-container>\r\n    <ng-container *ngIf=\"field.errors.minlength\">{{ 'Validation.MinLengthFormat' | translate:{ value: field.errors.minlength.requiredLength } }}</ng-container>\r\n    <ng-container *ngIf=\"field.errors.maxlength\">{{ 'Validation.MaxLengthFormat' | translate:{ value: field.errors.maxlength.requiredLength } }}</ng-container>\r\n    <ng-container *ngIf=\"field.errors.min\">{{ 'Validation.Min' | translate:{ value: field.errors.min.min } }}</ng-container>\r\n    <ng-container *ngIf=\"field.errors.max\">{{ 'Validation.Max' | translate:{ value: field.errors.min.max } }}</ng-container>\r\n    <ng-container *ngIf=\"field.errors.email\">{{ 'Validation.Pattern' | translate }}</ng-container>\r\n    <ng-container *ngIf=\"field.errors.pattern\">{{ 'Validation.Pattern' | translate }}</ng-container><!-- {{ field.errors.pattern.requiredPattern }} -->\r\n    <ng-container *ngIf=\"field.errors.mismatch\">{{ 'Validation.Mismatch' | translate }}</ng-container>\r\n    <ng-container *ngIf=\"field.errors.server\">{{field.errors.server}}</ng-container>\r\n</ng-container>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekFieldValidator, decorators: [{
             type: Component,
@@ -5101,7 +5123,7 @@ class ZekPassword {
         this._type = this._type === 'password' ? 'text' : 'password';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekPassword, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekPassword, isStandalone: true, selector: "zek-password", inputs: { name: "name", required: "required", minlength: "minlength", maxlength: "maxlength", model: "model" }, outputs: { onChange: "modelChange" }, ngImport: i0, template: "<div class=\"input-group has-validation\">\r\n    <input type=\"{{type}}\" class=\"form-control\" name=\"{{name}}\" id=\"{{name}}\" [attr.aria-describedby]=\"name+'-show'\"\r\n    [required]=\"required\" [minlength]=\"minlength\" [maxlength]=\"maxlength\"\r\n    [ngModel]=\"model\" (ngModelChange)=\"onChange.emit($event)\"\r\n    #password=\"ngModel\"\r\n    >\r\n    <button class=\"btn btn-outline-secondary\" type=\"button\" id=\"{{name}}-show\" (click)=\"showHide()\"><i class=\"fa-solid fa-eye\"></i></button>\r\n    <div zek-field-validator [field]=\"password\"></div>\r\n</div>", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$5.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i1$5.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ZekFieldValidator, selector: "zek-field-validator, [zek-field-validator]", inputs: ["field"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekPassword, isStandalone: true, selector: "zek-password", inputs: { name: "name", required: "required", minlength: "minlength", maxlength: "maxlength", model: "model" }, outputs: { onChange: "modelChange" }, ngImport: i0, template: "<div class=\"input-group has-validation\">\r\n    <input type=\"{{type}}\" class=\"form-control\" name=\"{{name}}\" id=\"{{name}}\" [attr.aria-describedby]=\"name+'-show'\"\r\n    [required]=\"required\" [minlength]=\"minlength\" [maxlength]=\"maxlength\"\r\n    [ngModel]=\"model\" (ngModelChange)=\"onChange.emit($event)\"\r\n    #password=\"ngModel\"\r\n    >\r\n    <button class=\"btn btn-outline-secondary\" type=\"button\" id=\"{{name}}-show\" (click)=\"showHide()\"><i class=\"fa-solid fa-eye\"></i></button>\r\n    <div zek-field-validator [field]=\"password\"></div>\r\n</div>", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$4.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i1$4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ZekFieldValidator, selector: "zek-field-validator, [zek-field-validator]", inputs: ["field"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekPassword, decorators: [{
             type: Component,
@@ -5139,7 +5161,7 @@ class ZekProgress {
         return this._value;
     }
     set value(v) {
-        let tmp = clamp(Convert.toNumber(v) || 0);
+        const tmp = clamp(Convert.toNumber(v) || 0);
         if (this._value !== tmp) {
             this._value = tmp;
         }
@@ -5181,7 +5203,7 @@ class ZekProgress {
         return this._height;
     }
     set height(v) {
-        let tmp = Convert.toNumber(v) || 0;
+        const tmp = Convert.toNumber(v) || 0;
         this._height = tmp > 0 ? tmp : null;
     }
     get background() {
@@ -5191,7 +5213,7 @@ class ZekProgress {
         this._background = v;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekProgress, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekProgress, isStandalone: true, selector: "zek-progress", inputs: { value: "value", showValue: "showValue", showTitle: "showTitle", striped: "striped", animated: "animated", label: "label", height: "height", background: "background" }, ngImport: i0, template: "<div class=\"progress\" [style.height.px]=\"height\" [title]=\"_title\" >\r\n    <div class=\"progress-bar bg-{{background}}\" role=\"progressbar\"\r\n        [class.progress-bar-striped]=\"striped || animated\"\r\n        [class.progress-bar-animated]=\"animated\"\r\n        [style.width.%]=\"value\"\r\n        [attr.aria-valuenow]=\"value\"\r\n        aria-valuemin=\"0\"\r\n        aria-valuemax=\"100\">\r\n        <ng-container *ngIf=\"showValue\">{{value}}%</ng-container>\r\n        <ng-content></ng-content>\r\n    </div>\r\n</div>", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekProgress, isStandalone: true, selector: "zek-progress", inputs: { value: "value", showValue: "showValue", showTitle: "showTitle", striped: "striped", animated: "animated", label: "label", height: "height", background: "background" }, ngImport: i0, template: "<div class=\"progress\" [style.height.px]=\"height\" [title]=\"_title\" >\r\n    <div class=\"progress-bar bg-{{background}}\" role=\"progressbar\"\r\n        [class.progress-bar-striped]=\"striped || animated\"\r\n        [class.progress-bar-animated]=\"animated\"\r\n        [style.width.%]=\"value\"\r\n        [attr.aria-valuenow]=\"value\"\r\n        aria-valuemin=\"0\"\r\n        aria-valuemax=\"100\">\r\n        <ng-container *ngIf=\"showValue\">{{value}}%</ng-container>\r\n        <ng-content></ng-content>\r\n    </div>\r\n</div>", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekProgress, decorators: [{
             type: Component,
@@ -5241,7 +5263,7 @@ class ZekRadio extends CoreUiComponent {
         return this._inline;
     }
     set inline(v) {
-        let newValue = Convert.toBooleanProperty(v);
+        const newValue = Convert.toBooleanProperty(v);
         if (this._inline !== newValue) {
             this._inline = newValue;
             this.onInlineChanged();
@@ -5374,8 +5396,8 @@ urlParams, url, nonce) {
         onLoaded(grecaptcha);
     };
     const baseUrl = url || "https://www.google.com/recaptcha/api.js";
-    let params = urlParams || '';
-    let src = `${baseUrl}?render=${siteKey}&onload=recaptchaloaded${params}`;
+    const params = urlParams || '';
+    const src = `${baseUrl}?render=${siteKey}&onload=recaptchaloaded${params}`;
     HtmlHelper.loadScript(src, nonce, true, true);
 }
 const loader = { loadScript };
@@ -5619,13 +5641,13 @@ class ZekSelectMultiple extends CoreUiComponent {
                 let notUnique = [];
                 if (this.valueField) {
                     for (const currentValue of value) {
-                        let items = ArrayHelper.filterByKey(currentValue, this.valueField, this._data);
+                        const items = ArrayHelper.filterByKey(currentValue, this.valueField, this._data);
                         notUnique = notUnique.concat(items);
                     }
                 }
                 else {
                     for (const currentValue of value) {
-                        let items = this._data.filter(x => x === currentValue);
+                        const items = this._data.filter(x => x === currentValue);
                         notUnique = notUnique.concat(items);
                     }
                 }
@@ -5652,7 +5674,7 @@ class ZekSelectMultiple extends CoreUiComponent {
             if (!v.checked) {
                 v.checked = true;
                 if (this.multiple) {
-                    let tmp = [];
+                    const tmp = [];
                     for (const item of this.normalized) {
                         if (item.checked) {
                             tmp.push(item.key);
@@ -5680,7 +5702,7 @@ class ZekSelectMultiple extends CoreUiComponent {
         }
     }
     _initText() {
-        let field = this.checkedTextField || this.textField || '';
+        const field = this.checkedTextField || this.textField || '';
         if (field) {
             this._text = this._selected.filter(x => x !== undefined && x !== null).map(x => x[field]).join(', ');
         }
@@ -5689,7 +5711,7 @@ class ZekSelectMultiple extends CoreUiComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekSelectMultiple, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekSelectMultiple, isStandalone: true, selector: "zek-select,[zek-select]", inputs: { id: "id", valueField: "valueField", textField: "textField", checkedTextField: "checkedTextField", css: "css", placeholder: "placeholder", label: "label", multiple: "multiple", data: "data" }, providers: [ZEK_SELECT_MULTIPLE_CONTROL_VALUE_ACCESSOR], usesInheritance: true, ngImport: i0, template: "<div class=\"dropdown\" id=\"dropdown-{{id}}\">\r\n    <button class=\"btn btn-{{css}} dropdown-toggle\" type=\"button\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\r\n        {{label}} <ng-container *ngIf=\"!_text\">{{placeholder}}</ng-container> {{_text}}\r\n    </button>\r\n    <ul class=\"dropdown-menu\">\r\n        <ng-container *ngIf=\"normalized\">\r\n            <li><a class=\"dropdown-item\" href=\"javascript:void(0)\" *ngFor=\"let item of normalized\" (click)=\"toggleChecked(item)\">\r\n                    <span *ngIf=\"item.checked\"><i class=\"fa-regular fa-square-check\"></i></span>\r\n                    <span *ngIf=\"!item.checked\"><i class=\"fa-regular fa-square\"></i></span>\r\n                    {{item.value}}\r\n                </a></li>\r\n        </ng-container>\r\n    </ul>\r\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekSelectMultiple, isStandalone: true, selector: "zek-select,[zek-select]", inputs: { id: "id", valueField: "valueField", textField: "textField", checkedTextField: "checkedTextField", css: "css", placeholder: "placeholder", label: "label", multiple: "multiple", data: "data" }, providers: [ZEK_SELECT_MULTIPLE_CONTROL_VALUE_ACCESSOR], usesInheritance: true, ngImport: i0, template: "<div class=\"dropdown\" id=\"dropdown-{{id}}\">\r\n    <button class=\"btn btn-{{css}} dropdown-toggle\" type=\"button\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\r\n        {{label}} <ng-container *ngIf=\"!_text\">{{placeholder}}</ng-container> {{_text}}\r\n    </button>\r\n    <ul class=\"dropdown-menu\">\r\n        <ng-container *ngIf=\"normalized\">\r\n            <li><a class=\"dropdown-item\" href=\"javascript:void(0)\" *ngFor=\"let item of normalized\" (click)=\"toggleChecked(item)\">\r\n                    <span *ngIf=\"item.checked\"><i class=\"fa-regular fa-square-check\"></i></span>\r\n                    <span *ngIf=\"!item.checked\"><i class=\"fa-regular fa-square\"></i></span>\r\n                    {{item.value}}\r\n                </a></li>\r\n        </ng-container>\r\n    </ul>\r\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekSelectMultiple, decorators: [{
             type: Component,
@@ -5782,7 +5804,7 @@ class ZekSelect2 {
     }
     filterData() {
         if (this.filter && this.filter !== '') {
-            let searchString = this.filter;
+            const searchString = this.filter;
             if (this.textField === undefined || this.textField === null) {
                 this.filteredData = this.data.filter(item => item.toLowerCase().indexOf(searchString.toLowerCase()) !== -1);
             }
@@ -5861,7 +5883,7 @@ class ZekSelect2 {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekSelect2, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekSelect2, isStandalone: true, selector: "zek-select2,[zek-select2]", inputs: { data: "data", textField: "textField", valueField: "valueField", placeholder: "placeholder", value: "value" }, outputs: { selectedItemChange: "selectedItemChange", valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"input-group position-relative\" id=\"dropdown-menu-container-{{elementId}}\">\r\n  <input type=\"text\" class=\"form-control\" placeholder=\"{{placeholder}}\" data-bs-toggle=\"dropdown\" id=\"input-{{elementId}}\" [(ngModel)]=\"text\" (ngModelChange)=\"onTextChange($event)\" (focus)=\"onFocus($event)\" (blur)=\"inputUnfocused()\">\r\n  <button class=\"btn btn-outline-secondary dropdown-toggle\" id=\"btn-{{elementId}}\" type=\"button\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\" data-bs-reference=\"parent\"></button>\r\n  <ul class=\"dropdown-menu dropdown-menu-start w-100 scrollable-menu\" id=\"dropdown-menu-{{elementId}}\">\r\n    <ng-container *ngIf=\"textField\">\r\n      <li *ngFor=\"let entry of filteredData\">\r\n        <a href=\"javascript:void(0)\" (click)=\"selectItem(entry)\" class=\"dropdown-item\">{{entry[textField]}}</a>\r\n      </li>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"!textField\">\r\n      <li *ngFor=\"let entry of filteredData\">\r\n        <a href=\"javascript:void(0)\" (click)=\"selectItem(entry)\" class=\"dropdown-item\">{{textField}}</a>\r\n      </li>\r\n    </ng-container>\r\n  </ul>\r\n</div>\r\n<!-- <kendo-autocomplete\r\n  [data]=\"data\"\r\n  [filterable]=\"true\"\r\n  (valueChange)=\"valueChange($event)\"\r\n  (filterChange)=\"filterChange($event)\"\r\n  (open)=\"open()\"\r\n  (close)=\"close()\"\r\n  (focus)=\"focus()\"\r\n  (blur)=\"blur()\">\r\n</kendo-autocomplete> -->", styles: [".scrollable-menu{max-height:400px;overflow-y:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekSelect2, isStandalone: true, selector: "zek-select2,[zek-select2]", inputs: { data: "data", textField: "textField", valueField: "valueField", placeholder: "placeholder", value: "value" }, outputs: { selectedItemChange: "selectedItemChange", valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"input-group position-relative\" id=\"dropdown-menu-container-{{elementId}}\">\r\n  <input type=\"text\" class=\"form-control\" placeholder=\"{{placeholder}}\" data-bs-toggle=\"dropdown\" id=\"input-{{elementId}}\" [(ngModel)]=\"text\" (ngModelChange)=\"onTextChange($event)\" (focus)=\"onFocus($event)\" (blur)=\"inputUnfocused()\">\r\n  <button class=\"btn btn-outline-secondary dropdown-toggle\" id=\"btn-{{elementId}}\" type=\"button\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\" data-bs-reference=\"parent\"></button>\r\n  <ul class=\"dropdown-menu dropdown-menu-start w-100 scrollable-menu\" id=\"dropdown-menu-{{elementId}}\">\r\n    <ng-container *ngIf=\"textField\">\r\n      <li *ngFor=\"let entry of filteredData\">\r\n        <a href=\"javascript:void(0)\" (click)=\"selectItem(entry)\" class=\"dropdown-item\">{{entry[textField]}}</a>\r\n      </li>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"!textField\">\r\n      <li *ngFor=\"let entry of filteredData\">\r\n        <a href=\"javascript:void(0)\" (click)=\"selectItem(entry)\" class=\"dropdown-item\">{{textField}}</a>\r\n      </li>\r\n    </ng-container>\r\n  </ul>\r\n</div>\r\n<!-- <kendo-autocomplete\r\n  [data]=\"data\"\r\n  [filterable]=\"true\"\r\n  (valueChange)=\"valueChange($event)\"\r\n  (filterChange)=\"filterChange($event)\"\r\n  (open)=\"open()\"\r\n  (close)=\"close()\"\r\n  (focus)=\"focus()\"\r\n  (blur)=\"blur()\">\r\n</kendo-autocomplete> -->", styles: [".scrollable-menu{max-height:400px;overflow-y:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekSelect2, decorators: [{
             type: Component,
@@ -5939,7 +5961,7 @@ class ZekSelect2Multiple {
     }
     filterData() {
         if (this.filter && this.filter !== '') {
-            let searchString = this.filter;
+            const searchString = this.filter;
             if (typeof this.textField === 'undefined' || this.textField === null) {
                 this.filteredData = this.data.filter(item => item.toLowerCase().indexOf(searchString.toLowerCase()) !== -1);
             }
@@ -5960,7 +5982,7 @@ class ZekSelect2Multiple {
         this.setText();
     }
     setText() {
-        let fieldName = this.selectedField || this.textField;
+        const fieldName = this.selectedField || this.textField;
         if (StringHelper.isNullOrEmpty((fieldName))) {
             this.text = this._selectedItems.join(', ');
         }
@@ -5989,7 +6011,7 @@ class ZekSelect2Multiple {
         this.valueChange.emit(v);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekSelect2Multiple, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekSelect2Multiple, isStandalone: true, selector: "zek-select2-multiple,[zek-select2-multiple]", inputs: { data: "data", textField: "textField", selectedField: "selectedField", valueField: "valueField", placeholder: "placeholder", value: "value" }, outputs: { selectedItemChange: "selectedItemChange", valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"input-group position-relative\" id=\"dropdown-menu-container-{{elementId}}\">\r\n  <input type=\"text\" class=\"form-control\" placeholder=\"{{placeholder}}\" data-bs-toggle=\"dropdown\" data-bs-auto-close=\"outside\" id=\"input-{{elementId}}\" [(ngModel)]=\"text\" (ngModelChange)=\"onTextChange($event)\" (focus)=\"onFocus($event)\" (blur)=\"inputUnfocused()\">\r\n  <button class=\"btn btn-outline-secondary dropdown-toggle\" id=\"btn-{{elementId}}\" type=\"button\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\" data-bs-reference=\"parent\"></button>\r\n  <ul class=\"dropdown-menu dropdown-menu-start w-100 scrollable-menu\" id=\"dropdown-menu-{{elementId}}\">\r\n    <ng-container *ngIf=\"textField\">\r\n      <li *ngFor=\"let item of filteredData\">\r\n        <a href=\"javascript:void(0)\" (click)=\"selectItem(item)\" class=\"dropdown-item\">\r\n          <span *ngIf=\"item.selected\"><i class=\"fa-regular fa-square-check\"></i></span>\r\n          <span *ngIf=\"!item.selected\"><i class=\"fa-regular fa-square\"></i></span>\r\n          {{item[textField]}}\r\n        </a>\r\n      </li>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"!textField\">\r\n      <li *ngFor=\"let item of filteredData\">\r\n        <a href=\"javascript:void(0)\" (click)=\"selectItem(item)\" class=\"dropdown-item\">\r\n          <span *ngIf=\"item.selected\"><i class=\"fa-regular fa-square-check\"></i></span>\r\n          <span *ngIf=\"!item.selected\"><i class=\"fa-regular fa-square\"></i></span>\r\n          {{item}}\r\n        </a>\r\n      </li>\r\n    </ng-container>\r\n  </ul>\r\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekSelect2Multiple, isStandalone: true, selector: "zek-select2-multiple,[zek-select2-multiple]", inputs: { data: "data", textField: "textField", selectedField: "selectedField", valueField: "valueField", placeholder: "placeholder", value: "value" }, outputs: { selectedItemChange: "selectedItemChange", valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"input-group position-relative\" id=\"dropdown-menu-container-{{elementId}}\">\r\n  <input type=\"text\" class=\"form-control\" placeholder=\"{{placeholder}}\" data-bs-toggle=\"dropdown\" data-bs-auto-close=\"outside\" id=\"input-{{elementId}}\" [(ngModel)]=\"text\" (ngModelChange)=\"onTextChange($event)\" (focus)=\"onFocus($event)\" (blur)=\"inputUnfocused()\">\r\n  <button class=\"btn btn-outline-secondary dropdown-toggle\" id=\"btn-{{elementId}}\" type=\"button\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\" data-bs-reference=\"parent\"></button>\r\n  <ul class=\"dropdown-menu dropdown-menu-start w-100 scrollable-menu\" id=\"dropdown-menu-{{elementId}}\">\r\n    <ng-container *ngIf=\"textField\">\r\n      <li *ngFor=\"let item of filteredData\">\r\n        <a href=\"javascript:void(0)\" (click)=\"selectItem(item)\" class=\"dropdown-item\">\r\n          <span *ngIf=\"item.selected\"><i class=\"fa-regular fa-square-check\"></i></span>\r\n          <span *ngIf=\"!item.selected\"><i class=\"fa-regular fa-square\"></i></span>\r\n          {{item[textField]}}\r\n        </a>\r\n      </li>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"!textField\">\r\n      <li *ngFor=\"let item of filteredData\">\r\n        <a href=\"javascript:void(0)\" (click)=\"selectItem(item)\" class=\"dropdown-item\">\r\n          <span *ngIf=\"item.selected\"><i class=\"fa-regular fa-square-check\"></i></span>\r\n          <span *ngIf=\"!item.selected\"><i class=\"fa-regular fa-square\"></i></span>\r\n          {{item}}\r\n        </a>\r\n      </li>\r\n    </ng-container>\r\n  </ul>\r\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekSelect2Multiple, decorators: [{
             type: Component,
@@ -6185,7 +6207,7 @@ class ZekSortButtonGroup {
         this.onChange.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekSortButtonGroup, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekSortButtonGroup, isStandalone: true, selector: "zek-sort-button-group", inputs: { sort: "sort", asc: "asc", sortFields: "sortFields" }, outputs: { sortChange: "sortChange", ascChange: "ascChange", onChange: "onChange" }, ngImport: i0, template: "<div class=\"btn-group me-3\" role=\"group\" aria-label=\"Sort group\">\r\n    <button type=\"button\" class=\"btn btn-light\" (click)=\"ascDescClick()\">\r\n        <span *ngIf=\"asc === undefined || asc === null\"><i class=\"fa-solid fa-sort fa-fw\"></i></span>\r\n        <span *ngIf=\"asc === true\"><i class=\"fa-solid fa-arrow-down-z-a fa-fw\"></i></span>\r\n        <span *ngIf=\"asc === false\"><i class=\"fa-solid fa-arrow-up-z-a fa-fw\"></i></span>\r\n    </button>\r\n    <button *ngIf=\"sortFields && sortFields.length > 0\" class=\"btn btn-light dropdown-toggle\" type=\"button\" id=\"{{elementName}}\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\r\n        <ng-container *ngIf=\"sortField; else elseFieldBlock\">{{ sortField.value | translate }}</ng-container>\r\n        <ng-template #elseFieldBlock>{{ 'Action.Sort' | translate }}</ng-template>\r\n    </button>\r\n    <ul *ngIf=\"sortFields && sortFields.length > 0\" class=\"dropdown-menu\" [attr.aria-labelledby]=\"elementName\">\r\n        <li><a *ngFor=\"let item of sortFields\" class=\"dropdown-item\" href=\"javascript:void(0)\" (click)=\"sortFieldClick(item)\">{{ (item.value) | translate }}</a></li>\r\n    </ul>\r\n</div><i class=\"\"></i>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekSortButtonGroup, isStandalone: true, selector: "zek-sort-button-group", inputs: { sort: "sort", asc: "asc", sortFields: "sortFields" }, outputs: { sortChange: "sortChange", ascChange: "ascChange", onChange: "onChange" }, ngImport: i0, template: "<div class=\"btn-group me-3\" role=\"group\" aria-label=\"Sort group\">\r\n    <button type=\"button\" class=\"btn btn-light\" (click)=\"ascDescClick()\">\r\n        <span *ngIf=\"asc === undefined || asc === null\"><i class=\"fa-solid fa-sort fa-fw\"></i></span>\r\n        <span *ngIf=\"asc === true\"><i class=\"fa-solid fa-arrow-down-z-a fa-fw\"></i></span>\r\n        <span *ngIf=\"asc === false\"><i class=\"fa-solid fa-arrow-up-z-a fa-fw\"></i></span>\r\n    </button>\r\n    <button *ngIf=\"sortFields && sortFields.length > 0\" class=\"btn btn-light dropdown-toggle\" type=\"button\" id=\"{{elementName}}\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\r\n        <ng-container *ngIf=\"sortField; else elseFieldBlock\">{{ sortField.value | translate }}</ng-container>\r\n        <ng-template #elseFieldBlock>{{ 'Action.Sort' | translate }}</ng-template>\r\n    </button>\r\n    <ul *ngIf=\"sortFields && sortFields.length > 0\" class=\"dropdown-menu\" [attr.aria-labelledby]=\"elementName\">\r\n        <li><a *ngFor=\"let item of sortFields\" class=\"dropdown-item\" href=\"javascript:void(0)\" (click)=\"sortFieldClick(item)\">{{ (item.value) | translate }}</a></li>\r\n    </ul>\r\n</div><i class=\"\"></i>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekSortButtonGroup, decorators: [{
             type: Component,
@@ -6231,7 +6253,7 @@ class TimePipe {
     isValidDate(d) {
         return d instanceof Date && !isNaN(d.getTime());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: TimePipe, deps: [{ token: i1$3.DatePipe }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: TimePipe, deps: [{ token: i1$2.DatePipe }], target: i0.ɵɵFactoryTarget.Pipe }); }
     static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.4", ngImport: i0, type: TimePipe, name: "time" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: TimePipe, decorators: [{
@@ -6239,7 +6261,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
             args: [{
                     name: 'time'
                 }]
-        }], ctorParameters: () => [{ type: i1$3.DatePipe }] });
+        }], ctorParameters: () => [{ type: i1$2.DatePipe }] });
 
 class TimeModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: TimeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
@@ -6382,7 +6404,7 @@ class ZekLocalToUtcPipe {
         const date = DateHelper.localToUtc(DateHelper.toDate(value));
         return this._datePipe.transform(date, format);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekLocalToUtcPipe, deps: [{ token: i1$3.DatePipe }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekLocalToUtcPipe, deps: [{ token: i1$2.DatePipe }], target: i0.ɵɵFactoryTarget.Pipe }); }
     static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.4", ngImport: i0, type: ZekLocalToUtcPipe, name: "localToUtc" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekLocalToUtcPipe, decorators: [{
@@ -6391,7 +6413,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
                     name: 'localToUtc',
                     pure: true
                 }]
-        }], ctorParameters: () => [{ type: i1$3.DatePipe }] });
+        }], ctorParameters: () => [{ type: i1$2.DatePipe }] });
 class ZekLocalToUtcModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekLocalToUtcModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.4", ngImport: i0, type: ZekLocalToUtcModule, declarations: [ZekLocalToUtcPipe], exports: [ZekLocalToUtcPipe] }); }
@@ -6416,7 +6438,7 @@ class ZekUtcToLocalPipe {
         const date = DateHelper.utcToLocal(DateHelper.toDate(value));
         return this._datePipe.transform(date, format);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekUtcToLocalPipe, deps: [{ token: i1$3.DatePipe }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekUtcToLocalPipe, deps: [{ token: i1$2.DatePipe }], target: i0.ɵɵFactoryTarget.Pipe }); }
     static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.4", ngImport: i0, type: ZekUtcToLocalPipe, name: "utcToLocal" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekUtcToLocalPipe, decorators: [{
@@ -6425,7 +6447,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
                     name: 'utcToLocal',
                     pure: true
                 }]
-        }], ctorParameters: () => [{ type: i1$3.DatePipe }] });
+        }], ctorParameters: () => [{ type: i1$2.DatePipe }] });
 class ZekUtcToLocalModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekUtcToLocalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.4", ngImport: i0, type: ZekUtcToLocalModule, declarations: [ZekUtcToLocalPipe], exports: [ZekUtcToLocalPipe] }); }
@@ -6525,8 +6547,8 @@ function rangeValidator(range) {
             return null; // don't validate empty values to allow optional controls
         }
         const value = parseFloat(control.value);
-        let max = range[0];
-        let min = range[1];
+        const max = range[0];
+        const min = range[1];
         if (!isNaN(value) && (value < min || value > max)) {
             return { 'range': { 'min': min, 'max': max, 'actual': control.value } };
         }
@@ -6541,7 +6563,7 @@ function matchValidator(input) {
         const targetCtrl = control.get(input);
         let targetValue;
         if (!targetCtrl) {
-            let el = document.getElementById(input);
+            const el = document.getElementById(input);
             if (el) {
                 targetValue = el.value;
             }
@@ -6716,7 +6738,7 @@ class ZekWizard {
             v = this.steps;
         if (this._step !== v) {
             this._step = v;
-            let found = this.stepsArray.find(x => x.step === this._step);
+            const found = this.stepsArray.find(x => x.step === this._step);
             if (found) {
                 this.progress = found.progress;
             }
@@ -6736,7 +6758,7 @@ class ZekWizard {
         this.step++;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekWizard, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekWizard, isStandalone: true, selector: "zek-wizard", inputs: { steps: "steps", step: "step" }, ngImport: i0, template: "<div class=\"position-relative m-4\">\r\n  <div class=\"progress\" style=\"height: 1px;\">\r\n    <div class=\"progress-bar\" role=\"progressbar\" [style.width.%]=\"progress\" [attr.aria-valuenow]=\"progress\" aria-valuemin=\"0\" aria-valuemax=\"100\"></div>\r\n  </div>\r\n  <!-- left: 33%!important -->\r\n  <!-- [style.left.%]=\"item.progress\" -->\r\n  <button *ngFor=\"let item of stepsArray\" [attr.style]=\"('width:2rem; height:2rem; left:' + item.progress + '%!important') | safe:'style'\" type=\"button\" class=\"position-absolute top-0 translate-middle btn btn-sm btn-primary rounded-pill\">{{ item.step }}</button>\r\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: ZekSafePipe, name: "safe" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekWizard, isStandalone: true, selector: "zek-wizard", inputs: { steps: "steps", step: "step" }, ngImport: i0, template: "<div class=\"position-relative m-4\">\r\n  <div class=\"progress\" style=\"height: 1px;\">\r\n    <div class=\"progress-bar\" role=\"progressbar\" [style.width.%]=\"progress\" [attr.aria-valuenow]=\"progress\" aria-valuemin=\"0\" aria-valuemax=\"100\"></div>\r\n  </div>\r\n  <!-- left: 33%!important -->\r\n  <!-- [style.left.%]=\"item.progress\" -->\r\n  <button *ngFor=\"let item of stepsArray\" [attr.style]=\"('width:2rem; height:2rem; left:' + item.progress + '%!important') | safe:'style'\" type=\"button\" class=\"position-absolute top-0 translate-middle btn btn-sm btn-primary rounded-pill\">{{ item.step }}</button>\r\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: ZekSafePipe, name: "safe" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekWizard, decorators: [{
             type: Component,
@@ -6749,7 +6771,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
 
 class ZekWizard2 extends ZekWizard {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekWizard2, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekWizard2, isStandalone: true, selector: "zek-wizard2", usesInheritance: true, ngImport: i0, template: "<div class=\"m-2\">\r\n  <button *ngFor=\"let item of stepsArray\"\r\n    [class.btn-outline-secondary]=\"item.step >= steps\"\r\n    [class.btn-primary]=\"item.step < steps\"\r\n    type=\"button\"\r\n    class=\"btn btn-sm mr me-2\"></button>\r\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: ZekWizard2, isStandalone: true, selector: "zek-wizard2", usesInheritance: true, ngImport: i0, template: "<div class=\"m-2\">\r\n  <button *ngFor=\"let item of stepsArray\"\r\n    [class.btn-outline-secondary]=\"item.step >= steps\"\r\n    [class.btn-primary]=\"item.step < steps\"\r\n    type=\"button\"\r\n    class=\"btn btn-sm mr me-2\"></button>\r\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: ZekWizard2, decorators: [{
             type: Component,
@@ -6790,5 +6812,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { API_BASE_URL, AgePipe, Alert, AlertService, ArrayHelper, AuthGuardService, AuthService, Base64Helper, BaseAlert, BaseComponent, BaseService, BitwiseHelper, BootstrapHelper, Color, ComponentType, Convert, CoreComponent, CoreUiComponent, CrudService, CssHelper, CustomHttpParamEncoder, DATE_FORMAT, DateAgoPipe, DateHelper, DateValueAccessor, DatepickerModule, EditBase, EditBaseComponent, EditComponent, EditFormComponent, ErrorHelper, FileBase, FileBytes, FileHelper, FileString, FilterBase, FilterHelper, GOOGLE_CLIENT_ID, Gender, HtmlHelper, HttpErrorHandler, JwtHelper, KeyPair, KeyPairChecked, KeyPairEx, KeyPairRequired, LANGUAGE, ListBase, ListBaseComponent, MATCH_VALIDATOR, MatchValidator, MathHelper, Month, NumericDirective, ObjectHelper, OverlapHelper, PagedList, Pager, PagerHelper, PeriodRelation, PrintType, RANGE_VALIDATOR, RECAPTCHA_SITE_KEY, RandomHelper, RangeValidator, ReCaptchaService, RecaptchaModule, StorageHelper, StringHelper, TimeHelper, TimeModule, TimePipe, TimerService, TmpHelper, Toast, Tree, UrlHelper, ValidEventArgs, ValidationHelper, Validators, ValidatorsModule, WebApiClient, WebApiModule, ZekAlert, ZekApproveModal, ZekAutoComplete, ZekButtonBrowse, ZekButtonBrowseModalBase, ZekButtonBrowseModalToolbar, ZekButtonBrowseModule, ZekCallbackPipe, ZekCard, ZekDeleteModal, ZekDisapproveModal, ZekEditToolbar, ZekFieldValidator, ZekFileSizePipe, ZekFileViewer, ZekFilterModal, ZekGoogleLoginButton, ZekGoogleLoginModule, ZekGridToolbar, ZekGridToolbarBar, ZekListToolbar, ZekLoading, ZekLoadingModule, ZekLocalToUtcModule, ZekLocalToUtcPipe, ZekModal, ZekModalModule, ZekPageTitle, ZekPager, ZekPassword, ZekProgress, ZekRadio, ZekReadOnlyDirective, ZekRestoreModal, ZekSafePipe, ZekSelect2, ZekSelect2Multiple, ZekSelectMultiple, ZekSort, ZekSortButtonGroup, ZekSubmitModal, ZekSumModal, ZekToast, ZekTooltip, ZekUtcToLocalModule, ZekUtcToLocalPipe, ZekValidation, ZekWizard, ZekWizard2, firstBy, handler, matchValidator, nullValidator, rangeValidator };
+export { API_BASE_URL, AgePipe, Alert, AlertService, ArrayHelper, AuthGuardService, AuthService, Base64Helper, BaseAlert, BaseComponent, BaseService, BitwiseHelper, BootstrapHelper, Color, ComponentType, Convert, CoreComponent, CoreUiComponent, CrudService, CssHelper, CustomHttpParamEncoder, DATE_FORMAT, DateHelper, DateValueAccessor, DatepickerModule, EditBase, EditBaseComponent, EditComponent, EditFormComponent, ErrorHelper, ExcelHelper, FileBase, FileBytes, FileHelper, FileString, FilterBase, FilterHelper, GOOGLE_CLIENT_ID, Gender, HtmlHelper, HttpErrorHandler, JwtHelper, KeyPair, KeyPairChecked, KeyPairEx, KeyPairRequired, LANGUAGE, ListBase, ListBaseComponent, MATCH_VALIDATOR, MatchValidator, MathHelper, Month, NumericDirective, ObjectHelper, OverlapHelper, PagedList, Pager, PagerHelper, PeriodRelation, PrintType, RANGE_VALIDATOR, RECAPTCHA_SITE_KEY, RandomHelper, RangeValidator, ReCaptchaService, RecaptchaModule, StorageHelper, StringHelper, TimeHelper, TimeModule, TimePipe, TimerService, TmpHelper, Toast, Tree, UrlHelper, ValidEventArgs, ValidationHelper, Validators, ValidatorsModule, WebApiClient, WebApiModule, ZekAlert, ZekApproveModal, ZekAutoComplete, ZekButtonBrowse, ZekButtonBrowseModalBase, ZekButtonBrowseModalToolbar, ZekButtonBrowseModule, ZekCallbackPipe, ZekCard, ZekDateAgoPipe, ZekDeleteModal, ZekDisapproveModal, ZekEditToolbar, ZekFieldValidator, ZekFileSizePipe, ZekFileViewer, ZekFilterModal, ZekGoogleLoginButton, ZekGoogleLoginModule, ZekGridToolbar, ZekGridToolbarBar, ZekListToolbar, ZekLoading, ZekLoadingModule, ZekLocalToUtcModule, ZekLocalToUtcPipe, ZekModal, ZekModalModule, ZekPageTitle, ZekPager, ZekPassword, ZekProgress, ZekRadio, ZekReadOnlyDirective, ZekRestoreModal, ZekSafePipe, ZekSelect2, ZekSelect2Multiple, ZekSelectMultiple, ZekSort, ZekSortButtonGroup, ZekSubmitModal, ZekSumModal, ZekToast, ZekTooltip, ZekUtcToLocalModule, ZekUtcToLocalPipe, ZekValidation, ZekWizard, ZekWizard2, canActivate, firstBy, handler, matchValidator, nullValidator, rangeValidator };
 //# sourceMappingURL=zek.mjs.map