ps-toolkit-ui 0.0.1

package/esm2015/lib/components/form/time/form.time.component.js

@@ -0,0 +1,145 @@
+import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import * as $ from 'jquery';
+import { InputError } from '../../../classes/enum.class';
+export class FormTimeComponent {
+    constructor() {
+        this.changeIndex = new EventEmitter();
+        this.cSearch = '';
+        this.hours = ['00', '01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23'];
+        this.minutes = ['00', '01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30', '31', '32', '33', '34', '35', '36', '37', '38', '39', '40', '41', '42', '43', '44', '45', '46', '47', '48', '49', '50', '51', '52', '53', '54', '55', '56', '57', '58', '59'];
+        this.activeHour = null;
+        this.activeMinute = null;
+    }
+    ngOnInit() {
+        if (this.inp.value) {
+            this.inp.setValue(this.inp.value, false);
+        }
+        this.inp.setValue = (v) => {
+            if (v === null) {
+                this.inp.clear();
+                return;
+            }
+            else {
+                this.activeHour = `${(v.Hours > 9 ? v.Hours : `0${v.Hours}`)}`;
+                this.activeMinute = `${(v.Minutes > 9 ? v.Minutes : `0${v.Minutes}`)}`;
+                this.inp.value = `${this.activeHour}:${this.activeMinute}`;
+                this.inp.search = `${this.activeHour}:${this.activeMinute}`;
+            }
+        };
+        this.inp.isValid = () => {
+            this.inp.error = null;
+            if (this.inp.required && !this.inp.value) {
+                this.inp.error = InputError.Required;
+                return false;
+            }
+            if (!this.inp.required && !this.inp.value) {
+                return true;
+            }
+            if (!RegExp(/^(?:(?:([01]?\d|2[0-3]):)([0-5]?\d))$/).test(this.inp.value)) {
+                this.inp.error = InputError.Invalid;
+                return false;
+            }
+            return true;
+        };
+        this.inp.clear = () => {
+            if (this.inp.default) {
+                this.inp.setValue(this.inp.default, false);
+            }
+            else {
+                this.inp.value = null;
+                this.inp.search = null;
+            }
+        };
+        this.inp.data = () => {
+            return this.inp.value;
+        };
+        this.inp.focus = () => {
+            this.openOptions();
+        };
+        this.inp.focusOut = () => {
+            $(this.inputBase.nativeElement).blur();
+        };
+    }
+    toggleTime() {
+        this.openOptions();
+    }
+    openOptions() {
+        this.setPosition();
+        $(this.inputBase.nativeElement).focus();
+    }
+    setPosition() {
+        const rect = this.inputDiv.nativeElement.getBoundingClientRect();
+        const offsetOfBottom = window.innerHeight - rect.bottom;
+        const height = this.inputOptionsDiv.nativeElement.offsetHeight;
+        if (offsetOfBottom < height) {
+            $(this.inputDiv.nativeElement).addClass('top');
+        }
+        else {
+            $(this.inputDiv.nativeElement).removeClass('top');
+        }
+    }
+    onKeyDown(e) {
+        const code = e.keyCode || e.which;
+        if (code === 9 || code === 13) {
+            e.preventDefault();
+            $(this.inputDiv.nativeElement).removeClass('top');
+            this.changeIndex.emit(code === 9 ? e.shiftKey ? 'ShiftTab' : 'Tab' : e.shiftKey ? 'ShiftEnter' : 'Enter');
+            if (!this.inForm) {
+                $(this.inputBase.nativeElement).blur();
+            }
+        }
+    }
+    onKeyUp(e) {
+        this.inp.error = null;
+        if (this.cSearch !== e.target.value) {
+            this.cSearch = e.target.value;
+            if (this.inp.search !== '' && this.inp.search !== null) {
+                if (RegExp(/^(?:(?:([01]?\d|2[0-3]):)([0-5]?\d))$/).test(this.inp.search)) {
+                    const hm = this.inp.search.split(':');
+                    this.activeHour = hm[0].length === 2 ? hm[0] : `0${hm[0]}`;
+                    this.activeMinute = hm[1].length === 2 ? hm[1] : `0${hm[1]}`;
+                    this.inp.value = `${this.activeHour}:${this.activeMinute}`;
+                    return;
+                }
+            }
+            this.activeHour = null;
+            this.activeMinute = null;
+            this.inp.value = null;
+        }
+    }
+    onFocusOut() {
+        $(this.inputDiv.nativeElement).removeClass('top');
+        this.inp.search = this.inp.value;
+    }
+    selectTime(v, s) {
+        if (s === 'hour') {
+            this.activeMinute = this.activeMinute === null ? '00' : this.activeMinute;
+            this.activeHour = v;
+        }
+        else {
+            this.activeHour = this.activeHour === null ? '00' : this.activeHour;
+            this.activeMinute = v;
+            this.changeIndex.emit('Tab');
+        }
+        this.inp.search = `${this.activeHour}:${this.activeMinute}`;
+        this.inp.value = `${this.activeHour}:${this.activeMinute}`;
+    }
+}
+FormTimeComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'lib-form-time',
+                template: "<div #inputDiv [id]=\"inp.name + 'Input'\" [style]=\"inp.style\" [className]=\"inp.class + ' form-input-con time' + (inp.error == null ? '' : ' error') + (inp.disabled ? ' disabled' : '')\">\r\n  <div class=\"form-input\" (click)=\"toggleTime()\">\r\n    <div *ngIf=\"inp.displayLabel\" class=\"label\"><i *ngIf=\"inp.required\" class=\"fas fa-star-of-life required-icon\"></i>{{inp.getLabel()}}</div>\r\n    <div class=\"w-100 p-r\">\r\n      <i *ngIf=\"inp.icon != null || inp.loading\" #inputIcon [className]=\"(inp.loading ? 'fad fa-spin fa-spinner' : inp.icon) + ' icon'\"></i>\r\n      <i *ngIf=\"inp.withClear && inp.value\" (click)=\"inp.clear()\" class=\"fad fa-eraser clear-icon\"></i>\r\n      <input (keydown)=\"onKeyDown($event)\" (keyup)=\"onKeyUp($event)\" (focusout)=\"onFocusOut()\" [disabled]=\"inp.disabled\" [(ngModel)]=\"inp.search\" #inputBase [name]=\"inp.name\" [placeholder]=\"inp.l(inp.name)\" class=\"control\" autocomplete=\"off\" maxlength=\"\">\r\n      <div #inputOptionsDiv class=\"options-con\">\r\n        <div class=\"options\">\r\n          <div class=\"hours\">\r\n            <div [className]=\"(h === activeHour ? 'active ' : '') + 'hour'\" (click)=\"selectTime(h, 'hour')\" *ngFor=\"let h of hours\">{{h}}</div>\r\n          </div>\r\n          <div class=\"rightline\">\r\n          </div>\r\n          <div class=\"minutes\">\r\n            <div [className]=\"(m === activeMinute ? 'active ' : '') + 'minute'\" (click)=\"selectTime(m, 'minute')\" *ngFor=\"let m of minutes\">{{m}}</div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                styles: [".form-input-con.time{padding:0 15px}.form-input-con.time,.form-input-con.time .form-input{float:right;position:relative;width:100%}.form-input-con.time .form-input .label{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;cursor:default;direction:rtl;float:right;font-size:12px;height:20px;line-height:20px;margin-bottom:3px;padding:0 10px;text-align:right;width:100%}.form-input-con.time.error .form-input .label{color:var(--red);font-size:10px}.form-input-con.time .form-input .label .required-icon{color:var(--red);font-size:9px;height:20px;line-height:20px;text-align:center;width:20px}.form-input-con.time .form-input .control{background-color:#fff;background-image:none;border:none;border:var(--border-input);border-radius:5px;color:var(--black);display:block;font-family:Vazir;font-size:11px;height:35px;padding:5px 35px;position:relative;text-align:center;width:100%;z-index:2}.form-input-con.time .form-input .control:focus{border-radius:5px 5px 5px 0}.form-input-con.time.top .form-input .control:focus{border-radius:0 5px 5px 5px}.form-input-con.time .form-input .control:focus,.form-input-con.time .form-input:hover .control{border:var(--border-input-dark);outline:none}.form-input-con.time .form-input i.icon{color:var(--icon);cursor:text;font-size:13px;left:0;line-height:35px}.form-input-con.time .form-input i.clear-icon,.form-input-con.time .form-input i.icon{bottom:0;height:35px;position:absolute;text-align:center;transition:all .35s ease-in-out;width:35px;z-index:3}.form-input-con.time .form-input i.clear-icon{color:var(--red);cursor:pointer;font-size:14px;line-height:38px;right:0}.form-input-con.time.disabled .form-input .control,.form-input-con.time.disabled .form-input .label,.form-input-con.time.disabled .form-input i.icon{cursor:default;filter:blur(.5px);opacity:.7}.form-input-con.time.error .form-input .control,.form-input-con.time.error .form-input i.icon{color:var(--red-cc)}.form-input-con.time.error .form-input .control{border:var(--border-input-red)}.form-input-con.time.error .form-input .control:focus,.form-input-con.time.error .form-input:hover .control{border:var(--border-input-red-dark)}.form-input-con.time .form-input .options-con{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;background-color:#fff;border:var(--border-input);border-radius:0 0 5px 5px;height:235px;left:0;overflow:hidden;position:absolute;top:-200000px;z-index:4}.form-input-con.time .form-input .options-con .options{float:right;position:relative;width:100px}.form-input-con.time .form-input .options-con .options .hours{-ms-overflow-style:none;float:left;height:235px;overflow:auto;position:relative;scrollbar-width:none;width:50%}.form-input-con.time .form-input .options-con .options .rightline{height:235px;position:absolute;right:calc(50% - .5px);top:0;width:1px}.form-input-con.time .form-input .options-con .options .minutes{-ms-overflow-style:none;float:right;height:235px;overflow:auto;scrollbar-width:none;width:50%}.form-input-con.time .form-input .options-con .options .hours::-webkit-scrollbar{display:none}.form-input-con.time .form-input .options-con .options .hours .hour,.form-input-con.time .form-input .options-con .options .minutes .minute{cursor:pointer;float:right;font-size:12px;height:30px;line-height:30px;text-align:center;width:100%}.form-input-con.time .form-input .options-con .options .hours .hour.active,.form-input-con.time .form-input .options-con .options .hours .hour:hover,.form-input-con.time .form-input .options-con .options .minutes .minute.active,.form-input-con.time .form-input .options-con .options .minutes .minute:hover{background-color:var(--black-33)}.form-input-con.time .form-input .control:focus+.options-con{top:35px!important}.form-input-con.time.top .form-input .control:focus+.options-con{border-radius:5px 5px 0 0;bottom:35px;top:unset!important}.form-input-con.time.h-22 .form-input .control{height:22px;padding:5px}.form-input-con.time.h-22 .form-input i.icon{display:none}.form-input-con.time.h-22 .form-input .control:focus+.options-con{top:22px!important}.form-input-con.time.h-22.top .form-input .control:focus+.options-con{bottom:22px}"]
+            },] }
+];
+FormTimeComponent.ctorParameters = () => [];
+FormTimeComponent.propDecorators = {
+    inp: [{ type: Input }],
+    inForm: [{ type: Input }],
+    changeIndex: [{ type: Output }],
+    inputBase: [{ type: ViewChild, args: ['inputBase',] }],
+    inputDiv: [{ type: ViewChild, args: ['inputDiv',] }],
+    inputLabel: [{ type: ViewChild, args: ['inputLabel',] }],
+    inputOptionsDiv: [{ type: ViewChild, args: ['inputOptionsDiv',] }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS50aW1lLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJEOi9Qcm9qZWN0cy9Qc1Rvb2xraXQvVUkvcHJvamVjdHMvcHMtdG9vbGtpdC11aS9zcmMvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9mb3JtL3RpbWUvZm9ybS50aW1lLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFjLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNwRyxPQUFPLEtBQUssQ0FBQyxNQUFNLFFBQVEsQ0FBQztBQUU1QixPQUFPLEVBQUMsVUFBVSxFQUFDLE1BQU0sNkJBQTZCLENBQUM7QUFPdkQsTUFBTSxPQUFPLGlCQUFpQjtJQWdCNUI7UUFWQSxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDekMsWUFBTyxHQUFHLEVBQUUsQ0FBQztRQUNiLFVBQUssR0FBRyxDQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLENBQUM7UUFDekosWUFBTyxHQUFHLENBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUks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MUM7Ozs7a0JBRUUsS0FBSztxQkFFTCxLQUFLOzBCQUVMLE1BQU07d0JBT04sU0FBUyxTQUFDLFdBQVc7dUJBQ3JCLFNBQVMsU0FBQyxVQUFVO3lCQUNwQixTQUFTLFNBQUMsWUFBWTs4QkFDdEIsU0FBUyxTQUFDLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVmlld0NoaWxkfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0ICogYXMgJCBmcm9tICdqcXVlcnknO1xyXG5pbXBvcnQge0lucHV0Q2xhc3N9IGZyb20gJy4uLy4uLy4uL2NsYXNzZXMvZm9ybS5jbGFzcyc7XHJcbmltcG9ydCB7SW5wdXRFcnJvcn0gZnJvbSAnLi4vLi4vLi4vY2xhc3Nlcy9lbnVtLmNsYXNzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWZvcm0tdGltZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2Zvcm0udGltZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZm9ybS50aW1lLmNvbXBvbmVudC5jc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRm9ybVRpbWVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXR7XHJcbiAgQElucHV0KClcclxuICBpbnA6IElucHV0Q2xhc3M7XHJcbiAgQElucHV0KClcclxuICBpbkZvcm06IGJvb2xlYW47XHJcbiAgQE91dHB1dCgpXHJcbiAgY2hhbmdlSW5kZXggPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcclxuICBjU2VhcmNoID0gJyc7XHJcbiAgaG91cnMgPSBbJzAwJywgJzAxJywgJzAyJywgJzAzJywgJzA0JywgJzA1JywgJzA2JywgJzA3JywgJzA4JywgJzA5JywgJzEwJywgJzExJywgJzEyJywgJzEzJywgJzE0JywgJzE1JywgJzE2JywgJzE3JywgJzE4JywgJzE5JywgJzIwJywgJzIxJywgJzIyJywgJzIzJ107XHJcbiAgbWludXRlcyA9IFsnMDAnLCAnMDEnLCAnMDInLCAnMDMnLCAnMDQnLCAnMDUnLCAnMDYnLCAnMDcnLCAnMDgnLCAnMDknLCAnMTAnLCAnMTEnLCAnMTInLCAnMTMnLCAnMTQnLCAnMTUnLCAnMTYnLCAnMTcnLCAnMTgnLCAnMTknLCAnMjAnLCAnMjEnLCAnMjInLCAnMjMnLCAnMjQnLCAnMjUnLCAnMjYnLCAnMjcnLCAnMjgnLCAnMjknLCAnMzAnLCAnMzEnLCAnMzInLCAnMzMnLCAnMzQnLCAnMzUnLCAnMzYnLCAnMzcnLCAnMzgnLCAnMzknLCAnNDAnLCAnNDEnLCAnNDInLCAnNDMnLCAnNDQnLCAnNDUnLCAnNDYnLCAnNDcnLCAnNDgnLCAnNDknLCAnNTAnLCAnNTEnLCAnNTInLCAnNTMnLCAnNTQnLCAnNTUnLCAnNTYnLCAnNTcnLCAnNTgnLCAnNTknXTtcclxuICBhY3RpdmVIb3VyID0gbnVsbDtcclxuICBhY3RpdmVNaW51dGUgPSBudWxsO1xyXG4gIEBWaWV3Q2hpbGQoJ2lucHV0QmFzZScpIGlucHV0QmFzZTogRWxlbWVudFJlZjtcclxuICBAVmlld0NoaWxkKCdpbnB1dERpdicpIGlucHV0RGl2OiBFbGVtZW50UmVmO1xyXG4gIEBWaWV3Q2hpbGQoJ2lucHV0TGFiZWwnKSBpbnB1dExhYmVsOiBFbGVtZW50UmVmO1xyXG4gIEBWaWV3Q2hpbGQoJ2lucHV0T3B0aW9uc0RpdicpIGlucHV0T3B0aW9uc0RpdjogRWxlbWVudFJlZjtcclxuICBjb25zdHJ1Y3Rvcigpe1xyXG4gIH1cclxuICBuZ09uSW5pdCgpOiB2b2lke1xyXG4gICAgaWYgKHRoaXMuaW5wLnZhbHVlKXtcclxuICAgICAgdGhpcy5pbnAuc2V0VmFsdWUodGhpcy5pbnAudmFsdWUsIGZhbHNlKTtcclxuICAgIH1cclxuICAgIHRoaXMuaW5wLnNldFZhbHVlID0gKHYpID0+IHtcclxuICAgICAgaWYgKHYgPT09IG51bGwpe1xyXG4gICAgICAgIHRoaXMuaW5wLmNsZWFyKCk7XHJcbiAgICAgICAgcmV0dXJuO1xyXG4gICAgICB9IGVsc2UgIHtcclxuICAgICAgICB0aGlzLmFjdGl2ZUhvdXIgPSBgJHsodi5Ib3VycyA+IDkgPyB2LkhvdXJzIDogYDAke3YuSG91cnN9YCl9YDtcclxuICAgICAgICB0aGlzLmFjdGl2ZU1pbnV0ZSA9IGAkeyh2Lk1pbnV0ZXMgPiA5ID8gdi5NaW51dGVzIDogYDAke3YuTWludXRlc31gKX1gO1xyXG4gICAgICAgIHRoaXMuaW5wLnZhbHVlID0gYCR7dGhpcy5hY3RpdmVIb3VyfToke3RoaXMuYWN0aXZlTWludXRlfWA7XHJcbiAgICAgICAgdGhpcy5pbnAuc2VhcmNoID0gYCR7dGhpcy5hY3RpdmVIb3VyfToke3RoaXMuYWN0aXZlTWludXRlfWA7XHJcbiAgICAgIH1cclxuICAgIH07XHJcbiAgICB0aGlzLmlucC5pc1ZhbGlkID0gKCkgPT4ge1xyXG4gICAgICB0aGlzLmlucC5lcnJvciA9IG51bGw7XHJcbiAgICAgIGlmICh0aGlzLmlucC5yZXF1aXJlZCAmJiAhdGhpcy5pbnAudmFsdWUpIHtcclxuICAgICAgICB0aGlzLmlucC5lcnJvciA9IElucHV0RXJyb3IuUmVxdWlyZWQ7XHJcbiAgICAgICAgcmV0dXJuIGZhbHNlO1xyXG4gICAgICB9XHJcbiAgICAgIGlmICghdGhpcy5pbnAucmVxdWlyZWQgJiYgIXRoaXMuaW5wLnZhbHVlKSB7XHJcbiAgICAgICAgcmV0dXJuIHRydWU7XHJcbiAgICAgIH1cclxuICAgICAgaWYgKCFSZWdFeHAoL14oPzooPzooWzAxXT9cXGR8MlswLTNdKTopKFswLTVdP1xcZCkpJC8pLnRlc3QodGhpcy5pbnAudmFsdWUpKSB7XHJcbiAgICAgICAgdGhpcy5pbnAuZXJyb3IgPSBJbnB1dEVycm9yLkludmFsaWQ7XHJcbiAgICAgICAgcmV0dXJuIGZhbHNlO1xyXG4gICAgICB9XHJcbiAgICAgIHJldHVybiB0cnVlO1xyXG4gICAgfTtcclxuICAgIHRoaXMuaW5wLmNsZWFyID0gKCkgPT4ge1xyXG4gICAgICBpZiAodGhpcy5pbnAuZGVmYXVsdCl7XHJcbiAgICAgICAgdGhpcy5pbnAuc2V0VmFsdWUodGhpcy5pbnAuZGVmYXVsdCwgZmFsc2UpO1xyXG4gICAgICB9ZWxzZXtcclxuICAgICAgICB0aGlzLmlucC52YWx1ZSA9IG51bGw7XHJcbiAgICAgICAgdGhpcy5pbnAuc2VhcmNoID0gbnVsbDtcclxuICAgICAgfVxyXG4gICAgfTtcclxuICAgIHRoaXMuaW5wLmRhdGEgPSAoKSA9PiB7XHJcbiAgICAgIHJldHVybiB0aGlzLmlucC52YWx1ZTtcclxuICAgIH07XHJcbiAgICB0aGlzLmlucC5mb2N1cyA9ICgpID0+IHtcclxuICAgICAgdGhpcy5vcGVuT3B0aW9ucygpO1xyXG4gICAgfTtcclxuICAgIHRoaXMuaW5wLmZvY3VzT3V0ID0gKCkgPT4ge1xyXG4gICAgICAkKHRoaXMuaW5wdXRCYXNlLm5hdGl2ZUVsZW1lbnQpLmJsdXIoKTtcclxuICAgIH07XHJcbiAgfVxyXG4gIHRvZ2dsZVRpbWUoKTogdm9pZHtcclxuICAgIHRoaXMub3Blbk9wdGlvbnMoKTtcclxuICB9XHJcbiAgb3Blbk9wdGlvbnMoKTogdm9pZCB7XHJcbiAgICB0aGlzLnNldFBvc2l0aW9uKCk7XHJcbiAgICAkKHRoaXMuaW5wdXRCYXNlLm5hdGl2ZUVsZW1lbnQpLmZvY3VzKCk7XHJcbiAgfVxyXG4gIHNldFBvc2l0aW9uKCk6IHZvaWR7XHJcbiAgICBjb25zdCByZWN0ID0gdGhpcy5pbnB1dERpdi5uYXRpdmVFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xyXG4gICAgY29uc3Qgb2Zmc2V0T2ZCb3R0b20gPSB3aW5kb3cuaW5uZXJIZWlnaHQgLSByZWN0LmJvdHRvbTtcclxuICAgIGNvbnN0IGhlaWdodCA9IHRoaXMuaW5wdXRPcHRpb25zRGl2Lm5hdGl2ZUVsZW1lbnQub2Zmc2V0SGVpZ2h0O1xyXG4gICAgaWYgKG9mZnNldE9mQm90dG9tIDwgaGVpZ2h0KXtcclxuICAgICAgJCh0aGlzLmlucHV0RGl2Lm5hdGl2ZUVsZW1lbnQpLmFkZENsYXNzKCd0b3AnKTtcclxuICAgIH1lbHNle1xyXG4gICAgICAkKHRoaXMuaW5wdXREaXYubmF0aXZlRWxlbWVudCkucmVtb3ZlQ2xhc3MoJ3RvcCcpO1xyXG4gICAgfVxyXG4gIH1cclxuICBvbktleURvd24oZSk6IHZvaWR7XHJcbiAgICBjb25zdCBjb2RlID0gZS5rZXlDb2RlIHx8IGUud2hpY2g7XHJcbiAgICBpZiAoY29kZSA9PT0gOSB8fCBjb2RlID09PSAxMykge1xyXG4gICAgICBlLnByZXZlbnREZWZhdWx0KCk7XHJcbiAgICAgICQodGhpcy5pbnB1dERpdi5uYXRpdmVFbGVtZW50KS5yZW1vdmVDbGFzcygndG9wJyk7XHJcbiAgICAgIHRoaXMuY2hhbmdlSW5kZXguZW1pdChjb2RlID09PSA5ID8gZS5zaGlmdEtleSA/ICdTaGlmdFRhYicgOiAnVGFiJyA6IGUuc2hpZnRLZXkgPyAnU2hpZnRFbnRlcicgOiAnRW50ZXInKTtcclxuICAgICAgaWYgKCF0aGlzLmluRm9ybSl7XHJcbiAgICAgICAgJCh0aGlzLmlucHV0QmFzZS5uYXRpdmVFbGVtZW50KS5ibHVyKCk7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICB9XHJcbiAgb25LZXlVcChlKTogdm9pZHtcclxuICAgIHRoaXMuaW5wLmVycm9yID0gbnVsbDtcclxuICAgIGlmICh0aGlzLmNTZWFyY2ggIT09IGUudGFyZ2V0LnZhbHVlKSB7XHJcbiAgICAgIHRoaXMuY1NlYXJjaCA9IGUudGFyZ2V0LnZhbHVlO1xyXG4gICAgICBpZiAodGhpcy5pbnAuc2VhcmNoICE9PSAnJyAmJiB0aGlzLmlucC5zZWFyY2ggIT09IG51bGwpe1xyXG4gICAgICAgIGlmIChSZWdFeHAoL14oPzooPzooWzAxXT9cXGR8MlswLTNdKTopKFswLTVdP1xcZCkpJC8pLnRlc3QodGhpcy5pbnAuc2VhcmNoKSl7XHJcbiAgICAgICAgICBjb25zdCBobSA9IHRoaXMuaW5wLnNlYXJjaC5zcGxpdCgnOicpO1xyXG4gICAgICAgICAgdGhpcy5hY3RpdmVIb3VyID0gaG1bMF0ubGVuZ3RoID09PSAyID8gaG1bMF0gOiBgMCR7aG1bMF19YDtcclxuICAgICAgICAgIHRoaXMuYWN0aXZlTWludXRlID0gaG1bMV0ubGVuZ3RoID09PSAyID8gaG1bMV0gOiBgMCR7aG1bMV19YDtcclxuICAgICAgICAgIHRoaXMuaW5wLnZhbHVlID0gYCR7dGhpcy5hY3RpdmVIb3VyfToke3RoaXMuYWN0aXZlTWludXRlfWA7XHJcbiAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICAgIHRoaXMuYWN0aXZlSG91ciA9IG51bGw7XHJcbiAgICAgIHRoaXMuYWN0aXZlTWludXRlID0gbnVsbDtcclxuICAgICAgdGhpcy5pbnAudmFsdWUgPSBudWxsO1xyXG4gICAgfVxyXG4gIH1cclxuICBvbkZvY3VzT3V0KCk6IHZvaWR7XHJcbiAgICAkKHRoaXMuaW5wdXREaXYubmF0aXZlRWxlbWVudCkucmVtb3ZlQ2xhc3MoJ3RvcCcpO1xyXG4gICAgdGhpcy5pbnAuc2VhcmNoID0gdGhpcy5pbnAudmFsdWU7XHJcbiAgfVxyXG4gIHNlbGVjdFRpbWUodjogc3RyaW5nLCBzOiBzdHJpbmcpOiB2b2lke1xyXG4gICAgaWYgKHMgPT09ICdob3VyJyl7XHJcbiAgICAgIHRoaXMuYWN0aXZlTWludXRlID0gdGhpcy5hY3RpdmVNaW51dGUgPT09IG51bGwgPyAnMDAnIDogdGhpcy5hY3RpdmVNaW51dGU7XHJcbiAgICAgIHRoaXMuYWN0aXZlSG91ciA9IHY7XHJcbiAgICB9ZWxzZXtcclxuICAgICAgdGhpcy5hY3RpdmVIb3VyID0gdGhpcy5hY3RpdmVIb3VyID09PSBudWxsID8gJzAwJyA6IHRoaXMuYWN0aXZlSG91cjtcclxuICAgICAgdGhpcy5hY3RpdmVNaW51dGUgPSB2O1xyXG4gICAgICB0aGlzLmNoYW5nZUluZGV4LmVtaXQoJ1RhYicpO1xyXG4gICAgfVxyXG4gICAgdGhpcy5pbnAuc2VhcmNoID0gYCR7dGhpcy5hY3RpdmVIb3VyfToke3RoaXMuYWN0aXZlTWludXRlfWA7XHJcbiAgICB0aGlzLmlucC52YWx1ZSA9IGAke3RoaXMuYWN0aXZlSG91cn06JHt0aGlzLmFjdGl2ZU1pbnV0ZX1gO1xyXG4gIH1cclxufVxyXG4iXX0=

package/esm2015/lib/components/form/tree/form.tree.component.js

@@ -0,0 +1,93 @@
+import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import * as $ from 'jquery';
+import { InputError } from '../../../classes/enum.class';
+export class FormTreeComponent {
+    constructor() {
+        this.changeIndex = new EventEmitter();
+    }
+    ngOnInit() {
+        this.inp.load();
+        this.inp.focus = () => {
+            this.onFocusIn();
+        };
+        this.inp.isValid = () => {
+            this.inp.error = null;
+            if (this.inp.required && this.getSelected().length === 0) {
+                this.inp.error = InputError.Required;
+                return false;
+            }
+            return true;
+        };
+        this.inp.data = () => {
+            return this.getSelected();
+        };
+        this.inp.setValue = (v) => {
+            this.check(v);
+        };
+        this.inp.clear = () => {
+            this.inp.setValue([], false);
+        };
+    }
+    onClick() {
+        this.onFocusIn();
+    }
+    onKeyDown(e) {
+        const code = e.keyCode || e.which;
+        if (code === 9 || code === 13) {
+            e.preventDefault();
+            this.changeIndex.emit(e.shiftKey ? 'ShiftTab' : 'Tab');
+        }
+    }
+    onFocusIn() {
+        $(this.inputBase.nativeElement).focus();
+    }
+    getSelected() {
+        let l = [];
+        for (const f of this.inp.rows) {
+            l = l.concat(this.getRowSelected(f));
+        }
+        return l;
+    }
+    getRowSelected(ch) {
+        let l = [];
+        if (ch.selected && (!this.inp.onlyChild || ch.children.length === 0)) {
+            l.push(ch.value);
+        }
+        ch.children.forEach((c) => {
+            const rs = this.getRowSelected(c);
+            l = l.concat(rs);
+        });
+        return l;
+    }
+    check(ids) {
+        for (const r of this.inp.rows) {
+            r.unCheck();
+            if (ids.includes(r.value)) {
+                r.toggle();
+            }
+            this.checkChildren(r.children, ids);
+        }
+    }
+    checkChildren(chs, ids) {
+        for (const r of chs) {
+            if (ids.includes(r.value)) {
+                r.toggle();
+            }
+            this.checkChildren(r.children, ids);
+        }
+    }
+}
+FormTreeComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'lib-form-tree',
+                template: "<div #inputDiv [id]=\"inp.name + 'Input'\" [className]=\"inp.class + ' form-input-con tree' + (inp.error == null ? '' : ' error') + (inp.disabled ? ' disabled' : '')\">\r\n  <div class=\"form-input\" (click)=\"onClick()\">\r\n    <div *ngIf=\"inp.displayLabel\" class=\"label\"><i *ngIf=\"inp.required\" class=\"fas fa-star-of-life required-icon\"></i>{{inp.getLabel()}}</div>\r\n    <input #inputBase type=\"checkbox\" class=\"input-base\" (keydown)=\"onKeyDown($event)\" (focusin)=\"onFocusIn()\">\r\n    <div [className]=\"(inp.loading ? 'o-h ' : '') + 'control'\">\r\n      <i *ngIf=\"inp.icon != null || inp.loading\" #inputIcon [className]=\"(inp.loading ? 'fad fa-spin fa-spinner' : inp.icon) + ' icon'\"></i>\r\n      <i *ngIf=\"inp.withClear && inp.value\" (click)=\"inp.clear()\" class=\"fad fa-eraser clear-icon\"></i>\r\n      <lib-form-tree-item [level]=\"0\" [index]=\"i\" [item]=\"item\" [tree]=\"inp\" [base]=\"true\" *ngFor=\"let item of inp.rows; let i = index\"></lib-form-tree-item>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                styles: [".form-input-con.tree{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;padding:0 15px}.form-input-con.tree,.form-input-con.tree .form-input{float:right;position:relative;width:100%}.form-input-con.tree .form-input .label{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;cursor:default;direction:rtl;float:right;font-size:12px;height:20px;line-height:20px;margin-bottom:3px;padding:0 10px;text-align:right;width:100%}.form-input-con.tree.error .form-input .label{color:var(--red);font-size:10px}.form-input-con.tree .form-input .label .required-icon{color:var(--red);font-size:9px;height:20px;line-height:20px;text-align:center;width:20px}.form-input-con.tree .form-input>.control{background-color:#fff;border:var(--border-input);border-radius:5px;float:right;max-height:400px;min-height:35px;overflow-x:hidden;overflow-y:auto;padding:10px;position:relative;width:100%}.form-input-con.tree .form-input .input-base:focus+.control,.form-input-con.tree .form-input:hover .control{border:var(--border-input-dark)}.form-input-con.tree.error .form-input .input-base:focus+.control,.form-input-con.tree.error .form-input:hover .control{border:var(--border-input-red-dark)}.form-input-con.tree .form-input .input-base{cursor:pointer;height:0;opacity:0;position:absolute;right:50%;top:50%;width:0;z-index:1}.form-input-con.tree .form-input i.icon{color:var(--icon);cursor:default;left:0;line-height:35px;top:0;z-index:1}.form-input-con.tree .form-input i.clear-icon,.form-input-con.tree .form-input i.icon{font-size:14px;height:35px;position:absolute;text-align:center;transition:all .35s ease-in-out;width:35px}.form-input-con.tree .form-input i.clear-icon{bottom:0;color:var(--red);cursor:pointer;line-height:38px;right:0;z-index:3}.form-input-con.tree.error .form-input>.control{border:var(--border-input-red)}.form-input-con.tree.error .form-input i.icon{color:var(--red)}"]
+            },] }
+];
+FormTreeComponent.ctorParameters = () => [];
+FormTreeComponent.propDecorators = {
+    inp: [{ type: Input }],
+    changeIndex: [{ type: Output }],
+    inputBase: [{ type: ViewChild, args: ['inputBase',] }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS50cmVlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJEOi9Qcm9qZWN0cy9Qc1Rvb2xraXQvVUkvcHJvamVjdHMvcHMtdG9vbGtpdC11aS9zcmMvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9mb3JtL3RyZWUvZm9ybS50cmVlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFjLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNwRyxPQUFPLEtBQUssQ0FBQyxNQUFNLFFBQVEsQ0FBQztBQUU1QixPQUFPLEVBQUMsVUFBVSxFQUFDLE1BQU0sNkJBQTZCLENBQUM7QUFPdkQsTUFBTSxPQUFPLGlCQUFpQjtJQU01QjtRQUZBLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUd6QyxDQUFDO0lBQ0QsUUFBUTtRQUNOLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDaEIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxLQUFLLEdBQUcsR0FBRyxFQUFFO1lBQ3BCLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztRQUNuQixDQUFDLENBQUM7UUFDRixJQUFJLENBQUMsR0FBRyxDQUFDLE9BQU8sR0FBRyxHQUFHLEVBQUU7WUFDdEIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDO1lBQ3RCLElBQUksSUFBSSxDQUFDLEdBQUcsQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDLE1BQU0sS0FBSyxDQUFDLEVBQUU7Z0JBQ3hELElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxHQUFHLFVBQVUsQ0FBQyxRQUFRLENBQUM7Z0JBQ3JDLE9BQU8sS0FBSyxDQUFDO2FBQ2Q7WUFDRCxPQUFPLElBQUksQ0FBQztRQUNkLENBQUMsQ0FBQztRQUNGLElBQUksQ0FBQyxHQUFHLENBQUMsSUFB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QzthQUNaO1lBQ0QsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsUUFBUSxFQUFFLEdBQUcsQ0FBQyxDQUFDO1NBQ3JDO0lBQ0gsQ0FBQzs7O1lBckZGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsZUFBZTtnQkFDekIsOGhDQUF5Qzs7YUFFMUM7Ozs7a0JBRUUsS0FBSzswQkFFTCxNQUFNO3dCQUVOLFNBQVMsU0FBQyxXQUFXIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBWaWV3Q2hpbGR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgKiBhcyAkIGZyb20gJ2pxdWVyeSc7XHJcbmltcG9ydCB7SW5wdXRDbGFzcywgVHJlZVJvd0NsYXNzfSBmcm9tICcuLi8uLi8uLi9jbGFzc2VzL2Zvcm0uY2xhc3MnO1xyXG5pbXBvcnQge0lucHV0RXJyb3J9IGZyb20gJy4uLy4uLy4uL2NsYXNzZXMvZW51bS5jbGFzcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1mb3JtLXRyZWUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9mb3JtLnRyZWUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2Zvcm0udHJlZS5jb21wb25lbnQuY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEZvcm1UcmVlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0e1xyXG4gIEBJbnB1dCgpXHJcbiAgaW5wOiBJbnB1dENsYXNzO1xyXG4gIEBPdXRwdXQoKVxyXG4gIGNoYW5nZUluZGV4ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XHJcbiAgQFZpZXdDaGlsZCgnaW5wdXRCYXNlJykgaW5wdXRCYXNlOiBFbGVtZW50UmVmO1xyXG4gIGNvbnN0cnVjdG9yKCl7XHJcbiAgfVxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5pbnAubG9hZCgpO1xyXG4gICAgdGhpcy5pbnAuZm9jdXMgPSAoKSA9PiB7XHJcbiAgICAgIHRoaXMub25Gb2N1c0luKCk7XHJcbiAgICB9O1xyXG4gICAgdGhpcy5pbnAuaXNWYWxpZCA9ICgpID0+IHtcclxuICAgICAgdGhpcy5pbnAuZXJyb3IgPSBudWxsO1xyXG4gICAgICBpZiAodGhpcy5pbnAucmVxdWlyZWQgJiYgdGhpcy5nZXRTZWxlY3RlZCgpLmxlbmd0aCA9PT0gMCkge1xyXG4gICAgICAgIHRoaXMuaW5wLmVycm9yID0gSW5wdXRFcnJvci5SZXF1aXJlZDtcclxuICAgICAgICByZXR1cm4gZmFsc2U7XHJcbiAgICAgIH1cclxuICAgICAgcmV0dXJuIHRydWU7XHJcbiAgICB9O1xyXG4gICAgdGhpcy5pbnAuZGF0YSA9ICgpID0+IHtcclxuICAgICAgcmV0dXJuIHRoaXMuZ2V0U2VsZWN0ZWQoKTtcclxuICAgIH07XHJcbiAgICB0aGlzLmlucC5zZXRWYWx1ZSA9ICh2KSA9PiB7XHJcbiAgICAgIHRoaXMuY2hlY2sodik7XHJcbiAgICB9O1xyXG4gICAgdGhpcy5pbnAuY2xlYXIgPSAoKSA9PiB7XHJcbiAgICAgIHRoaXMuaW5wLnNldFZhbHVlKFtdLCBmYWxzZSk7XHJcbiAgICB9O1xyXG4gIH1cclxuXHJcbiAgb25DbGljaygpOiB2b2lke1xyXG4gICAgdGhpcy5vbkZvY3VzSW4oKTtcclxuICB9XHJcbiAgb25LZXlEb3duKGUpOiB2b2lke1xyXG4gICAgY29uc3QgY29kZSA9IGUua2V5Q29kZSB8fCBlLndoaWNoO1xyXG4gICAgaWYgKGNvZGUgPT09IDkgfHwgY29kZSA9PT0gMTMpIHtcclxuICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gICAgICB0aGlzLmNoYW5nZUluZGV4LmVtaXQoZS5zaGlmdEtleSA/ICdTaGlmdFRhYicgOiAnVGFiJyk7XHJcbiAgICB9XHJcbiAgfVxyXG4gIG9uRm9jdXNJbigpOiB2b2lke1xyXG4gICAgJCh0aGlzLmlucHV0QmFzZS5uYXRpdmVFbGVtZW50KS5mb2N1cygpO1xyXG4gIH1cclxuICBnZXRTZWxlY3RlZCgpOiBhbnlbXXtcclxuICAgIGxldCBsID0gW107XHJcbiAgICBmb3IgKGNvbnN0IGYgb2YgdGhpcy5pbnAucm93cyl7XHJcbiAgICAgIGwgPSBsLmNvbmNhdCh0aGlzLmdldFJvd1NlbGVjdGVkKGYpKTtcclxuICAgIH1cclxuICAgIHJldHVybiBsO1xyXG4gIH1cclxuICBnZXRSb3dTZWxlY3RlZChjaDogVHJlZVJvd0NsYXNzKTogYW55W117XHJcbiAgICBsZXQgbCA9IFtdO1xyXG4gICAgaWYgKGNoLnNlbGVjdGVkICYmICghdGhpcy5pbnAub25seUNoaWxkIHx8IGNoLmNoaWxkcmVuLmxlbmd0aCA9PT0gMCkpe1xyXG4gICAgICBsLnB1c2goY2gudmFsdWUpO1xyXG4gICAgfVxyXG4gICAgY2guY2hpbGRyZW4uZm9yRWFjaCgoYykgPT4ge1xyXG4gICAgICBjb25zdCBycyA9IHRoaXMuZ2V0Um93U2VsZWN0ZWQoYyk7XHJcbiAgICAgIGwgPSBsLmNvbmNhdChycyk7XHJcbiAgICB9KTtcclxuICAgIHJldHVybiBsO1xyXG4gIH1cclxuXHJcbiAgY2hlY2soaWRzKTogdm9pZHtcclxuICAgIGZvciAoY29uc3QgciBvZiB0aGlzLmlucC5yb3dzKXtcclxuICAgICAgci51bkNoZWNrKCk7XHJcbiAgICAgIGlmIChpZHMuaW5jbHVkZXMoci52YWx1ZSkpe1xyXG4gICAgICAgIHIudG9nZ2xlKCk7XHJcbiAgICAgIH1cclxuICAgICAgdGhpcy5jaGVja0NoaWxkcmVuKHIuY2hpbGRyZW4sIGlkcyk7XHJcbiAgICB9XHJcbiAgfVxyXG4gIGNoZWNrQ2hpbGRyZW4oY2hzOiBUcmVlUm93Q2xhc3NbXSwgaWRzKTogdm9pZHtcclxuICAgIGZvciAoY29uc3QgciBvZiBjaHMpe1xyXG4gICAgICBpZiAoaWRzLmluY2x1ZGVzKHIudmFsdWUpKXtcclxuICAgICAgICByLnRvZ2dsZSgpO1xyXG4gICAgICB9XHJcbiAgICAgIHRoaXMuY2hlY2tDaGlsZHJlbihyLmNoaWxkcmVuLCBpZHMpO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iXX0=

package/esm2015/lib/components/form/tree/item/form.tree.item.component.js

@@ -0,0 +1,48 @@
+import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import * as $ from 'jquery';
+export class FormTreeItemComponent {
+    constructor() {
+        this.parent = null;
+        this.changeIndex = new EventEmitter();
+    }
+    ngOnInit() {
+        this.item.parent = this.parent;
+    }
+    openClose(e) {
+        const ch = $(e.target).closest('.row-item').find(' > .children');
+        const oc = $(e.target).closest('.row-item').find(' > .open-close');
+        if (ch.hasClass('open')) {
+            ch.removeClass('open');
+            ch.stop().slideUp();
+            oc.removeClass('fa-caret-down').addClass('fa-caret-left');
+        }
+        else {
+            ch.addClass('open');
+            ch.stop().slideDown();
+            oc.addClass('fa-caret-down').removeClass('fa-caret-left');
+        }
+    }
+    onClick() {
+        this.item.toggle();
+    }
+}
+FormTreeItemComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'lib-form-tree-item',
+                template: "<div [className]=\"(item.selected ? 'selected ' : item.selected == null ? 'null ' : '') + 'row-item'\">\r\n  <div (click)=\"onClick()\" class=\"checkbox\">{{tree.l(item.name)}}</div>\r\n  <i *ngIf=\"item.children.length > 0\" (click)=\"openClose($event)\" [className]=\"(index == 0 && level == 0 ? 'fad fa-caret-down ' : 'fad fa-caret-left ') + 'open-close'\"></i>\r\n  <div [className]=\"(index == 0 && level == 0 ? 'open ' : '') + 'children'\" [style]=\"index == 0 && level == 0 ? {display: 'block'} : {}\" *ngIf=\"item.children.length > 0\">\r\n    <div class=\"items rightline\">\r\n      <lib-form-tree-item [level]=\"level + 1\" [index]=\"i\" [item]=\"child\" [parent]=\"item\" [tree]=\"tree\" *ngFor=\"let child of item.children; let i = index\"></lib-form-tree-item>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                styles: [".row-item{float:left;margin:2px 0 2px 5px;position:relative;text-align:center;width:90%}.row-item .content{background-color:rgba(11,72,107,.06666666666666667);border-radius:5px;cursor:pointer;float:right;width:100%}.row-item .open-close{cursor:pointer;font-size:20px;height:35px;line-height:30px;position:absolute;right:-30px;text-align:center;width:10px}.row-item .content.parent,.row-item .content:hover{background-color:rgba(11,72,107,.13333333333333333)}.row-item .content.parent:hover{background-color:rgba(11,72,107,.26666666666666666)}.row-item .children{display:none;padding:10px;position:relative}.row-item .children,.row-item .children .items{float:left;width:100%}.row-item .children>.line{height:calc(100% - 30px);right:20px;top:15px;width:2px}.row-item .children .row-item>.line,.row-item .children>.line{background-color:rgba(11,72,107,.13333333333333333);position:absolute}.row-item .children .row-item>.line{height:2px;right:-35px;top:17px;width:10px}.row-item .checkbox,.row-item .content .title{float:right;font-size:12px;height:35px;line-height:35px;width:100%}.row-item .checkbox{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;cursor:pointer;padding:0 35px;position:relative;text-align:center;z-index:2}.row-item .control{cursor:pointer;height:0;opacity:0;position:absolute;right:50%;top:50%;width:0;z-index:1}.row-item>.checkbox:before{content:\"\\f0c8\";font-family:Font Awesome\\ 5 Pro;font-size:18px;font-weight:400;height:35px;line-height:35px;position:absolute;right:0;top:0;width:35px}.row-item.selected>.checkbox:before{animation:pop .18s ease-in;color:var(--green);content:\"\\f14a\";font-weight:900}.row-item.null>.checkbox:before{animation:pop .18s ease-in;color:var(--green);content:\"\\f146\";font-weight:900}.row-item:after{background-image:linear-gradient(90deg,transparent,rgba(50,50,50,.25),transparent);border:0;bottom:0;content:\"\";float:right;height:1px;position:absolute;right:0;width:100%}::ng-deep lib-form-tree-item:last-of-type>.row-item:after{display:none}"]
+            },] }
+];
+FormTreeItemComponent.ctorParameters = () => [];
+FormTreeItemComponent.propDecorators = {
+    item: [{ type: Input }],
+    level: [{ type: Input }],
+    index: [{ type: Input }],
+    tree: [{ type: Input }],
+    parent: [{ type: Input }],
+    base: [{ type: Input }],
+    changeIndex: [{ type: Output }],
+    inputDiv: [{ type: ViewChild, args: ['inputDiv',] }],
+    inputBase: [{ type: ViewChild, args: ['inputBase',] }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS50cmVlLml0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IkQ6L1Byb2plY3RzL1BzVG9vbGtpdC9VSS9wcm9qZWN0cy9wcy10b29sa2l0LXVpL3NyYy8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnRzL2Zvcm0vdHJlZS9pdGVtL2Zvcm0udHJlZS5pdGVtLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFjLFlBQVksRUFBZ0IsS0FBSyxFQUFVLE1BQU0sRUFBRSxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDbEgsT0FBTyxLQUFLLENBQUMsTUFBTSxRQUFRLENBQUM7QUFRNUIsTUFBTSxPQUFPLHFCQUFxQjtJQWlCaEM7UUFQQSxXQUFNLEdBQWlCLElBQUksQ0FBQztRQUk1QixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7SUFJekMsQ0FBQztJQUNELFFBQVE7UUFDTixJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ2pDLENBQUM7SUFDRCxTQUFTLENBQUMsQ0FBQztRQUNULE1BQU0sRUFBRSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsT0FBTyxDQUFDLFdBQVcsQ0FBQyxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQztRQUNqRSxNQUFNLEVBQUUsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLE9BQU8sQ0FBQyxXQUFXLENBQUMsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUNuRSxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLEVBQUU7WUFDdkIsRUFBRSxDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUMsQ0FBQztZQUN2QixFQUFFLENBQUMsSUFBSSxFQUFFLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDcEIsRUFBRSxDQUFDLFdBQVcsQ0FBQyxlQUFlLENBQUMsQ0FBQyxRQUFRLENBQUMsZUFBZSxDQUFDLENBQUM7U0FDM0Q7YUFBTTtZQUNMLEVBQUUsQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUM7WUFDcEIsRUFBRSxDQUFDLElBQUksRUFBRSxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ3RCLEVBQUUsQ0FBQyxRQUFRLENBQUMsZUFBZSxDQUFDLENBQUMsV0FBVyxDQUFDLGVBQWUsQ0FBQyxDQUFDO1NBQzNEO0lBQ0gsQ0FBQztJQUVELE9BQU87UUFDTCxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ3JCLENBQUM7OztZQTNDRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLG9CQUFvQjtnQkFDOUIsMHpCQUE4Qzs7YUFFL0M7Ozs7bUJBRUUsS0FBSztvQkFFTCxLQUFLO29CQUVMLEtBQUs7bUJBRUwsS0FBSztxQkFFTCxLQUFLO21CQUVMLEtBQUs7MEJBRUwsTUFBTTt1QkFFTixTQUFTLFNBQUMsVUFBVTt3QkFDcEIsU0FBUyxTQUFDLFdBQVciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBIb3N0TGlzdGVuZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVmlld0NoaWxkfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0ICogYXMgJCBmcm9tICdqcXVlcnknO1xyXG5pbXBvcnQge0lucHV0Q2xhc3MsIFRyZWVSb3dDbGFzc30gZnJvbSAnLi4vLi4vLi4vLi4vY2xhc3Nlcy9mb3JtLmNsYXNzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWZvcm0tdHJlZS1pdGVtJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZm9ybS50cmVlLml0ZW0uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2Zvcm0udHJlZS5pdGVtLmNvbXBvbmVudC5jc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRm9ybVRyZWVJdGVtQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0e1xyXG4gIEBJbnB1dCgpXHJcbiAgaXRlbTogVHJlZVJvd0NsYXNzO1xyXG4gIEBJbnB1dCgpXHJcbiAgbGV2ZWw6IG51bWJlcjtcclxuICBASW5wdXQoKVxyXG4gIGluZGV4OiBudW1iZXI7XHJcbiAgQElucHV0KClcclxuICB0cmVlOiBJbnB1dENsYXNzO1xyXG4gIEBJbnB1dCgpXHJcbiAgcGFyZW50OiBUcmVlUm93Q2xhc3MgPSBudWxsO1xyXG4gIEBJbnB1dCgpXHJcbiAgYmFzZTogYm9vbGVhbjtcclxuICBAT3V0cHV0KClcclxuICBjaGFuZ2VJbmRleCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xyXG4gIEBWaWV3Q2hpbGQoJ2lucHV0RGl2JykgaW5wdXREaXY6IEVsZW1lbnRSZWY7XHJcbiAgQFZpZXdDaGlsZCgnaW5wdXRCYXNlJykgaW5wdXRCYXNlOiBFbGVtZW50UmVmO1xyXG4gIGNvbnN0cnVjdG9yKCl7XHJcbiAgfVxyXG4gIG5nT25Jbml0KCk6IHZvaWR7XHJcbiAgICB0aGlzLml0ZW0ucGFyZW50ID0gdGhpcy5wYXJlbnQ7XHJcbiAgfVxyXG4gIG9wZW5DbG9zZShlKTogdm9pZCB7XHJcbiAgICBjb25zdCBjaCA9ICQoZS50YXJnZXQpLmNsb3Nlc3QoJy5yb3ctaXRlbScpLmZpbmQoJyA+IC5jaGlsZHJlbicpO1xyXG4gICAgY29uc3Qgb2MgPSAkKGUudGFyZ2V0KS5jbG9zZXN0KCcucm93LWl0ZW0nKS5maW5kKCcgPiAub3Blbi1jbG9zZScpO1xyXG4gICAgaWYgKGNoLmhhc0NsYXNzKCdvcGVuJykpIHtcclxuICAgICAgY2gucmVtb3ZlQ2xhc3MoJ29wZW4nKTtcclxuICAgICAgY2guc3RvcCgpLnNsaWRlVXAoKTtcclxuICAgICAgb2MucmVtb3ZlQ2xhc3MoJ2ZhLWNhcmV0LWRvd24nKS5hZGRDbGFzcygnZmEtY2FyZXQtbGVmdCcpO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgY2guYWRkQ2xhc3MoJ29wZW4nKTtcclxuICAgICAgY2guc3RvcCgpLnNsaWRlRG93bigpO1xyXG4gICAgICBvYy5hZGRDbGFzcygnZmEtY2FyZXQtZG93bicpLnJlbW92ZUNsYXNzKCdmYS1jYXJldC1sZWZ0Jyk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBvbkNsaWNrKCk6IHZvaWQge1xyXG4gICAgdGhpcy5pdGVtLnRvZ2dsZSgpO1xyXG4gIH1cclxufVxyXG4iXX0=

package/esm2015/lib/components/header/header.component.js

@@ -0,0 +1,28 @@
+import { Component } from '@angular/core';
+import { InputClass } from '../../classes/form.class';
+import { InputType } from '../../classes/enum.class';
+import { PsToolkitUiConfigService } from '../../services/config.service';
+import { LangClass } from '../../classes/lang.class';
+export class HeaderComponent {
+    constructor(config) {
+        this.config = config;
+        const lang = new LangClass(config.currentLang, config.strings);
+        const l = (key, v = null) => {
+            return lang.get('Public', 'Header', key, v);
+        };
+        this.logout = new InputClass(config.environment, l, 'Logout', null, InputType.Button, 'grey h-30');
+        this.logout.onClick = () => {
+        };
+    }
+}
+HeaderComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'lib-header',
+                template: "<div id=\"Header\" class=\"underline\">\r\n  <div class=\"logout\">\r\n    <lib-form-button [inp]=\"logout\"></lib-form-button>\r\n  </div>\r\n</div>\r\n",
+                styles: ["#Header{background-color:#fff;float:right;height:50px;position:relative;width:100%;z-index:11}#Header .logout{float:left;margin:10px 30px;width:80px}@media (max-width:399.98px){#Header .toggle-sidebar{display:block}}@media (min-width:400px) and (max-width:499.98px){#Header .toggle-sidebar{display:block}}@media (min-width:500px) and (max-width:599.98px){#Header .toggle-sidebar{display:block}}@media (min-width:600px) and (max-width:699.98px){#Header .toggle-sidebar{display:block}}@media (min-width:700px) and (max-width:799.98px){#Header .toggle-sidebar{display:block}}"]
+            },] }
+];
+HeaderComponent.ctorParameters = () => [
+    { type: PsToolkitUiConfigService }
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJEOi9Qcm9qZWN0cy9Qc1Rvb2xraXQvVUkvcHJvamVjdHMvcHMtdG9vbGtpdC11aS9zcmMvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9oZWFkZXIvaGVhZGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3hDLE9BQU8sRUFBQyxVQUFVLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUNwRCxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFDbkQsT0FBTyxFQUFDLHdCQUF3QixFQUFDLE1BQU0sK0JBQStCLENBQUM7QUFDdkUsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBUW5ELE1BQU0sT0FBTyxlQUFlO0lBRTFCLFlBQW1CLE1BQWdDO1FBQWhDLFdBQU0sR0FBTixNQUFNLENBQTBCO1FBQ2pELE1BQU0sSUFBSSxHQUFHLElBQUksU0FBUyxDQUFDLE1BQU0sQ0FBQyxXQUFXLEVBQUUsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQy9ELE1BQU0sQ0FBQyxHQUFHLENBQUMsR0FBVyxFQUFFLENBQUMsR0FBRyxJQUFJLEVBQVUsRUFBRTtZQUMxQyxPQUFPLElBQUksQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFLFFBQVEsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFDOUMsQ0FBQyxDQUFDO1FBQ0YsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLFVBQVUsQ0FBQyxNQUFNLENBQUMsV0FBVyxFQUFFLENBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsV0FBVyxDQUFDLENBQUM7UUFDbkcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLEdBQUcsR0FBRyxFQUFFO1FBQzNCLENBQUMsQ0FBQztJQUNKLENBQUM7OztZQWZGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsWUFBWTtnQkFDdEIscUtBQXNDOzthQUV2Qzs7O1lBUk8sd0JBQXdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge0lucHV0Q2xhc3N9IGZyb20gJy4uLy4uL2NsYXNzZXMvZm9ybS5jbGFzcyc7XHJcbmltcG9ydCB7SW5wdXRUeXBlfSBmcm9tICcuLi8uLi9jbGFzc2VzL2VudW0uY2xhc3MnO1xyXG5pbXBvcnQge1BzVG9vbGtpdFVpQ29uZmlnU2VydmljZX0gZnJvbSAnLi4vLi4vc2VydmljZXMvY29uZmlnLnNlcnZpY2UnO1xyXG5pbXBvcnQge0xhbmdDbGFzc30gZnJvbSAnLi4vLi4vY2xhc3Nlcy9sYW5nLmNsYXNzJztcclxuaW1wb3J0IHtzdHJpbmdzfSBmcm9tICcuLi8uLi9jbGFzc2VzL3N0cmluZy5jbGFzcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1oZWFkZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2hlYWRlci5jb21wb25lbnQuY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEhlYWRlckNvbXBvbmVudHtcclxuICBsb2dvdXQ6IElucHV0Q2xhc3M7XHJcbiAgY29uc3RydWN0b3IocHVibGljIGNvbmZpZzogUHNUb29sa2l0VWlDb25maWdTZXJ2aWNlKXtcclxuICAgIGNvbnN0IGxhbmcgPSBuZXcgTGFuZ0NsYXNzKGNvbmZpZy5jdXJyZW50TGFuZywgY29uZmlnLnN0cmluZ3MpO1xyXG4gICAgY29uc3QgbCA9IChrZXk6IHN0cmluZywgdiA9IG51bGwpOiBzdHJpbmcgPT4ge1xyXG4gICAgICByZXR1cm4gbGFuZy5nZXQoJ1B1YmxpYycsICdIZWFkZXInLCBrZXksIHYpO1xyXG4gICAgfTtcclxuICAgIHRoaXMubG9nb3V0ID0gbmV3IElucHV0Q2xhc3MoY29uZmlnLmVudmlyb25tZW50LCBsLCAnTG9nb3V0JywgbnVsbCwgSW5wdXRUeXBlLkJ1dHRvbiwgJ2dyZXkgaC0zMCcpO1xyXG4gICAgdGhpcy5sb2dvdXQub25DbGljayA9ICgpID0+IHtcclxuICAgIH07XHJcbiAgfVxyXG59XHJcbiJdfQ==

package/esm2015/lib/components/header/sub/sub.header.component.js

@@ -0,0 +1,14 @@
+import { Component } from '@angular/core';
+export class SubHeaderComponent {
+    constructor() {
+    }
+}
+SubHeaderComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'lib-sub-header',
+                template: "<!--<div id=\"SubHeader\">-->\r\n<!--  <div class=\"breadcrumb\" *ngIf=\"app.breadcrumb != null\">-->\r\n<!--    <a class=\"item\"><div class=\"name\">{{app.breadcrumb[app.breadcrumb.length - 1].Name}}</div></a>-->\r\n<!--    <a class=\"item\" [routerLink]=\"b.Url\" *ngFor=\"let b of (app.breadcrumb.length == 1 ? [] : app.breadcrumb)\"><div class=\"name\">{{b.Name}}</div><i class=\"fad fa-angle-left\"></i></a>-->\r\n<!--  </div>-->\r\n<!--  <div class=\"breadcrumb\" *ngIf=\"app.breadcrumb == null\" [innerHTML]=\"this.l('LoadingDot')\">-->\r\n<!--  </div>-->\r\n<!--</div>-->\r\n",
+                styles: ["#SubHeader{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;background-color:#fff;box-shadow:var(--box-shadow-header);position:relative;z-index:10}#SubHeader,#SubHeader .breadcrumb{float:right;height:40px;width:100%}#SubHeader .breadcrumb{line-height:40px;padding:0 40px}#SubHeader .breadcrumb .item{float:right}#SubHeader .breadcrumb .item .name{cursor:pointer;font-family:VazirLight;font-size:12px;padding:0 20px;position:relative}#SubHeader .breadcrumb .item .name,#SubHeader .breadcrumb .item i{color:var(--black-55)!important;float:right;height:40px;line-height:40px}#SubHeader .breadcrumb .item i{cursor:default;font-size:15px;text-align:center;width:20px}#SubHeader .breadcrumb .item:not(:first-of-type) .name:hover{color:var(--icon)!important}#SubHeader .breadcrumb .item:first-of-type .name{color:var(--black)!important;cursor:default;font-family:VazirBold;font-size:16px;margin-left:30px;padding:0;pointer-events:none}#SubHeader .breadcrumb .item:last-of-type i{display:none}"]
+            },] }
+];
+SubHeaderComponent.ctorParameters = () => [];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ViLmhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiRDovUHJvamVjdHMvUHNUb29sa2l0L1VJL3Byb2plY3RzL3BzLXRvb2xraXQtdWkvc3JjLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvaGVhZGVyL3N1Yi9zdWIuaGVhZGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBT3hDLE1BQU0sT0FBTyxrQkFBa0I7SUFDN0I7SUFDQSxDQUFDOzs7WUFQRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGdCQUFnQjtnQkFDMUIsb2xCQUEwQzs7YUFFM0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1zdWItaGVhZGVyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc3ViLmhlYWRlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vc3ViLmhlYWRlci5jb21wb25lbnQuY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFN1YkhlYWRlckNvbXBvbmVudCB7XHJcbiAgY29uc3RydWN0b3IoKXtcclxuICB9XHJcbn1cclxuIl19

