ps-toolkit-ui 1.20.83 → 1.20.85
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/ps-toolkit-ui.umd.js +23 -23
- package/bundles/ps-toolkit-ui.umd.js.map +1 -1
- package/bundles/ps-toolkit-ui.umd.min.js +1 -1
- package/bundles/ps-toolkit-ui.umd.min.js.map +1 -1
- package/esm2015/lib/components/accordion/accordion.component.js +1 -1
- package/esm2015/lib/components/alert/alert.component.js +1 -1
- package/esm2015/lib/components/calendar/calendar.component.js +1 -1
- package/esm2015/lib/components/chart/chart.component.js +1 -1
- package/esm2015/lib/components/confirm/confirm.component.js +1 -1
- package/esm2015/lib/components/error/error.component.js +1 -1
- package/esm2015/lib/components/footer/footer.component.js +1 -1
- package/esm2015/lib/components/form/date/form.date.component.js +1 -1
- package/esm2015/lib/components/form/index/form.component.js +1 -1
- package/esm2015/lib/components/form/select/form.select.component.js +1 -1
- package/esm2015/lib/components/form/select/item/form.select.item.component.js +3 -3
- package/esm2015/lib/components/form/textbox/form.textbox.component.js +1 -1
- package/esm2015/lib/components/form/uploader/form.uploader.component.js +1 -1
- package/esm2015/lib/components/header/header.component.js +1 -1
- package/esm2015/lib/components/header/sub/sub.header.component.js +1 -1
- package/esm2015/lib/components/login/login.component.js +1 -1
- package/esm2015/lib/components/modal/modal.component.js +1 -1
- package/esm2015/lib/components/notfound/notfound.component.js +1 -1
- package/esm2015/lib/components/sidebar/sidebar.component.js +1 -1
- package/esm2015/lib/components/table/loading/table.loading.component.js +1 -1
- package/esm2015/lib/components/table/row/table.row.component.js +1 -1
- package/esm2015/lib/components/table/table.component.js +1 -1
- package/fesm2015/ps-toolkit-ui.js +23 -23
- package/fesm2015/ps-toolkit-ui.js.map +1 -1
- package/package.json +1 -1
- package/ps-toolkit-ui.metadata.json +1 -1
- package/src/assets/styles/base.css +6 -3
|
@@ -35,7 +35,7 @@ AccordionComponent.decorators = [
|
|
|
35
35
|
{ type: Component, args: [{
|
|
36
36
|
selector: 'lib-accordion',
|
|
37
37
|
template: "<div [id]=\"'Accordion' + accordion.name\" [className]=\"'accordion ' + accordion.class\">\r\n <div *ngIf=\"accordion.loading\" class=\"loading\">\r\n <div class=\"text\" [innerHTML]=\"accordion.l('LoadingTable', 'Processing')\"></div>\r\n </div>\r\n <div *ngIf=\"!accordion.access\" class=\"loading access\">\r\n <div class=\"text\"><i class=\"fas fa-shield-alt icon\"></i>{{ accordion.l(\"PermissionDenied\") }}</div>\r\n </div>\r\n <div *ngIf=\"accordion.rows.length === 0 && !accordion.loading && accordion.access\" class=\"loading access\">\r\n <div class=\"text\"><i class=\"fad fa-empty-set icon\"></i>{{ accordion.l(\"EmptyData\") }}</div>\r\n </div>\r\n <div *ngIf=\"accordion.displayLabel\" class=\"title underline\">{{accordion.l(accordion.name)}}</div>\r\n <div class=\"accordion-item-con w-100\" *ngFor=\"let acc of accordion.rows; let i = index\">\r\n <div class=\"accordion-item\" [id]=\"'AccordionRow' + acc.id\" *ngIf=\"acc.show\">\r\n <div class=\"header\" *ngIf=\"accordion.rows.length > 1\" (click)=\"toggle($event)\">\r\n <div class=\"title\">{{accordion.l(acc.name)}}</div>\r\n <i [className]=\"(i == 0 ? 'fa-caret-down ' : 'fa-caret-left ') + 'fad icon'\"></i>\r\n <i *ngIf=\"accordion.hasDelete\" (click)=\"deleteRow(acc)\" class=\"fas fa-times delete-icon\"></i>\r\n </div>\r\n <div [className]=\"(i == 0 ? 'open ' : '') + 'content'\">\r\n <lib-table *ngIf=\"acc.table != null && acc.firstTable\" [table]=\"acc.table\"></lib-table>\r\n <lib-form *ngIf=\"acc.form != null\" [form]=\"acc.form\"></lib-form>\r\n <lib-table *ngIf=\"acc.table != null && !acc.firstTable\" [table]=\"acc.table\"></lib-table>\r\n <lib-chart *ngIf=\"acc.chart != null\" [chart]=\"acc.chart\"></lib-chart>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
38
|
-
styles: [".accordion{float:right;min-height:300px!important;padding:20px;position:relative}.accordion,.accordion>.loading{background-color:#fff;border-radius:var(--border-radius-base);width:100%}.accordion>.loading{height:100%;position:absolute;right:0;text-align:center;top:0;z-index:4}.accordion>.loading .text{font-weight:
|
|
38
|
+
styles: [".accordion{float:right;min-height:300px!important;padding:20px;position:relative}.accordion,.accordion>.loading{background-color:#fff;border-radius:var(--border-radius-base);width:100%}.accordion>.loading{height:100%;position:absolute;right:0;text-align:center;top:0;z-index:4}.accordion>.loading .text{font-weight:var(--font-bold);height:35px;line-height:35px;position:absolute;text-align:center;top:calc(50% - 20px);width:100%}::ng-deep .accordion>.loading .icon{font-size:20px!important;line-height:30px;margin-left:5px;position:relative;top:5px}.accordion>.title{font-size:16px;font-weight:var(--font-bold);height:30px;line-height:30px;text-align:center}.accordion .accordion-item,.accordion>.title{float:right;margin-bottom:10px;position:relative;width:100%}.accordion .accordion-item .header{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;float:right;position:relative;width:100%}.accordion .accordion-item .title{background-color:var(--base);border-radius:var(--border-radius-base);color:#fff;cursor:pointer;float:right;font-size:12px;height:30px;line-height:30px;text-align:center;width:100%}.accordion .accordion-item .title:hover{background-color:var(--base-dark)}.accordion .accordion-item .header .icon{right:0}.accordion .accordion-item .header .delete-icon,.accordion .accordion-item .header .icon{color:#fff;cursor:pointer;font-size:18px;height:30px;line-height:29px;position:absolute;text-align:center;top:0;width:30px}.accordion .accordion-item .header .delete-icon{left:0}.accordion .accordion-item .content{display:none;float:right;padding:10px;width:100%}.accordion .accordion-item-con:first-of-type .content{display:block}::ng-deep .accordion .accordion-item .content .table-con{box-shadow:unset!important}"]
|
|
39
39
|
},] }
|
|
40
40
|
];
|
|
41
41
|
AccordionComponent.ctorParameters = () => [];
|
|
@@ -30,7 +30,7 @@ AlertComponent.decorators = [
|
|
|
30
30
|
{ type: Component, args: [{
|
|
31
31
|
selector: 'lib-alert',
|
|
32
32
|
template: "<lib-modal *ngIf=\"alert\" [modal]=\"alert\"></lib-modal>\r\n",
|
|
33
|
-
styles: [".accordion{float:right;min-height:300px!important;padding:20px;position:relative}.accordion,.accordion>.loading{background-color:#fff;border-radius:var(--border-radius-base);width:100%}.accordion>.loading{height:100%;position:absolute;right:0;text-align:center;top:0;z-index:4}.accordion>.loading .text{font-weight:
|
|
33
|
+
styles: [".accordion{float:right;min-height:300px!important;padding:20px;position:relative}.accordion,.accordion>.loading{background-color:#fff;border-radius:var(--border-radius-base);width:100%}.accordion>.loading{height:100%;position:absolute;right:0;text-align:center;top:0;z-index:4}.accordion>.loading .text{font-weight:var(--font-bold);height:35px;line-height:35px;position:absolute;text-align:center;top:calc(50% - 20px);width:100%}::ng-deep .accordion>.loading .icon{font-size:20px!important;line-height:30px;margin-left:5px;position:relative;top:5px}.accordion>.title{font-size:16px;font-weight:var(--font-bold);height:30px;line-height:30px;text-align:center}.accordion .accordion-item,.accordion>.title{float:right;margin-bottom:10px;position:relative;width:100%}.accordion .accordion-item .header{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;float:right;position:relative;width:100%}.accordion .accordion-item .title{background-color:var(--base);border-radius:var(--border-radius-base);color:#fff;cursor:pointer;float:right;font-size:12px;height:30px;line-height:30px;text-align:center;width:100%}.accordion .accordion-item .title:hover{background-color:var(--base-dark)}.accordion .accordion-item .header .icon{right:0}.accordion .accordion-item .header .delete-icon,.accordion .accordion-item .header .icon{color:#fff;cursor:pointer;font-size:18px;height:30px;line-height:29px;position:absolute;text-align:center;top:0;width:30px}.accordion .accordion-item .header .delete-icon{left:0}.accordion .accordion-item .content{display:none;float:right;padding:10px;width:100%}.accordion .accordion-item-con:first-of-type .content{display:block}"]
|
|
34
34
|
},] }
|
|
35
35
|
];
|
|
36
36
|
AlertComponent.ctorParameters = () => [
|
|
@@ -89,7 +89,7 @@ CalendarComponent.decorators = [
|
|
|
89
89
|
{ type: Component, args: [{
|
|
90
90
|
selector: 'lib-calendar',
|
|
91
91
|
template: "<div id=\"Calendar\">\r\n <div class=\"header\">\r\n <i (click)=\"add(state === 'day' || state === 'month' ? -1 : -20)\" class=\"fas fa-angle-right previous-month\"></i>\r\n <div class=\"title\">\r\n <div (click)=\"state === 'day' && changeState('month')\" class=\"month header-item\">\r\n {{getActiveMonth()}}\r\n </div>\r\n <div (click)=\"(state === 'day' || state === 'month') && changeState('year')\" class=\"year header-item\">\r\n {{active.format('jYYYY')}}\r\n </div>\r\n </div>\r\n <i (click)=\"add(state === 'day' || state === 'month' ? 1 : 20)\" class=\"fas fa-angle-left next-month\"></i>\r\n </div>\r\n <div [style]=\"state === 'day' ? {} : {display: 'none'}\" class=\"days-con\">\r\n <div class=\"day-names underline\">\r\n <div class=\"item-con\"><div class=\"item\">\u0634</div></div>\r\n <div class=\"item-con\"><div class=\"item\">\u06CC</div></div>\r\n <div class=\"item-con\"><div class=\"item\">\u062F</div></div>\r\n <div class=\"item-con\"><div class=\"item\">\u0633</div></div>\r\n <div class=\"item-con\"><div class=\"item\">\u0686</div></div>\r\n <div class=\"item-con\"><div class=\"item\">\u067E</div></div>\r\n <div class=\"item-con\"><div class=\"item\">\u062C</div></div>\r\n </div>\r\n <div class=\"days\">\r\n <div [className]=\"'item-con not-in-month' + (d.today ? ' today' : '')\" *ngFor=\"let d of previousDays\"><div class=\"item\">{{d.day}}</div></div>\r\n <div [className]=\"'item-con' + (d.today ? ' today' : '') + (d.selected ? ' selected' : '')\" *ngFor=\"let d of days\"><div class=\"item\">{{d.day}}</div></div>\r\n <div [className]=\"'item-con not-in-month' + (d.today ? ' today' : '')\" *ngFor=\"let d of nextDays\"><div class=\"item\">{{d.day}}</div></div>\r\n </div>\r\n </div>\r\n <div [style]=\"state === 'month' ? {} : {display: 'none'}\" class=\"months-con\">\r\n <div [className]=\"(i + 1 == active.format('jM') ? 'selected ' : '') + 'month'\" (click)=\"changeMonth(i + 1)\" *ngFor=\"let m of months; let i = index\">{{m}}</div>\r\n </div>\r\n <div [style]=\"state === 'year' ? {} : {display: 'none'}\" class=\"years-con\">\r\n <div [className]=\"(y == active.format('jYYYY') ? 'selected ' : '') + 'year'\" (click)=\"changeYear(y)\" *ngFor=\"let y of getYears()\">{{y}}</div>\r\n </div>\r\n</div>\r\n",
|
|
92
|
-
styles: ["#Calendar{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;background-color:#fff;border-radius:var(--border-radius-base);box-shadow:0 1px 3px 0 rgba(0,0,0,.4);float:right;position:relative;width:100%;z-index:4}#Calendar>.title{font-weight:
|
|
92
|
+
styles: ["#Calendar{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;background-color:#fff;border-radius:var(--border-radius-base);box-shadow:0 1px 3px 0 rgba(0,0,0,.4);float:right;position:relative;width:100%;z-index:4}#Calendar>.title{font-weight:var(--font-bold);line-height:30px;text-align:center}#Calendar .days-con,#Calendar .header,#Calendar>.title{float:right;width:100%}#Calendar .header{background:var(--black-white)}#Calendar .header .next-month,#Calendar .header .previous-month{cursor:pointer;float:right;font-size:15px;height:30px;line-height:30px;text-align:center;width:30px}#Calendar .header .next-month:hover,#Calendar .header .previous-month:hover{background:var(--black-white)}#Calendar .header .title{float:right;font-size:12px;font-weight:var(--font-bold);height:30px;text-align:center;width:calc(100% - 60px)}#Calendar .header .header-item{background-color:#fff;border-radius:var(--border-radius-base);box-shadow:var(--box-shadow);cursor:pointer;float:right;height:20px;line-height:20px;margin-right:5px;margin-top:5px;text-align:center}#Calendar .header .header-item:hover{background-color:var(--base-white)}#Calendar .header .header-item.year{width:calc(40% - 10px)}#Calendar .header .header-item.month{width:calc(60% - 10px)}#Calendar .days-con .day-names{float:right;font-size:12px;font-weight:var(--font-bold);position:relative;text-align:center;width:100%}#Calendar .days-con .day-names .item-con{float:right;padding-top:14.28571%;position:relative;width:14.28571%}#Calendar .days-con .day-names .item-con .item{align-items:center;display:flex;font-size:11px;height:100%;justify-content:center;position:absolute;right:0;top:0;width:100%}#Calendar .days-con .days{border-radius:var(--border-radius-base);float:right;font-size:12px;overflow:hidden;text-align:center;width:100%}#Calendar .days-con .days .item-con{cursor:pointer;float:right;padding-top:14.28571%;position:relative;width:14.28571%}#Calendar .days-con .days .item-con.not-in-month{cursor:default;opacity:.5}#Calendar .days-con .days .item-con:hover{background-color:var(--black-white)}#Calendar .days-con .days .item-con.not-in-month:hover{background-color:unset}#Calendar .days-con .days .item-con.today{background-color:var(--primary);color:#fff}#Calendar .days-con .days .item-con.today.not-in-month:hover{background-color:var(--black-white)}#Calendar .days-con .days .item-con .item{align-items:center;display:flex;font-size:11px;height:100%;justify-content:center;position:absolute;right:0;top:0;width:100%}#Calendar .months-con{float:right;height:325px;width:100%}#Calendar .months-con .month{cursor:pointer;float:right;font-size:13px;height:81.25px;line-height:81.25px;text-align:center;width:33.33333%}#Calendar .months-con .month.selected,#Calendar .months-con .month:hover{background-color:var(--black-white)}#Calendar .years-con{float:right;width:100%}#Calendar .years-con .year{cursor:pointer;float:right;font-size:13px;height:65px;line-height:65px;text-align:center;width:25%}#Calendar .years-con .year.selected,#Calendar .years-con .year:hover{background-color:var(--black-white)}"]
|
|
93
93
|
},] }
|
|
94
94
|
];
|
|
95
95
|
CalendarComponent.ctorParameters = () => [
|
|
@@ -7,7 +7,7 @@ ChartComponent.decorators = [
|
|
|
7
7
|
{ type: Component, args: [{
|
|
8
8
|
selector: 'lib-chart',
|
|
9
9
|
template: "<div class=\"chart-con\" [style]=\"chart.style\">\r\n <div *ngIf=\"chart.loading\" class=\"loading\">\r\n <div class=\"text\" [innerHTML]=\"chart.l('LoadingTable', 'Processing')\"></div>\r\n </div>\r\n <div *ngIf=\"chart.empty\" class=\"loading\">\r\n <div class=\"text\"><i class=\"fad fa-empty-set icon\"></i>{{ chart.l(\"EmptyData\") }}</div>\r\n </div>\r\n <div style=\"height: 100%; width: 100%\" [id]=\"this.chart.name + 'Chart'\"></div>\r\n</div>\r\n",
|
|
10
|
-
styles: [".chart-con{direction:ltr;float:right;min-height:200px;position:relative;width:100%}.chart-con .loading{background-color:#fff;height:100%;position:absolute;right:0;top:0;width:100%;z-index:9}.chart-con .loading .text{direction:rtl;font-weight:
|
|
10
|
+
styles: [".chart-con{direction:ltr;float:right;min-height:200px;position:relative;width:100%}.chart-con .loading{background-color:#fff;height:100%;position:absolute;right:0;top:0;width:100%;z-index:9}.chart-con .loading .text{direction:rtl;font-weight:var(--font-bold);height:40px;line-height:40px;position:absolute;text-align:center;top:calc(50% - 20px);width:100%}"]
|
|
11
11
|
},] }
|
|
12
12
|
];
|
|
13
13
|
ChartComponent.ctorParameters = () => [];
|
|
@@ -38,7 +38,7 @@ ConfirmComponent.decorators = [
|
|
|
38
38
|
{ type: Component, args: [{
|
|
39
39
|
selector: 'lib-confirm',
|
|
40
40
|
template: "<lib-modal *ngIf=\"confirm\" [modal]=\"confirm\"></lib-modal>\r\n",
|
|
41
|
-
styles: [".accordion{float:right;min-height:300px!important;padding:20px;position:relative}.accordion,.accordion>.loading{background-color:#fff;border-radius:var(--border-radius-base);width:100%}.accordion>.loading{height:100%;position:absolute;right:0;text-align:center;top:0;z-index:4}.accordion>.loading .text{font-weight:
|
|
41
|
+
styles: [".accordion{float:right;min-height:300px!important;padding:20px;position:relative}.accordion,.accordion>.loading{background-color:#fff;border-radius:var(--border-radius-base);width:100%}.accordion>.loading{height:100%;position:absolute;right:0;text-align:center;top:0;z-index:4}.accordion>.loading .text{font-weight:var(--font-bold);height:35px;line-height:35px;position:absolute;text-align:center;top:calc(50% - 20px);width:100%}::ng-deep .accordion>.loading .icon{font-size:20px!important;line-height:30px;margin-left:5px;position:relative;top:5px}.accordion>.title{font-size:16px;font-weight:var(--font-bold);height:30px;line-height:30px;text-align:center}.accordion .accordion-item,.accordion>.title{float:right;margin-bottom:10px;position:relative;width:100%}.accordion .accordion-item .header{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;float:right;position:relative;width:100%}.accordion .accordion-item .title{background-color:var(--base);border-radius:var(--border-radius-base);color:#fff;cursor:pointer;float:right;font-size:12px;height:30px;line-height:30px;text-align:center;width:100%}.accordion .accordion-item .title:hover{background-color:var(--base-dark)}.accordion .accordion-item .header .icon{right:0}.accordion .accordion-item .header .delete-icon,.accordion .accordion-item .header .icon{color:#fff;cursor:pointer;font-size:18px;height:30px;line-height:29px;position:absolute;text-align:center;top:0;width:30px}.accordion .accordion-item .header .delete-icon{left:0}.accordion .accordion-item .content{display:none;float:right;padding:10px;width:100%}.accordion .accordion-item-con:first-of-type .content{display:block}"]
|
|
42
42
|
},] }
|
|
43
43
|
];
|
|
44
44
|
ConfirmComponent.ctorParameters = () => [
|
|
@@ -14,7 +14,7 @@ ErrorComponent.decorators = [
|
|
|
14
14
|
{ type: Component, args: [{
|
|
15
15
|
selector: 'lib-error',
|
|
16
16
|
template: "<div id=\"Error\">\r\n <div class=\"error-con\" *ngIf=\"error === 'FormBaseErrorNotRegistered'\">\r\n <i class=\"fad fa-registered error-icon\"></i>\r\n <div class=\"error-text\">{{l(\"FormBaseErrorNotRegistered\")}}</div>\r\n </div>\r\n <div class=\"error-con\" *ngIf=\"error === 'FormBaseErrorExpiredRegistered'\">\r\n <i class=\"fad fa-hourglass-end error-icon\"></i>\r\n <div class=\"error-text\">{{l(\"FormBaseErrorExpiredRegistered\")}}</div>\r\n </div>\r\n <div class=\"error-con\" *ngIf=\"error === 'FormBaseErrorInvalidIp'\">\r\n <i class=\"fad fas fa-signal-stream error-icon\"></i>\r\n <div class=\"error-text\">{{l(\"FormBaseErrorInvalidIp\")}}</div>\r\n </div>\r\n</div>\r\n",
|
|
17
|
-
styles: ["#Error{align-items:center;background-color:#fff;display:flex;float:right;justify-content:center;min-height:calc(100vh - 125px);position:relative;width:100%}#Error .error-con{border-radius:var(--border-radius-base);float:right;height:100%;width:100%}#Error .error-con .error-text{float:right;font-size:30px;font-weight:
|
|
17
|
+
styles: ["#Error{align-items:center;background-color:#fff;display:flex;float:right;justify-content:center;min-height:calc(100vh - 125px);position:relative;width:100%}#Error .error-con{border-radius:var(--border-radius-base);float:right;height:100%;width:100%}#Error .error-con .error-text{float:right;font-size:30px;font-weight:var(--font-bold);height:100px;line-height:120px;position:relative;text-align:center;width:100%;z-index:2}#Error .error-con .error-icon{color:var(--base-white);float:right;font-size:150px;text-align:center;width:100%}@media (max-width:399.99px){#Error .error-con{right:5%;width:90%}#Error .error-con .error-text{font-size:25px}#Error .error-con .error-icon{font-size:170px}}@media (min-width:400px) and (max-width:499.99px){#Error .error-con{right:5%;width:90%}#Error .error-con .error-text{font-size:25px}#Error .error-con .error-icon{font-size:170px}}@media (min-width:500px) and (max-width:599.99px){#Error .error-con{right:5%;width:90%}#Error .error-con .error-icon{font-size:200px}}@media (min-width:600px) and (max-width:699.99px){#Error .error-con{right:10%;width:80%}}"]
|
|
18
18
|
},] }
|
|
19
19
|
];
|
|
20
20
|
ErrorComponent.ctorParameters = () => [
|
|
@@ -14,7 +14,7 @@ FooterComponent.decorators = [
|
|
|
14
14
|
{ type: Component, args: [{
|
|
15
15
|
selector: 'lib-footer',
|
|
16
16
|
template: "<div id=\"Footer\">\r\n <div class=\"copyright\">\r\n <i class=\"far fa-copyright\"></i>\r\n {{l('Copyright', 'SoftwareName')}}\r\n </div>\r\n <div class=\"creator\">\r\n <i class=\"fas fa-heart\"></i> {{l('CreatorDesc')}} <a href=\"http://partsilicon.ir/\" target=\"_blank\">{{l('CreatorCom')}}</a>\r\n </div>\r\n</div>\r\n",
|
|
17
|
-
styles: ["#Footer{background-color:var(--base-dark);bottom:0;color:#fff;font-size:12px;font-weight:
|
|
17
|
+
styles: ["#Footer{background-color:var(--base-dark);bottom:0;color:#fff;font-size:12px;font-weight:var(--font-bold);line-height:35px;position:fixed;right:0;text-align:center;width:100%;z-index:2}#Footer .copyright,#Footer .creator{float:right;width:50%}#Footer .copyright i,#Footer .creator a,#Footer .creator i{color:var(--primary)!important}@media (max-width:599.98px){#Footer{z-index:-1}#Footer .copyright,#Footer .creator{line-height:30px;width:100%}}"]
|
|
18
18
|
},] }
|
|
19
19
|
];
|
|
20
20
|
FooterComponent.ctorParameters = () => [
|
|
@@ -298,7 +298,7 @@ FormDateComponent.decorators = [
|
|
|
298
298
|
{ type: Component, args: [{
|
|
299
299
|
selector: 'lib-form-date',
|
|
300
300
|
template: "<div #inputDiv [id]=\"inp.id + 'DateInput'\" [style]=\"inp.style\" [className]=\"'form-input-con date w-100' + (inp.error == null ? '' : ' error') + (inp.disabled ? ' disabled' : '') + ' ' + inp.class\">\r\n <div class=\"form-input\" (click)=\"toggleCalendar()\">\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-times 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 #inputCalendarDiv class=\"calendar\">\r\n <div class=\"header\">\r\n <i (click)=\"add(state === 'day' || state === 'month' ? -1 : -20)\" class=\"fas fa-angle-right previous-month\"></i>\r\n <div class=\"title d-f-c\">\r\n <div (click)=\"(state === 'day' || state === 'month') && changeState('year')\" class=\"year header-item\">\r\n {{active.format('jYYYY')}}\r\n </div>\r\n <div *ngIf=\"inp.type != type.Year\" (click)=\"state === 'day' && changeState('month')\" class=\"month m-r-5-p header-item\">\r\n {{getActiveMonth()}}\r\n </div>\r\n </div>\r\n <i (click)=\"add(state === 'day' || state === 'month' ? 1 : 20)\" class=\"fas fa-angle-left next-month\"></i>\r\n </div>\r\n <div [style]=\"state === 'day' ? {} : {display: 'none'}\" class=\"days-con\">\r\n <div class=\"day-names underline\">\r\n <div class=\"item\">\u0634</div>\r\n <div class=\"item\">\u06CC</div>\r\n <div class=\"item\">\u062F</div>\r\n <div class=\"item\">\u0633</div>\r\n <div class=\"item\">\u0686</div>\r\n <div class=\"item\">\u067E</div>\r\n <div class=\"item\">\u062C</div>\r\n </div>\r\n <div class=\"days\">\r\n <div [className]=\"'item not-in-month' + (d.today ? ' today' : '')\" *ngFor=\"let d of previousDays\">{{d.day}}</div>\r\n <div (click)=\"d.active && selectDate(d)\" [className]=\"'item' + (d.today ? ' today' : '') + (d.selected ? ' selected' : '') + (!d.active ? ' not-in-month' : '')\" *ngFor=\"let d of days\">{{d.day}}</div>\r\n <div [className]=\"'item not-in-month' + (d.today ? ' today' : '')\" *ngFor=\"let d of nextDays\">{{d.day}}</div>\r\n </div>\r\n </div>\r\n <div [style]=\"state === 'month' ? {} : {display: 'none'}\" class=\"months-con\">\r\n <div [className]=\"(i + 1 == active.format('jM') ? 'selected ' : '') + 'month'\" (click)=\"changeMonth(i + 1)\" *ngFor=\"let m of months; let i = index\">{{m}}</div>\r\n </div>\r\n <div [style]=\"state === 'year' ? {} : {display: 'none'}\" class=\"years-con\">\r\n <div [className]=\"(y == active.format('jYYYY') ? 'selected ' : '') + 'year'\" (click)=\"changeYear(y)\" *ngFor=\"let y of getYears()\">{{y}}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
301
|
-
styles: [".form-input-con.date{padding:0 15px;position:relative}.form-input-con.date .form-input{float:right;position:relative;width:100%}.form-input-con.date .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.date.error .form-input .label{color:var(--red);font-size:10px}.form-input-con.date .form-input .label .required-icon{color:var(--red);font-size:9px;height:20px;line-height:20px;text-align:center;width:20px}.form-input-con.date .form-input .control{background-color:#fff;background-image:none;border:none;border:var(--border-input);border-radius:var(--border-radius-base);color:var(--black);display:block;font-size:11px;height:35px;padding:5px 35px;position:relative;text-align:center;width:100%;z-index:2}.form-input-con.date .form-input .control:focus{border-radius:var(--border-radius-base) var(--border-radius-base) var(--border-radius-base) 0}.form-input-con.date.top .form-input .control:focus{border-radius:0 var(--border-radius-base) var(--border-radius-base) var(--border-radius-base)}.form-input-con.date .form-input .control:focus,.form-input-con.date .form-input:hover .control{border:var(--border-input-dark);outline:none}.form-input-con.date .form-input i.icon{color:var(--primary);cursor:text;font-size:13px;left:0}.form-input-con.date .form-input i.clear-icon,.form-input-con.date .form-input i.icon{bottom:0;height:35px;line-height:35px;position:absolute;text-align:center;transition:all .35s ease-in-out;width:35px;z-index:3}.form-input-con.date .form-input i.clear-icon{color:var(--red);cursor:pointer;font-size:14px;right:0}.form-input-con.date.error .form-input .control,.form-input-con.date.error .form-input i.icon{color:var(--red-light)}.form-input-con.date.error .form-input .control{border:var(--border-input-red)}.form-input-con.date.error .form-input .control:focus,.form-input-con.date.error .form-input:hover .control{border:var(--border-input-red-dark)}.form-input-con.date .form-input .calendar{-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 var(--border-radius-base) var(--border-radius-base);color:var(--black);height:235px;left:0;overflow:hidden;position:absolute;top:-200000px;width:200px;z-index:102}.form-input-con.date .form-input .control:focus+.calendar{top:35px!important}.form-input-con.date.top .form-input .control:focus+.calendar{border-radius:var(--border-radius-base) var(--border-radius-base) 0 0;bottom:35px;top:unset!important}.form-input-con.date.disabled{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;box-shadow:unset;cursor:default;filter:blur(.5px);opacity:.7;pointer-events:none}.form-input-con.date .form-input .days-con{float:right;width:100%}.form-input-con.date .form-input .calendar .header{background:var(--black-white);float:right;width:100%}.form-input-con.date .form-input .calendar .header .next-month,.form-input-con.date .form-input .calendar .header .previous-month{cursor:pointer;float:right;font-size:15px;height:30px;line-height:30px;text-align:center;width:30px}.form-input-con.date .form-input .calendar .header .next-month:hover,.form-input-con.date .form-input .calendar .header .previous-month:hover{background:var(--black-white)}.form-input-con.date .form-input .calendar .header .title{float:right;font-size:12px;font-weight:
|
|
301
|
+
styles: [".form-input-con.date{padding:0 15px;position:relative}.form-input-con.date .form-input{float:right;position:relative;width:100%}.form-input-con.date .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.date.error .form-input .label{color:var(--red);font-size:10px}.form-input-con.date .form-input .label .required-icon{color:var(--red);font-size:9px;height:20px;line-height:20px;text-align:center;width:20px}.form-input-con.date .form-input .control{background-color:#fff;background-image:none;border:none;border:var(--border-input);border-radius:var(--border-radius-base);color:var(--black);display:block;font-size:11px;height:35px;padding:5px 35px;position:relative;text-align:center;width:100%;z-index:2}.form-input-con.date .form-input .control:focus{border-radius:var(--border-radius-base) var(--border-radius-base) var(--border-radius-base) 0}.form-input-con.date.top .form-input .control:focus{border-radius:0 var(--border-radius-base) var(--border-radius-base) var(--border-radius-base)}.form-input-con.date .form-input .control:focus,.form-input-con.date .form-input:hover .control{border:var(--border-input-dark);outline:none}.form-input-con.date .form-input i.icon{color:var(--primary);cursor:text;font-size:13px;left:0}.form-input-con.date .form-input i.clear-icon,.form-input-con.date .form-input i.icon{bottom:0;height:35px;line-height:35px;position:absolute;text-align:center;transition:all .35s ease-in-out;width:35px;z-index:3}.form-input-con.date .form-input i.clear-icon{color:var(--red);cursor:pointer;font-size:14px;right:0}.form-input-con.date.error .form-input .control,.form-input-con.date.error .form-input i.icon{color:var(--red-light)}.form-input-con.date.error .form-input .control{border:var(--border-input-red)}.form-input-con.date.error .form-input .control:focus,.form-input-con.date.error .form-input:hover .control{border:var(--border-input-red-dark)}.form-input-con.date .form-input .calendar{-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 var(--border-radius-base) var(--border-radius-base);color:var(--black);height:235px;left:0;overflow:hidden;position:absolute;top:-200000px;width:200px;z-index:102}.form-input-con.date .form-input .control:focus+.calendar{top:35px!important}.form-input-con.date.top .form-input .control:focus+.calendar{border-radius:var(--border-radius-base) var(--border-radius-base) 0 0;bottom:35px;top:unset!important}.form-input-con.date.disabled{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;box-shadow:unset;cursor:default;filter:blur(.5px);opacity:.7;pointer-events:none}.form-input-con.date .form-input .days-con{float:right;width:100%}.form-input-con.date .form-input .calendar .header{background:var(--black-white);float:right;width:100%}.form-input-con.date .form-input .calendar .header .next-month,.form-input-con.date .form-input .calendar .header .previous-month{cursor:pointer;float:right;font-size:15px;height:30px;line-height:30px;text-align:center;width:30px}.form-input-con.date .form-input .calendar .header .next-month:hover,.form-input-con.date .form-input .calendar .header .previous-month:hover{background:var(--black-white)}.form-input-con.date .form-input .calendar .header .title{float:right;font-size:12px;font-weight:var(--font-bold);height:30px;line-height:30px;text-align:center;width:calc(100% - 60px)}.form-input-con.date .form-input .calendar .header .header-item{background-color:#fff;border:var(--border-input);border-radius:var(--border-radius-base);cursor:pointer;float:right;height:20px;line-height:20px;text-align:center}.form-input-con.date .form-input .calendar .header .header-item:hover{background-color:var(--base-white)}.form-input-con.date .form-input .calendar .header .header-item.year{width:calc(40% - 10px)}.form-input-con.date .form-input .calendar .header .header-item.month{width:calc(60% - 10px)}.form-input-con.date .form-input .calendar .days-con .day-names{float:right;font-size:12px;font-weight:var(--font-light);position:relative;text-align:center;width:100%}.form-input-con.date .form-input .calendar .days-con .day-names .item{float:right;font-size:12px;height:25px;line-height:25px;text-align:center;width:14.28571%}.form-input-con.date .form-input .calendar .days-con .days{float:right;font-size:12px;text-align:center;width:100%}.form-input-con.date .form-input .calendar .days-con .days .item{cursor:pointer;float:right;font-size:11px;height:30px;line-height:30px;text-align:center;width:14.28571%}.form-input-con.date .form-input .calendar .days-con .days .item.not-in-month{background-color:unset!important;cursor:default;opacity:.5}.form-input-con.date .form-input .calendar .days-con .days .item:hover{background-color:var(--black-white)}.form-input-con.date .form-input .calendar .days-con .days .item.not-in-month:hover{background-color:unset}.form-input-con.date .form-input .calendar .days-con .days .item.today{background-color:var(--black-white)}.form-input-con.date .form-input .calendar .days-con .days .item.selected{background-color:var(--primary);color:#fff}.form-input-con.date .form-input .calendar .months-con{float:right;width:100%}.form-input-con.date .form-input .calendar .months-con .month{cursor:pointer;float:right;font-size:11px;height:51.25px;line-height:51.25px;text-align:center;width:33.33333%}.form-input-con.date .form-input .calendar .months-con .month.selected,.form-input-con.date .form-input .calendar .months-con .month:hover{background-color:var(--black-white)}.form-input-con.date .form-input .calendar .years-con{float:right;width:100%}.form-input-con.date .form-input .calendar .years-con .year{cursor:pointer;float:right;font-size:11px;height:41px;line-height:41px;text-align:center;width:25%}.form-input-con.date .form-input .calendar .years-con .year.selected,.form-input-con.date .form-input .calendar .years-con .year:hover{background-color:var(--black-white)}.form-input-con.date.table-search{float:right;width:100%}.form-input-con.date.h-30 .form-input .control{height:30px;padding:5px 30px}.form-input-con.date.h-30 .form-input i.icon{height:30px;line-height:30px;width:30px}.form-input-con.date.h-30 .form-input .control:focus+.calendar{top:30px!important}.form-input-con.date.top.h-30 .form-input .control:focus+.calendar{bottom:30px}.form-input-con.date.h-25 .form-input .control{height:25px;padding:5px}.form-input-con.date.h-25 .form-input i.icon{display:none}.form-input-con.date.h-25 .form-input .control:focus+.calendar{top:25px!important}.form-input-con.date.top.h-25 .form-input .control:focus+.calendar{bottom:25px}.form-input-con.date.h-25 .form-input .control::-moz-placeholder,.form-input-con.date.h-25 .form-input .control::-webkit-input-placeholder{font-size:10px;font-weight:var(--font-light)}"]
|
|
302
302
|
},] }
|
|
303
303
|
];
|
|
304
304
|
FormDateComponent.ctorParameters = () => [];
|
|
@@ -41,7 +41,7 @@ FormComponent.decorators = [
|
|
|
41
41
|
{ type: Component, args: [{
|
|
42
42
|
selector: 'lib-form',
|
|
43
43
|
template: "<form [style]=\"form.style\" *ngIf=\"form\" [id]=\"form.id + 'Form'\" [className]=\"'form w-100 m-0' + (form.class ? ' ' + form.class : '')\">\r\n <div *ngIf=\"form.displayLabel\" [className]=\"(form.subName ? '' : 'underline ') + 'title'\">{{this.form.l(this.form.name)}}</div>\r\n <div *ngIf=\"form.displayLabel && form.subName\" class=\"sub-title underline\" [innerHTML]=\"this.form.l(this.form.subName)\"></div>\r\n <div *ngIf=\"form.loading\" class=\"loading\">\r\n <div class=\"text\" [innerHTML]=\"form.l('LoadingTable', 'Processing')\"></div>\r\n </div>\r\n <div *ngIf=\"!form.permission\" class=\"loading\">\r\n <div class=\"text\"><i class=\"fas fa-shield-alt icon\"></i>{{ form.l(\"PermissionDenied\") }}</div>\r\n </div>\r\n <ng-content></ng-content>\r\n <div class=\"inputs\">\r\n <span *ngFor=\"let inp of form.inputs; let i = index\">\r\n <lib-form-textbox (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && (inp.type == type.Text || inp.type == type.Password || inp.type == type.Mobile || inp.type == type.Username || inp.type == type.Phone || inp.type == type.Email || inp.type == type.NationalCode || inp.type == type.NationalNum || inp.type == type.NationalCodeNum || inp.type == type.EconomicNum || inp.type == type.Number || inp.type == type.Url || inp.type == type.PostalCode || inp.type == type.Price || inp.type == type.Sheba || inp.type == type.Color || inp.type == type.BillNumber)\" [inp]=\"inp\"></lib-form-textbox>\r\n <lib-form-textarea (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.TextArea\" [inp]=\"inp\"></lib-form-textarea>\r\n <lib-form-checkbox (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Check\" [inp]=\"inp\"></lib-form-checkbox>\r\n <lib-form-select (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && (inp.type == type.Select || inp.type == type.SelectSearch || inp.type == type.SelectSearchRadio || inp.type == type.SelectAutoComplete)\" [inp]=\"inp\" [inForm]=\"true\"></lib-form-select>\r\n <lib-form-date (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && (inp.type == type.Date || inp.type == type.Month || inp.type == type.Year)\" [inp]=\"inp\" [inForm]=\"true\"></lib-form-date>\r\n <lib-form-time (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Time\" [inp]=\"inp\" [inForm]=\"true\"></lib-form-time>\r\n <lib-form-datetime (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.DateTime\" [inp]=\"inp\" [inForm]=\"true\"></lib-form-datetime>\r\n <lib-form-file (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.File\" [inp]=\"inp\"></lib-form-file>\r\n <lib-form-button (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && (inp.type == type.Button || inp.type == type.Submit)\" [inp]=\"inp\"></lib-form-button>\r\n <lib-form-icon (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Icon\" [inp]=\"inp\"></lib-form-icon>\r\n <lib-form-radio (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Radio\" [inp]=\"inp\"></lib-form-radio>\r\n <lib-form-tree (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && (inp.type == type.Tree || inp.type == type.TreeRadio)\" [inp]=\"inp\"></lib-form-tree>\r\n <lib-form-plaque (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && (inp.type == type.Plaque || inp.type == type.PlaqueM || inp.type == type.PlaqueF || inp.type == type.PlaqueG)\" [inp]=\"inp\"></lib-form-plaque>\r\n <lib-form-plaque-select (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && (inp.type == type.SelectAutoCompletePlaque || inp.type == type.SelectAutoCompletePlaqueM || inp.type == type.SelectAutoCompletePlaqueF || inp.type == type.SelectAutoCompletePlaqueG)\" [inp]=\"inp\"></lib-form-plaque-select>\r\n <lib-form-bank-card (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.BankCard\" [inp]=\"inp\"></lib-form-bank-card>\r\n <lib-form-vehicle-search (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.VehicleSearch\" [inp]=\"inp\"></lib-form-vehicle-search>\r\n <lib-form-vehicle (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Vehicle\" [inp]=\"inp\"></lib-form-vehicle>\r\n <lib-form-finger (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Finger\" [inp]=\"inp\"></lib-form-finger>\r\n <lib-form-star (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Star\" [inp]=\"inp\"></lib-form-star>\r\n <lib-form-toggle (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Toggle\" [inp]=\"inp\"></lib-form-toggle>\r\n <lib-form-table *ngIf=\"inp.visible && inp.type == type.Table\" [inp]=\"inp\"></lib-form-table>\r\n <lib-form-tag (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Tag\" [inp]=\"inp\"></lib-form-tag>\r\n <lib-form-ckeditor (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Ckeditor\" [inp]=\"inp\"></lib-form-ckeditor>\r\n <lib-form-uploader (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Uploader\" [inp]=\"inp\"></lib-form-uploader>\r\n <lib-form-slide (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Slide\" [inp]=\"inp\"></lib-form-slide>\r\n <lib-form-hidden *ngIf=\"inp.type == type.Hidden\" [inp]=\"inp\"></lib-form-hidden>\r\n <lib-form-label *ngIf=\"inp.visible && inp.type == type.Label\" [inp]=\"inp\"></lib-form-label>\r\n </span>\r\n </div>\r\n</form>\r\n",
|
|
44
|
-
styles: [".form{border-radius:var(--border-radius-base);padding:20px;position:relative}.form>.title{font-size:16px;font-weight:
|
|
44
|
+
styles: [".form{border-radius:var(--border-radius-base);padding:20px;position:relative}.form>.title{font-size:16px;font-weight:var(--font-bold);height:40px}.form>.sub-title,.form>.title{float:right;line-height:30px;margin-bottom:10px;position:relative;text-align:right;width:100%}.form>.sub-title{color:var(--black-light);font-size:12px;font-weight:var(--font-light);height:30px}.form .loading{background-color:#fff;border-radius:var(--border-radius-base);height:100%;right:0;top:0;z-index:104}.form .loading,.form .loading .text{position:absolute;text-align:center;width:100%}.form .loading .text{font-weight:var(--font-bold);height:35px;line-height:35px;top:calc(50% - 20px)}::ng-deep .form .loading .icon{font-size:20px!important;line-height:30px;margin-left:5px;position:relative;top:5px}.form-buttons,.form-error{float:right;width:100%}.form-error{color:var(--red-light);font-size:11px;height:15px;line-height:8px;margin-top:10px;padding:0 10px;position:relative;text-align:center}.form-error .message{float:left;width:calc(100% - 40px)}.form-error .icon{float:right;height:20px;line-height:6px;right:0;top:0;width:40px}.form .inputs{margin:0 -15px}"]
|
|
45
45
|
},] }
|
|
46
46
|
];
|
|
47
47
|
FormComponent.ctorParameters = () => [];
|
|
@@ -437,7 +437,7 @@ FormSelectComponent.decorators = [
|
|
|
437
437
|
{ type: Component, args: [{
|
|
438
438
|
selector: 'lib-form-select',
|
|
439
439
|
template: "<div #inputDiv [id]=\"inp.id + 'SelectInput'\" [style]=\"inp.style\" [className]=\"'form-input-con select w-100' + (inp.error == null ? '' : ' error') + (inp.disabled ? ' disabled' : '') + (inp.icon != null ? '' : ' without-icon') + (inp.addModal != null ? ' add-modal' : '') + ' ' + inp.class\">\r\n <div class=\"form-input\" (click)=\"toggleOption($event)\">\r\n <div *ngIf=\"inp.displayLabel\" class=\"label\"><i *ngIf=\"inp.required\" class=\"f-r fas fa-star-of-life required-icon\"></i><span class=\"f-r\" [innerHTML]=\"inp.getLabel()\"></span></div>\r\n <div class=\"w-100 p-r\">\r\n <div *ngIf=\"inp.type === type.Select\" class=\"without-search\"></div>\r\n <span *ngIf=\"inp.icon != null || inp.loading\" (click)=\"inp.button && onClickButton()\" #inputIcon [className]=\"(inp.button ? inp.button + ' button ' : '') + 'icon'\">\r\n <i [className]=\"inp.loading ? 'fad fa-spin fa-spinner ' : inp.icon + ' '\"></i>\r\n </span>\r\n <i *ngIf=\"inp.withClear && inp.value\" (click)=\"inp.clear()\" class=\"fad fa-times clear-icon\"></i>\r\n <input (keydown)=\"onKeyDown($event)\" (focusout)=\"onFocusOut()\" (keyup)=\"onKeyUp($event)\" [disabled]=\"inp.disabled\" [(ngModel)]=\"inp.search\" [placeholder]=\"getPlaceHolder()\" #inputBase type=\"text\" [name]=\"inp.name\" class=\"control\" autocomplete=\"off\" [readOnly]=\"inp.type === type.Select\" [maxLength]=\"inp.maxLength > 0 ? inp.maxLength : 524288\">\r\n <div class=\"options\">\r\n <div #inputOptionsDiv class=\"items\">\r\n <lib-form-select-item (selectOption)=\"selectOption($event)\" [level]=\"1\" [select]=\"inp\" [item]=\"opt\" *ngFor=\"let opt of inp.options\"></lib-form-select-item>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <lib-form-icon *ngIf=\"addIcon != null\" [inp]=\"addIcon\"></lib-form-icon>\r\n</div>\r\n<lib-modal *ngIf=\"inp.addModal != null\" [modal]=\"inp.addModal\"></lib-modal>\r\n",
|
|
440
|
-
styles: [".form-input-con.select{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;font-size:12px;padding:0 15px;position:relative}.form-input-con.select.plaque{width:185px!important}.form-input-con.select>.form-input{float:right;position:relative;width:100%}.form-input-con.select.add-modal>.form-input{width:calc(100% - 45px)}.form-input-con.select>.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.select.error>.form-input>.label{color:var(--red);font-size:10px}.form-input-con.select>.form-input>.label .required-icon{color:var(--red);font-size:9px;height:20px;line-height:20px;text-align:center;width:20px}.form-input-con.select>.form-input .without-search{cursor:pointer;height:100%;position:absolute;right:0;top:0;width:100%;z-index:3}.form-input-con.select>.form-input .control{background-color:#fff;background-image:none;border:var(--border-input);border-radius:var(--border-radius-base);color:var(--black);display:block;font-size:11px;height:35px;padding:5px 35px;text-align:center;width:100%}.form-input-con.select>.form-input .control:focus,.form-input-con.select>.form-input:hover .control{border:1px solid var(--black-light);outline:none}.form-input-con.select>.form-input .control:focus{border-radius:var(--border-radius-base) var(--border-radius-base) 0 0;outline:none}.form-input-con.select.error>.form-input .control{border:var(--border-input-red)}.form-input-con.select.error>.form-input .control,.form-input-con.select.error>.form-input span.icon{color:var(--red)}.form-input-con.select.error>.form-input .control:focus,.form-input-con.select.error>.form-input:hover .control{border:var(--border-input-red-dark)}.form-input-con.select.force-top>.form-input .control:focus,.form-input-con.select.top>.form-input .control:focus{border-radius:0 0 var(--border-radius-base) var(--border-radius-base);outline:none}.form-input-con.select>.form-input span.icon{bottom:0;color:var(--primary);font-size:15px;height:35px;left:0;line-height:37px;position:absolute;text-align:center;width:35px;z-index:1}.form-input-con.select>.form-input span.icon.button{background-color:var(--base);border-radius:5px 0 0 5px;color:#fff;cursor:pointer}.form-input-con.select>.form-input span.icon.button:hover{background-color:var(--base-dark)}.form-input-con.select>.form-input span.icon.button.blue{background-color:var(--blue)}.form-input-con.select>.form-input span.icon.button.blue:hover{background-color:var(--blue-dark)}.form-input-con.select>.form-input span.icon.button.green{background-color:var(--green)}.form-input-con.select>.form-input span.icon.button.green:hover{background-color:var(--green-dark)}.form-input-con.select>.form-input span.icon.button.red{background-color:var(--red)}.form-input-con.select>.form-input span.icon.button.red:hover{background-color:var(--red-dark)}.form-input-con.select>.form-input span.icon.button.yellow{background-color:var(--yellow)}.form-input-con.select>.form-input span.icon.button.yellow:hover{background-color:var(--yellow-dark)}.form-input-con.select>.form-input i.clear-icon{bottom:0;color:var(--red);cursor:pointer;font-size:15px;height:35px;line-height:35px;position:absolute;right:0;text-align:center;width:35px;z-index:4}.form-input-con.select>.form-input .options{background-color:#fff;border:var(--border-input);border-radius:0 0 var(--border-radius-base) var(--border-radius-base);overflow:hidden;position:absolute;right:0;top:-200000px;width:100%;z-index:103}.form-input-con.select>.form-input .control:focus+.options{top:35px!important}.form-input-con.select.force-top>.form-input .control:focus+.options,.form-input-con.select.top>.form-input .control:focus+.options{border-radius:var(--border-radius-base) var(--border-radius-base) 0 0;bottom:35px;top:unset!important}.form-input-con.select>.form-input .options .items{float:right;max-height:200px;overflow-y:auto;scroll-behavior:smooth;width:100%}.form-input-con.select>.form-input .options .option{border-radius:0;float:right;font-size:11px;height:35px;line-height:35px;text-align:center;width:100%}.form-input-con.select .tags{float:right;width:100%}.form-input-con.select .tags .tag-con{float:right;padding:5px;width:auto}.form-input-con.select .tags .tag-con .tag{background-color:var(--base);border-radius:var(--border-radius-base);color:#fff;float:right;font-size:12px;height:25px;line-height:25px;overflow:hidden;position:relative;width:auto}.form-input-con.select .tags .tag-con .tag>.label{float:right;padding:0 5px 0 10px;width:auto}.form-input-con.select .tags .tag-con .tag>.delete{cursor:pointer;float:right;line-height:25px;text-align:center;width:25px}.form-input-con.select .tags .tag-con .tag>.delete:hover{background-color:var(--base-dark)}.form-input-con.select.h-50>.form-input .control{font-size:14px;height:50px;line-height:50px}.form-input-con.select.h-50>.form-input .control:focus+.options{top:50px!important}.form-input-con.select.h-50.force-top>.form-input .options,.form-input-con.select.h-50.top>.form-input .options{bottom:50px;top:unset!important}.form-input-con.select.h-50>.form-input span.icon{font-size:16px;height:50px;line-height:56px;width:35px}.form-input-con.select.h-25,.form-input-con.select.h-25>.form-input .control{height:25px;line-height:25px}.form-input-con.select.h-25>.form-input span.icon{font-size:11px;height:25px;line-height:28px;width:25px}.form-input-con.select.h-25>.form-input .control:focus+.options{top:25px!important}.form-input-con.select.h-25.force-top>.form-input .control:focus+.options,.form-input-con.select.h-25.top>.form-input .control:focus+.options{border-radius:var(--border-radius-base) var(--border-radius-base) 0 0;bottom:25px;top:unset!important}.form-input-con.select.h-25>.form-input .control::-moz-placeholder,.form-input-con.select.h-25>.form-input .control::-webkit-input-placeholder{font-size:10px;font-weight:
|
|
440
|
+
styles: [".form-input-con.select{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;font-size:12px;padding:0 15px;position:relative}.form-input-con.select.plaque{width:185px!important}.form-input-con.select>.form-input{float:right;position:relative;width:100%}.form-input-con.select.add-modal>.form-input{width:calc(100% - 45px)}.form-input-con.select>.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.select.error>.form-input>.label{color:var(--red);font-size:10px}.form-input-con.select>.form-input>.label .required-icon{color:var(--red);font-size:9px;height:20px;line-height:20px;text-align:center;width:20px}.form-input-con.select>.form-input .without-search{cursor:pointer;height:100%;position:absolute;right:0;top:0;width:100%;z-index:3}.form-input-con.select>.form-input .control{background-color:#fff;background-image:none;border:var(--border-input);border-radius:var(--border-radius-base);color:var(--black);display:block;font-size:11px;height:35px;padding:5px 35px;text-align:center;width:100%}.form-input-con.select>.form-input .control:focus,.form-input-con.select>.form-input:hover .control{border:1px solid var(--black-light);outline:none}.form-input-con.select>.form-input .control:focus{border-radius:var(--border-radius-base) var(--border-radius-base) 0 0;outline:none}.form-input-con.select.error>.form-input .control{border:var(--border-input-red)}.form-input-con.select.error>.form-input .control,.form-input-con.select.error>.form-input span.icon{color:var(--red)}.form-input-con.select.error>.form-input .control:focus,.form-input-con.select.error>.form-input:hover .control{border:var(--border-input-red-dark)}.form-input-con.select.force-top>.form-input .control:focus,.form-input-con.select.top>.form-input .control:focus{border-radius:0 0 var(--border-radius-base) var(--border-radius-base);outline:none}.form-input-con.select>.form-input span.icon{bottom:0;color:var(--primary);font-size:15px;height:35px;left:0;line-height:37px;position:absolute;text-align:center;width:35px;z-index:1}.form-input-con.select>.form-input span.icon.button{background-color:var(--base);border-radius:5px 0 0 5px;color:#fff;cursor:pointer}.form-input-con.select>.form-input span.icon.button:hover{background-color:var(--base-dark)}.form-input-con.select>.form-input span.icon.button.blue{background-color:var(--blue)}.form-input-con.select>.form-input span.icon.button.blue:hover{background-color:var(--blue-dark)}.form-input-con.select>.form-input span.icon.button.green{background-color:var(--green)}.form-input-con.select>.form-input span.icon.button.green:hover{background-color:var(--green-dark)}.form-input-con.select>.form-input span.icon.button.red{background-color:var(--red)}.form-input-con.select>.form-input span.icon.button.red:hover{background-color:var(--red-dark)}.form-input-con.select>.form-input span.icon.button.yellow{background-color:var(--yellow)}.form-input-con.select>.form-input span.icon.button.yellow:hover{background-color:var(--yellow-dark)}.form-input-con.select>.form-input i.clear-icon{bottom:0;color:var(--red);cursor:pointer;font-size:15px;height:35px;line-height:35px;position:absolute;right:0;text-align:center;width:35px;z-index:4}.form-input-con.select>.form-input .options{background-color:#fff;border:var(--border-input);border-radius:0 0 var(--border-radius-base) var(--border-radius-base);overflow:hidden;position:absolute;right:0;top:-200000px;width:100%;z-index:103}.form-input-con.select>.form-input .control:focus+.options{top:35px!important}.form-input-con.select.force-top>.form-input .control:focus+.options,.form-input-con.select.top>.form-input .control:focus+.options{border-radius:var(--border-radius-base) var(--border-radius-base) 0 0;bottom:35px;top:unset!important}.form-input-con.select>.form-input .options .items{float:right;max-height:200px;overflow-y:auto;scroll-behavior:smooth;width:100%}.form-input-con.select>.form-input .options .option{border-radius:0;float:right;font-size:11px;height:35px;line-height:35px;text-align:center;width:100%}.form-input-con.select .tags{float:right;width:100%}.form-input-con.select .tags .tag-con{float:right;padding:5px;width:auto}.form-input-con.select .tags .tag-con .tag{background-color:var(--base);border-radius:var(--border-radius-base);color:#fff;float:right;font-size:12px;height:25px;line-height:25px;overflow:hidden;position:relative;width:auto}.form-input-con.select .tags .tag-con .tag>.label{float:right;padding:0 5px 0 10px;width:auto}.form-input-con.select .tags .tag-con .tag>.delete{cursor:pointer;float:right;line-height:25px;text-align:center;width:25px}.form-input-con.select .tags .tag-con .tag>.delete:hover{background-color:var(--base-dark)}.form-input-con.select.h-50>.form-input .control{font-size:14px;height:50px;line-height:50px}.form-input-con.select.h-50>.form-input .control:focus+.options{top:50px!important}.form-input-con.select.h-50.force-top>.form-input .options,.form-input-con.select.h-50.top>.form-input .options{bottom:50px;top:unset!important}.form-input-con.select.h-50>.form-input span.icon{font-size:16px;height:50px;line-height:56px;width:35px}.form-input-con.select.h-25,.form-input-con.select.h-25>.form-input .control{height:25px;line-height:25px}.form-input-con.select.h-25>.form-input span.icon{font-size:11px;height:25px;line-height:28px;width:25px}.form-input-con.select.h-25>.form-input .control:focus+.options{top:25px!important}.form-input-con.select.h-25.force-top>.form-input .control:focus+.options,.form-input-con.select.h-25.top>.form-input .control:focus+.options{border-radius:var(--border-radius-base) var(--border-radius-base) 0 0;bottom:25px;top:unset!important}.form-input-con.select.h-25>.form-input .control::-moz-placeholder,.form-input-con.select.h-25>.form-input .control::-webkit-input-placeholder{font-size:10px;font-weight:var(--font-light)}.form-input-con.select.h-30>.form-input .control{height:30px;padding:5px 30px}.form-input-con.select.h-30>.form-input .control:focus+.options{top:30px!important}.form-input-con.select.h-30>.form-input span.icon{font-size:11px;height:30px;line-height:32px;width:30px}.form-input-con.select.h-30>.form-input i.clear-icon{height:30px;line-height:30px;width:30px}.form-input-con.select.h-30.force-top>.form-input .control:focus+.options,.form-input-con.select.h-30.top>.form-input .control:focus+.options{bottom:30px}.form-input-con.select.h-45,.form-input-con.select.h-45>.form-input .control{height:45px;line-height:45px}.form-input-con.select.h-45>.form-input .control::-moz-placeholder,.form-input-con.select.h-45>.form-input .control::-webkit-input-placeholder{font-size:12px}.form-input-con.select.h-45>.form-input span.icon{height:45px;line-height:45px;width:45px}.form-input-con.select.h-45>.form-input .control:focus+.options{top:45px!important}.form-input-con.select.h-45.force-top>.form-input .control:focus+.options,.form-input-con.select.h-45.top>.form-input .control:focus+.options{border-radius:var(--border-radius-base) var(--border-radius-base) 0 0;bottom:45px;top:unset!important}.form-input-con.select.without-icon.h-25>.form-input .control,.form-input-con.select.without-icon.h-30>.form-input .control{padding:0}::ng-deep .form-input-con.select.without-sub-options>.form-input .options .option{width:100%}.form-input-con.select.disabled{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;box-shadow:unset;cursor:default;filter:blur(.5px);opacity:.7}"]
|
|
441
441
|
},] }
|
|
442
442
|
];
|
|
443
443
|
FormSelectComponent.propDecorators = {
|
|
@@ -13,8 +13,8 @@ export class FormSelectItemComponent {
|
|
|
13
13
|
FormSelectItemComponent.decorators = [
|
|
14
14
|
{ type: Component, args: [{
|
|
15
15
|
selector: 'lib-form-select-item',
|
|
16
|
-
template: "<div [className]=\"'option-con' + (item.value == select.value ? ' selected' : '') + (item.disabled ? ' disabled' : '') + (select.type == type.SelectSearchRadio ? ' radio' : '')\" *ngIf=\"item.show\" [attr.data-value]=\"item.value\">\r\n<!-- <i class=\"fas fa-caret-left caret-icon\" (click)=\"toggleChildren($event)\" *ngIf=\"item.options.length > 0\"></i>-->\r\n <div (click)=\"selectOption.emit(item.value)\" class=\"option\">\r\n <div [className]=\"(item.selected ? 'checked ' : item.selected == null ? 'null ' : '') + ' check'\" *ngIf=\"select.multiple || (select.type == type.SelectSearchRadio && item.options.length == 0)\"></div>\r\n <span [innerHTML]=\"select.l(item.name) | safeHtml\"></span>\r\n <span *ngIf=\"item.option && item.option.Color\" class=\"color\" [style]=\"{backgroundColor: item.option.Color}\"></span>\r\n </div>\r\n <div *ngIf=\"item.options.length > 0 && (select.level === null || select.level > level)\" class=\"children rightline\">\r\n <lib-form-select-item (selectOption)=\"selectOption.emit($event)\" [level]=\"level + 1\" [parent]=\"item\" [item]=\"op\" [select]=\"select\" *ngFor=\"let op of item.options\"></lib-form-select-item>\r\n </div>\r\n</div>\r\n",
|
|
17
|
-
styles: [".option-con{float:right;width:100%}.option-con .caret-icon{float:right;font-size:20px;height:35px;line-height:33px;text-align:center;width:35px}.option-con .children{float:left;position:relative;width:calc(100% - 25px)}.option-con .option{align-items:center;border-radius:0;cursor:pointer;display:flex;float:left;font-size:10px;justify-content:center;line-height:15px;min-height:30px;padding:3px 10px;position:relative;text-align:center;width:100%}.option-con .option:has(.check){padding-right:25px}.option-con .option .color{border-radius:var(--border-radius-base);height:15px;position:absolute;right:20px;top:7.5px;width:15px}::ng-deep .plaque-inp .option{direction:ltr}.option-con .option .check:after{content:\"\\f0c8\";font-family:Font Awesome\\ 5 Pro;font-size:18px;font-weight:400;height:20px;line-height:20px;position:absolute;right:5px;top:5px;width:20px}.option-con.radio .option .check:after{content:\"
|
|
16
|
+
template: "<div [className]=\"'option-con' + (item.value == select.value ? ' selected' : '') + (item.disabled ? ' disabled' : '') + (select.type == type.SelectSearchRadio ? ' radio' : '') + (item.options.length > 0 && (select.level === null || select.level > level) ? ' with-option' : '')\" *ngIf=\"item.show\" [attr.data-value]=\"item.value\">\r\n<!-- <i class=\"fas fa-caret-left caret-icon\" (click)=\"toggleChildren($event)\" *ngIf=\"item.options.length > 0\"></i>-->\r\n <div (click)=\"selectOption.emit(item.value)\" class=\"option\">\r\n <div [className]=\"(item.selected ? 'checked ' : item.selected == null ? 'null ' : '') + ' check'\" *ngIf=\"select.multiple || (select.type == type.SelectSearchRadio && item.options.length == 0)\"></div>\r\n <span [innerHTML]=\"select.l(item.name) | safeHtml\"></span>\r\n <span *ngIf=\"item.option && item.option.Color\" class=\"color\" [style]=\"{backgroundColor: item.option.Color}\"></span>\r\n </div>\r\n <div *ngIf=\"item.options.length > 0 && (select.level === null || select.level > level)\" class=\"children rightline\">\r\n <lib-form-select-item (selectOption)=\"selectOption.emit($event)\" [level]=\"level + 1\" [parent]=\"item\" [item]=\"op\" [select]=\"select\" *ngFor=\"let op of item.options\"></lib-form-select-item>\r\n </div>\r\n</div>\r\n",
|
|
17
|
+
styles: [".option-con{float:right;width:100%}.option-con .caret-icon{float:right;font-size:20px;height:35px;line-height:33px;text-align:center;width:35px}.option-con .children{float:left;position:relative;width:calc(100% - 25px)}.option-con .option{align-items:center;border-radius:0;cursor:pointer;display:flex;float:left;font-size:10px;justify-content:center;line-height:15px;min-height:30px;padding:3px 10px;position:relative;text-align:center;width:100%}.option-con .option:has(.check){padding-right:25px}.option-con.radio .option:not(:has(.check)){font-size:12px;font-weight:var(--font-bold)}.option-con .option .color{border-radius:var(--border-radius-base);height:15px;position:absolute;right:20px;top:7.5px;width:15px}::ng-deep .plaque-inp .option{direction:ltr}.option-con .option .check:after{content:\"\\f0c8\";font-family:Font Awesome\\ 5 Pro;font-size:18px;font-weight:400;height:20px;line-height:20px;position:absolute;right:5px;top:5px;width:20px}.option-con.radio .option .check:after{content:\"\"}.option-con .option .check.checked:after{animation:pop .18s ease-in;color:var(--green);content:\"\\f14a\";font-weight:900}.option .check.null:after{animation:pop .18s ease-in;color:var(--green);content:\"\\f146\";font-weight:900}.option-con.hover:not(.disabled):not(.radio.with-option)>.option,.option-con.selected>.option{background-color:var(--black-white)}.option-con.hover.radio.with-option>.option{cursor:default}.option-con.disabled>.option{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;box-shadow:unset;cursor:default;filter:blur(.5px);opacity:.7;pointer-events:none}"]
|
|
18
18
|
},] }
|
|
19
19
|
];
|
|
20
20
|
FormSelectItemComponent.propDecorators = {
|
|
@@ -24,4 +24,4 @@ FormSelectItemComponent.propDecorators = {
|
|
|
24
24
|
parent: [{ type: Input }],
|
|
25
25
|
level: [{ type: Input }]
|
|
26
26
|
};
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS5zZWxlY3QuaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiRDovUHNUb29sa2l0L1VJL3Byb2plY3RzL3BzLXRvb2xraXQtdWkvc3JjLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvZm9ybS9zZWxlY3QvaXRlbS9mb3JtLnNlbGVjdC5pdGVtLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRzdFLE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSxnQ0FBZ0MsQ0FBQztBQU96RCxNQUFNLE9BQU8sdUJBQXVCO0lBTHBDO1FBT0UsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBTTFDLFdBQU0sR0FBZ0IsSUFBSSxDQUFDO0lBTzdCLENBQUM7SUFKQyxJQUFJLElBQUksS0FBdUIsT0FBTyxTQUFTLENBQUMsQ0FBQyxDQUFDO0lBQ2xELFFBQVE7UUFDTixJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ2pDLENBQUM7OztZQW5CRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHNCQUFzQjtnQkFDaEMsd3lDQUFnRDs7YUFFakQ7OzsyQkFFRSxNQUFNO3FCQUVOLEtBQUs7bUJBRUwsS0FBSztxQkFFTCxLQUFLO29CQUVMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgKiBhcyAkIGZyb20gJ2pxdWVyeSc7XHJcbmltcG9ydCB7SW5wdXRDbGFzcywgT3B0aW9uQ2xhc3N9IGZyb20gJy4uLy4uLy4uLy4uL2NsYXNzZXMvZm9ybS5jbGFzcyc7XHJcbmltcG9ydCB7SW5wdXRUeXBlfSBmcm9tICcuLi8uLi8uLi8uLi9jbGFzc2VzL2VudW0uY2xhc3MnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItZm9ybS1zZWxlY3QtaXRlbScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2Zvcm0uc2VsZWN0Lml0ZW0uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2Zvcm0uc2VsZWN0Lml0ZW0uY29tcG9uZW50LmNzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBGb3JtU2VsZWN0SXRlbUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdHtcclxuICBAT3V0cHV0KClcclxuICBzZWxlY3RPcHRpb24gPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcclxuICBASW5wdXQoKVxyXG4gIHNlbGVjdDogSW5wdXRDbGFzcztcclxuICBASW5wdXQoKVxyXG4gIGl0ZW06IE9wdGlvbkNsYXNzO1xyXG4gIEBJbnB1dCgpXHJcbiAgcGFyZW50OiBPcHRpb25DbGFzcyA9IG51bGw7XHJcbiAgQElucHV0KClcclxuICBsZXZlbDogbnVtYmVyO1xyXG4gIGdldCB0eXBlKCk6IHR5cGVvZiBJbnB1dFR5cGUgeyByZXR1cm4gSW5wdXRUeXBlOyB9XHJcbiAgbmdPbkluaXQoKTogdm9pZHtcclxuICAgIHRoaXMuaXRlbS5wYXJlbnQgPSB0aGlzLnBhcmVudDtcclxuICB9XHJcbn1cclxuIl19
|
|
@@ -211,7 +211,7 @@ FormTextboxComponent.decorators = [
|
|
|
211
211
|
{ type: Component, args: [{
|
|
212
212
|
selector: 'lib-form-textbox',
|
|
213
213
|
template: "<div #inputDiv [id]=\"inp.id + 'TextInput'\" [style]=\"inp.style\" [className]=\"'form-input-con text w-100' + (inp.error == null ? '' : ' error') + (inp.disabled || inp.loading ? ' disabled' : '') + (inp.icon == null ? ' without-icon' : '') + (!inp.displayLabel ? ' without-label' : '') + ' ' + inp.class\">\r\n <div class=\"form-input\" (click)=\"onFocusIn()\">\r\n <div class=\"label\"><i *ngIf=\"inp.required\" class=\"fas fa-star-of-life required-icon\"></i>{{inp.getLabel()}}</div>\r\n <input (keydown)=\"onKeyDown($event)\" (change)=\"onChange($event)\" (keyup)=\"onKeyUp($event)\" (focusout)=\"onFocusOut($event)\" [disabled]=\"inp.disabled || inp.loading\" [value]=\"getValue()\" [placeholder]=\"inp.placeholder ? inp.l(inp.placeholder) : ''\" #inputBase [type]=\"inp.type == type.Password ? 'password': 'text'\" [name]=\"inp.name\" class=\"control\" autocomplete=\"off\" [maxLength]=\"inp.maxLength > 0 ? inp.type == type.Number || inp.type == type.Price ? inp.maxLength.toString().length : inp.maxLength : 524288\">\r\n <span *ngIf=\"inp.icon != null || inp.loading\" (click)=\"inp.button && onClickButton()\" #inputIcon [className]=\"(inp.button ? inp.button + ' button ' : '') + 'icon'\">\r\n <i [className]=\"(inp.loading ? 'fad fa-spin fa-spinner ' : inp.icon + ' ')\">{{inp.type === type.Sheba ? 'IR' : ''}}</i>\r\n </span>\r\n <i *ngIf=\"inp.withClear && inp.value\" (click)=\"inp.clear()\" class=\"fad fa-times clear-icon\"></i>\r\n <div *ngIf=\"inp.progress != null && inp.progress.remainSecs > 0\" [ngStyle]=\"{width: inp.progress.percent + '%'}\" class=\"progress\"></div>\r\n </div>\r\n</div>\r\n",
|
|
214
|
-
styles: [".form-input-con.text{padding:0 15px;position:relative}.form-input-con.text .form-input{float:right;position:relative;width:100%}.form-input-con.text .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.text.error .form-input .label{color:var(--red);font-size:10px}.form-input-con.text.without-label .form-input .label{display:none}.form-input-con.text .form-input .label .required-icon{color:var(--red);font-size:9px;height:20px;line-height:20px;text-align:center;width:20px}.form-input-con.text .form-input .control{background-color:#fff;background-image:none;border:var(--border-input);border-radius:var(--border-radius-base);color:var(--black);display:block;font-size:11px;height:35px;padding:5px 35px;position:relative;text-align:center;width:100%;z-index:2}.form-input-con.text.ltr .form-input .control{direction:ltr}.form-input-con.text .form-input .control:focus,.form-input-con.text .form-input:hover .control{border:var(--border-input-dark);outline:none}.form-input-con.text.error .form-input .control{border:var(--border-input-red)}.form-input-con.text.error .form-input .control,.form-input-con.text.error .form-input span.icon{color:var(--red)}.form-input-con.text.error .form-input .control:focus,.form-input-con.text.error .form-input:hover .control{border:var(--border-input-red-dark)}.form-input-con.text .form-input span.icon{bottom:0;color:var(--primary);cursor:text;font-size:14px;height:35px;left:0;line-height:38px;position:absolute;text-align:center;transition:all .35s ease-in-out;width:35px;z-index:2}.form-input-con.text .form-input i.clear-icon{bottom:0;color:var(--red);cursor:pointer;font-size:15px;height:35px;line-height:35px;position:absolute;right:0;text-align:center;width:35px;z-index:4}.form-input-con.text .form-input span.icon.button{background-color:var(--base);border-radius:var(--border-radius-base) 0 0 var(--border-radius-base);color:#fff;cursor:pointer}.form-input-con.text .form-input span.icon.button:hover{background-color:var(--base-dark)}.form-input-con.text .form-input span.icon.button.blue{background-color:var(--blue)}.form-input-con.text .form-input span.icon.button.blue:hover{background-color:var(--blue-dark)}.form-input-con.text .form-input span.icon.button.green{background-color:var(--green)}.form-input-con.text .form-input span.icon.button.green:hover{background-color:var(--green-dark)}.form-input-con.text .form-input span.icon.button.red{background-color:var(--red)}.form-input-con.text .form-input span.icon.button.red:hover{background-color:var(--red-dark)}.form-input-con.text .form-input span.icon.button.primary{background-color:var(--primary)}.form-input-con.text .form-input span.icon.button.primary:hover{background-color:var(--primary-dark)}.form-input-con.text.disabled{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;box-shadow:unset;cursor:default;filter:blur(.5px);opacity:.7;pointer-events:none}.form-input-con.text .form-input .progress{background-color:var(--primary);border-radius:var(--border-radius-base);bottom:-3px;height:10px;line-height:10px;margin-right:0;position:absolute;right:0;transition:width .5s ease-in-out;width:100%}.form-input-con.text.without-icon .form-input .control{padding:5px 10px}.form-input-con.text.h-50 .form-input .control{font-size:14px;height:50px;padding:5px 50px}.form-input-con.text.h-50 .form-input span.icon{height:50px;line-height:50px;width:50px}.form-input-con.text.h-45 .form-input .control{font-size:17px;height:45px}.form-input-con.text.h-45 .form-input .control::-moz-placeholder,.form-input-con.text.h-45 .form-input .control::-webkit-input-placeholder{font-size:12px}.form-input-con.text.h-45 .form-input span.icon{font-size:15px;height:45px;line-height:50px}.form-input-con.text.h-40 .form-input .control{font-size:17px;height:40px}.form-input-con.text.h-40 .form-input .control::-moz-placeholder,.form-input-con.text.h-40 .form-input .control::-webkit-input-placeholder{font-size:12px}.form-input-con.text.h-40 .form-input span.icon{font-size:15px;height:40px;line-height:45px}.form-input-con.text.h-30 .form-input .control{font-size:10px;height:30px;padding:0}.form-input-con.text.h-30 .form-input span.icon{font-size:11px;height:30px;line-height:33px;width:30px}.form-input-con.text.h-35{height:35px}.form-input-con.text.h-35 .form-input .control{height:35px;padding:0 35px}.form-input-con.text.h-35 .form-input span.icon{height:35px;line-height:35px}.form-input-con.text.h-25 .form-input .control{height:25px;padding:0}.form-input-con.text.h-25 .form-input span.icon{font-size:11px;height:25px;line-height:27px;width:25px}.form-input-con.text.h-25 .form-input .control::-moz-placeholder,.form-input-con.text.h-25 .form-input .control::-webkit-input-placeholder{font-size:10px;font-weight:
|
|
214
|
+
styles: [".form-input-con.text{padding:0 15px;position:relative}.form-input-con.text .form-input{float:right;position:relative;width:100%}.form-input-con.text .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.text.error .form-input .label{color:var(--red);font-size:10px}.form-input-con.text.without-label .form-input .label{display:none}.form-input-con.text .form-input .label .required-icon{color:var(--red);font-size:9px;height:20px;line-height:20px;text-align:center;width:20px}.form-input-con.text .form-input .control{background-color:#fff;background-image:none;border:var(--border-input);border-radius:var(--border-radius-base);color:var(--black);display:block;font-size:11px;height:35px;padding:5px 35px;position:relative;text-align:center;width:100%;z-index:2}.form-input-con.text.ltr .form-input .control{direction:ltr}.form-input-con.text .form-input .control:focus,.form-input-con.text .form-input:hover .control{border:var(--border-input-dark);outline:none}.form-input-con.text.error .form-input .control{border:var(--border-input-red)}.form-input-con.text.error .form-input .control,.form-input-con.text.error .form-input span.icon{color:var(--red)}.form-input-con.text.error .form-input .control:focus,.form-input-con.text.error .form-input:hover .control{border:var(--border-input-red-dark)}.form-input-con.text .form-input span.icon{bottom:0;color:var(--primary);cursor:text;font-size:14px;height:35px;left:0;line-height:38px;position:absolute;text-align:center;transition:all .35s ease-in-out;width:35px;z-index:2}.form-input-con.text .form-input i.clear-icon{bottom:0;color:var(--red);cursor:pointer;font-size:15px;height:35px;line-height:35px;position:absolute;right:0;text-align:center;width:35px;z-index:4}.form-input-con.text .form-input span.icon.button{background-color:var(--base);border-radius:var(--border-radius-base) 0 0 var(--border-radius-base);color:#fff;cursor:pointer}.form-input-con.text .form-input span.icon.button:hover{background-color:var(--base-dark)}.form-input-con.text .form-input span.icon.button.blue{background-color:var(--blue)}.form-input-con.text .form-input span.icon.button.blue:hover{background-color:var(--blue-dark)}.form-input-con.text .form-input span.icon.button.green{background-color:var(--green)}.form-input-con.text .form-input span.icon.button.green:hover{background-color:var(--green-dark)}.form-input-con.text .form-input span.icon.button.red{background-color:var(--red)}.form-input-con.text .form-input span.icon.button.red:hover{background-color:var(--red-dark)}.form-input-con.text .form-input span.icon.button.primary{background-color:var(--primary)}.form-input-con.text .form-input span.icon.button.primary:hover{background-color:var(--primary-dark)}.form-input-con.text.disabled{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;box-shadow:unset;cursor:default;filter:blur(.5px);opacity:.7;pointer-events:none}.form-input-con.text .form-input .progress{background-color:var(--primary);border-radius:var(--border-radius-base);bottom:-3px;height:10px;line-height:10px;margin-right:0;position:absolute;right:0;transition:width .5s ease-in-out;width:100%}.form-input-con.text.without-icon .form-input .control{padding:5px 10px}.form-input-con.text.h-50 .form-input .control{font-size:14px;height:50px;padding:5px 50px}.form-input-con.text.h-50 .form-input span.icon{height:50px;line-height:50px;width:50px}.form-input-con.text.h-45 .form-input .control{font-size:17px;height:45px}.form-input-con.text.h-45 .form-input .control::-moz-placeholder,.form-input-con.text.h-45 .form-input .control::-webkit-input-placeholder{font-size:12px}.form-input-con.text.h-45 .form-input span.icon{font-size:15px;height:45px;line-height:50px}.form-input-con.text.h-40 .form-input .control{font-size:17px;height:40px}.form-input-con.text.h-40 .form-input .control::-moz-placeholder,.form-input-con.text.h-40 .form-input .control::-webkit-input-placeholder{font-size:12px}.form-input-con.text.h-40 .form-input span.icon{font-size:15px;height:40px;line-height:45px}.form-input-con.text.h-30 .form-input .control{font-size:10px;height:30px;padding:0}.form-input-con.text.h-30 .form-input span.icon{font-size:11px;height:30px;line-height:33px;width:30px}.form-input-con.text.h-35{height:35px}.form-input-con.text.h-35 .form-input .control{height:35px;padding:0 35px}.form-input-con.text.h-35 .form-input span.icon{height:35px;line-height:35px}.form-input-con.text.h-25 .form-input .control{height:25px;padding:0}.form-input-con.text.h-25 .form-input span.icon{font-size:11px;height:25px;line-height:27px;width:25px}.form-input-con.text.h-25 .form-input .control::-moz-placeholder,.form-input-con.text.h-25 .form-input .control::-webkit-input-placeholder{font-size:10px;font-weight:var(--font-light)}.form-input-con.text.h-20 .form-input .control{height:20px;padding:0}.form-input-con.text.h-20 .form-input span.icon{font-size:10px;height:20px;line-height:22px;width:20px}.form-input-con.text.h-20 .form-input .control::-moz-placeholder,.form-input-con.text.h-20 .form-input .control::-webkit-input-placeholder{font-size:9px;font-weight:var(--font-light)}.form-input-con.text.plaque-part-item .form-input .control{border:none!important}.form-input-con.text.plaque-part-item.disabled .form-input .control{filter:blur(0);opacity:1}.form-input-con.text.plaque-part-1{float:left!important;padding:0!important;width:35px!important}.form-input-con.text.plaque-part-1.plaque-part-m{float:left!important;padding:0!important;width:49px!important}.form-input-con.text.plaque-part-1.plaque-part-f{float:right!important;margin-right:35px!important;width:68px!important}.form-input-con.text.plaque-part-1.plaque-part-g{float:right!important;margin-right:35px!important;width:132px!important}.form-input-con.text.plaque-part-2{float:left!important;padding:0!important;width:35px!important}.form-input-con.text.plaque-part-2.plaque-part-f,.form-input-con.text.plaque-part-2.plaque-part-g,.form-input-con.text.plaque-part-2.plaque-part-m{display:none!important}.form-input-con.text.plaque-part-3{float:left!important;padding:0!important;width:49px!important}.form-input-con.text.plaque-part-3.plaque-part-m{width:69px!important}.form-input-con.text.plaque-part-3.plaque-part-f{float:right!important;width:65px!important}.form-input-con.text.plaque-part-3.plaque-part-g{display:none!important}.form-input-con.text.plaque-part-4{float:left!important;margin-top:10px;padding:0!important;width:31px!important}.form-input-con.text.plaque-part-4 .form-input .control{height:25px!important}.form-input-con.text.plaque-part-4.plaque-part-f,.form-input-con.text.plaque-part-4.plaque-part-g,.form-input-con.text.plaque-part-4.plaque-part-m{display:none!important}.form-input-con.text.bank-card-part-item{float:left!important;padding:0!important;width:25%}.form-input-con.text.bank-card-part-item:not(.bank-card-part-4):after{content:\"\\f068\";font-family:Font Awesome\\ 5 Pro;font-size:6px;font-weight:900;height:20px;line-height:20px;position:absolute;right:-10px;text-align:center;top:calc(50% - 10px);width:20px}.form-input-con.text.bank-card-part-item .form-input .control{background-color:initial!important;border:unset!important;box-shadow:unset!important;font-size:13px!important;padding:0!important}"]
|
|
215
215
|
},] }
|
|
216
216
|
];
|
|
217
217
|
FormTextboxComponent.propDecorators = {
|
|
@@ -145,7 +145,7 @@ FormUploaderComponent.decorators = [
|
|
|
145
145
|
{ type: Component, args: [{
|
|
146
146
|
selector: 'lib-form-uploader',
|
|
147
147
|
template: "<div #inputDiv [id]=\"id + 'FileInput'\" [className]=\"'form-input-con uploader w-100' + (inp.error == null ? '' : ' error') + (inp.value != null && inp.value != '' ? ' has-value' : '') + ' ' + inp.class\">\r\n <div class=\"form-input\">\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 #inputBaseFile class=\"input-base-file\" type=\"file\" [id]=\"id + 'FileInputBase'\" multiple (change)=\"onChange($event)\">\r\n <input #inputBase type=\"checkbox\" class=\"input-base\" (keydown)=\"onKeyDown($event)\" (focusin)=\"onFocusIn()\">\r\n <div class=\"control\">\r\n <label class=\"click\" (click)=\"onClick()\" [for]=\"id + 'FileInputBase'\"></label>\r\n <i *ngIf=\"inp.icon != null || inp.loading\" [className]=\"(inp.loading ? 'fad fa-spin fa-spinner' : inp.icon) + ' icon'\"></i>\r\n <div class=\"empty\" *ngIf=\"inp.value == null || inp.value.length == 0\">\r\n <div class=\"title\"><div class=\"w-100\" [innerHTML]=\"inp.l('UploaderTitle')\"></div></div>\r\n <div class=\"allowed\" *ngIf=\"inp.allowed != null\">({{inp.allowed.join(', ')}})</div>\r\n <div class=\"max-length\" *ngIf=\"inp.maxLength > -1\">({{inp.l('UploaderMaxLength', inp.maxLength / 1024)}})</div>\r\n </div>\r\n <div class=\"files\" *ngIf=\"inp.value != null && inp.value.length > 0\">\r\n <div class=\"file\" *ngFor=\"let f of inp.value\">\r\n <div class=\"info\">\r\n <label class=\"click\" (click)=\"openFile(f)\"></label>\r\n <div class=\"close\">\r\n <lib-form-icon [inp]=\"f.close\"></lib-form-icon>\r\n </div>\r\n <img *ngIf=\"f.type == fileIcons.jpeg || f.type == fileIcons.jpg || f.type == fileIcons.png\" [src]=\"f.url\" alt=\"\"/>\r\n <i *ngIf=\"f.type != fileIcons.jpeg && f.type != fileIcons.jpg && f.type != fileIcons.png\" [class]=\"f.icon + ' file-icon'\"></i>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
148
|
-
styles: [".form-input-con.uploader{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;padding:0 15px;position:relative}.form-input-con.uploader .form-input{float:right;position:relative;width:100%}.form-input-con.uploader .form-input .control .click{cursor:pointer;height:100%;position:absolute;right:0;top:0;width:100%;z-index:3}.form-input-con.uploader .form-input .input-base,.form-input-con.uploader .form-input .input-base-file{cursor:pointer;height:0;opacity:0;position:absolute;right:50%;top:50%;width:0;z-index:1}.form-input-con.uploader .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.uploader .form-input .label .required-icon{color:var(--red);font-size:9px;height:20px;line-height:20px;text-align:center;width:20px}.form-input-con.uploader .form-input .control{background-color:#fff;border:var(--border-input);border-radius:var(--border-radius-base);float:left;padding:3px 35px;position:relative;text-align:center;width:100%;z-index:2}.form-input-con.uploader .form-input .control .empty{align-items:center;display:flex;flex-direction:column;float:right;height:77px;justify-content:center;width:100%}.form-input-con.uploader .form-input .control .empty .title{align-items:center;display:flex;float:right;font-size:11px;height:37px;justify-content:center;line-height:14px;width:100%}.form-input-con.uploader .form-input .control .empty .allowed{direction:ltr;float:right;font-size:10px;font-weight:
|
|
148
|
+
styles: [".form-input-con.uploader{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;padding:0 15px;position:relative}.form-input-con.uploader .form-input{float:right;position:relative;width:100%}.form-input-con.uploader .form-input .control .click{cursor:pointer;height:100%;position:absolute;right:0;top:0;width:100%;z-index:3}.form-input-con.uploader .form-input .input-base,.form-input-con.uploader .form-input .input-base-file{cursor:pointer;height:0;opacity:0;position:absolute;right:50%;top:50%;width:0;z-index:1}.form-input-con.uploader .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.uploader .form-input .label .required-icon{color:var(--red);font-size:9px;height:20px;line-height:20px;text-align:center;width:20px}.form-input-con.uploader .form-input .control{background-color:#fff;border:var(--border-input);border-radius:var(--border-radius-base);float:left;padding:3px 35px;position:relative;text-align:center;width:100%;z-index:2}.form-input-con.uploader .form-input .control .empty{align-items:center;display:flex;flex-direction:column;float:right;height:77px;justify-content:center;width:100%}.form-input-con.uploader .form-input .control .empty .title{align-items:center;display:flex;float:right;font-size:11px;height:37px;justify-content:center;line-height:14px;width:100%}.form-input-con.uploader .form-input .control .empty .allowed{direction:ltr;float:right;font-size:10px;font-weight:var(--font-light);height:25px;line-height:10px;width:100%}.form-input-con.uploader .form-input .control .empty .max-length{float:right;font-size:9px;line-height:15px;width:100%}.form-input-con.uploader .form-input .control .files{align-items:center;display:flex;flex-flow:wrap;float:right;justify-content:center;width:100%}.form-input-con.uploader .form-input .control .files .file{float:right;height:77px;padding:5px;width:77px}.form-input-con.uploader .form-input .control .files .file .info{align-items:center;border:var(--border-input);border-radius:var(--border-radius-base);display:flex;float:right;height:100%;justify-content:center;padding:5px;position:relative;text-align:center;width:100%}.form-input-con.uploader .form-input .control .files .file .info:hover{border:var(--border-input-dark)}.form-input-con.uploader .form-input .control .files .file .info img{height:100%}.form-input-con.uploader .form-input .control .files .file .info .close{height:15px;position:absolute;right:0;top:0;width:15px;z-index:5}.form-input-con.uploader .form-input .control .files .file .info .file-icon{float:right;font-size:35px;text-align:center;width:100%}.form-input-con.uploader .form-input .control .files .file .info .close:hover{color:var(--red-dark)}.form-input-con.uploader .form-input .control:hover,.form-input-con.uploader .form-input .input-base:focus+.control{border:var(--border-input-dark);outline:none}.form-input-con.uploader .form-input .control i.icon{color:var(--primary);font-size:13px;height:35px;left:0;line-height:35px;position:absolute;text-align:center;top:0;width:35px;z-index:2}.form-input-con.uploader.error .form-input .control{border:var(--border-input-red)}.form-input-con.uploader.error .form-input .label{color:var(--red);font-size:10px}.form-input-con.uploader.error .form-input .control,.form-input-con.uploader.error .form-input .control i.icon{color:var(--red)}.form-input-con.uploader.h-35{height:35px}.form-input-con.uploader.has-value.h-35 .form-input .control{direction:ltr;font-size:9px;height:35px}.form-input-con.uploader.h-35 .form-input .button,.form-input-con.uploader.h-35 .form-input .control i.icon{height:35px;line-height:35px}.form-input-con.uploader.h-30{height:30px}.form-input-con.uploader.h-30 .form-input .control{direction:ltr;font-size:9px;height:30px;line-height:30px}.form-input-con.uploader.h-30 .form-input .button,.form-input-con.uploader.h-30 .form-input .control i.icon{height:30px;line-height:30px}"]
|
|
149
149
|
},] }
|
|
150
150
|
];
|
|
151
151
|
FormUploaderComponent.ctorParameters = () => [];
|
|
@@ -16,7 +16,7 @@ HeaderComponent.decorators = [
|
|
|
16
16
|
{ type: Component, args: [{
|
|
17
17
|
selector: 'lib-header',
|
|
18
18
|
template: "<div id=\"Header\" class=\"underline\">\r\n <div class=\"content\"><ng-content></ng-content></div>\r\n <div class=\"user-con\">\r\n <i (click)=\"showUserDropDown($event)\" class=\"fad fa-user user\"></i>\r\n <div class=\"user-drop-down\">\r\n <div class=\"username underline\" *ngIf=\"header.username != null\">{{header.username}}</div>\r\n <div class=\"info\" *ngIf=\"header.info != null\" [innerHTML]=\"header.info\"></div>\r\n <span *ngFor=\"let btn of header.buttons\">\r\n <lib-form-button [inp]=\"btn\" *ngIf=\"btn.type == type.Button\"></lib-form-button>\r\n <lib-form-icon [inp]=\"btn\" *ngIf=\"btn.type == type.Icon\"></lib-form-icon>\r\n </span>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
19
|
-
styles: ["#Header{background-color:#fff;float:right;height:50px;position:relative;width:100%;z-index:110}#Header .content{float:right;height:100%;margin-right:50px;text-align:center;width:calc(100% - 150px)}#Header .user-con{align-items:center;display:flex;float:right;height:100%;justify-content:center;position:relative;width:100px}#Header .user-con .user{border-radius:50%;color:var(--primary);cursor:pointer;float:right;font-size:18px;height:30px;line-height:30px;text-align:center;width:30px}#Header .user-con .user:hover{color:var(--primary-dark)}#Header .user-con .user-drop-down{background-color:#fff;border-radius:var(--border-radius-base);box-shadow:var(--box-shadow);display:none;left:20px;overflow:hidden;position:absolute;top:55px;width:150px}#Header .user-con .user-drop-down .username{float:right;font-weight:
|
|
19
|
+
styles: ["#Header{background-color:#fff;float:right;height:50px;position:relative;width:100%;z-index:110}#Header .content{float:right;height:100%;margin-right:50px;text-align:center;width:calc(100% - 150px)}#Header .user-con{align-items:center;display:flex;float:right;height:100%;justify-content:center;position:relative;width:100px}#Header .user-con .user{border-radius:50%;color:var(--primary);cursor:pointer;float:right;font-size:18px;height:30px;line-height:30px;text-align:center;width:30px}#Header .user-con .user:hover{color:var(--primary-dark)}#Header .user-con .user-drop-down{background-color:#fff;border-radius:var(--border-radius-base);box-shadow:var(--box-shadow);display:none;left:20px;overflow:hidden;position:absolute;top:55px;width:150px}#Header .user-con .user-drop-down .username{float:right;font-weight:var(--font-bold);line-height:35px;position:relative;text-align:center;width:100%}#Header .user-con .user-drop-down .info{float:right;width:100%}::ng-deep #Header .user-drop-down .form-input-con.button .control{border-radius:0}@media (max-width:399.98px){#Header .content{font-size:12px;width:calc(100% - 100px)}#Header .user-con{width:50px}}@media (min-width:400px) and (max-width:499.98px){#Header .content{font-size:12px;width:calc(100% - 100px)}#Header .user-con{width:50px}}"]
|
|
20
20
|
},] }
|
|
21
21
|
];
|
|
22
22
|
HeaderComponent.ctorParameters = () => [
|
|
@@ -7,7 +7,7 @@ SubHeaderComponent.decorators = [
|
|
|
7
7
|
{ type: Component, args: [{
|
|
8
8
|
selector: 'lib-sub-header',
|
|
9
9
|
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",
|
|
10
|
-
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-size:12px;font-weight:
|
|
10
|
+
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-size:12px;font-weight:var(--font-light);padding:0 20px;position:relative}#SubHeader .breadcrumb .item .name,#SubHeader .breadcrumb .item i{color:var(--black-light)!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(--primary)!important}#SubHeader .breadcrumb .item:first-of-type .name{color:var(--black)!important;cursor:default;font-size:16px;font-weight:var(--font-bold);margin-left:30px;padding:0;pointer-events:none}#SubHeader .breadcrumb .item:last-of-type i{display:none}"]
|
|
11
11
|
},] }
|
|
12
12
|
];
|
|
13
13
|
SubHeaderComponent.ctorParameters = () => [];
|
|
@@ -146,7 +146,7 @@ LoginComponent.decorators = [
|
|
|
146
146
|
{ type: Component, args: [{
|
|
147
147
|
selector: 'lib-login',
|
|
148
148
|
template: "<div id=\"LoginMain\" *ngIf=\"loginTemplate == 'Main'\">\r\n <div class=\"triangles\">\r\n <i class=\"triangle triangle-1 fas fa-caret-left\"></i>\r\n <i class=\"triangle triangle-2 fas fa-caret-left\"></i>\r\n <i class=\"triangle triangle-3 fas fa-caret-left\"></i>\r\n <i class=\"triangle triangle-4 fas fa-caret-left\"></i>\r\n </div>\r\n <div class=\"form-c\">\r\n <ng-container *ngFor=\"let step of login.steps; let i = index\">\r\n <div class=\"form\" *ngIf=\"i === login.active\">\r\n <lib-form [form]=step.form></lib-form>\r\n </div>\r\n </ng-container>\r\n </div>\r\n <div class=\"about-c\">\r\n <div class=\"about\">\r\n <div class=\"info\">\r\n <div class=\"logo\"></div>\r\n <div class=\"title\">\r\n {{ login.l('SoftwareName') }}\r\n </div>\r\n <div class=\"sub-title\" [innerHTML]=\"login.l('SoftwareDesc')\">\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n<div id=\"LoginSimple\" *ngIf=\"loginTemplate == 'Simple'\">\r\n <div class=\"form-c\">\r\n <div class=\"title\">{{ login.l('SoftwareName') }}</div>\r\n <ng-container *ngFor=\"let step of login.steps; let i = index\">\r\n <div class=\"form\" *ngIf=\"i === login.active\">\r\n <lib-form [form]=step.form></lib-form>\r\n </div>\r\n </ng-container>\r\n </div>\r\n</div>\r\n<div id=\"LoginModal\" *ngIf=\"loginTemplate == 'Modal'\">\r\n <lib-modal [modal]=\"login.modal\">\r\n <ng-container *ngFor=\"let step of login.steps; let i = index\">\r\n <div class=\"form\" *ngIf=\"i === login.active\">\r\n <lib-form [form]=step.form></lib-form>\r\n </div>\r\n </ng-container>\r\n </lib-modal>\r\n</div>\r\n<lib-modal [modal]=\"rulesModal\"></lib-modal>\r\n",
|
|
149
|
-
styles: ["#LoginMain{background-color:#fff;border-radius:var(--border-radius-base);float:right;width:100%}#LoginMain,#LoginMain .about-c,#LoginMain .form-c{height:calc(100vh - 35px);overflow-y:auto;position:relative}#LoginMain .about-c,#LoginMain .form-c{align-items:center;display:flex;float:left;justify-content:center;padding:50px 0;width:50%;z-index:2}#LoginMain .form-c{box-shadow:19px 0 35px -7px rgba(0,0,0,.05)}#LoginMain .form-c .form{margin:0 auto;width:60%}#LoginMain .about,#LoginMain .about .info{border-radius:0 var(--border-radius-base) var(--border-radius-base) 0;float:right;position:relative;width:100%}#LoginMain .about .info{max-height:calc(100vh - 35px);overflow-y:auto;padding:50px 0;z-index:2}#LoginMain .triangles{border-radius:0 var(--border-radius-base) var(--border-radius-base) 0;height:calc(100vh - 35px);overflow:hidden;position:absolute;width:100%;z-index:1}#LoginMain .triangles .triangle{color:var(--base);opacity:.1;position:absolute}#LoginMain .triangles .triangle-1{font-size:656px;right:-150px;top:50px}#LoginMain .triangles .triangle-2{font-size:1000px;right:-240px;top:150px}#LoginMain .triangles .triangle-3{font-size:900px;right:-220px;top:-347px}#LoginMain .triangles .triangle-4{font-size:900px;right:-250px;top:450px}#LoginMain .about .logo{background-position:50%;background-repeat:no-repeat;background-size:contain;height:200px;margin:0 auto;position:relative;width:200px}#LoginMain .about .title{float:right;font-size:25px;font-weight:
|
|
149
|
+
styles: ["#LoginMain{background-color:#fff;border-radius:var(--border-radius-base);float:right;width:100%}#LoginMain,#LoginMain .about-c,#LoginMain .form-c{height:calc(100vh - 35px);overflow-y:auto;position:relative}#LoginMain .about-c,#LoginMain .form-c{align-items:center;display:flex;float:left;justify-content:center;padding:50px 0;width:50%;z-index:2}#LoginMain .form-c{box-shadow:19px 0 35px -7px rgba(0,0,0,.05)}#LoginMain .form-c .form{margin:0 auto;width:60%}#LoginMain .about,#LoginMain .about .info{border-radius:0 var(--border-radius-base) var(--border-radius-base) 0;float:right;position:relative;width:100%}#LoginMain .about .info{max-height:calc(100vh - 35px);overflow-y:auto;padding:50px 0;z-index:2}#LoginMain .triangles{border-radius:0 var(--border-radius-base) var(--border-radius-base) 0;height:calc(100vh - 35px);overflow:hidden;position:absolute;width:100%;z-index:1}#LoginMain .triangles .triangle{color:var(--base);opacity:.1;position:absolute}#LoginMain .triangles .triangle-1{font-size:656px;right:-150px;top:50px}#LoginMain .triangles .triangle-2{font-size:1000px;right:-240px;top:150px}#LoginMain .triangles .triangle-3{font-size:900px;right:-220px;top:-347px}#LoginMain .triangles .triangle-4{font-size:900px;right:-250px;top:450px}#LoginMain .about .logo{background-position:50%;background-repeat:no-repeat;background-size:contain;height:200px;margin:0 auto;position:relative;width:200px}#LoginMain .about .title{float:right;font-size:25px;font-weight:bolder;height:40px;line-height:40px;margin-top:20px;position:relative;text-align:center;width:100%}#LoginMain .about .sub-title{float:right;font-size:12px;font-weight:var(--font-light);line-height:30px;margin-right:10%;padding:20px;position:relative;text-align:center;width:80%}::ng-deep #LoginMain .form-c .form .title,::ng-deep #LoginModal .form .title{float:right;font-size:25px;font-weight:var(--font-bold);height:50px;line-height:50px;margin-bottom:10px;text-align:center;width:100%}::ng-deep #LoginMain .form-c .form .sub-title,::ng-deep #LoginModal .form .sub-title{color:var(--black-light);float:right;font-size:12px;font-weight:var(--font-light);height:30px;line-height:30px;margin-bottom:20px;text-align:center;width:100%}::ng-deep #LoginMain .form-c .form .sub-title:after,::ng-deep #LoginModal .form .sub-title:after{background-image:none!important}#LoginSimple{align-items:center;display:flex;justify-content:center;min-height:100vh;width:100%}#LoginSimple,#LoginSimple .form-c{background-color:#fff;float:right;padding:20px}#LoginSimple .form-c{border:var(--border-base);border-radius:var(--border-radius-base);width:400px}#LoginSimple .form-c .title{color:var(--primary);float:right;font-size:25px;font-weight:var(--font-bold);line-height:60px;text-align:center;width:100%}::ng-deep #LoginSimple .form-c .form .title{float:right;font-size:18px;font-weight:var(--font-bold);height:40px;line-height:40px;margin-bottom:10px;width:100%}::ng-deep #LoginSimple .form-c .form .sub-title{color:var(--black-light);float:right;font-size:12px;font-weight:var(--font-light);height:30px;line-height:30px;margin-bottom:20px;width:100%}::ng-deep #LoginSimple .form-c .form .sub-title:after{background-image:none!important}@media (max-width:399.98px){#LoginMain .form-c{box-shadow:unset}#LoginMain .about-c,#LoginMain .form-c{float:right;width:100%}#LoginMain .form-c .form{width:100%}#LoginMain .about .info{padding:50px 5px}#LoginMain .about .logo{height:100px;width:100px}}@media (min-width:400px) and (max-width:499.98px){#LoginMain .form-c{box-shadow:unset}#LoginMain .about-c,#LoginMain .form-c{float:right;width:100%}#LoginMain .form-c .form{width:80%}#LoginMain .about .info{padding:50px 10px}#LoginMain .about .logo{height:100px;width:100px}}@media (min-width:500px) and (max-width:599.98px){#LoginMain .form-c{box-shadow:unset}#LoginMain .about-c,#LoginMain .form-c{float:right;width:100%}#LoginMain .form-c .form{float:right;margin-right:15%;width:70%}#LoginMain .about .info{padding:50px 10px}#LoginMain .about .logo{height:150px;width:150px}}@media (min-width:600px) and (max-width:699.98px){#LoginMain .form-c{box-shadow:unset;float:right;width:100%}#LoginMain .about-c{float:right;min-height:calc(100vh - 35px);width:100%}#LoginMain .form-c .form{float:right;margin-right:15%;width:70%}#LoginMain .about .info{padding:50px 10px}#LoginMain .about .logo{height:150px;width:150px}}@media (min-width:700px) and (max-width:799.98px){#LoginMain .form-c .form{width:90%}}@media (min-width:800px) and (max-width:899.98px){#LoginMain .form-c .form{width:90%}}@media (min-width:900px) and (max-width:999.98px){#LoginMain .form-c .form{width:80%}}@media (min-width:1000px) and (max-width:1099.98px){#LoginMain .form-c .form{width:80%}}@media (min-width:1100px) and (max-width:1199.98px){#LoginMain .form-c .form{width:70%}}@media (min-width:1200px) and (max-width:1299.98px){#LoginMain .form-c .form{width:70%}}@media (max-width:599.98px){#LoginMain,#LoginMain .about-c,#LoginMain .form-c{height:calc(100vh - 60px)}#LoginMain .about .info{max-height:calc(100vh - 60px)}#LoginMain .triangles{height:calc(100vh - 60px)}}"]
|
|
150
150
|
},] }
|
|
151
151
|
];
|
|
152
152
|
LoginComponent.ctorParameters = () => [
|
|
@@ -15,7 +15,7 @@ ModalComponent.decorators = [
|
|
|
15
15
|
{ type: Component, args: [{
|
|
16
16
|
selector: 'lib-modal',
|
|
17
17
|
template: "<div [id]=\"modal.id + 'Modal'\" class=\"modal\">\r\n <div class=\"w-100 h-100 d-f-top\">\r\n <div [className]=\"(modal.class ? modal.class : '') + (modal.class.includes('xlg') ? '' : modal.class.includes('lg') ? ' w-1000-60 w-700-70' : modal.class.includes('sm') ? ' w-1400-20 w-1100-30 w-600-60 w-500-70 w-400-80' : modal.class.includes('xs') ? ' w-1400-15 w-1100-25 w-600-40 w-500-50 w-400-65' : ' w-1300-40 w-1100-50 w-600-60 w-500-70 w-400-80') + ' content w-90'\">\r\n <lib-form-button [inp]=\"close\"></lib-form-button>\r\n <div class=\"body\">\r\n <ng-content></ng-content>\r\n <lib-form *ngIf=\"modal.form != null && modal.firstForm\" [form]=\"modal.form\"></lib-form>\r\n <lib-table *ngIf=\"modal.table != null\" [table]=\"modal.table\"></lib-table>\r\n <lib-form *ngIf=\"modal.form != null && !modal.firstForm\" [form]=\"modal.form\"></lib-form>\r\n <lib-accordion *ngIf=\"modal.accordion != null\" [accordion]=\"modal.accordion\"></lib-accordion>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
18
|
-
styles: [".modal{background-color:rgba(51,51,51,.8);display:none;height:100%;overflow-y:auto;position:fixed;right:0;top:0;width:100%;z-index:999}.modal .content{background-color:#fff;border-radius:var(--border-radius-base);box-shadow:var(--box-shadow-modal);margin-bottom:50px;margin-top:50px;position:relative;z-index:2}.modal .content .header{float:right;position:relative;text-align:center;width:100%}.modal .content .header .title{float:left;font-size:18px;font-weight:
|
|
18
|
+
styles: [".modal{background-color:rgba(51,51,51,.8);display:none;height:100%;overflow-y:auto;position:fixed;right:0;top:0;width:100%;z-index:999}.modal .content{background-color:#fff;border-radius:var(--border-radius-base);box-shadow:var(--box-shadow-modal);margin-bottom:50px;margin-top:50px;position:relative;z-index:2}.modal .content .header{float:right;position:relative;text-align:center;width:100%}.modal .content .header .title{float:left;font-size:18px;font-weight:var(--font-bold);height:40px;line-height:40px;width:100%}::ng-deep .modal .content>lib-form-button .form-input-con.button{left:-25px;position:absolute;top:-10px;z-index:105}::ng-deep .modal .content .body .table-con{box-shadow:unset!important}.modal .content .body{float:right;position:relative;width:100%}@media (max-width:399.98px){::ng-deep .modal .content>lib-form-button .form-input-con.button{left:-10px;padding:0}}"]
|
|
19
19
|
},] }
|
|
20
20
|
];
|
|
21
21
|
ModalComponent.ctorParameters = () => [];
|
|
@@ -20,7 +20,7 @@ NotfoundComponent.decorators = [
|
|
|
20
20
|
{ type: Component, args: [{
|
|
21
21
|
selector: 'lib-notfound',
|
|
22
22
|
template: "<div id=\"Notfound\">\r\n <div class=\"notfound-con\">\r\n <i class=\"far fa-frown notfound-icon\"></i>\r\n <div class=\"notfound\">404</div>\r\n <div class=\"notfound-text\">{{l(\"Text\")}}</div>\r\n <div class=\"notfound-btn\">\r\n <lib-form-button [inp]=\"back\"></lib-form-button>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
23
|
-
styles: ["#Notfound{align-items:center;background-color:#fff;display:flex;float:right;justify-content:center;min-height:calc(100vh - 125px);position:relative;width:100%}#Notfound .notfound-con{border-radius:var(--border-radius-base);float:right;height:100%;width:100%}#Notfound .notfound-con .notfound{float:right;font-size:60px;font-weight:
|
|
23
|
+
styles: ["#Notfound{align-items:center;background-color:#fff;display:flex;float:right;justify-content:center;min-height:calc(100vh - 125px);position:relative;width:100%}#Notfound .notfound-con{border-radius:var(--border-radius-base);float:right;height:100%;width:100%}#Notfound .notfound-con .notfound{float:right;font-size:60px;font-weight:var(--font-bold);height:100px;line-height:120px;position:relative;text-align:center;width:100%;z-index:2}#Notfound .notfound-con .notfound-text{float:right;font-size:16px;font-weight:var(--font-light);height:40px;line-height:40px;position:relative;text-align:center;width:100%;z-index:2}#Notfound .notfound-con .notfound-btn{float:right;margin-right:40%;margin-top:15px;position:relative;width:20%;z-index:2}#Notfound .notfound-con .notfound-icon{color:var(--base-white);float:right;font-size:150px;text-align:center;width:100%}@media (max-width:399.99px){#Notfound .notfound-con{right:5%;width:90%}#Notfound .notfound-con .notfound{font-size:90px}#Notfound .notfound-con .notfound-text{font-size:14px}#Notfound .notfound-con .notfound-icon{font-size:300px;left:-90px}}@media (min-width:400px) and (max-width:499.99px){#Notfound .notfound-con{right:5%;width:90%}#Notfound .notfound-con .notfound{font-size:110px}#Notfound .notfound-con .notfound-text{font-size:16px}#Notfound .notfound-con .notfound-icon{font-size:380px}}@media (min-width:500px) and (max-width:599.99px){#Notfound .notfound-con{right:5%;width:90%}#Notfound .notfound-con .notfound{font-size:110px}#Notfound .notfound-con .notfound-text{font-size:16px}#Notfound .notfound-con .notfound-icon{font-size:380px}}@media (min-width:600px) and (max-width:699.99px){#Notfound .notfound-con{right:10%;width:80%}#Notfound .notfound-con .notfound{font-size:120px}#Notfound .notfound-con .notfound-text{font-size:17px}}"]
|
|
24
24
|
},] }
|
|
25
25
|
];
|
|
26
26
|
NotfoundComponent.ctorParameters = () => [
|
|
@@ -84,7 +84,7 @@ SidebarComponent.decorators = [
|
|
|
84
84
|
{ type: Component, args: [{
|
|
85
85
|
selector: 'lib-sidebar',
|
|
86
86
|
template: "<div id=\"Sidebar\" [class]=\"(countItems > 1 ? 'open' : 'one-item') + (currentData.setting.sidebar?.mini ? ' mini' : '')\">\r\n <div class=\"sidebar-shadow\" (click)=\"toggleSidebar()\"></div>\r\n <div class=\"sidebar-scroll\">\r\n <i (click)=\"toggleSidebar()\" class=\"toggle fad fa-angle-double-left\"></i>\r\n <a class=\"brand-con\" href=\"/\">\r\n <div class=\"logo\"></div>\r\n <div class=\"title\">\r\n {{l('SoftwareName')}}\r\n <div class=\"version\">{{l('Version', currentData.software.Version)}}</div>\r\n </div>\r\n </a>\r\n <div class=\"sidebar-con\" id=\"sidebar-con\">\r\n <span *ngFor=\"let item of sidebar\">\r\n <lib-sidebar-item [i]=\"0\" [item]=\"item\" [base]=\"true\" [currentSidebar]=\"currentSidebar\"></lib-sidebar-item>\r\n </span>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
87
|
-
styles: ["::ng-deep #Sidebar{background-color:var(--base);height:calc(100vh - 35px);min-height:calc(100vh - 35px);position:relative;transition:width .3s;width:78px;z-index:112}::ng-deep #Sidebar,::ng-deep #Sidebar .sidebar-shadow{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;direction:ltr;float:right}::ng-deep #Sidebar .sidebar-shadow{background-color:var(--black);height:100vh;left:0;min-height:100vh;opacity:0;overflow:hidden;position:fixed;transition:all .3s;visibility:hidden;width:100%;z-index:103}::ng-deep #Sidebar .toggle{color:var(--primary);cursor:pointer;float:left;font-size:18px;height:50px;left:-50px;line-height:50px;position:absolute;text-align:center;transform:scaleX(1);transition:all .3s;width:50px}::ng-deep #Sidebar .toggle:hover{color:var(--primary-dark)}::ng-deep #Sidebar .sidebar-scroll{background-color:var(--base);height:100%;position:absolute;right:0;top:0;transition:all .3s;width:100%;z-index:104}::ng-deep #Sidebar .sidebar-scroll .brand-con{align-items:center;background-color:var(--base-dark);direction:rtl;display:flex;float:right;height:50px;justify-content:center;width:100%}::ng-deep #Sidebar .sidebar-scroll .brand-con .logo{background-position:50%;background-repeat:no-repeat;background-size:contain;float:right;height:30px;width:30px}::ng-deep #Sidebar .sidebar-scroll .brand-con .title{align-items:center;color:#fff;display:flex;font-size:15px;font-weight:700;height:100%;justify-content:center;overflow:hidden;position:relative;top:-4px;transition:all .3s;white-space:nowrap;width:0}::ng-deep #Sidebar .sidebar-scroll .brand-con .title .version{font-size:9px;font-weight:200;position:absolute;top:27px}::ng-deep #Sidebar .sidebar-scroll .sidebar-con{direction:ltr;float:right;height:calc(100vh - 85px);overflow-x:hidden;overflow-y:auto;width:100%}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item{float:left;position:relative;text-align:center;width:100%}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .content{align-items:center;cursor:pointer;direction:rtl;display:flex;float:right;justify-content:right;position:relative;transition:all .3s;width:100%}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .dot{background-color:var(--base);border:2px solid hsla(0,0%,93.3%,.4);border-radius:50%;height:10px;position:absolute;right:-15px;top:15px;width:10px;z-index:2}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .dot.active{background-color:var(--base-white);border:2px solid var(--base-white)}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item.parent-active>.dot.parent{background-color:hsla(0,0%,93.3%,.4);border:none}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .dot.back{background-color:var(--base);border:none;z-index:1}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .children{display:none;float:left;position:relative;width:100%}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .children .items{float:left;width:100%}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .children .line{background-color:hsla(0,0%,93.3%,.4);height:calc(100% - 20px);left:calc(85% + 10px);position:absolute;top:0;width:1px}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .content .title{color:hsla(0,0%,100%,.8);float:right;font-size:12px;font-weight:400;height:45px;line-height:45px;overflow:hidden;transition:all .3s;width:0}::ng-deep #Sidebar.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .title{height:0;width:0}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .content .count-all{background-color:var(--primary);border-radius:50%;color:#fff;font-size:12px;height:20px;left:10px;line-height:22px;min-width:20px;padding:0 5px;position:absolute;top:calc(50% - 10px)}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .content>.count{background-color:var(--red);border-radius:50%;color:#fff;font-size:12px;height:20px;left:10px;line-height:22px;min-width:20px;padding:0 5px;position:absolute;top:calc(50% - 10px)}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .content .count-all>.count{background-color:var(--red);border-radius:50%;bottom:-5px;color:#fff;font-size:10px;height:16px;left:calc(100% - 5px);line-height:18px;min-width:16px;padding:0 3px;position:absolute}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .content .icon{color:hsla(0,0%,100%,.6666666666666666);float:right;font-size:18px;height:45px;line-height:45px;transition:all .3s;width:100%}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .content .arrow{color:hsla(0,0%,100%,.8);font-size:13px;height:45px;line-height:45px;overflow:hidden;text-align:center;transition:all .3s;width:0}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item>.children .content .icon{font-size:11px}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item.parent-active>.content,::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item:hover>.content{background-color:var(--base-dark)}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item.parent-active>.content .title,::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item:hover>.content .title{color:#fff;font-weight:700}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item.parent-active>.content .icon,::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item:hover>.content .icon{color:var(--primary)}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item.parent-active>.content .arrow,::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item:hover>.content .arrow{color:#fff}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item.parent-active>.children{display:block}::ng-deep #Sidebar.open{width:260px}::ng-deep #Sidebar.open .toggle{transform:scaleX(-1)}::ng-deep #Sidebar.open .sidebar-scroll .brand-con .title{width:110px}::ng-deep #Sidebar.open .sidebar-scroll .sidebar-con .user-sidebar-item .content .title{width:calc(100% - 100px)}::ng-deep #Sidebar.open.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .title{height:30px;line-height:20px;width:100%}::ng-deep #Sidebar.open .sidebar-scroll .sidebar-con .user-sidebar-item .content .icon{width:70px}::ng-deep #Sidebar.open .sidebar-scroll .sidebar-con .user-sidebar-item .content .arrow{width:30px}::ng-deep #Sidebar.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content{flex-direction:column;padding:10px 0}::ng-deep #Sidebar.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .icon{font-size:25px;height:60px;line-height:60px}::ng-deep #Sidebar.open.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .icon{height:45px;line-height:45px}::ng-deep #Sidebar.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .arrow{bottom:0;height:20px;line-height:20px;position:absolute}::ng-deep #Sidebar.open.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .arrow{width:30px}::ng-deep #Sidebar.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .arrow:before{content:\"\\f107\"}::ng-deep #Sidebar.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .arrow:after{content:\"\\f107\\f107\"}::ng-deep #Sidebar.open.mini{width:150px}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item.open>.content .arrow{transform:rotate(-90deg)}::ng-deep #Sidebar.mini .sidebar-scroll .sidebar-con .user-sidebar-item.open>.content .arrow{transform:rotate(-180deg)}::ng-deep #Sidebar.mini .sidebar-scroll .sidebar-con .user-sidebar-item>.children .content .icon{font-size:20px;height:60px;line-height:60px}::ng-deep #Sidebar.open.mini .sidebar-scroll .sidebar-con .user-sidebar-item>.children .content .icon{height:40px;line-height:40px}::ng-deep #Sidebar.one-item{width:0!important}::ng-deep #Sidebar.one-item .sidebar-shadow,::ng-deep #Sidebar.one-item .toggle{display:none}::ng-deep #Sidebar.one-item .sidebar-scroll{width:0!important}@media (max-width:1199.98px){::ng-deep #Sidebar{height:calc(100vh - 35px);min-height:calc(100vh - 35px)}::ng-deep #Sidebar,::ng-deep #Sidebar.mini,::ng-deep #Sidebar.open,::ng-deep #Sidebar.open.mini{width:78px}::ng-deep #Sidebar .sidebar-scroll{width:260px}::ng-deep #Sidebar.mini .sidebar-scroll{width:150px}::ng-deep #Sidebar.open .sidebar-scroll{width:100%}::ng-deep #Sidebar.open .sidebar-scroll .brand-con .title{width:0}::ng-deep #Sidebar .sidebar-scroll .brand-con .title{width:110px}::ng-deep #Sidebar .sidebar-shadow{opacity:.7;visibility:visible}::ng-deep #Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden}::ng-deep #Sidebar .toggle{color:var(--white);transform:scaleX(-1)}::ng-deep #Sidebar .toggle:hover{color:var(--white)}::ng-deep #Sidebar.open .toggle{color:var(--primary);transform:scaleX(1)}::ng-deep #Sidebar.open .toggle:hover{color:var(--primary-dark)}::ng-deep #Sidebar .sidebar-scroll .sidebar-con{height:calc(100vh - 85px)}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .content .title{width:calc(100% - 100px)}::ng-deep #Sidebar.open .sidebar-scroll .sidebar-con .user-sidebar-item .content .title{width:0}::ng-deep #Sidebar.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .title{height:30px;line-height:30px;width:100%}::ng-deep #Sidebar.open.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .title{height:0;width:0}::ng-deep #Sidebar.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .icon{height:45px;line-height:45px;width:45px}::ng-deep #Sidebar.mini .sidebar-scroll .sidebar-con .user-sidebar-item>.children .content .icon{height:40px;line-height:40px;width:40px}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .content .count-all,::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .content>.count{bottom:5px;left:5px;top:unset}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .content .icon{width:70px}::ng-deep #Sidebar.open .sidebar-scroll .sidebar-con .user-sidebar-item .content .icon{width:100%}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .content .arrow{width:30px}::ng-deep #Sidebar.open.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .arrow,::ng-deep #Sidebar.open .sidebar-scroll .sidebar-con .user-sidebar-item .content .arrow{width:0}}@media (max-width:399.98px){::ng-deep #Sidebar .sidebar-scroll{width:240px}}@media (max-width:599.98px){::ng-deep #Sidebar{height:100vh;min-height:100vh}::ng-deep #Sidebar .sidebar-scroll .sidebar-con{height:calc(100vh - 50px)}::ng-deep #Sidebar,::ng-deep #Sidebar.mini,::ng-deep #Sidebar.open,::ng-deep #Sidebar.open.mini{width:0}}"]
|
|
87
|
+
styles: ["::ng-deep #Sidebar{background-color:var(--base);height:calc(100vh - 35px);min-height:calc(100vh - 35px);position:relative;transition:width .3s;width:78px;z-index:112}::ng-deep #Sidebar,::ng-deep #Sidebar .sidebar-shadow{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;direction:ltr;float:right}::ng-deep #Sidebar .sidebar-shadow{background-color:var(--black);height:100vh;left:0;min-height:100vh;opacity:0;overflow:hidden;position:fixed;transition:all .3s;visibility:hidden;width:100%;z-index:103}::ng-deep #Sidebar .toggle{color:var(--primary);cursor:pointer;float:left;font-size:18px;height:50px;left:-50px;line-height:50px;position:absolute;text-align:center;transform:scaleX(1);transition:all .3s;width:50px}::ng-deep #Sidebar .toggle:hover{color:var(--primary-dark)}::ng-deep #Sidebar .sidebar-scroll{background-color:var(--base);height:100%;position:absolute;right:0;top:0;transition:all .3s;width:100%;z-index:104}::ng-deep #Sidebar .sidebar-scroll .brand-con{align-items:center;background-color:var(--base-dark);direction:rtl;display:flex;float:right;height:50px;justify-content:center;width:100%}::ng-deep #Sidebar .sidebar-scroll .brand-con .logo{background-position:50%;background-repeat:no-repeat;background-size:contain;float:right;height:30px;width:30px}::ng-deep #Sidebar .sidebar-scroll .brand-con .title{align-items:center;color:#fff;display:flex;font-size:15px;font-weight:var(--font-bold);height:100%;justify-content:center;overflow:hidden;position:relative;top:-4px;transition:all .3s;white-space:nowrap;width:0}::ng-deep #Sidebar .sidebar-scroll .brand-con .title .version{font-size:9px;font-weight:var(--font-light);position:absolute;top:27px}::ng-deep #Sidebar .sidebar-scroll .sidebar-con{direction:ltr;float:right;height:calc(100vh - 85px);overflow-x:hidden;overflow-y:auto;width:100%}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item{float:left;position:relative;text-align:center;width:100%}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .content{align-items:center;cursor:pointer;direction:rtl;display:flex;float:right;justify-content:right;position:relative;transition:all .3s;width:100%}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .dot{background-color:var(--base);border:2px solid hsla(0,0%,93.3%,.4);border-radius:50%;height:10px;position:absolute;right:-15px;top:15px;width:10px;z-index:2}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .dot.active{background-color:var(--base-white);border:2px solid var(--base-white)}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item.parent-active>.dot.parent{background-color:hsla(0,0%,93.3%,.4);border:none}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .dot.back{background-color:var(--base);border:none;z-index:1}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .children{display:none;float:left;position:relative;width:100%}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .children .items{float:left;width:100%}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .children .line{background-color:hsla(0,0%,93.3%,.4);height:calc(100% - 20px);left:calc(85% + 10px);position:absolute;top:0;width:1px}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .content .title{color:hsla(0,0%,100%,.8);float:right;font-size:12px;font-weight:var(--font-normal);height:45px;line-height:45px;overflow:hidden;transition:all .3s;width:0}::ng-deep #Sidebar.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .title{height:0;width:0}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .content .count-all{background-color:var(--primary);border-radius:50%;color:#fff;font-size:12px;height:20px;left:10px;line-height:22px;min-width:20px;padding:0 5px;position:absolute;top:calc(50% - 10px)}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .content>.count{background-color:var(--red);border-radius:50%;color:#fff;font-size:12px;height:20px;left:10px;line-height:22px;min-width:20px;padding:0 5px;position:absolute;top:calc(50% - 10px)}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .content .count-all>.count{background-color:var(--red);border-radius:50%;bottom:-5px;color:#fff;font-size:10px;height:16px;left:calc(100% - 5px);line-height:18px;min-width:16px;padding:0 3px;position:absolute}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .content .icon{color:hsla(0,0%,100%,.6666666666666666);float:right;font-size:18px;height:45px;line-height:45px;transition:all .3s;width:100%}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .content .arrow{color:hsla(0,0%,100%,.8);font-size:13px;height:45px;line-height:45px;overflow:hidden;text-align:center;transition:all .3s;width:0}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item>.children .content .icon{font-size:11px}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item.parent-active>.content,::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item:hover>.content{background-color:var(--base-dark)}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item.parent-active>.content .title,::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item:hover>.content .title{color:#fff;font-weight:var(--font-bold)}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item.parent-active>.content .icon,::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item:hover>.content .icon{color:var(--primary)}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item.parent-active>.content .arrow,::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item:hover>.content .arrow{color:#fff}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item.parent-active>.children{display:block}::ng-deep #Sidebar.open{width:260px}::ng-deep #Sidebar.open .toggle{transform:scaleX(-1)}::ng-deep #Sidebar.open .sidebar-scroll .brand-con .title{width:110px}::ng-deep #Sidebar.open .sidebar-scroll .sidebar-con .user-sidebar-item .content .title{width:calc(100% - 100px)}::ng-deep #Sidebar.open.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .title{height:30px;line-height:20px;width:100%}::ng-deep #Sidebar.open .sidebar-scroll .sidebar-con .user-sidebar-item .content .icon{width:70px}::ng-deep #Sidebar.open .sidebar-scroll .sidebar-con .user-sidebar-item .content .arrow{width:30px}::ng-deep #Sidebar.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content{flex-direction:column;padding:10px 0}::ng-deep #Sidebar.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .icon{font-size:25px;height:60px;line-height:60px}::ng-deep #Sidebar.open.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .icon{height:45px;line-height:45px}::ng-deep #Sidebar.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .arrow{bottom:0;height:20px;line-height:20px;position:absolute}::ng-deep #Sidebar.open.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .arrow{width:30px}::ng-deep #Sidebar.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .arrow:before{content:\"\\f107\"}::ng-deep #Sidebar.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .arrow:after{content:\"\\f107\\f107\"}::ng-deep #Sidebar.open.mini{width:150px}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item.open>.content .arrow{transform:rotate(-90deg)}::ng-deep #Sidebar.mini .sidebar-scroll .sidebar-con .user-sidebar-item.open>.content .arrow{transform:rotate(-180deg)}::ng-deep #Sidebar.mini .sidebar-scroll .sidebar-con .user-sidebar-item>.children .content .icon{font-size:20px;height:60px;line-height:60px}::ng-deep #Sidebar.open.mini .sidebar-scroll .sidebar-con .user-sidebar-item>.children .content .icon{height:40px;line-height:40px}::ng-deep #Sidebar.one-item{width:0!important}::ng-deep #Sidebar.one-item .sidebar-shadow,::ng-deep #Sidebar.one-item .toggle{display:none}::ng-deep #Sidebar.one-item .sidebar-scroll{width:0!important}@media (max-width:1199.98px){::ng-deep #Sidebar{height:calc(100vh - 35px);min-height:calc(100vh - 35px)}::ng-deep #Sidebar,::ng-deep #Sidebar.mini,::ng-deep #Sidebar.open,::ng-deep #Sidebar.open.mini{width:78px}::ng-deep #Sidebar .sidebar-scroll{width:260px}::ng-deep #Sidebar.mini .sidebar-scroll{width:150px}::ng-deep #Sidebar.open .sidebar-scroll{width:100%}::ng-deep #Sidebar.open .sidebar-scroll .brand-con .title{width:0}::ng-deep #Sidebar .sidebar-scroll .brand-con .title{width:110px}::ng-deep #Sidebar .sidebar-shadow{opacity:.7;visibility:visible}::ng-deep #Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden}::ng-deep #Sidebar .toggle{color:var(--white);transform:scaleX(-1)}::ng-deep #Sidebar .toggle:hover{color:var(--white)}::ng-deep #Sidebar.open .toggle{color:var(--primary);transform:scaleX(1)}::ng-deep #Sidebar.open .toggle:hover{color:var(--primary-dark)}::ng-deep #Sidebar .sidebar-scroll .sidebar-con{height:calc(100vh - 85px)}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .content .title{width:calc(100% - 100px)}::ng-deep #Sidebar.open .sidebar-scroll .sidebar-con .user-sidebar-item .content .title{width:0}::ng-deep #Sidebar.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .title{height:30px;line-height:30px;width:100%}::ng-deep #Sidebar.open.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .title{height:0;width:0}::ng-deep #Sidebar.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .icon{height:45px;line-height:45px;width:45px}::ng-deep #Sidebar.mini .sidebar-scroll .sidebar-con .user-sidebar-item>.children .content .icon{height:40px;line-height:40px;width:40px}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .content .count-all,::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .content>.count{bottom:5px;left:5px;top:unset}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .content .icon{width:70px}::ng-deep #Sidebar.open .sidebar-scroll .sidebar-con .user-sidebar-item .content .icon{width:100%}::ng-deep #Sidebar .sidebar-scroll .sidebar-con .user-sidebar-item .content .arrow{width:30px}::ng-deep #Sidebar.open.mini .sidebar-scroll .sidebar-con .user-sidebar-item .content .arrow,::ng-deep #Sidebar.open .sidebar-scroll .sidebar-con .user-sidebar-item .content .arrow{width:0}}@media (max-width:399.98px){::ng-deep #Sidebar .sidebar-scroll{width:240px}}@media (max-width:599.98px){::ng-deep #Sidebar{height:100vh;min-height:100vh}::ng-deep #Sidebar .sidebar-scroll .sidebar-con{height:calc(100vh - 50px)}::ng-deep #Sidebar,::ng-deep #Sidebar.mini,::ng-deep #Sidebar.open,::ng-deep #Sidebar.open.mini{width:0}}"]
|
|
88
88
|
},] }
|
|
89
89
|
];
|
|
90
90
|
SidebarComponent.ctorParameters = () => [
|
|
@@ -7,7 +7,7 @@ TableLoadingComponent.decorators = [
|
|
|
7
7
|
{ type: Component, args: [{
|
|
8
8
|
selector: 'lib-table-loading',
|
|
9
9
|
template: "<div *ngIf=\"table.loading\" class=\"loading\">\r\n <div class=\"text\" [innerHTML]=\"table.l('LoadingTable', 'Processing')\"></div>\r\n</div>\r\n<div *ngIf=\"!table.permission\" class=\"loading access\">\r\n <div class=\"text\"><i class=\"fas fa-shield-alt icon\"></i>{{ table.l(\"PermissionDenied\") }}</div>\r\n</div>\r\n<div *ngIf=\"!table.loading && table.permission && ((!table.vertical && table.rows.length == 0) || (table.vertical && table.rows.length == 1))\" class=\"loading notfound\">\r\n <div class=\"text\"><i class=\"fas fa-exclamation icon\"></i>{{ table.l(\"NotfoundTitle\") }}</div>\r\n</div>\r\n",
|
|
10
|
-
styles: [".loading{background-color:#fff;border-radius:var(--border-radius-base);bottom:0;height:100%;right:0}.loading,.loading .text{position:absolute;text-align:center;width:100%}.loading .text{font-weight:
|
|
10
|
+
styles: [".loading{background-color:#fff;border-radius:var(--border-radius-base);bottom:0;height:100%;right:0}.loading,.loading .text{position:absolute;text-align:center;width:100%}.loading .text{font-weight:var(--font-bold);height:35px;line-height:35px;top:calc(50% - 20px)}::ng-deep .loading .text .icon{font-size:20px!important;line-height:30px;margin-left:5px;position:relative;top:5px}"]
|
|
11
11
|
},] }
|
|
12
12
|
];
|
|
13
13
|
TableLoadingComponent.ctorParameters = () => [];
|