ps-toolkit-ui 0.2.18 → 0.2.21
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 +51 -51
- 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/clock/clock.component.js +1 -1
- package/esm2015/lib/components/confirm/confirm.component.js +1 -1
- package/esm2015/lib/components/footer/footer.component.js +1 -1
- package/esm2015/lib/components/form/bank-card/form.bank-card.component.js +1 -1
- package/esm2015/lib/components/form/button/form.button.component.js +1 -1
- package/esm2015/lib/components/form/car/form.car.component.js +1 -1
- package/esm2015/lib/components/form/car/search/form.car.search.component.js +1 -1
- package/esm2015/lib/components/form/checkbox/form.checkbox.component.js +1 -1
- package/esm2015/lib/components/form/date/form.date.component.js +1 -1
- package/esm2015/lib/components/form/datetime/form.datetime.component.js +1 -1
- package/esm2015/lib/components/form/file/form.file.component.js +1 -1
- package/esm2015/lib/components/form/finger/form.finger.component.js +1 -1
- package/esm2015/lib/components/form/icon/form.icon.component.js +1 -1
- package/esm2015/lib/components/form/index/form.component.js +1 -1
- package/esm2015/lib/components/form/plaque/form.plaque.component.js +1 -1
- package/esm2015/lib/components/form/plaque/select/form.plaque.select.component.js +1 -1
- package/esm2015/lib/components/form/radio/form.radio.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 +1 -1
- package/esm2015/lib/components/form/table/form.table.component.js +1 -1
- package/esm2015/lib/components/form/textarea/form.textarea.component.js +1 -1
- package/esm2015/lib/components/form/textbox/form.textbox.component.js +1 -1
- package/esm2015/lib/components/form/time/form.time.component.js +1 -1
- package/esm2015/lib/components/form/tree/form.tree.component.js +1 -1
- package/esm2015/lib/components/form/tree/item/form.tree.item.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/layout/layout.component.js +1 -1
- package/esm2015/lib/components/login/login.component.js +8 -8
- package/esm2015/lib/components/modal/modal.component.js +1 -1
- package/esm2015/lib/components/notfound/notfound.component.js +1 -1
- package/esm2015/lib/components/notification/notification.component.js +1 -1
- package/esm2015/lib/components/sidebar/item/sidebar.item.component.js +1 -1
- package/esm2015/lib/components/sidebar/sidebar.component.js +1 -1
- package/esm2015/lib/components/steps/steps.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/esm2015/lib/components/table-old/loading/table-old.loading.component.js +1 -1
- package/esm2015/lib/components/table-old/row/table-old.row.component.js +1 -1
- package/esm2015/lib/components/table-old/table-old.component.js +1 -1
- package/esm2015/lib/components/tooltip/tooltip.component.js +1 -1
- package/fesm2015/ps-toolkit-ui.js +51 -51
- 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 +30 -43
|
@@ -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.displayLabel\" class=\"title underline\">{{this.accordion.l(this.accordion.name)}}</div>\r\n <div class=\"accordion-item-con w-100\" *ngFor=\"let acc of this.accordion.rows; let i = index\">\r\n <div class=\"accordion-item\" [id]=\"'AccordionRow' + acc.id\" *ngIf=\"acc.show\">\r\n <div class=\"header\" (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 ') + 'fa-duotone 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\" [table]=\"acc.table\"></lib-table>\r\n <lib-form *ngIf=\"acc.form != null\" [form]=\"acc.form\"></lib-form>\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:
|
|
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-family:VazirBold;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-family:VazirBold;font-size:16px;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:
|
|
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-family:VazirBold;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-family:VazirBold;font-size:16px;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 = () => [
|
|
@@ -88,7 +88,7 @@ CalendarComponent.decorators = [
|
|
|
88
88
|
{ type: Component, args: [{
|
|
89
89
|
selector: 'lib-calendar',
|
|
90
90
|
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",
|
|
91
|
-
styles: ["#Calendar{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;background-color:#fff;border-radius:
|
|
91
|
+
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-family:VazirBold;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-family:VazirBold;font-size:12px;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-family:VazirLight;font-size:12px;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)}"]
|
|
92
92
|
},] }
|
|
93
93
|
];
|
|
94
94
|
CalendarComponent.ctorParameters = () => [
|
|
@@ -23,7 +23,7 @@ ClockComponent.decorators = [
|
|
|
23
23
|
{ type: Component, args: [{
|
|
24
24
|
selector: 'lib-clock',
|
|
25
25
|
template: "<div id=\"ClockCon\">\r\n <div id=\"clock\">\r\n <b></b>\r\n <span></span>\r\n <span></span>\r\n <i id=\"hour\"></i>\r\n <i id=\"minute\"></i>\r\n <i id=\"second\"></i>\r\n </div>\r\n</div>\r\n",
|
|
26
|
-
styles: ["#ClockCon{float:right}#ClockCon,#ClockCon #clock{height:10em;position:relative;width:10em}#ClockCon #clock{background-color:#fff;border:.0625em solid var(--black-
|
|
26
|
+
styles: ["#ClockCon{float:right}#ClockCon,#ClockCon #clock{height:10em;position:relative;width:10em}#ClockCon #clock{background-color:#fff;border:.0625em solid var(--black-white);border-radius:50%;box-shadow:inset .125em .25em .5em var(--black-white),-.25em -.5em .5em var(--black-white),0 0 .0625em .5em var(--black-white),0 0 .0625em .5625em var(--black-white),.125em .25em .5em .5em var(--black-white);line-height:1.5em;transform:scale(.9)}#ClockCon #clock *,#ClockCon #clock :after,#ClockCon #clock :before{background-clip:padding-box;box-sizing:border-box}#ClockCon #clock:after,#ClockCon #clock:before,#ClockCon #clock b:after,#ClockCon #clock b:before{position:absolute;text-align:center;width:1.5em}#ClockCon #clock b{position:absolute;top:4.25em;width:100%}#ClockCon #clock:after,#ClockCon #clock:before{left:4.25em}#ClockCon #clock:before{content:\"12\";top:0}#ClockCon #clock:after{bottom:0;content:\"6\"}#ClockCon #clock b:before{content:\"9\";left:0}#ClockCon #clock b:after{content:\"3\";right:0}#ClockCon #clock span{height:100%;left:4.9375em;position:absolute;top:0;width:.125em}#ClockCon #clock span+span{transform:rotate(90deg)}#ClockCon #clock i,#ClockCon #clock span:after,#ClockCon #clock span:before{height:9em;left:0;position:absolute;top:.5em;width:100%}#ClockCon #clock span:after,#ClockCon #clock span:before{border-color:#000;border-style:solid;border-width:.5em 0;content:\"\";transform:rotate(30deg)}#ClockCon #clock span:after{transform:rotate(60deg)}#ClockCon #clock i{background-color:#000;border:solid transparent;border-radius:40%;border-width:0 0 3em;left:4.85em;width:.3em;z-index:2}#ClockCon #clock i:first-of-type{border-width:1.5em 0 3em}#ClockCon #clock i:last-of-type{background-color:var(--primary)}#ClockCon #clock i:last-of-type:after,#ClockCon #clock i:last-of-type:before{border-radius:50%;content:\"\";position:absolute}#ClockCon #clock i:last-of-type:before{background:#000;height:1em;left:-.375em;top:4em;width:1em}#ClockCon #clock i:last-of-type:after{background:#abc;height:.5em;left:-.125em;top:4.25em;width:.5em}"]
|
|
27
27
|
},] }
|
|
28
28
|
];
|
|
29
29
|
ClockComponent.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:
|
|
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-family:VazirBold;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-family:VazirBold;font-size:16px;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 @@ 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')}}\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-family:VazirBold;font-size:12px;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(--
|
|
17
|
+
styles: ["#Footer{background-color:var(--base-dark);bottom:0;color:#fff;font-family:VazirBold;font-size:12px;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:399.98px){#Footer .copyright,#Footer .creator{font-size:11px;line-height:30px;width:100%}}@media (min-width:400px) and (max-width:499.98px){#Footer .copyright,#Footer .creator{line-height:30px;width:100%}}@media (min-width:500px) and (max-width:599.98px){#Footer .copyright,#Footer .creator{line-height:30px;width:100%}}"]
|
|
18
18
|
},] }
|
|
19
19
|
];
|
|
20
20
|
FooterComponent.ctorParameters = () => [
|