package/esm2015/lib/components/layout/layout.component.js

@@ -0,0 +1,23 @@
+import { Component, Input } from '@angular/core';
+import * as $ from 'jquery';
+export class LayoutComponent {
+    constructor() {
+        this.permissions = [];
+    }
+    toggleSidebar() {
+        $('#Layout .panel').toggleClass('open-sidebar').toggleClass('close-sidebar');
+    }
+}
+LayoutComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'lib-layout',
+                template: "<div id=\"Layout\">\r\n  <div class=\"layout-con\">\r\n    <div class=\"panel open-sidebar\">\r\n      <div class=\"sidebar-shadow\" (click)=\"toggleSidebar()\"></div>\r\n      <div class=\"sidebar\">\r\n        <div class=\"sidebar-scroll\" style=\"overflow-y: auto\">\r\n          <lib-sidebar [permissions]=\"permissions\" (toggleSidebar)=\"toggleSidebar()\" [area]=\"area\"></lib-sidebar>\r\n        </div>\r\n      </div>\r\n      <div class=\"content\">\r\n        <lib-header></lib-header>\r\n        <div class=\"content-scroll-con\" style=\"overflow-y: auto\">\r\n          <div class=\"content-scroll\">\r\n            <router-outlet></router-outlet>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                styles: ["#Layout,#Layout .layout-con,#Layout .panel{float:right;width:100%}#Layout .panel{position:relative}#Layout .panel .sidebar{background-color:var(--base);height:calc(100vh - 35px);min-height:calc(100vh - 35px);transition:width .3s;width:78px}#Layout .panel .sidebar,#Layout .panel .sidebar-shadow{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;direction:ltr;float:right;overflow:hidden;position:absolute;z-index:9}#Layout .panel .sidebar-shadow{background-color:var(--black);height:calc(100vh - 85px);left:0;min-height:calc(100vh - 85px);opacity:0;transition:all .3s;visibility:hidden;width:100%}#Layout .panel.open-sidebar .sidebar{width:260px}#Layout .panel .sidebar .sidebar-scroll{height:100%;width:100%}#Layout .panel .content{background-color:var(--base-11);direction:rtl;float:left;overflow:hidden;position:relative;transition:width .3s;width:calc(100% - 78px)}#Layout .panel.open-sidebar .content{width:calc(100% - 260px)}#Layout .panel .content .content-scroll-con{height:calc(100vh - 85px);min-height:calc(100vh - 85px);width:100%}#Layout .panel .content .content-scroll-con .content-scroll{float:right;padding:20px;width:100%}@media (max-width:399.98px){#Layout .panel .sidebar{height:calc(100vh - 110px);min-height:calc(100vh - 110px);right:0;width:200px}#Layout .panel.open-sidebar .sidebar{right:-200px}#Layout .panel.open-sidebar .content{width:100%}#Layout .panel .content{width:100%}#Layout .panel .content,#Layout .panel .sidebar-shadow{height:calc(100vh - 110px);min-height:calc(100vh - 110px)}#Layout .panel .sidebar-shadow{opacity:.7;visibility:visible;width:calc(100% - 200px)}#Layout .panel.open-sidebar .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:400px) and (max-width:499.98px){#Layout .panel .sidebar{height:calc(100vh - 110px);min-height:calc(100vh - 110px);right:0;width:200px}#Layout .panel.open-sidebar .sidebar{right:-200px}#Layout .panel.open-sidebar .content{width:100%}#Layout .panel .content{width:100%}#Layout .panel .content,#Layout .panel .sidebar-shadow{height:calc(100vh - 110px);min-height:calc(100vh - 110px)}#Layout .panel .sidebar-shadow{opacity:.7;visibility:visible;width:calc(100% - 200px)}#Layout .panel.open-sidebar .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:500px) and (max-width:599.98px){#Layout .panel .sidebar{height:calc(100vh - 110px);min-height:calc(100vh - 110px);right:0;width:200px}#Layout .panel.open-sidebar .sidebar{right:-200px}#Layout .panel.open-sidebar .content{width:100%}#Layout .panel .content{width:100%}#Layout .panel .content,#Layout .panel .sidebar-shadow{height:calc(100vh - 110px);min-height:calc(100vh - 110px)}#Layout .panel .sidebar-shadow{opacity:.7;visibility:visible;width:calc(100% - 200px)}#Layout .panel.open-sidebar .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:600px) and (max-width:699.98px){#Layout .panel .sidebar{right:0;width:200px}#Layout .panel.open-sidebar .sidebar{right:-200px}#Layout .panel .content,#Layout .panel.open-sidebar .content{width:100%}#Layout .panel .sidebar-shadow{opacity:.7;visibility:visible;width:calc(100% - 200px)}#Layout .panel.open-sidebar .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:700px) and (max-width:799.98px){#Layout .panel .sidebar{right:0;width:200px}#Layout .panel.open-sidebar .sidebar{right:-200px}#Layout .panel .content,#Layout .panel.open-sidebar .content{width:100%}#Layout .panel .sidebar-shadow{opacity:.7;visibility:visible;width:calc(100% - 200px)}#Layout .panel.open-sidebar .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:800px) and (max-width:899.98px){#Layout .panel .sidebar{right:-200px;width:200px}#Layout .panel .content{width:100%}#Layout .panel.open-sidebar .sidebar{right:0}#Layout .panel.open-sidebar .content{width:calc(100% - 200px)}}@media (min-width:900px) and (max-width:999.98px){#Layout .panel .sidebar{right:-200px;width:200px}#Layout .panel .content{width:100%}#Layout .panel.open-sidebar .sidebar{right:0}#Layout .panel.open-sidebar .content{width:calc(100% - 200px)}}@media (min-width:1000px) and (max-width:1099.98px){#Layout .panel .sidebar{right:-200px;width:200px}#Layout .panel .content{width:100%}#Layout .panel.open-sidebar .sidebar{right:0}#Layout .panel.open-sidebar .content{width:calc(100% - 200px)}}@media (min-width:1100px) and (max-width:1199.98px){#Layout .panel .sidebar{right:-200px;width:200px}#Layout .panel .content{width:100%}#Layout .panel.open-sidebar .sidebar{right:0}#Layout .panel.open-sidebar .content{width:calc(100% - 200px)}}"]
+            },] }
+];
+LayoutComponent.ctorParameters = () => [];
+LayoutComponent.propDecorators = {
+    permissions: [{ type: Input }],
+    area: [{ type: Input }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJEOi9Qcm9qZWN0cy9Qc1Rvb2xraXQvVUkvcHJvamVjdHMvcHMtdG9vbGtpdC11aS9zcmMvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9sYXlvdXQvbGF5b3V0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUMvQyxPQUFPLEtBQUssQ0FBQyxNQUFNLFFBQVEsQ0FBQztBQU81QixNQUFNLE9BQU8sZUFBZTtJQUsxQjtRQUhBLGdCQUFXLEdBQVUsRUFBRSxDQUFDO0lBSXhCLENBQUM7SUFDRCxhQUFhO1FBQ1gsQ0FBQyxDQUFDLGdCQUFnQixDQUFDLENBQUMsV0FBVyxDQUFDLGNBQWMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxlQUFlLENBQUMsQ0FBQztJQUMvRSxDQUFDOzs7WUFkRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLFlBQVk7Z0JBQ3RCLDh2QkFBc0M7O2FBRXZDOzs7OzBCQUVFLEtBQUs7bUJBRUwsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCAqIGFzICQgZnJvbSAnanF1ZXJ5JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWxheW91dCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2xheW91dC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vbGF5b3V0LmNvbXBvbmVudC5jc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTGF5b3V0Q29tcG9uZW50IHtcclxuICBASW5wdXQoKVxyXG4gIHBlcm1pc3Npb25zOiBhbnlbXSA9IFtdO1xyXG4gIEBJbnB1dCgpXHJcbiAgYXJlYTogc3RyaW5nO1xyXG4gIGNvbnN0cnVjdG9yKCkge1xyXG4gIH1cclxuICB0b2dnbGVTaWRlYmFyKCk6IHZvaWR7XHJcbiAgICAkKCcjTGF5b3V0IC5wYW5lbCcpLnRvZ2dsZUNsYXNzKCdvcGVuLXNpZGViYXInKS50b2dnbGVDbGFzcygnY2xvc2Utc2lkZWJhcicpO1xyXG4gIH1cclxufVxyXG4iXX0=

package/esm2015/lib/components/loading/loading.component.js

@@ -0,0 +1,22 @@
+import { Component } from '@angular/core';
+import { LangClass } from '../../classes/lang.class';
+import { PsToolkitUiConfigService } from '../../services/config.service';
+export class LoadingComponent {
+    constructor(config) {
+        const lang = new LangClass(config.currentLang, config.strings);
+        this.l = (key, v = null) => {
+            return lang.get('Public', null, key, v);
+        };
+    }
+}
+LoadingComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'lib-loading',
+                template: "<div id=\"Loading\">\r\n  <div class=\"content\">\r\n    <div class=\"loading-cell\">\r\n      <div class=\"icon\"><i class=\"fas fa-spin fa-spinner\"></i></div>\r\n      <div class=\"title\" [innerHTML]=\"l('Loading', 'Process')\"></div>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                styles: ["#Loading{background-color:var(--black);display:table;height:100vh;overflow-y:auto;position:fixed;right:0;top:0;width:100%;z-index:102}#Loading .content{display:table-cell;height:100%;vertical-align:middle;width:100%}#Loading .content .loading-cell{float:right;width:100%}#Loading .content .loading-cell .icon{color:#fff;float:right;font-size:40px;height:70px;line-height:70px;text-align:center;width:100%}#Loading .content .loading-cell .title{color:#fff;float:right;font-size:20px;height:50px;line-height:50px;text-align:center;width:100%}"]
+            },] }
+];
+LoadingComponent.ctorParameters = () => [
+    { type: PsToolkitUiConfigService }
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiRDovUHJvamVjdHMvUHNUb29sa2l0L1VJL3Byb2plY3RzL3BzLXRvb2xraXQtdWkvc3JjLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvbG9hZGluZy9sb2FkaW5nLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3hDLE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUNuRCxPQUFPLEVBQUMsd0JBQXdCLEVBQUMsTUFBTSwrQkFBK0IsQ0FBQztBQU92RSxNQUFNLE9BQU8sZ0JBQWdCO0lBRTNCLFlBQVksTUFBZ0M7UUFDMUMsTUFBTSxJQUFJLEdBQUcsSUFBSSxTQUFTLENBQUMsTUFBTSxDQUFDLFdBQVcsRUFBRSxNQUFNLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDL0QsSUFBSSxDQUFDLENBQUMsR0FBRyxDQUFDLEdBQVcsRUFBRSxDQUFDLEdBQUcsSUFBSSxFQUFVLEVBQUU7WUFDekMsT0FBTyxJQUFJLENBQUMsR0FBRyxDQUFDLFFBQVEsRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQzFDLENBQUMsQ0FBQztJQUNKLENBQUM7OztZQVpGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsYUFBYTtnQkFDdkIsa1NBQXVDOzthQUV4Qzs7O1lBTk8sd0JBQXdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge0xhbmdDbGFzc30gZnJvbSAnLi4vLi4vY2xhc3Nlcy9sYW5nLmNsYXNzJztcclxuaW1wb3J0IHtQc1Rvb2xraXRVaUNvbmZpZ1NlcnZpY2V9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2NvbmZpZy5zZXJ2aWNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWxvYWRpbmcnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9sb2FkaW5nLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9sb2FkaW5nLmNvbXBvbmVudC5jc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTG9hZGluZ0NvbXBvbmVudCB7XHJcbiAgbDogKGssIHY/KSA9PiBzdHJpbmc7XHJcbiAgY29uc3RydWN0b3IoY29uZmlnOiBQc1Rvb2xraXRVaUNvbmZpZ1NlcnZpY2Upe1xyXG4gICAgY29uc3QgbGFuZyA9IG5ldyBMYW5nQ2xhc3MoY29uZmlnLmN1cnJlbnRMYW5nLCBjb25maWcuc3RyaW5ncyk7XHJcbiAgICB0aGlzLmwgPSAoa2V5OiBzdHJpbmcsIHYgPSBudWxsKTogc3RyaW5nID0+IHtcclxuICAgICAgcmV0dXJuIGxhbmcuZ2V0KCdQdWJsaWMnLCBudWxsLCBrZXksIHYpO1xyXG4gICAgfTtcclxuICB9XHJcbn1cclxuIl19