ps-toolkit-ui 0.0.204 → 0.0.208

package/bundles/ps-toolkit-ui.umd.js

@@ -7134,8 +7134,8 @@
     CalendarComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'lib-calendar',
-                    template: "<div id=\"Calendar\">\r\n  <div class=\"title\">{{l('Today', this.active.format('dddd jDD jMMMM jYYYY'))}}</div>\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' || state === 'month') && changeState('year')\" class=\"year header-item\">\r\n        {{active.format('jYYYY')}}\r\n      </div>\r\n      <div (click)=\"state === 'day' && changeState('month')\" class=\"month 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 [className]=\"'item' + (d.today ? ' today' : '') + (d.selected ? ' selected' : '')\" *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",
-                    styles: ["#Calendar{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;background-color:#fff;border-radius:5px;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-33)}#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-33)}#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:5px;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-11)}#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{float:right;font-size:12px;height:25px;line-height:25px;text-align:center;width:14.28571%}#Calendar .days-con .days{float:right;font-size:12px;height:300px;text-align:center;width:100%}#Calendar .days-con .days .item{align-items:center;cursor:pointer;display:flex;float:right;font-size:13px;justify-content:center;padding-top:14.28571%;position:absolute;text-align:center;width:14.28571%}#Calendar .days-con .days .item.not-in-month{cursor:default;opacity:.5}#Calendar .days-con .days .item:hover{background-color:var(--black-33)}#Calendar .days-con .days .item.not-in-month:hover{background-color:unset}#Calendar .days-con .days .item.today{background-color:var(--comp);color:#fff}#Calendar .days-con .days .item.today.not-in-month:hover{background-color:var(--black-33)}#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-33)}#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-33)}"]
+                    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",
+                    styles: ["#Calendar{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;background-color:#fff;border-radius:5px;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-33)}#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-33)}#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:5px;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-11)}#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:5px;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-33)}#Calendar .days-con .days .item-con.not-in-month:hover{background-color:unset}#Calendar .days-con .days .item-con.today{background-color:var(--comp);color:#fff}#Calendar .days-con .days .item-con.today.not-in-month:hover{background-color:var(--black-33)}#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-33)}#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-33)}"]
                 },] }
     ];
     CalendarComponent.ctorParameters = function () { return [